/* oben rechts unten links */

body, p, a1, td, div, ul2, ol, li2, textarea, pre, h1, h2, h3   {

   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight:normal;
   font-size: 11px;
   color:#494A47;
}

body, div1.header, div1.header_sub, div1.footer { background-color: #DEE3E7; }

p1, a1, td, div, ul2, ol, li2, textarea, pre, h1, h2, h3   { background-color: #ffffff; }

H1, H2, H3, H4, H5, H6, P, UL { color: #000000; }
1A { color: #004078; text-decoration: none; }
1A:hover { color: #004078; text-decoration: none; }
P, UL, OL { font-size: 12px; }
P { margin: 0px 0px 0px 0px; }

H1 { font-size1: 14px; color: #000000; }
H2 { font-size1: 14px; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #004078; padding: 0 0 3px 0; }
H3 { font-size1: 12px; color: #000000; }
H4 { font-size1: 11px; color: #000000; }
H5 { font-size1: 10px; color: #000000; }
H6 { font-size1: 9px; color: #333333; font-weight: normal; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top1: 10px; }
H1 { margin: 0px 0px 0px 0px; margin-top1: 20px; margin-bottom: 10px; }
H2, H3 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }
H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }
H1.csc-firstHeader, H2.csc-firstHeader  { margin-top1: 10px; }
H3.csc-firstHeader { margin-top: 0px; }
H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

div.csc-header h1 {
   font-size: 12px;
   color: #8098BC;
   font-weight:bold;
}

P.bodytext { font-size: 12px; color: #000000; line-height: 14px; padding-bottom: 6px;background-color: white;}

IMG { border-style: none; }

P.csc-caption { font-size1: 10px; }


.csc-textpic-caption { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size1: 10px; }

.versteckt { position:absolute; left:-10000px;}

div.wrap { 		
    width:900px;
    margin-left:auto; margin-right:auto;
    background-color: #DEE3E7; 
    border: 1px solid #8098BC;
}
		

div.header_logo { 
   height:74px;
   width:900px;
   float:left; 
}

span.himage { 
   background:url(../img/header.jpg) top left no-repeat;
   width:695px;
   height:74px;
   float:right; 
     
}

span.hlogo { 
   width:171px;
   padding:17px 15px 17px 17px;   
   float:left;  
   height:40px
}

span.title1 {
   font-size:20px;
   font-weight:bold;
   color: #8098BC;
}

span.title2 {
   font-weight:bold;
   color: #8098BC;
}

div.header_menu ul { 
   padding:0px;
   margin:0px;
}

div.header_menu { 
   background-color: #8098BC; 
   font-size: 11px;
   width:900px;
   float:left; 
   height:22px;  
}

div.header_rootline { 
   padding:4px 0 4px 0;
   border-bottom: 1px solid #8098BC;
   color: #8098BC;
   width:900px;
   float:right;
   background-color: #DEE3E7; 
   font-size: 11px;
   height:14px;
}


span.rootline {  
   padding-left:30px; 
   font-size: 11px;
   color: #8098BC;
   background-color1: #DEE3E7;
   background-color: #fffff; 
   clear: both;

} 	

span.rootline a { 
   color: #8098BC;
   font-size: 11px;
}
				
span.globals {  	float:right;
				position:relative;
				top:-2.4em;
				left:1px;
				border:1px solid #EE8C25;
				background-color:#494A47;
				padding:0.5em;
				font-size:90%;
				}
				

span.language  { 
       color: #8098BC;
       width:130px; 
       padding-left:15px; 
       font-size: 11px;
}

span.language a { 
       color: #8098BC;
       font-size: 11px;
}
		
div.suchen { 	
     padding:5% 7%; 
			background: url(../img/suche_bg.gif);
			font-size:80%;
			font-weight:bold;
			border-bottom:1px solid #ddd;
			float:left;
			width:80%;
			margin-bottom:1em;
		}

div.suchen form { 

}		
		
div.suchen input {	border:1px solid #aaa;
				float:left;
				margin-right:5px;
				}				
.content_wrap  {	
    border1: 1px solid #8098BC;
    background-color: #fff; 
    display:table;
    width:900px;
    height:900;   
    clear: both;
    padding:0;
    margin:0;
}

.content_wrap a { 
    color: #8098BC;
}
					
.content_left {  
    padding:5px;
    width:190px;
    height:100%;
    vertical-align:top;
}		
		
.content_center {
    padding:5px;
    width:490px;
    height:100%;
    vertical-align:top;	
}

.content_center_left {
    padding:5px;
    width:690px;
    height:100%;
    vertical-align:top;	
}

.content_center_right {
    padding:5px;
    width:690px;
    height:100%;
    vertical-align:top;	
}	
		
.content_right {
    padding:5px;
    width:190px;
    height:100%;
    vertical-align:top;
}

.content_border {
    height: 100%;
    background:url(../img/bluepix.gif) top left repeat-y;
    border:0;
    padding:0;
    margin:0;
    width:1px;
}
		
.footer {
    padding:5px 0 5px 0;
    border-top:1px solid #8098BC;
    font-size: 10px;
    width:898px;
    height:16px;
    background-color: #fffff; 
    clear: both;
}
			
.bottomnavi {
    float:left;
    padding-left:210px;
    font-size: 10px;
    color:#494A47;
}

.bottomnavi a {	
    color: #8098BC;
    font-size: 10px;
}
				
div.copyright {
    float:right;
    padding-right:10px;
    color: #8098BC;
    font-size: 10px;
    background-color1: transparent;
}

div.bodytext {
	margin:0;
	padding:0; background-color: red; 
}
		
/* Navigation */

div.menu {
float:center;
    padding-left:200px;
    background-color: #DEE3E7;
}


ul.menu, ul.menu ul {
    list-style-type1: none;
}

ul.menu a {
    display: block;
    padding: 3px 5px 3px 5px;
    font-size: 11px;
    font-weight:normal;
    color: #DEE3E7;
    text-decoration: none;

}

ul.menu a:hover {
    color1: #EE8C25;
color: #04327E;
}

ul.menu li {
    padding: 2px;
    margin-bottom:1px;
    background-color: #8098BC; 
    float:left;
    color: #EE8C25;
    list-style-type:none;
}
 
ul.menu li.menuspacer {
    padding: 4px 0px 5px 0px;
    margin1:0;
    background-color: #8098BC; 
    float:left;
    color: #DEE3E7;
    list-style-type:none;
}



ul.menu ul {
    margin-left:0;
    position: absolute;
    background-color: #8098BC;
    display:none;
    min-width1:180px;
}

ul.menu li ul {
    margin-left:0;
    position: absolute;
    background-color: #8098BC;  
    display1:none;
    min-width1:170px;
}

ul.menu ul li {
    float:none;
    background-color1: transparent;
    list-style-type:none;
}

ul.menu li ul li {
    border-top:1px solid #ffffff;
    padding: 2px;
    margin-top1: 1px;
    list-style-type:none;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul {
    display:block;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:170px;
}

div.faq-question {
   font-size:11px;
   font-weight1:bold;
   color: #8098BC;
   text-decoration: underline;
   padding-bottom:10px;
}

div.faq-answer-anchor {
   display: none;
}

p.faq-answer-text {
   padding-bottom:10px;
   font-size:11px;
}

div.demo-header {
   color: #8098BC;
   text-decoration: underline;
   padding-top:10px;
   padding-bottom:10px;
   font-size:12px;
}

div.demo-anchor {
   display: none;
}

p.demo-content {
   padding-bottom:10px;
   font-size:12px;
}

.box {
   margin: 15px 10px 10px 10px;
   border-color: #8098BC;
   border-width: 1px;
   border-style: solid;
}

.box-header {
   color: #ffffff;
   font-size: 8pt;
   font-weight:bold;
   padding: 5px;
   background-color: #8098BC;
}

.box-content {
   font-size: 8pt;
   padding: 5px;
}
