/* ========================= */  
/* Allgemeines               */ 
/* ========================= */

html {
height: 100%;
}

body {
margin: 0;
background: #FFF url(../images/bg-head.png) top left repeat-x;
min-height:100%;
position: relative;
font-size: 14px;
color: #464646;
line-height: 1.5;
}

* {
font-family:Helvetica, Arial, Verdana, sans-serif;

}

h1 {
	color:#1676b2;
}

h1, h2, h3, h4 {
	font-weight:normal;
}

h1 {
	font-size:24px;
	}

h1.csc-firstHeader {
	margin-top:9px;
	line-height:24px;
}

h2 {
	font-size:20px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:12px;
}

a {
	color:#ABABAB;
    text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#464646;
}

.small {
font-size: 12px;
}

.rot,
.powermail_mandatory {
color:red;
}

.gruen {
color:green;
}

.gelb {
color: yellow;
}

#content ul {
list-style-position:inside;
padding-left:0;
margin-left: 0;
}

td,
th {
padding: 0 5px 5px 0;
}

.clear {
clear: both;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right:20px !important;
margin-top:6px;
}

/* ========================= */  
/* Header                    */ 
/* ========================= */

a img {
border: none;
}

#header {
border-bottom: 1px solid #c1c1c1;
}

#header .inner {
width: 950px;
height: 210px;
margin: 0 auto;
}

#logo {
margin-top: 73px;
float: left;
width: 162px;
}


/* ========================= */  
/* Hauptnavigation           */ 
/* ========================= */

#topnavi {
float: left;
width: 680px;
margin-left: 104px;
margin-top: 182px;
}

#topnavi ul {
margin: 0;
padding: 0;
}

#topnavi li {
float: left;
list-style-type: none;
margin-left: 55px;
}

#topnavi a {
color: #686868;
text-decoration: none;
text-transform: uppercase;
}
#topnavi a:hover,
#topnavi a.active {
color: #15608f;
}


/* ========================= */  
/* Startseite                */ 
/* ========================= */

#banner {
background: #1F5E91 url(../images/bg-image.png) top left repeat-x;
height: 242px;
}

#banner .inner {
width: 950px;
margin: 0 auto;
}

.start {
background: url(../images/schrafur.png) top repeat-x;
padding-top: 25px;
padding-bottom:191px;
}

#content2 {
width: 1002px;
margin: 0 auto;
background: url(../images/logooben2.png) right bottom no-repeat;
padding-bottom: 20px;
min-height: 420px;
}

.start .inner {
width: 950px;
margin: 0 auto;
}

.start h1 {
color: #1f5e91;
border-bottom: 1px dotted #929292;
font-size: 24px;
margin-top: 2px;
font-weight: bold;
}

.start h2 {
color: #1676b2;
font-weight: normal;
font-size: 22px;
margin-bottom: 0px;
}

.start p {
margin-top: 0;
}


/* ========================= */  
/* Linke Navigation          */ 
/* ========================= */

#leftnavi h2 {
color:#686868;
font-weight:bold;
font-size: 18px;
}

#leftnavi h2.navihead {
margin:0;
padding-left:65px;
line-height:20px;
background:#FFF url(../images/globe.png) top left no-repeat;
height:56px;
line-height:44px;
margin-left:-15px	
}

#leftnavi h2.callme {
margin:0;
padding-left:65px;
line-height:20px;
height:75px;
line-height:72px;
margin-left:-15px;
margin-top: 40px;	
}

#leftnavi h2.callme a {
color: #686868;
text-decoration: none;
}

#leftnavi {
float:left;
width:224px;
padding-left:36px;
padding-right:36px;
}

#leftnavi ul {
	list-style:none;
	padding:0px;
	margin-top:5px;
	
}

#leftnavi li {
	min-height:30px;
	line-height:30px;
}

#leftnavi li a {
	color:#686868;}
#leftnavi li a:hover,
#leftnavi li a.active {
	color:#15608f;
	text-decoration:none;
}

#leftnavi ul.sublevel1 {
	margin:-5px 0 5px 10px;
}

#leftnavi ul.sublevel1 li {
	min-height:20px;
	line-height:20px;
}

#leftnavi ul.sublevel1 a {
	font-size:12px;
}


/* ========================= */  
/* Content                   */ 
/* ========================= */

#middle {
width:950px;
width: 998px;
margin:50px auto 0px;
clear:both;
padding-bottom:220px;
}

#middle2 {
width:974px;
background: #ffffff url(../images/mainbg.gif) left repeat-y;
}

#content {
float:left;
width:630px;
margin-left:48px;
}

.slogan * {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
color:#ccc;
}


/* ========================= */  
/* Footer                    */ 
/* ========================= */

#footer {
background: #156392 url(../images/footer1.png) center repeat-y;
width:100%;
position: absolute;
bottom: 0;
}

#footer2 {
background: url(../images/footer2.png) top center no-repeat;
}

#footer .inner {
margin-left: 200px
}

#footer #footer3 .inner {
margin-left: 0px
}

#footer3 {
width: 1002px;
margin: 0 auto;
background: url(../images/logounten.png) right top no-repeat;
}

#footer .inner {
width: 950px;
margin: 0 auto;
height: 191px;
}

#footer #footer2 #footernavi {
margin-left: 321px;
}

#footer #footer3 #footernavi {
margin-left: 28px;
}


#footernavi {
padding-top: 25px;
}

#footernavi ul {
list-style:none;
margin:0;
padding:0;
}

#footernavi li {
margin:0;
line-height:1;
}

#footernavi ul.toplevel > li {
margin:0;
line-height:1;
float:left;
margin-right:80px;
}

#footernavi ul.sublevel {
margin-top:10px;
}

#footernavi a {
color:#FFF;
font-size:11px;
}

ul.toplevel a {
font-weight:bold;
}

ul.sublevel a {
text-transform:none;
font-weight:normal;
}


/* ========================= */  
/* News                      */ 
/* ========================= */

.news-latest-item h2,
.news-list-item h2 {
font-size: 22px;
margin-bottom: 0px;
color: #1676b2;
font-weight: normal;
}

.news-latest-item h2 a,
.news-list-item h2 a {
color: #1676b2;
font-size: 22px;
}

.news-latest-item h2 a:hover,
.news-list-item h2 a:hover {
text-decoration: none;
}

.news-latest-item {
margin-bottom: 20px;
}

.news-latest-date {
font-size: 12px;
}

.news-latest-text p {
margin-top: 0;
} 

.news-single-subheader {
font-style: italic;
}


/* ========================= */  
/* Formulare                 */ 
/* ========================= */

.powermail_textarea {
font-size: 12px;
width: 300px;
height: 100px;
}

.powermail_text {
width: 150px;
}

.powermail_text,
.powermail_textarea {
border: 1px solid #C1C1C1;
padding:2px;
}

.powermail_submit {
border: 1px solid #C1C1C1;
color: #686868;
background-color: #ffffff;
padding-bottom: 3px;
padding-top: 3px;
font-weight: bold;
}

.powermail_submit:hover {
color: #C1C1C1;
}

.amf_html .small {
margin-top: 0;
}


/* Slider */

.slider-item {
height:242px;
width:950px;
}

.panel {
width:950px;
}

.belt {
position:absolute;
top:0;
width:5000px;
}

.stepcarousel {
background-color:#D4D4D4;
height:242px;
overflow:hidden;
position:relative;
width:950px;
z-index:90;
}