* {margin: 0; padding: 0;}
html { height: 100.15%; font-size:62.5%; }
body { height: 100%; font-size: 12px; line-height: 16px; font-family: Arial, Verdana, Helvetica, Arial, Geneva, sans-serif; color: #000; background: url(../design/design2.gif) repeat-y top left; text-align: center;}

/*** Allgemeine Formatierungen ***/

a {text-decoration: none; color: #800}
a:hover {color: #611}
a img{border: 0;  color: #611}
p{font-size: 100% !important; line-height: 130% !important; margin: 0 0 .5em 0;}
li{font-size: 100% !important; line-height: 130% !important; margin: 0 0 .5em 0;}
table{border-collapse: collapse;}
td{font-size: 100%; vertical-align: top; text-align: left;}
ul{margin: 0 0 1.2em 1.2em;}
ol{margin: 0 0 1.2em 1.2em;}

h1{margin: 0 0 .5em 0; padding: 0 0 .5em 0; font-size: 120%;}
h2{margin: 0 0 .5em 0; padding: 0 0 .5em 0; font-size: 120%;}
h3{margin: 0 0 .5em 0; padding: 0 0 .5em 0; font-size: 120%;}
h4{margin: 0 0 .5em 0; padding: 0 0 .5em 0; font-size: 120%; color: #c11;}

#tx_mwimagemap_img_32{border: 0;}

.csc-header-n1 h1{font-size: 18pt; color: #4c5155; line-height: 130%; font-weight: normal; margin: 0 0 20px 0; padding: 0;}
.csc-header-n2 h1{font-size: 18pt; color: #4c5155; line-height: 130%; font-weight: normal; margin: 10px 0; padding: 0;}
.csc-header-n3 h1{font-size: 18pt; color: #4c5155; line-height: 130%; font-weight: normal; margin: 10px 0; padding: 0;}

.invisible{visibility: hidden; display: none;}

.clearer{background: none; clear: both; height: 0; font-size: 0; line-height: 0; padding: 0; margin: 0; border: 0;}

p.csc-linkToTop {display: block; padding: 0 1.5em;}

/************************************************************************************************************************************************************************/
/*** DESIGN *************************************************************************************************************************************************************/

#mantel{ text-align: left; padding: 0 1em;}
#mantelinnen{  width: 971px; margin: 0 auto 2em auto; text-align: left; min-height: 30em;}

#kopf{ width: 100%; height: 8em;}

#logo{ margin: 1em 0 0 0; width: 20em; float: left;}

#indexedsearchbox{margin: .75em 0 0 0; float: right;}
#indexedsearchbox form{background: url(../design/design2.png) no-repeat 0 -150px; width: 200px}
#indexedsearchbox input{background: none; width: 150px; border: 0; vertical-align: top; font-size: 11px; padding: .15em 0 0 .5em;  margin: 0;}
#indexedsearchbox input.go{width: 20px; height: 18px; padding: 0; margin: 0; }

#fontresize {vertical-align: middle; padding: 6em 2em 0 0 !important; float: right;}
#fontresize #extra {float: left;  margin: 0 2em 0 0;}
#fontresize  a{color: #999 !important; font-size: 90%;} 
#fontresize  a:hover{color: #c11 !important;} 
#fontresize img{ vertical-align: middle; margin: 0 1em 0 0;} 

/************************************************************************************************************************************************************************/
/*** INHALT *************************************************************************************************************************************************************/

#klickmenu {clear: left; padding: 10px 0; color: #666; font-size: 9px; }
#klickmenu a{color: #666; text-decoration: none;}

.minus2{margin: 0 2px}

.layout-1 p{font-size: 120% !important;}
.layout-1 li{font-size: 120% !important;}
.layout-1 li li {font-size: 100% !important;}
.layout-1 li p {font-size: 100% !important;}
.layout-1 li li li{font-size: 100% !important;}

.layout-2 p{font-size: 120% !important;}
.layout-2 li{font-size: 120% !important;}
.layout-2 li p{font-size: 100% !important;}
.layout-2 li li {font-size: 100% !important;}
.layout-2 li li li{font-size: 100% !important;}

.csc-menu dt {font-weight: bold; margin: 0 0 .3em 0 ; font-size: 120% !important;}
.csc-menu dd {margin: 0 0 .75em 0 ; font-size: 120% !important; padding: 0 0 0 1.5em}

.layout-1{clear: left; padding: 0; position: relative; z-index: 0; }
.layout-2{clear: left; padding: 1em 0 0 0; position: relative; z-index: 0; }

.layout-1 .normal{position: relative; margin: 0 0 7px 0; padding: 0 0 5em 0; width: 670px;  min-height: 30em; float: left; background: #fff url(../design/670.png) no-repeat left bottom }
.layout-1 .normal .innen{ height: auto; padding: 0; }
.layout-1 .normal .oben {height: 6px; width: 670px; background: url(../design/top_670.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 2; }
.layout-1 .normal .unten {position: absolute; left: 0; bottom: 0; height: 7px; float: left; width: 670px; background: url(../design/bottom_670.png) left bottom no-repeat; }

.layout-1 .normal .innen .var1{ padding: 0 2em ;}
.layout-1 .normal .innen .var2{ padding: 2em   2em  0  2em ;}
.layout-1 .normal .innen .var5{ margin: 0 2px; overflow: hidden;}

.layout-2 .normal{ min-height: 30em; width: 80.5em; background: #f0f0f0; }



/* NESTED **************************************************************************************/

.layout-1 .normal .linkeSpalte {width: 50%; float: left;}
.layout-1 .normal .rechteSpalte{width: 50%; float: right;}

.layout-1 .normal .linkeSpalte  .news-latest-container{margin: 1em; padding: 1em; border-right: 1px solid black;}
.layout-1 .normal .rechteSpalte .var1{padding: 0;}


.layout-1 .normal .Spalte3a{width: 33%; float: left;}
.layout-1 .normal .Spalte3b{width: 33%; float: left;}
.layout-1 .normal .Spalte3c{width: 33%; float: left;}





/**** rechts  ***********************/

.layout-1 .rechts{ width: 280px; float: right;}

.layout-1 .rechts .var3{ position: relative; margin: 0 0 7px 0; background: #fff url(../design/280.png) repeat-y; }
.layout-1 .rechts .var3 .oben {height: 6px; width: 280px; background: url(../design/top_280.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 3; }
.layout-1 .rechts .var3 .unten {position: absolute; left: 0; bottom: 0; height: 7px; float: left; width: 280px; background: url(../design/bottom_280.png) left bottom no-repeat; }

.rechts .var3 h1{font-size: 13px !important; font-weight: bold; background: url(../design/design2.png) no-repeat -1000px -299px;text-align: center; color: #fff; padding: .5em;margin: 0 2px}


.layout-1 .rechts .var4{ position: relative; margin: 0 0 7px 0; background: #fff url(../design/280.png) repeat-y; }
.layout-1 .rechts .var4 .oben {height: 6px; width: 280px; background: url(../design/top_280_B.png) no-repeat; position: absolute; top: -2px; left: 0; z-index: 3; }
.layout-1 .rechts .var4 .unten {position: absolute; left: 0; bottom: -3px; height: 7px; float: left; width: 280px; background: url(../design/bottom_280_B.png) left bottom no-repeat; }


.team {padding: .5em; 
        -webkit-border-radius: 6px 6px ;
	-moz-border-radius: 6px;
	border--radius: 6px;
	border: 1px solid #999; 
	background: #f4f4f4; 
	margin: .5em;
	}

.team:hover{background: #f0f0f0; }





/************************************************************************************************************************************************************************/
/*** SONDERLEISTE *******************************************************************************************************************************************************/

#links{width: 12em; float: left; }
#links img{margin: 0 0 1em 4em }

/************************************************************************************************************************************************************************/
/*** HAUPTNAVIGATION ****************************************************************************************************************************************************/

#nav {position: relative; z-index: 1900; height: 40px; width: 971px;  background: url(../design/design2.png) no-repeat 0 0;}
#nav_main {display: block; background: none; margin: 0; margin: 0 0 0 2px; float: left; }

#nav_main ul {list-style: none; padding: 0; margin: 0;} 
#nav_main ul li {float: left; padding: 0; margin: 2px 0 0 0; }
#nav_main ul li a {letter-spacing: .01em; border-right: 1px solid #900; display: block; font-weight: bold; color: #fff; text-align: center; padding: .6em 2.55em .75em 2.55em; text-decoration: none;}
        
#nav_main ul li:hover,
#nav_main ul li.active,
#nav_main ul li:hover a, 
#nav_main ul li.active a {color: #fff;}
  
#nav_main ul li.act a { 
	margin: 0 !important; 
        background: #c00; 
        }
        
#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active{text-decoration: none; background-color: #600;}  

/*Drop Down Listen */
  
#nav_main ul li ul {border: 1px solid #979AA0; border-top: 0; background: url(../design/design2.png) no-repeat 0 -300px; position: absolute; left: -5000px; top: auto; z-index: 1901; padding: 0; display: none; margin: 0 0 0 -1px;}

#nav_main ul li ul li {background: none !important; display: block; float: none; height: auto !important; min-width: 15em;}

#nav_main ul li.act ul li a,
#nav_main ul li ul li a {padding: .6em .5em .6em 2.5em; text-align: left !important; border: 0; font-size: 11px !important; background: url(../design/design2.png) no-repeat 5px -87px; background-color: none; display: block; font-weight: normal; color: #544 !important;  text-decoration: none; }

#nav_main ul li.act ul li p,
#nav_main ul li ul li p {padding: .6em .5em .6em 2.5em; font-size: 11px !important; border: 0; background: url(../design/design2.png) no-repeat 5px -87px; display: block; font-weight: bold; color: #300 !important; }

#nav_main ul li:hover ul { left: auto; display: block; }


#nav_main ul li ul li a:focus,
#nav_main ul li ul li a:hover {color: #000 !important; background-color: #fff !important}


/* BASIS ********************************************************************************************/
#basis{vertical-align: middle ; padding: 1em; border-top: ipx solid #fff; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 31;} 
#basis a{color: #999 !important; font-size: 90%; margin: 0 2em 0 0;} 
#basis a:hover{color: #c11 !important;} 
#basis img{ vertical-align: middle} 


/* EXTRAS ********************************************************************************************/

/******************* ICONS ********************************/

.pdf {background-image: url(../design/pdf.gif); background-position: top left; background-repeat: no-repeat; padding-left: 2em;}
.extern {background-image: url(../design/url.gif); background-position: top left; background-repeat: no-repeat; padding-left: 2em;}
.email {background-image: url(../design/email.gif); background-position: top left; background-repeat: no-repeat; padding-left: 2em;}
.weiter {background-image: url(../design/next.gif); background-position: top left; background-repeat: no-repeat; padding-left: 2em;}

/******************* DOCK********************************/

#Dockrahmen { height: 200px; width: 100%; position: relative; }  
#dock {position: absolute; bottom: 4em; width: 100%;text-align: center;left: 0px;}
#dock a:visited{text-decoration: none;}
#dock a{text-decoration: none;margin: -2px;}
#dock img {border: none;width: 0px;}
#legend {position: absolute;bottom: 0;width: 100%;text-align: center; font-size: 200%; color: #999;}