/* @override http://lena-schueler.de/files/style.css */


/* @group reset */

/* Global Reset ala Eric Meyer */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Ende Global Reset*/

/* @end */

/* @group global */
 
body { background: #d3c4ae; text-align: center; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height:  1.5; }

a { color: #000; text-decoration: underline; }
	a:hover { text-decoration: none; color: #40361e; }
p { margin: 0.5em 0 1em; }
	
.wrap { margin: 0 auto; width: 830px;text-align: left; padding-bottom: 3em; position: relative;  }
.cont_top { background: #fff; position: relative;}


/* @end */

/* @group header+navi */

#header { padding: 60px 0 100px; }
	#header h1 { position: absolute; right: 0;top: 17px; 
			font-size: 16px; text-transform: uppercase;
			background: url(img/logo.gif) no-repeat bottom right;  padding:40px 33px 0; }
		
	#navi ul { width: 100%; float: left; }
	 #navi ul li { float: left; position: relative; padding-right: 15px;   }
	#navi ul ul { position: absolute;left: 0;   top: 18px;}
		#navi ul ul li { height: 1.2em; line-height: 1; padding-right: 10px; width: 90px;}
	#navi ul ul ul { width: 600px; left: 100%; top: 0; }
		#navi ul ul ul li { float: left; }
	 	ul#navi li a { padding-right: 1.5em; }
	 	ul#navi li li a { padding:0; }
	
	#navi strong { font-weight: normal;  }	
		#navi a strong,
		#navi ul ul a  { color: #847763; }
			#navi ul ul a strong,
			#navi ul ul a:hover { color: #000; }
	#navi li.active ul { display: block;  }
	ul#navi li.active li { display: block; height: 1em; }
		 	
	 
	#header a , #header a:visited { text-decoration: none; }
	 	#header a:hover , ul#navi li.active a { color: #847763; } 
	 	
	ul#navi li li.active a, ul#navi li.active  li a:hover { color: #000;  }	 



/* @end */

/* @group vis_cont */

#vis_cont { margin: 30px 0 10px 0; }

.img { display: block; margin: -4em 0 1em; }

#vis_cont .text { width: 415px; }

#schmuck { background: #d3c4ae; padding: 10px 0 6px 10px;position: relative; }
#schmuck li { display: inline; }
#schmuck a { text-decoration: none; }
#schmuck a span { position: absolute; top: -22px; text-transform: none; 
				font-size: 20px; color: #d3c4ae; font-weight: bold;
				margin-left: -10px;  
				}
	* html #schmuck a span { top: -19px ; }
#schmuck a:hover span { color: #847763; }
#schmuck img { padding-right: 10px;height: 112px; width: 150px; }

/* @group sorte */

#sorte { background: #d3c4ae; padding: 10px 0 0 10px;width: 640px; position: relative; min-height: 376px; }
	#sorte li { float: left; }
	#sorte li img { padding:0 10px 10px 0 ; }
	
.galimg { height: 112px; }


/* @end */

/* @end */

/* @group startset */
#startset { margin: -60px 0 0 265px; position: relative; height: 225px; }
	#startset li { position: absolute ; }
	#startset img { height:225px; }


/* @end */

/* @group content - texte */
#cont {  width: 810px; padding: 7px  0 0 0; }
.text { width: 450px; }
	#news {  float:  right; padding: 0; margin-top: 0; width: 300px; }
	#news .text { width: 300px; text-align: right;  }


/* @end */

/* @group footer */
#footer { margin: 5em 0 -3em; font-size: 12px; color: #333;}


/* @end */

/* @group misc */

/* Clearing Floats ohne extra html */
.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .clear {display: inline-block;} /* inline-block ist valides css2.1 */

    /* Hides from IE Mac \*/
    * html .clear {height: 1%;}
       .clear {display:block;}
    /* End Hack */
#sitename { position: absolute; left: 50% ;bottom: 0px;  margin: 0 0 -7px -415px; font-size: 20px; font-weight: bold; color: #d3c4ae; text-transform: none; }



/* @end */