/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {	display: block;}
ol, ul {	list-style: none; }
li{ background-color:transparent;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none; }
table {	border-collapse: collapse;	border-spacing: 0; }


body 				{ background-repeat: repeat-x; background-position:top center; background-image:url(../images/layout/hg.png);}
.oneColFixCtr 		{ font-family: Arial, Helvetica, sans-serif; font-size:12px;	text-align: center;	margin: 0;	padding:0;	line-height: 18px;     }

#startseite-header	{ 	position:relative;   width:100%; height:190px; text-align:center; margin:0 auto; z-index:100;  }

#header				{ 	position:relative;   width:100%; height:183px; text-align:center; margin:0 auto; z-index:4;  }
#header-content		{ 	position:relative; width:990px; height:180px; margin:0 auto; text-align:left; padding:0 0 0 0;  	}
#header-content h1	{	 font-weight:normal; font-size:20px; font-family:Century Gothic,Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; color: #333333;  }	

#sprache			{ position:relative; margin:0 auto; padding:0; width:970px; z-index:2001;     }
#sprache-wrap		{ position:relative; width:760px; margin:0 auto; text-align:right;    }
#sprache a			{ padding:5px; font-size:14px;}
#sprache a:hover	{ color:#d7c07d;}

#logo				{	float:left;  width:210px; padding:0; text-align:left; z-index:100;  }
#logo img			{	  }
#logo a:hover		{ text-decoration:none; color: #000000;  }

#header-navi		{	position:relative; float:right; text-align:center; width:800px; height:75px; padding:80px 0 0 0;  margin:27px 0px 0 0; z-index:100; }
 
 #facebook					{ padding:relative;  float:right;  padding-right: 10px;}
 #facebook a  				{} 
 #facebook a:hover 			{ } 


#startseite-rahmen	{	 position:relative;  clear:both; width:990px; height:490px;   margin:0 auto; bottom:45px;   z-index:3; text-align:right;  }
#startseite-bilder	{	 position:relative; bottom:487px; clear:both; width:740px; height:293px;   margin:0 auto;   z-index:2; text-align:right;  }
.slideshow 			{	 height: 293px; width: 492px; margin-left:250px; }


#startseite			{	 position:relative; bottom:790px; width:100%; clear:both; height:auto;  text-align:center;  margin:0 auto; z-index:1; }
#footer-startseite	{	 position:absolute;  top:400px; width:100%; clear:both; min-height:333px; height:auto; background-image:url(../images/layout/footer-hg.jpg);  background-position:center; text-align:center; margin:0 auto; z-index:3;} 


#moebel-content						{ position:relative;   clear:both; width:990px; height:345px;   margin:0 auto;  bottom:345px; z-index:2;    }
#moebel-artikel-uebersicht 			{ position:relative; float:right; width:730px; height:342px;  background-color:#FFF; text-align:right; margin-right:50px;   }
#moebel-artikel-titelbild 			{ position:relative; float:right; width:730px; height:342px;  background-color:#FFFFFF; text-align:right;  margin-right:50px;  }
#moebel-artikel-detailinfos 		{ position:relative; float:right; width:940px;   background-color:#d3b76f; text-align:left; margin-right:50px; background-image:url(../images/hg-content.png); }
#moebel-artikel-detailinfos p 		{ font:Arial, Helvetica, sans-serif; font-size:12px;  } 
#moebel-artikel-detailinfos h1 		{ font:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; text-transform:uppercase;  }

#moebel-artikel-detailinfos-menu 	{ position:relative; float:left; width:210px;  height:255px; background-color:#dac287; text-align:left;   padding: 0 0 0 0px; } 

#moebel-artikel-detailinfos-footer-menu { position:relative; clear:both; width:990px;}

