/* ###########################################################
Allgemein
########################################################### */

.cc_container .cc_btn {
background-color: #D8E4F0 !important; /* Farbe des Buttons */
color: #00519E !important; /* Textfarbe des Buttons */

}
 
.cc_container {
background: #00519E !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */

}
 
.cc_container a {
color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration: underline !important;

}

body {
background:url(../img/bg_sand.jpg);
padding:0; margin:0;
color:#1b3e71;
font-family: Arial, sans-serif;
font-size: 14px;
}

a {
border:0;
color:#1b3e71;
}

a:hover {
color:#6898C6;
}

h1 {
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: bold;
padding:0; margin:0px 0px 10px 0px;
}

h2 {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
padding:0; margin:0px 0px 10px 0px;
}

h3 {
font-family: Arial, sans-serif;
font-size: 14px;
line-height:22px;
font-weight:bold;
padding:0; margin:0;
}

ul {
font-family: Arial, sans-serif;
font-size: 14px;
line-height:22px;
}

li {
list-style-type:square;
}


img {
border:0;
}


/* ###########################################################
Seitenstruktur
########################################################### */

#zentriert {
position: absolute;
left: 50%;
top: 0;
margin-left: -525px;
}	

#container {
width: 1050px;
height: 100%;
margin: 0px 0px 0px 0px;
padding:0px;
border: 0px solid #000;
}

#hintergrund {
background: url(../img/schatten.png) no-repeat;
width: 1050px;
height:695px;
border: 0px solid #000;
padding-left: 35px;
}


#flashcontent {
margin-top:30px;
border: 0px solid red;
width: 624px;

}

#flashcontent2 {
margin-top:0px;
border: 0px solid red;
width: 960px;

}

#flashcontent3 {
background-color: #fff;
margin-top:0px;
border: 0px solid red;
width: 940px;
padding: 0px 10px 0px 10px;

}

#header {
margin: 0px 0px 0px 0px; padding:0;
}

#navi {
margin: 0px; padding:0px 37px 0px 35px;
background: url(../img/bg_navi.png) no-repeat;
height:31px;
}

#navi a {
padding:0px 0px 6px 0px;
margin:3px 10px 0px 10px;
float:left;
}

#navi a:hover {
background:#00519e;
}

#mainNav {
float:left;
}

#subNav {
border:0px solid blue;
float:right;
}

#content {
min-height:460px;
height:auto !important;
height:460px;

border: 0px solid green;
background:url(../img/bg_content.png);
padding: 10px 45px 0px 45px; margin:0;
}

#leftCol {
background:#fff url(../img/bg_textbox.png) no-repeat;
float:left;
width:570px;
min-height:425px;
height:auto !important;
height:425px;
padding:25px 20px 0px 40px;
}

#leftCol2 {
background:#fff url(../img/bg_textbox.png) no-repeat;
float:left;
border: 0px solid red;
width:625px;
min-height:425px;
height:auto !important;
height:425px;
padding:25px 2px 0px 3px;
}

#leftCol p {
width:500px;
font: 14px Arial, sans-serif;
line-height:22px;
margin:0px 0px 10px 0px;

}

#leftCol2 p {
width:500px;
font: 14px Arial, sans-serif;
line-height:22px;
margin:0px 0px 0px 35px;

}

#rightCol {
float:right;
width:308px;
border:1px solid white;
}

#rightCol2 {
float:right;
width:303px;
border:1px solid white;
}

#footer {
text-align:right;
color:#fff;
font: 11px Arial, sans-serif;
background:url(../img/bg_footer.png) no-repeat;
padding: 4px 45px 0px 45px;
height:100px;
}

/* ###########################################################
Nur für die Leistungsbeispiele, anderes Grundlayout
########################################################### */

#leftColReferenzen {
background:#fff;
width:960px;
padding:0px 0px 0px 0px;
min-height:378px;
height:auto !important;
height:378px;
}

#leftColReferenzen p {
width:310px;
font: 14px Arial, sans-serif;
line-height:22px;
margin:0px 0px 10px 0px;
}

#leftColSubnavi {
background:#fff;
width:310px;
padding:0px 20px 0px 20px;
border:0px solid red;
}


#rightColReferenzen {
float:right;
width:590px;
border:0px solid green;
height:450px;
}

/* ###########################################################
Sonstige Klassen
########################################################### */

.smallText {
font: 11px Arial, sans-serif ! important;
margin-bottom:18px;
}

.aktiv {
background:#00519e;
}

.paginierung {
  position:absolute;
  top:170px; left:960px;
  border:1px dotted silver;
  padding:3px;
  background:#F3F3F3;
  font: 10px Arial, sans-serif;
}

.clearBoth {
clear:both;
height:1px;
line-height: 1px;
font-size: 1px;
}

.clearLeft {
clear:left;
height:1px;
line-height: 1px;
font-size: 1px;
}

/* ###########################################################
slider_small
########################################################### */
#flashcontent4 {
background-color: #fff;
margin-top:0px;
border: 0px solid red;
width: 940px;
padding: 0px 10px 0px 10px;
}

#headwrap {
	background-color:#f8f0e3;
	border: 0px solid #808080;
	width:624px;
	height:295px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}



#headslide {
	border: 0px solid red;
	clear:both;
	width:609px;
	height:290px;
	margin:0px 0px 0px 7px;
	padding:0px;

}


#myController {
	border: 0px solid green;
	margin-top: 0px;
	color:#FFF;
	cursor:pointer;
	clear:both;
	width:624px;
	}


#myController span{
border: 0px solid #000;
background:#E4E4E4;
margin-top: 0px;
margin-right:0px;
cursor:pointer;
width:0px;
height:0px;
margin-left:0px;
float:left;
color:#000;
}

#slidenav {
clear:both;
border: 0px solid green;
}

#mySlides {
	border: 1px solid #000;
	width:609px;
	height:290px;
	border: 0px solid green;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear:both;
	
}




/* ###########################################################
slider_big
########################################################### */
#headwrap2 {
	background-color:#fff;
	border: 0px solid green;
	width:960px;
	height:490px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}



#headslide2 {
	border: 0px solid red;
	clear:both;
	width:960px;
	height:460px;
	margin:0px 0px 0px 0px;
	padding:0px;

}


#myController2 span{
	border: 0px solid green;
	margin-top: 0px;
	color:#FFF;
	cursor:pointer;
	clear:both;
	width:624px;
	}




#slidenav2 {
clear:both;
border: 0px solid green;
}

#mySlides2 {
	width:960px;
	height:460px;
	border: 0px solid green;
	margin: 0px;
	padding: 0px;
	clear:both;
	
}


#myController span.jFlowSelected {
background:#fff;
}


.jFlowNext, .jFlowPrev{

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height:25px;
width:47px;
cursor:pointer;
color: #ff4800;
border: 0px solid green;
float:right;
}