/* global em typography template adapted from http://www.thenoodleincident.com */

body{
 border:0;
 margin:0;
 padding:0;
 font-family: helvetica,arial, verdana,  sans-serif;
 color: #000;
 background:#000;
 font-size: 76%;
 text-align:center;
 }
 
 #wrapper{
width:720px;
text-align:left;
margin:0px auto;
background-color:white;

}
 
 
 /*----------------- list styles ------------------*/



/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */
ol, ul, li {
	list-style: none;
   	
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em; 
	}
	
ul{
 background:none;
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
/*font-size: .93em;*/
padding-left:1em;
}
	
/* any ul after a ul needs a bigger top margin 
ul + ul{
  margin-top:1.2em;
}*/

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*----------------- end list styles ------------------*/

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

h1{
font-family:Arial, Helvetica, sans-serif;
color:black;
font-size:1.6em;
font-weight:bold;
margin: .8em 0em .8em 0em;}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:1.2em;
font-weight:bold;
margin: .8em 0em .4em 0em;
}

.header2{
font-family:Arial, Helvetica, sans-serif;
color:#black;
font-size:1.3em;
font-weight:bold;
padding:15px 0 5px 0;
margin:.2em 0;
line-height:110%;
}
h1.title{
font-weight:bold;
font-size:1.6em;
padding:15px 0 5px 0;
margin:0 0 .2em 0;
}
#maincontent h1{
padding:15px 0 5px 0;
margin:0 0 .2em 0;
}
h3{
color:#000000;
font-size:.94em;
font-weight:bold;
margin: 1.6em 0em .6em 0em;
}

.header3{
color:#000000;
font-size:.94em;
font-weight:bold;
margin: .3em 0em .3em 0em;
}
.header3b{
color:#fff;
font-size:.94em;
font-weight:bold;
margin: .3em 0em .3em 0em;
padding:3px;
background:#055F73;
}

h4{
color:#CCCCCC;
font-weight:bold;
font-size:.93em;
margin: .3em 0em .3em 0em;

}
.header4a {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	margin:12px 0 8px 0;
	border-bottom:1px solid #737373;
}
h5{
color:#CCCCCC;
font-weight:bold;
font-size:.93em;
margin: .3em 0em .3em 0em;
}

h6{
color:#748456;
font-weight:bold;
font-size:.93em;
margin: .3em 0em .3em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/

table{
font-size:100%;
}
/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

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


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

a, a:visited { color: #5e87db; text-decoration: none }

a:hover, a:active, a:focus{

 text-decoration:underline;
}

a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

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


pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

.right{
 text-align: right;
 }

.link{
 text-align: right;
 }
 
.clearer {
	clear: both;
}

.hide, .print{
display:none;
}

.thumb{
float:left;
margin:.3em 10px 10px 0;
}

.thumbright{
float:right;
margin:10px;
margin-top:0;
}
/*end all the global stuff */





#header {
height:89px;
/*width:700px;*/
/*background:#045f74 url(../images/hdr/hdr-bkg.gif) left top repeat-x;*/
}


#nav { background-image: url("../images/hdr/background_nav.jpg"); background-repeat: repeat-x; height: 38px }

ul#mainnav{
width:720px;
height:25px;
margin:0;
padding:0;
/*background:#318b9d;*/
}


ul#mainnav
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;

}

#mainnav li
{
display: inline;
list-style-type: none;

}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul#mainnav {margin:0; padding:0; list-style-type:none; font-size:13px; color:#FFF; cursor:default; width:720px; background:url(../images/hdr/background_nav.jpg) repeat-x}

/* Menu item containers, position children relative to this container and are a fixed width */
ul#mainnav li{margin:0; padding:0; list-style-type:none; font-size:13px; color:#FFF; position:relative; text-align:left; cursor:pointer; float:left; Background:url(../images/hdr/background_nav.jpg) repeat-x;  border-left:1px solid #000; width:100px}

ul#mainnav li#active {Background:url(../images/hdr/background_nav2.jpg) repeat-x; border-left:1px solid #000;}

#mainnav a  { font-weight: bold; padding: 5px 10px 1px; line-height:38px }