.moebel-artikel-bilder 			{	width:730px; height:342px; }
/* prev and next buttons */
#imagenav 					{ position:absolute; top:320px;   z-index:500; height:10px; text-align:left;}
#imagenav a					{ color:#778933; padding:4px; margin:4px; text-decoration:none;  font-size:10px; background-color:#FFF;} 
#imagenav a:hover			{ color:#778933; padding:4px; margin:4px; text-decoration:none;  font-size:10px; background-color:#d4cd7d;} 



#subnavi 			{ list-style:none; padding:0;}	
#subnavi a			{ color:#000; text-decoration:none; padding:5px 20px;}	
#subnavi a:hover	{ text-decoration:none; color: #000000; background-color:#FFFFFF; }
#subnavi ul			{ display:none; height:30px;}	
#subnavi li			{  height:20px;}	

#moebel-artikel-detailinfos-content	{ position:relative; float:right; width:580px;  text-align:left; margin-right:50px;  padding: 0 0 0 0px; } 
#moebel-hg			{	 position:relative; bottom:3px; width:100%; clear:both; height:auto;  text-align:center;  margin:0 auto; z-index:1; }

#footer				{	 position:relative;  top:-334px; width:100%; clear:both; min-height:333px; height:auto; background-image:url(../images/layout/footer-hg.jpg);  background-position:center; text-align:center; margin:0 auto; z-index:1;}
#footer-content		{	width:990px; padding:0px 0 0 0; margin:0 auto; text-align:left; }
#footer-content h1	{	font-size:20px; font-family:Century Gothic,Arial, Helvetica, sans-serif; font-style:italic; }
#footer-content h2	{	font-size:16px; font-family:Century Gothic,Arial, Helvetica, sans-serif; font-style:italic; color:#000; font-weight:normal; }
#footer-content h3	{	font-size:14px; font-family:Century Gothic,Arial, Helvetica, sans-serif; font-style:italic; color:#000; font-weight:normal; }
#footer-content p	{	font-size:10px; font-family: Arial, Helvetica, sans-serif; line-height:10px; }
#footer-content hr 	{ 	border: 0px; border-bottom: 1px solid #000000;}
#footer-content	 a:hover	{	color: #000000; background-color:#FFFFFF;  text-decoration:none;}

#foooter-col1   { position:relative; float:left; width:210px; margin:0 auto; padding:0; text-align:center;}
#foooter-col1 img, #foooter-col6 img    { position:relative; text-align:center;   margin: 5px 0;}
#foooter-col1 a:hover, #foooter-col6 a:hover { text-decoration:none; background-color:transparent;}
#foooter-col2   {position:relative; float:left; width:430px; margin:0; padding:0 10px;}
#foooter-col3   {position:relative; float:left; width:310px; margin:0; padding:0;}

#foooter-col4   {position:relative; float:left; width:760px; margin:0; padding:0; text-align:right; padding-top:50px;}
#foooter-col5   {position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; padding-top:30px;}
#foooter-col6   { position:relative; float:left; width:210px; margin:0 auto; padding:0; text-align:center;}

h1 					{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	letter-spacing: normal;	font-weight: normal;}
h2 					{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #333333;	line-height: 18px;}
a 					{	color: #333333; }

td 					{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	letter-spacing: normal;	font-weight: normal;}

.button				{ background: #9aa01c url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; 
line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #FFFFFF; -webkit-box-shadow: 0 1px 3px #FFFFFF; text-shadow: 0 -1px 1px #9aa01c; border-bottom: 1px solid #9aa01c; position: relative; cursor: pointer; }


form div { line-height:24px; padding:5px 0 0 5px;}
form img { border-color:#FFF; margin-bottom:10px; margin-right:20px;}

label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px; /* Breite.*/
}

form #kontakt br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.erwachsene-link {		position:relative;	text-align:left;			width:auto;	height:auto;	cursor:pointer; display:inline;	 font-weight: normal; font-style:italic;	display:inline;	}
#erwachsene {	display:none; line-height:18px; }