body { text-align: left; color: #fff; min-width: 700px; font-family: verdana, tahoma, arial, sans-serif; line-height: 1em; 
background-image: url(../images_site4/sterne.gif);
background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0px; padding: 0px; }
#wrapper { text-align: left; width: 900px; font-size: 76%; background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; position: relative; height: 100%; margin: 0 auto 0; padding: 0; }

#header { display: inline; float:left; width: 900px; background-image: url(backtop2.jpg); text-indent: 2em; position: relative; height: auto; padding: 1px 0; z-index:70; margin: 0; }
#header:after{content:"clear"; background-color: #999; display: block; height: 0; clear: left; visibility: hidden; }
#logo { width: 100%; height: auto; clear: both; margin: 0; padding: 0; }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu { background-color:transparent; font-size:0.85em; text-indent: 0; position: relative; width:900px; height: 24px; z-index: 70; margin: 0; padding: 0; border-width: 0; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li { float:left; height:22px; line-height:22px; display:block; }/* modified height of level 1 to 18 px */

/* style the sub level list items */
.menu ul ul li {display:block;width:13em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; width:178px; font-weight: bold; text-align: center; color: #fc6;font-size:1em; text-decoration:none;background:#999 url(top_grad_2.gif) center; padding:0 0em 0 0em; border-left:1px solid #fff; border-right:1px solid #000;}/*Position Text in Men�punkten mit Padding steuern links 1 em rechts 3 em*/
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:170px; w\idth:178px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited { display:block; text-decoration: none; text-align: center; font-weight: normal; color: #fff; background:#999 url(sub_grad_2.gif); color:#fff; width:168px; height:100%; line-height:1em; text-align: center; padding:0.5em; border-bottom:1px solid #999; } /*Breite Leve1 auf 12 em */
* html .menu ul ul a, * html .menu ul ul a:visited  {width:110px; w\idth:168px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#b4be9c url(sub_grad_2.gif);}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac url(sub_grad_2.gif);}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {color:#fff; background:#fc6 url(sub_sub_2.gif);}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#fff;background:#d4d8bd url(top_grad_2.gif) center; position:relative;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#fff;background:#d4d8bd url(top_grad_2.gif) center center;}
/* second */
* html .menu ul ul a:hover{color:#000;background:#fc6; position:relative;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#000;background:#fc6; }
/* third */
* html .menu ul ul ul a:hover {background:#fc6; position:relative;}
.menu ul ul ul :hover > a {background:#fc6;}
/* fourth */
.menu ul ul ul ul a:hover {background:#fc6; position:relative;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px; left:0; width:14em;}/*position Menueebene 2 auf nach 18 px*/

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{ background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; visibility:visible; height:auto; padding:0 3em 3em; left:-3em; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:130px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

#breadcrump { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-indent: 1em; position: relative; width: 100%; height: 16px; z-index: 60; order-right-style: solid; order-top-style: solid; }
#breadcrump a {	color: #fff; padding: 0 2px;}
#breadcrump a:hover {
	color: #fc6;
}

#contentfloatholder {/* also makes the right "sliding" tab */
 clear: both; position: relative; width: 900px; height: 100%; float: left; }

/* this is for the next NN6 to clear floats */
#contentfloatholder:after {content:"clear"; background-color: #999; display: block; height: 0; clear: left; visibility: hidden; }


#centerpad { background-color: #fff; background-position: 0 0; font-size: 11px; z-index: 40; padding: 1px 2px; line-height: 1.3em; }
#centerpad p {line-height: 1.3em; }
#centerpad .csc-textpic-caption {font-style: italic;font-size: 11px;line-height: 1.1em;}

#centerpad ul ol li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 0em;
	font-size: 11px;
	line-height: 1.5em;
}

#center { color: #000; float:left; width: 100%; height: auto; z-index: 50; margin-right: -95%;line-height: 1.3em;
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}
#center2 { color: #000; float:left; width: 100%; position: relative;/*fuer IE*/; height: auto; z-index: 51;line-height: 1.3em;
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}
#center p, #center2 p {line-height: 1.3em; }
#center ul li, #center2 ul li {line-height: 1.5em; }
#center a {	color: #f90; padding: 0 2px;}
#center2 a {	color: #f90; padding: 0 2px;}

#center a:hover {
	color: #f00;
}
#center2 a:hover {
	color: #f00;
}

#center h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; line-height: 1.2em; color: #008cd2; font-weight: bold; margin-bottom: 0px; }
#center2 h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; line-height: 1.2em; color: #008cd2; font-weight: bold; margin-bottom: 0px; }

#center h2
{ font-family: Arial, Helvetica, sans-serif; color: #008cd2; font-size: 14px; font-weight: bold; margin-bottom: -8px; }
#center2 h2
{ font-family: Arial, Helvetica, sans-serif; color: #008cd2; font-size: 14px; font-weight: bold; margin-bottom: -8px; }

#center p
{
	font-size: 11px;
	color: #000;

}
#center p.news-single-imgcaption
{
	font-size: 10px;
	font-style: italic;
	color: #000;

}
#center2 p 
{
	font-size: 11px;
	color: #000;

}
#center2 p.news-single-imgcaption
{
	font-size: 10px;
	font-style: italic;
	color: #000;

}
#center ul
{
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1em;
}
#center2 ul
{
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1em;
}
#news {background-color: #fff; background-position: 0 0; position: relative; width: 95%; height: auto; z-index: 40; clear: both; padding: 6px; border-top: 1px dotted #008cd2; }
#news:after{ content:"clear"; background-color: #999; display: block; height: 0; clear: left; visibility: hidden; }
#news a {	color: #f90; padding: 0 2px;}
#news a:hover {
	color: #f00;
}

#news img{ display: inline; /* IE fix for double-margin bug */
margin-right: 10px; margin-bottom: 10px; }
#center img{ display: inline; /* IE fix for double-margin bug */
margin-right: 10px; margin-bottom: 10px; }
#center2 img{ display: inline; /* IE fix for double-margin bug */
margin-right: 10px; margin-bottom: 10px; }