#mainnav a:link, #mainnav a:visited
{
color: #fff;

text-decoration: none;
}

#mainnav a:hover
 { color: #eccb00; text-decoration: none }

#mainnav a:link#current, #mainnav a:visited#current
{} 


#contentwrapper{
width:720px;
padding:0;margin:0;
background:#fff;
border-bottom:1px solid #fff;
margin-top:10px;
clear:both;

}


#menucol { margin: 0; padding: 0px 12px 12px; 
width: 164px !important; 
width: 188px; 
float: left }
#menucol hr {
	height:1px;
	color:#055F73;
	background-color:#055F73;
	border:none;
}
#menucol h2 {
	margin:0;
}

#menucol p {
	line-height:135%;
	
}


#menucol ul.leftmenu {
	font-weight:bold;
	margin:0;padding:0;
	padding-top:18px
}
#menucol ul.leftmenu li {
	padding:0;margin:0;
	padding-bottom:6px;
	color:#737373;
}
#menucol ul.leftmenu li a{
	color:#737373;
}
#menucol ul.leftmenu ul{
	font-weight:normal;
	font-size:.84em;
	margin:0;
	padding:8px;
}

#menucol ul.leftmenu li a:hover{
	color:#ff0000;
}



#maincontent  { margin-right: 10px; margin-left: 190px; padding-top: 1px; /*height: 0.01%*/ }


div.csc-frame-frame1      { margin: 0 0 12px; width: 100%; float: right; clear: right; border: solid 1px #ccc }

div.csc-frame-frame1 .csc-header,
div.csc-frame-frame1 .csc-header
     { background-color: #e1e1e1; margin: 0; padding: 3px 5px }


div.csc-frame-frame1 .csc-header h1,
div.csc-frame-frame1 .csc-header h2
    { color: #3069b2; font-size: 13px; background-color: #e1e1e1; text-transform: uppercase; margin: 0; padding: 3px }


div.csc-frame-frame1 p,
div.csc-frame-frame1 .csc-textpic-text p
 {background:#fff;
	padding:6px 8px 6px 8px ;
	margin:0;}

#maincontent .csc-frame-frame1   { width: 500px }


#maincontent p {
font-size:1em;
line-height:1.4em;
margin-top:.6em;
}



#footer{
padding:0 10px;margin:0 auto;
width:720px;
height:80px;

}
body.chart #footer{
width:1300px;
}
#footertop {
	
	height:5px;
	width:720px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.4em;
	color:#fff;
	float:left;
}
ul#addressinfo {
	padding:26px 0px;
	margin:0;
}
ul#addressinfo li{
float:left;
margin:0;
padding:0 18px;
}
#footerbottom {
	height:24px;
	width:720px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	float:left;
}



#footerbottom  a:link, #footerbottom a:visited {
	color:#fff;
	text-decoration:underline;
}
#footerbottom  a:hover, #footerbottom  a:active{
	text-decoration:none;
}




.footnote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.84em;
}

#maincontent hr{
	height:1px;
	color:#777;
	background-color:#777;
	border:none;
}


#maincontent div.moreinfobox{
float:none;
}
hr.divider{
height:1px;
	color:#000;
	background-color:#000;
	border:none;
	margin:0;padding:0;
}

.csc-textpic-caption    { color: #4b543e; font-size: 10px; line-height: 120%; padding-top: 5px }

/*******************************************
* TYPO3 Mailformular
********************************************/
.csc-mailform   { padding: 0; border-top: 1px solid #929bad; border-right: none; border-bottom: 1px solid #929bad; border-left: none }
.csc-mailform-field     { padding-right: 10px; padding-left: 10px }

.csc-mailform-field label    { color: #454545; display: block; margin-top: 3px }
.csc-mailform-radio label {
  display:inline;
  margin-left:0.3em;
}
.csc-mailform-radio legend {
  display:none;
}
.csc-mailform-submit  { margin-top: 1em; margin-bottom: 1em }

 a img {border:0 none}
 
.csc-textpic-caption   { color: #707070; font-size: 10px; line-height: 120%; padding-top: 5px } 

.csc-frame-rulerAfter {padding-bottom:8px;border-bottom:1px solid black; margin-bottom:8px}