@charset "utf-8";

/**
 * CSS Stile für Kabeltiere
 *
 * @author		Florian Ilch <post@fainomenal.de>
 * @package		de_kabeltiere
 * @version		0.3
*/

*{margin:0;padding:0;border:0;}

html{
	background:		#dbd7d7;
	height:			100%;
}

body{
	cursor: 				default;
	font: 					normal .69em arial, helvetica, sans-serif;
	line-height:			1.14em;	
	color:					#440032;
	height:					100%;
}

h1 a{
	height:					57px;
	background:				transparent url('../medien/img/top.png') left top no-repeat;
	text-indent:			-9999em;
	display:				block;
}
#en h1 a{ background-image: url('../medien/img/top2.png'); }

h2{
	font-size:				2.4em;
	line-height:			1.1em;
	font-weight:			normal;
	background:				transparent url('../medien/img/headline.png') left top no-repeat;
	padding-left:			15px;
	height:					1.6em;
}

h2 em{
	display:				block;
	font-size:				.6em;
	font-style:				normal;
	padding-top:			.1em;
}

h3{
	font-size:				1em;
	float:					left;
	margin-right:			1em;
}

a{
	color:					#c6c414;
}

a:focus{ outline:none; }

p,
dl,
address{
	padding-bottom:			1em;
}

strong{
	text-transform:			uppercase;
	font-weight:			normal;
}

ul, ol{
	list-style-type:		none;
}

address{
	font-style:				normal;
	float:					left;
	width:					200px;
}

dl dt{
	width:					4em;
	float:					left;
}

table{
	margin-bottom:			1em;
}

table th{
	font-weight:			normal;
	width:					7em;
	text-align:				left;
	vertical-align:			top;
}

table th,
table td{
	padding-bottom:			.2em;
}

#wrapper{
	position:				absolute;
	width:					800px;
	height:					485px;
	left:					50%;
	top:					50%;
	margin-top:				-245px;
	margin-left:			-400px;
	background:				transparent url('../medien/img/bg.png') left bottom no-repeat;
}

#inhalt{
	float:					right;
	width:					535px;
	color:					#c6c414;
}

#inhalt .container{
	padding:				0 15px;
}

#inhalt .galerie img{
	display:				block;
	margin:					0 auto;
}

#marginal{
	float:					left;
	width:					265px;
	background:				#c6c414;
}

#marginal p{
	padding:				0 15px;
	font-size:				1.1em;
	line-height:			125%;
}

#navigation{
	padding-top:			2.7em;
	padding-left:			10px;
}

#navigation li a{
	display:				block;
	height:					29px;
	background-color:		#c6c414;
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	text-indent:			-9999em;
}

#navigation li a:hover,
#navigation li a.current{
	background-position:	0px -29px;
}

a#btnkwilden{ background-image: url('../medien/btn/k_wilden.png'); }
a#btngwilden{ background-image: url('../medien/btn/g_wilden.png'); }
a#btnkzahmen{ background-image: url('../medien/btn/k_zahmen.png'); }
a#btngzahmen{ background-image: url('../medien/btn/g_zahmen.png'); }
#en a#btnkwilden{ background-image: url('../medien/btn/l_wild.png'); }
#en a#btngwilden{ background-image: url('../medien/btn/b_wild.png'); }
#en a#btnkzahmen{ background-image: url('../medien/btn/l_tame.png'); }
#en a#btngzahmen{ background-image: url('../medien/btn/b_tame.png'); }

#subnavigation{
	clear:					both;
	position:				absolute;
	bottom:					0;
	padding-left:			1.5em;
	height:					2em;
	background:				#c6c414 url('../medien/img/navi_rechts.png') right top no-repeat;
}

#subnavigation li{
	float:					left;
	margin-right:			1em;
}

#subnavigation li a{
	display:				block;
	height:					16px;
	margin-top:				.2em;
	background-color:		#c6c414;
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	text-indent:			-9999em;
}

#subnavigation li a:hover, 
#subnavigation li a.current{
	background-position:	0px -16px;
}

a#btnabout{	width:					46px;
			background-image:		url('../medien/btn/btn_about.png'); }
a#btnnews{	width:					40px;
			background-image:		url('../medien/btn/btn_news.png'); }
a#btnshoppping{	width:				65px;
			background-image:		url('../medien/btn/btn_shopping.png'); }
a#btncontact{width:					56px;
			background-image:		url('../medien/btn/btn_contact.png'); }

#btnkatalog{
	position:				absolute;
	right:					0;
	bottom:					0;
	display:				block;
	height:					51px;
	width:					116px;
	text-indent:			-9999em;
	background:				transparent url('../medien/btn/btn_katalog.png') left top no-repeat;
}
#en #btnkatalog{ background-image: url('../medien/btn/btn_catalog.png'); }

#impressum{
	position:				absolute;
	right:					1em;
	bottom:					-2em;
}

#impressum li{
	display: 				inline;
	padding-left:			1.2em;
}

#impressum a{color: #440032; text-decoration: none;}
#impressum a:hover{text-decoration:underline;}

#btnlng{
	text-transform:			uppercase;
}

#kabeltier{
	background:				transparent url('../medien/img/kabeltier.png') left top no-repeat;
	width:					210px;
	height:					165px;
	position:				absolute;
	bottom:					-165px;
	left:					-130px;
	text-indent:			-9999em;
}

.noshow{
	display:				none;
}