/*

Biermann - Haupt-Stylesheet
Autor: Carsten Peters
Version: 05.08.2009

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font: 62.5%/1.86em Georgia, "Times New Roman", Times, serif; background: #001339; color: #cbd2da; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { text-decoration: none; color: #cbd2da; }
a:hover, a:active, a:focus { text-decoration: none; color: #fff; }
a img, :link img, :visited img, :hover img, :active img { border: none; }

		
/* paragraphs 
---------------------------------------------------------------------------*/

p, pre { margin: 0; }
em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

	

/* misc 
---------------------------------------------------------------------------*/

abbr,
acronym { border-bottom: 1px dotted #fff; cursor: help; }
.big { font-size: 1.5em; font-weight: bold; }

/* Skiplinks */
#skip { margin: 0; }
#skip1 a,
#skip2 a { color: #fff; position: absolute; z-index: 2; width: 11em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #fff; background: #000; top: 25px; left: 270px; }

.none { display: none; }
.clear { clear: both, height: 0; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { font-size: 2.2em; font-weight: bold; }
h2, h3 { font-size: 1.35em; margin: 0 0 5px 0; font-weight: normal; }
h4 { font-size: 1.1em; margin: 15px 0 10px 0; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }


/* container 
---------------------------------------------------------------------------*/

#container { width: 965px; margin: 0 auto; font-size: 1.45em; line-height: 1.4em; }
#wrapper { float: left; width: 100% }
#header { position: relative; z-index: 200; }
#content { position: relative; margin: 0 310px 0 95px; padding: 100px 0 0 15px; }
#extra { float: left; width: 300px; margin-left: -310px; padding: 428px 0 0 6px; }
#navigation { float: left; width: 100px; margin-left: -955px; }
#footer { clear: both; width: 100%; }


/* header 
---------------------------------------------------------------------------*/

#header #metaNavigation { position: absolute; top: 33px; left: 100px; }

#header li a:link, 
#header li a:visited { margin: 0 0 0 10px; font-size: 0.9em; color: #4a5f7c; }
#header li a:hover, 
#header li a:active, 
#header li a:focus { color: #fff; text-decoration: underline; }	
#header li a.active { color: #fff; text-decoration: underline; font-weight: bold; letter-spacing: -0.07em; word-spacing: -0.07em }	
#header li a.active_on { color: #fff; text-decoration: none; font-weight: bold; letter-spacing: -0.07em; word-spacing: -0.07em }	
#header li li a,
#header li li a:link, 
#header li li a:visited { color: #fff; }

#header #hilfsnavi { position: absolute; text-align: right; top: 68px; left: 0; margin: 28px 0 0 0; width: 101px; }
#header #hilfsnavi li { line-height: 1em; padding: 4px 0; }

#header h1 a, 
#header h1 a:link, 
#header h1 a:visited, 
#header h1 a:hover, 
#header h1 a:active, 
#header h1 a:focus { position: absolute; top: 120px; left: 592px; z-index: 100; text-indent: -9999px; display: block; background: url(../upload/css_img/logo.png) no-repeat; width: 337px; height: 217px; outline: none; }	


/* content 
---------------------------------------------------------------------------*/ 

#content .textItem img,
#kontakt #content .textItem img { border: 1px solid #fff; }
#leistungen #content .textItem img,
#grabmale #content .textItem img,
#ueber_uns #content .textItem img,
#standard_text #content .textItem img { border: none; }

#content p { margin: 0 0 5px 0; font-size: 13px; line-height: 17px; color: #bfbfbf; }


/* extra 
---------------------------------------------------------------------------*/

#extra a,
#extra a:link,
#extra a:visited,
#extra a:hover,
#extra a:active,
#extra a:focus { text-decoration: underline; }
#extra img.image_rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; }
#extra img.image_links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; }
#extra p { padding: 0 0 10px 0; }
#extra ul { padding: 0 0 10px 0; }
#extra ol { padding: 0 0 10px 16px; }
#extra ul li { padding: 2px 0 2px 16px; background: url(../upload/css_img/dot_li.gif) no-repeat 0 8px; }
#extra ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }
			
#extra img { margin: 0 0 10px 0; }


/* footer 
---------------------------------------------------------------------------*/

#footer { clear: both; position: relative; margin-top: -7.5em; }