#news h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; color: #008cd2; font-weight: bold; margin-bottom: 0px; }

#news h2
{ font-family: Arial, Helvetica, sans-serif; color: #008cd2; font-size: 14px; font-weight: bold; margin-bottom: 0px; }

/*Bilder in den News-Ansichten in der Main-Saplte umfliessen */
#centerpad .NewsImage {float:left;float:left;margin-right:8px;margin-botton:10px;}

#news p
{
	font-size: 11px;
	color: #000;

}

#news ul
{
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 1em;
}

* html div#center {margin-right: -100%;}
* html div#center2 {margin-right: -100%;}
#left { background-image: url(../images_site/backbar.gif);line-height: 1.1em; float:left; height: 100%; margin-left: -5.1%; /* the difference to make the left colum appear flush left */
}
#center2 {float:left; height: 100%; margin-left: -5.1%; /* the difference to make the left colum appear flush left */
}
#right { background-image: url(../images_site/backbar.gif);line-height: 1.1em; float:right; width: 170px; height: 100%; }
#right h3, #left h3, #right h4, #left h4, #right p, #left p, #left td, #right td 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;

padding-left: 10px; padding-right: 10px;
}
#left  h1, #right h1 {background-image: url(../images_site/backbar.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; position: relative;/*fuer IE*/
/*#left ul, #right ul{ text-indent: -1em; margin-top:0; margin-bottom:0; margin-left:2em; padding-left:1em; list-style-type: disc; display: list-item; }*/
margin: 2px; padding: 3px; font-weight: bold;
}

#left a, #left h1 a, #right a, #right h1 a {	color: #000; padding: 0 2px;}
#left a:hover, #right a:hover {
	color: #f00000;
}
#right h4, h4 a, #left h4, h4 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 1.3em; padding-left: 10px;padding-right: 10px;}

* html div#left { margin-left: 0; }
* html div#center2 { margin-left: 0; margin-top: 18px;}
/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */

/*******************Subelements *********************/
#subcontainer{
width: 710px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}


#subcontentwrapper{
float: left;
width: 100%;
display:block;
}

#subright{
margin-left: 365px; /*Set left margin to LeftColumnWidth*/
background:#fff;
}

#subleft{
float: left;
width: 355px; /*Width of left subcolumn*/
height: 100%;
background: #fff;
}
.clearsub {clear:both;}
/*************** END SUBELEMENTS ****************/

a#toplink:hover {
background-position: 0 0;
}
a#toplink {
width: 200px;
height: 8em;
background: #fff no-repeat 0px -326px;
position: absolute;
top: 0;
right: 5px;
}
#footer {clear: both; background: transparent; font-family: Verdana, Arial, Helvetica; text-align: center; sans-serif; font-size: 9px; text-indent: 1em; position: relative; width: 900px; height: 16px; order-bottom-style: solid; order-right-style: solid; }
#footer a {	color: #fff; padding: 0 2px;}
#footer a:hover {
	color: #fc6;
}




#footer div { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 0; padding: 1px 0; }