body { background-color: #002153; font-size: 0.85em; font-family: "Open Sans", Arial, Helvetica, sans-serif; color:black; line-height: 1.3em; padding:0; margin:0; }

a { color: #767777; }
a img { text-decoration: none; }
a:visited {color:#767777;}
a:hover { color: white; background-color: #767777; }
a:active { color:white; background-color: #767777; }
image:hover, image:active { border-width: 0; }
#kopf a:hover, #kopf a:active, #kopf img:hover, #kopf img:active  { background-color: #002153; }
#container { background-color: white; margin: 1em auto; padding: 0; border: solid 1px #c6c7c8; }

#kopf { display:block; background-color: #002052; margin: 0; padding: 0 0 10px; }
#kopf img { top: 0; right: 0; width: 600px; height: 92px; margin: 5px 0 0 95px; padding: 0; }
div #kopf_druck { visibility: hidden; display: none }
#inhalt { min-height:350px; background-color: #ffffff; background-image: url(../grafik/hg_inhalt.gif); background-repeat: repeat-y; background-position: left top; padding: 0; margin: 0; }
#seite { margin: 0 0 0 200px; padding: 1.5em 1.5em 0; }
td p, td h4, td h3, td h2 { margin: 2px; }
#seite a { font-weight: bold; }
#seite ul { margin-left: 0; padding-left: 1.5em; }
#seite li { list-style-type: square ; }
#seite img, .projk_bild img {border:1px solid #002153}

#fuss { color: white; background-color: #002052; text-align: center; height: 30px; margin: 0; padding: 7px 1.5em 0; border-top: 1px solid #c6c7c8; }
h1 { color: #002153; font-size: 2.5em; font-weight: normal; line-height: 1.2em; text-align: left; }
h2 { color: #002153; font-size: 1.8em; font-weight: normal; line-height: 1.2em; text-align: left; margin-top: 10px; }
h3 { color: #002153; font-size: 1.5em; font-weight: normal; line-height: 1.5em; text-align: left; margin-top: 8px; }
h4 { color: #002153; font-size: 1.2em; font-weight: normal; text-align: left; }
.gross { font-size: 1.2em; line-height: 1.2em; }
.gross img { margin-top: 4px; }
.kleiner, .klein { font-size: 0.85em; }
.nichtfett { font-weight: normal; }

#navigation { color: white; background-color: #002052; float: left; width: 200px; margin: 0; padding:27px 0 0; border-top: 1px solid #767777; }
#navigation a { color: white; }
#navigation a, #navigation a:hover {  display: block }

#navigation ul{ list-style-type: none ; padding: 0 0 0 0; margin: 0; }
#navigation ul.abschluss_unten{ margin-right: 0; padding-top: 0; padding-bottom: 5px; padding-left: 0; }

#navigation li a { font-size: 1.3em; line-height: 1.3; text-decoration:none; }
#navigation li li a { font-size: 1.05em; text-decoration: none; }
#navigation li{	margin: 0; padding: 4px 0 1px 25px;}
#navigation li li{ margin: 0; padding: 0 0 0; }
#navigation li.aktiv, #navigation li li.aktiv, #navigation li a.aktiv, #navigation li li a.aktiv { color:#ffffff; background-color: #767777; }
#navigation ul li ul li, #navigation ul li ul li.aktiv { margin-top: 1px; margin-left: 0; padding-top: 3px; padding-bottom: 1px; padding-left: 7px; list-style-type: none ; list-style-position: inside; }
#navigation ul li ul li { background-color: #002153;}
#navigation ul li ul li.aktiv { background-color: #767777; }

#navigation h3, #navigation p { margin-top: 5px; padding-left: 25px; }
.nach_oben, .nach_oben a, .nach_oben a:visited, .nach_oben a:hover { font-size: 0.95em; font-weight: normal; margin-top: 20px; margin-bottom: 0; padding-bottom: 0; }
.nach_oben img { position: relative; top: 4px; }
.nicht_drucken { }

.bild_links { margin-right: 20px; margin-bottom: 20px; }
.bild_rechts { margin-left: 20px; margin-bottom: 20px; }

.bildrahmen { background-color: white; padding: 5px;  }

.blinkend td, .blinkend tr { border-color: transparent #eaebec #eaebec transparent; border-style: solid; border-width: 0 1px 1px 0; }
.ohne_linien, .ohne_linien td, .ohne_linien tr { border: solid 0 transparent; }

.anmerkung { color: #f00; }

.projk_block { width:48%; display:block; float: left; overflow:hidden; margin-top: 0; margin-right: 2%; margin-bottom: 10px; padding: 0; }
.projk_text { font-size: 1.2em; line-height: 0.8em; margin-bottom: 1px; padding-bottom: 1px; }
.projk_bild { float: left; width: 100%; margin:0px ;padding:0px; }
.projk_bild img { width: 99%; }

.proj_kopf { width:99%; position: relative; float: left; overflow:hidden; margin-top: 0px; display:block; margin-bottom: 10px; padding: 0; }
.proj_kopf_links { display:block; width:auto; line-height: 1.4em; position: relative; float: left; overflow:hidden; margin: 0; padding: 0; border-top: 1px solid black; border-bottom: 1px solid black; }
.proj_kopf_links p { margin-top: 2px; margin-bottom: 2px; }
.proj_kopf_rechts { position: absolute; bottom:0; right: 0; width: auto; float: right; overflow:hidden; margin: 0 0 0 10px; display:block; padding: 0; }
#seite .proj_kopf_rechts img { border: 0px none #FFFFFF; }

.proj_block { width:250px; position: relative; display:block; float: left; overflow:hidden; margin-top: 0; margin-right: 1px; margin-bottom: 10px; padding: 0; border: solid 1px #eaebec; }
.proj_bild { margin: 0; padding: 0; }
.proj_text { display:block; margin: 3px; padding: 0; }

.mitarb_block { width:auto; position: relative; display:block; float: left; overflow:hidden; margin-top: 0; margin-right: 20px; margin-bottom: 15px; padding: 0; }
.mitarb_bild { margin: 0; padding: 0; }
.mitarb_text { display:block; font-size: 0.95em; line-height: 1.2em; margin: 0; padding: 0; }

@media screen {
	.blinkend tr:hover, .blinkend tr:focus { background-color: #e4f5f9; }
}

@media screen and (max-width: 800px)  
{
	#body {  }
	#container { margin: 0px ; }
	#inhalt { background-image: url(../grafik/hg_inhalt_klein.gif); background-repeat: repeat-y; }
	#kopf { height: 100px; }
	#kopf img { margin: 0 0 0 63px;}
	#seite { margin: 0 0 0 170px; padding: 0.5em 0.5em 0; }
	#navigation { width: 170px; padding-top: 16px; }
	#navigation li{ padding-left: 12px; }
	#navigation h3, #navigation p { padding-left: 12px; }
	#fuss { height: 30px; padding-right: 12px; padding-left: 12px; }
}