/*

Dr.Beitzen - Haupt-Stylesheet
Autor: Carsten Peters
Version: 27.08.2009

Background: #e8d89e
Blue: #283c86
Light Blue: #5065b3
Lightest Blue: #939dc2

*/


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

* { padding: 0; margin: 0; }
body { font: 62.5%/1.86em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; color: #666; background: #e8d89e; }


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

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #283c86; }
a:hover, a:active, a:focus { color: #939dc2; }
a img, :link img, :visited img, :hover img, :active img { border: none; }

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

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


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

ul, li { list-style: none; }

	

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

abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }

.text_important { color: #00a513; }

/* Skiplinks */
#skip { margin: 0; }
#skip1 a,
#skip2 a { color: #000; position: absolute; z-index: 2; width: 11em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #000; background: #eee; 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: 1.3em; color: #283c86; }
	h2 { margin: 0 0 10px 0; }
	h3 { margin: 0 0 5px 0;  }
	h4 { font-size: 1em; }
	h5 { font-size: 0.9em; }
	h6 { font-size: 0.8em; }


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

#container { width: 746px; margin: 15px auto; font-size: 1.1em; background: #fff url(../upload/css_img/bg_content.gif) no-repeat center 220px; }
#wrapper { float: left; width: 100%; background: url(../upload/css_img/dr-beitzen.png) no-repeat 0 100%; }
#header { position: relative; }
#content { margin: 0 152px 0 180px; padding: 38px 25px; }
#extra { float: left; width: 152px; margin-left: -157px; background: url(../upload/css_img/leistungen.gif) no-repeat 0 38px; }
#navigation { float: left; width: 180px; margin-left: -740px; }
#footer { clear: both; width: 100%; }


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

#header { height: 202px; text-align: left; background: url(../upload/css_img/bg_head.jpg) no-repeat; }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { text-indent: -9999px; display: block; background: url(../upload/css_img/logo.gif) no-repeat; height: 27px; width: 232px; outline: none; }	

#top-navi { width: 746px; height: 20px; background: #E8D89E; text-transform: uppercase; }
#top-navi #sagam_beitzen { float: left; }
#top-navi #impressum { float: right; margin-right: 5px; }


/* navigation 
---------------------------------------------------------------------------*/
		
#main-navi { background: #283c86 url(../upload/css_img/bg_navi.gif) repeat-y 100% 0; position: absolute; top: 180px; display: inline; width: 558px; height: 22px; line-height: 22px; padding: 0 0 0 188px; }
#main-navi li { display: inline; }
#main-navi li a { padding: 0 1.2em; color: #fff; float: left; font-size: 1.1em; font-weight: bold; }
#main-navi li a:hover,
#main-navi li a:active,
#main-navi li a:focus,
#main-navi li a.current { color: #939dc2;  }


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

	#content img { border: 1px solid #ccc; padding: 4px; background: #fff; margin: 0; }
	#content img.image_rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; }
	#content img.image_links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; }
	#content ul { padding: 0 0 10px 8px; }
	#content ol { padding: 0 0 10px 16px; }
	#content ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/li_dot.gif) no-repeat 0 9px; }
	#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }


/* navi 
---------------------------------------------------------------------------*/

#navigation ul { margin: 38px 0 0 10px; }
	#navigation ul li { background: url(../upload/css_img/dotline_hauptnavi.gif) no-repeat 0% 100%; }
	#navigation ul li a { font-size: 1.2em; font-weight: bold; display: block; /* height: 26px; line-height: 26px; */ padding: 4px 0 4px 20px; line-height: 1.2em; }
	#navigation li a:hover,
	#navigation li a:active,
	#navigation li a:focus,
	#navigation li a.current { color: #939dc2;  }
		#navigation ul ul { margin: 0 0 0 10px; }

#imfpungen #id_67,
#imfpungen #id_46,
#imfpungen #id_47,
#imfpungen #id_48,
#imfpungen #id_49,
#imfpungen #id_50,
#imfpungen #id_51,
#imfpungen #id_52,
#imfpungen #id_53,
#imfpungen #id_54,
#imfpungen #id_57,
#imfpungen #id_58,
#imfpungen #id_66 { display: none; }


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

#extra ul { margin: 83px 0 0 0; width: 152px; background: #939dc2 url(../upload/css_img/bg_leistungen.gif) no-repeat; }
#extra ul li { border-left-width: 12px; border-left-style: solid; padding: 4px 0 4px 10px; line-height: 1.2em; }
#extra ul li#nav_67,
#extra ul li#nav_50,
#extra ul li#nav_52 { border-left-color: #b1b62a; } /* gruen */
#extra ul li#nav_46,
#extra ul li#nav_54,
#extra ul li#nav_53 { border-left-color: #dec875; } /* beige */
#extra ul li#nav_47,
#extra ul li#nav_66,
#extra ul li#nav_57 { border-left-color: #bdae77; } /* dunkel-beige */
#extra ul li#nav_48,
#extra ul li#nav_51 { border-left-color: #a9ccd0; } /* hell-blau */
#extra ul li#nav_49,
#extra ul li#nav_68,
#extra ul li#nav_58 { border-left-color: #5989aa; } /* dunkel-blau */
#extra ul li#nav_54 { border-left-color: #dec875; }
#extra ul li a { font-weight: bold; color: #e8e4d5; }


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

#footer {  width: 746px; height: 15px; line-height: 1em; font-size: 0.9em; background: url(../upload/css_img/bg_footer.gif); }
#footer p { margin: 0 0 0 205px; }
#footer a { color: #fff; }