html, body { height:73%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#666; background:#FFF; font-size:12px; line-height:18px; }

div, img, form { margin:0; padding:0; }
img { border:0; behavior:url(css/iepngfix.htc)}
p { padding:0 0 16px; margin:0; }
p.noSpace { padding:0; }
p.right { text-align:right; }
a { color:#666; text-decoration:none; }
ul { margin:0; padding:0 0 16px 8px; }
li { padding:0 0 4px 0; margin:0 0 0 8px; list-style-image:url(../images/list_style_graphic.gif); }
table { border-collapse:collapse; border-spacing:0; border:0; cellspacing:0; cellpadding:0; }

:focus { outline:none; }
.clear { clear:both !important; display:block; line-height:0; font-size:0; height:0; padding:0 !important; margin:0; }

em.red { color:#FF0000; font-style:normal; text-transform:uppercase; }

h1 { margin:0 0 0 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#666;}
h2 { padding:2px 0 16px; margin:0; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
h3 { padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }

h1 { font-size: 12px; line-height:17px;}
h2 { font-size: 12px; line-height:16px;}
h3 { font-size: 12px; line-height:18px; }

em { font-style:normal; }

zahnrad {font-size: 36px}

#banderole { position:absolute; top:45px; left:0; height:88px; width:100%; z-index:10; filter:alpha(opacity=75); /* Internet Explorer */ -moz-opacity: 0.75; /* Mozilla Browser */ opacity: 0.75; /* Opera */ }

#circle { position:absolute; z-index:11; }
#nav { position:absolute; top:242px; left:23px; width:184px; }
#metanav { position:absolute; top:14px; right:27px; z-index:20; }
#corpus { position:absolute; top:217px; left:184px; width:769px; height:100%; background:#EBE7E7; padding:48px 0; }
#headImg { position:absolute; left:184px; top:0; width:769px; height:217px; }
#logo { position:absolute; left:0px; top:22px; width:184px; height:165px; z-index:50; }
#logos { position:absolute; left:508px; top:60px; width:425px; height:43px; z-index:20; }
#title { position:absolute; left:212px; top:60px; width:425px; height:43px; z-index:21; }
#icons { position:absolute; left:970px; top:235px; z-index:22;}
#icons img { margin-bottom:10px; }
#icons p { margin-bottom:0; padding-bottom:0; padding-top:3px; }

#nav ul { margin:0; padding:0; list-style:none; }
#nav li { margin:0; padding:0; list-style-image:none;}
 

#corpus #infoCol { float:left; width:182px; padding:0 2px 20px; overflow:hidden; }
#corpus #content { width:715px; position:absolute; top:50px; background:#EBE7E7; padding:0 27px; }
#corpus .three-fourths { float:left; width:502px !important; margin-right:27px; }
#corpus .archiv {width:502px !important; margin-right:27px;}
#corpus .item { margin-bottom:50px; }
#corpus .underlined { margin:0 0 10px !important; padding:0 0 10px; border-bottom:1px solid #666; }
#corpus .trennline { margin:0 0 0px !important; padding:0 0 0px; border-bottom:1px solid #666; }
#corpus .itemLeft { float:left; width:175px; padding-right:10px; }
#corpus .itemRight { float:left; width:300px; padding-right:0 10px; }
#corpus .itemRight h2 { padding-bottom:0; }
.images_only { margin-top:26px; }

#corpus .pictureCol { float:left; width:220px; margin-right:5px; }
#corpus .pictureCol img { margin-right:5px; }
#corpus .textCol { float:left; width:489px; }
#corpus .smallTextCol { float:left; width:259px;}


#corpus #content a, #infoCol a { color:#666; text-decoration:underline; }

#corpus #infoCol p { padding:0 0 6px; }
#corpus #infoCol h2 { padding:0 0 6px !important; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
#corpus #infoCol .dashed { border-top:#666 dashed 1px; padding-top:8px !important; margin:8px 0 0; }
#corpus #infoCol p.pic { padding:10px 0 10px !important; margin-left:-10px; }
#corpus .linklist a, div.linklist a { text-decoration:none !important; }
.white { background-color:#FFFFFF; padding:10px 10px 16px !important; width:166px !important; }
.map { background-color:#FFFFFF; padding:10px 10px 16px !important; width:166px !important; margin-left:10px !important; }

div.twocols { float:left; width:200px; margin-right:27px; margin-bottom:16px; }

#circle h1 { text-align:center; padding:50px 24px 0; color:#FFF; vertical-align:center; font:bold 16px/20px Arial, Helvetica, sans-serif;}
#circle h2 { text-align:center; color:#FFF; vertical-align:center; font:bold 12px/16px Arial, Helvetica, sans-serif;}
#circle p { text-align:center; padding:0 24px; color:#FFF; vertical-align:center; font-size:12px; line-height:18px; }
#circle a, #circle a:hover { color:#FFF; font-size:12px; line-height:18px; }

#nav { color:#666666; }
#nav ul { border-top:1px #666666 solid; width:150px; }
#nav ul li {}
#nav ul ul { border-top:none; border-bottom:1px #666666 solid; padding:4px 2px 8px; }
#nav ul ul li a { border:none; text-transform:none; padding:1px 0; margin:0; font-weight:normal; }
#nav ul li a { text-transform:uppercase; color:#666666; border-bottom:1px solid #666; width:150px; display:block; padding:4px 2px; font-weight:bold; }

#nav ul#extra { padding:16px 0;  }
#nav ul#extra, #nav ul#extra li a { border:none !important; }
#nav ul#extra li a { color:#999; font:normal 10px/13px Arial, Helvetica, sans-serif; padding:0; }

#metanav a, #icons a { text-transform:uppercase; font-size:10px; line-height:10px !important; color:#9A9B9D; }

/* colorstyles for the various areas */

.kr, #nav li.kr a:hover {color:#EE7D0C !important; }
.rdik, #nav li.rdik a:hover {color:#87211A !important; }
.grm, #nav li.grm a:hover {color:#99B80A !important; }
.gdf, #nav li.gdf a:hover {color:#009CDE !important; }
.gast, #nav li.gast a:hover {color:#336699 !important; }
.bsp, #nav li.bsp a:hover {color:#452179!important; }
.st, #nav li.st a:hover {color:#FF3399!important; }
.ass, #nav li.st a:hover {color:#FFCC00!important; }

#nav ul.menu_kr li a:hover { color:#EE7D0C; }
#nav ul.menu_rdik li a:hover {color:#87211A; }
#nav ul.menu_grm li a:hover {color:#99B80A; }
#nav ul.menu_gdf li a:hover {color:#009CDE; }
#nav ul.menu_gast li a:hover {color:#99CC66; }
#nav ul.menu_bsp li a:hover {color:#99CC66; }
#nav ul.menu_st li a:hover {color:#99CC66; }

.b_kr { background:#EE7D0C;}
.b_rdik {background:#87211A;}
.b_grm { background:#99B80A;}
.b_gdf {background:#009CDE;}
.b_gast {background:#333333;}
.b_bsp {background:#907AAF;}
.b_st {background:#333333;}

.c_kr { top:5px; left:198px; background:transparent url(../images/kr_circle.png) no-repeat; height:88px; width:182px; height:182px; behavior:url(css/iepngfix.htc) }
.c_rdik {top:5px; left:698px; background:transparent url(../images/rdik_circle.png) no-repeat; width:192px; height:192px; behavior:url(css/iepngfix.htc)}
.c_rdik2 {top:5px; left:698px; background:transparent url(../images/rdik_circle.png) no-repeat; width:192px; height:192px; behavior:url(css/iepngfix.htc); font-size:23px;}
.c_grm { top:5px; left:698px; background:transparent url(../images/grm_circle.png) no-repeat; width:196px; height:196px; behavior:url(css/iepngfix.htc) }
.c_gdf { top:5px; left:698px; background:transparent url(../images/gdf_circle.png) no-repeat; width:220px; height:159px; behavior:url(css/iepngfix.htc) }

.c_gdf h1 {padding:30px 24px 0 !important; }

#corpus #content ul.linklist { margin:0; padding:0 0 16px; list-style:none !important; }
#corpus #content ul.linklist li { padding:3px 10px 4px 10px;  margin:0; list-style-image:none; display:block; }
#corpus #content ul.linklist li a { text-decoration:none; }

/* Formular-Styles */
input {}
select { height:18px; width:165px; font-size:10px; line-height:14px; border:1px solid #666; margin-bottom:6px; }
p.image { float:left; padding-right:24px; }
.subtitle { font:normal 10px/16px Arial, Helvetica, sans-serif; margin-top:2px; }

.map { top:0px !important; height:608px !important; padding:0 !important; width:800px !important; positio:relative; left:-10px; }
#sensitiveCard { position:absolute; top:0; left:0; z-index:10; height:572px; }
.icon { margin-right:8px; margin-top:5px; }
table.icons { position:relative; }
table.icons td { margin:0; padding:0 0 6px; }
td.iconIndex { width:32px; padding:4px 0 0; margin-bottom:10px; text-align:left; position:relative; height:28px; }
td.textIcon{ width:32px; padding-top:0; margin-bottom:10px; text-align:left; position:relative; height:28px; }
#infoCol { line-height:16px; }
#infoCol table { width:166px; }
#infoCol table td { vertical-align:top; }
div#gardenList { padding-bottom:16px; }
div#gardenList p { padding-bottom:5px; }
div#gardenList p a { text-decoration:none !important; }

.infobox { position:absolute; top:25px; left:25px; background:#FFF; width:180px; height:178px; border:1px solid #666666; padding:10px; visibility:hidden; }
p.close { position:absolute; top:2px; right:2px; padding-bottom:0; width:20px; height:20px; }

/* Popup description */
.pop { display:none; z-index:10;}
a.popDescr { position:absolute; color:#FFF; text-decoration:none !important; }
a.popDescr:hover .pop { display:block; position:absolute !important; left:20px; width:200px !important; z-index: 1; text-align:left; text-decoration:none; margin:0; padding:0; background-color:#B3CA47; color:#FFF !important;}

a.popDescr span.pop .kr { background-color:#F29F4B; color:#FFF !important; padding:10px 10px 20px; display:block; }
a.popDescr span.pop .rdik { background-color:#A55953; color:#FFF !important; padding:10px 10px 20px; display:block; }
a.popDescr span.pop .grm { background-color:#B3CA47; color:#FFF !important; padding:10px 10px 20px; display:block; }
a.popDescr span.pop .gdf { background-color:#40B5E6; color:#FFF !important; padding:10px 10px 20px; display:block; }

.Bild_links { float:left; margin-top: 8px; margin-left: 0px; margin-right: 10px; margin-bottom: 8px}
.Bild_rechts { float:right;  margin-top: 8px; margin-left: 10px; margin-right: 0px; margin-bottom: 8px}
.Fotowettbewerb { float:right;  margin-top: 0px; margin-left: 10px; margin-right: 0px; margin-bottom: 0px}

.bildunterschrift {font-size: 80%;line-height: 140%; font-weight: normal;}


.pixelio_rahmen {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; font-size: 80%; color:#999999
	border-right: #336699 1px solid;
	border-top: #336699 0px solid;
	border-left: #336699 0px solid;
	border-bottom: #336699 0px solid;
	float:right;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom:0px;
	width: 290px;}
	
.pixelio_rahmen a {color: #336699; font-size: 120%;line-height: 160%; font-weight: normal; text-decoration: none;}	
.pixelio_rahmen a:hover {font-size: 120%;line-height: 160%;font-weight: normal; color : #336699; text-decoration: underline;}
	  
.pixelio {color:#999999; font-size: 80%;}