*{
margin: 0;
padding:0;
font-size: 12px;
color: #252627;
}
img{border: 0;}
html {

    height: 100%;
}

body{
text-align: center;
height: 100%;
margin: 0 auto;

}
h3{
color: #788A9F;
font-size: 16px;
font-weight: bold;
font-family: "dejarip-1", Arial;
margin-bottom: 10px;
}
h3 .date
{
color: #C5CCD4;
padding-left: 10px;
font-size: 16px;
}
#header{
background-image: url(img/layout/xrepeat.jpg);
background-repeat: repeat-x;
width: 100%;
min-width:935px;
height: 138px;
overflow: visible;
text-align: center;
}
#headerbg{
background-image: url(img/layout/bgtop.jpg);
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 138px;
}
#logo{float: right}
#headerwrapper{
width: 935px;
height: 83px;
padding-top: 55px;
margin: 0 auto;
}
#navigation{
height: 49px;
width: 540px;
float: left;
padding-top: 34px;
}
#navigation a{
font-family: Arial, Verdana;
color: #3A4551;
font-size: 14px;
text-decoration: none;
height: 19px;
padding-top: 4px;
display: block;
float: left;
padding-left:9px;
margin-left: 6px;
margin-right: 6px;
padding-right: 9px;
}
#navigation a:first-child{
margin-left:-4px;
padding-left: 8px}
#navigation a:last-child{
margin-right:0px;}
#navigation a:hover{
background-image: url(img/layout/active.png);
background-repeat: repeat-x;
}
#navigation p {
color: #3A4551;
display: inline;
position:relative;
top:4px;
float: left;
}
#contentwrapper{
width: 935px; 
overflow: visible;
min-height: 100%;
margin: auto;
}
#content{
padding-top: 32px;
width: 935px;
text-align: left;
color: #252627;
font-size: 12px;
font-family: Arial;
}
#content .article .headline{
margin-bottom: 26px; 
display: block;
}
#content .article{
display: block;
width: 935px;
clear: both;

}
#content .article .contentimg{
float: right;
}
#content .article .contenttext{
float: left;
width: 613px;
min-height:150px;
}

#first{
width: 1017px;
height: 279px;
background-image: url(img/content/first.jpg);
background-repeat: no-repeat;
position:relative;
top:10px;
left:-41px;
}



.article{
padding-top: 22px;
text-align:justify;
}

.split{
margin-top:23px;
}


#footer{
text-align: left;
font-family: Arial;
font-size: 11px;
color: #828CA7;
margin-bottom: 15px;
width: 935px;
}



#stepbystep-om{
position:relative;
top:-155px;
}




#step1{
position:relative;
left:0px;
z-index:12;}
#step1-om{
position:relative;
left:0px;
z-index:10;}

#step2{
position:relative;
left:-34px;
z-index:12;}
#step2-om{
position:relative;
left:-34px;
z-index:10;}

#step3{
position:relative;
left:-68px;
z-index:12;}
#step3-om{
position:relative;
left:-68px;
z-index:10;}

#step4{
position:relative;
left:-102px;
z-index:12;}
#step4-om{
position:relative;
left:-102px;
z-index:10;}

#step5{
position:relative;
left:-138px;
z-index:12;}
#step5-om{
position:relative;
left:-138px;
z-index:10;}




a.boldlink:link, a.boldlink:visited, a.boldlink:focus, a.boldlink:active { font: 12px Arial,Helvetica, sans-serif;color:#000000; text-decoration:none; }
a.boldlink:hover {font: 12px Arial,Helvetica, sans-serif;color:#000000; text-decoration:none;border-bottom:1px solid;}



a.mainlink:link, a.mainlink:visited, a.mainlink:focus, a.mainlink:active { font:normal 12px Arial,Helvetica, sans-serif;color:#FF9C00; text-decoration:none;}
a.mainlink:hover {font:normal 12px Arial,Helvetica, sans-serif;color:#FF9C00; text-decoration:none;border-bottom:1px solid;}


a.blacklink:link, a.blacklink:visited, a.blacklink:focus, a.blacklink:active { font:normal 12px Arial,Helvetica, sans-serif;color:#252627; text-decoration:none; border-bottom:1px dotted #8696A9;}
a.blacklink:hover {font:normal 12px Arial,Helvetica, sans-serif;color:#252627; text-decoration:none;border-bottom:1px solid;}



a.imprlink:link, a.imprlink:visited, a.imprlink:focus, a.imprlink:active { font:normal 11px Arial,Helvetica, sans-serif;color:#828CA7; text-decoration:none;}
a.imprlink:hover {font:normal 11px Arial,Helvetica, sans-serif;color:#606D91; text-decoration:none;border-bottom:1px solid;}



		
			
			.boxgrid{ 
				width: 144px; 
				height: 73px; 
				float:left; 
				background:#303B4F; 
				border: solid 1px #C5C7C6; 
				overflow: hidden; 
				position: relative;
				margin-right:10px;
				margin-bottom:10px;				
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 10px 10px 0px; 
					color:#93A5B5; 
					font-weight:normal; 
					font:7.5pt Arial, sans-serif; 
					line-height:0.95;
				}
				
				
				.boxgrid a{ 
					color:#CEB967; 
					font-weight:normal; 
					font:7.5pt Arial, sans-serif; 
				}
				
				
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #303B4F; 
				height: 100px; 
				width: 100%; 
				opacity: .92; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
    .boxcaption {
 					top: 73px;
 					left: 0;
 				}
			
#kotaktwrapper{
width: 613px;
}
#kontaktleftcolumn{
text-align: left;
width: 300px;
float: left;
}
#kontaktrightcolumn{
text-align: left;
float: right;
width: 313px;
}
#kontaktrightcolumn h2{
color: #9FB4CD;
font-size: 16px;
}
#kontaktrightcolumn h3{
color: #596D83;
font-size: 16px;
}
#kontaktimg{
position: relative;
left: 12px;
}
#subnavi_wrapper{
height: 75px;
}
#subnavi{
float: right;
background-image: url(img/layout/subnavi.png);
background-repeat: no-repeat;
height: 24px;
width: 452px;
text-align: right;
margin-top: 47px;
margin-right: 120px;
}
#subnavi a, #subnavi p{
display: block;
float: right;
margin-right: 12px;
color: #BAC1CD;
font-size: 14px;
text-decoration: none;
padding-top: 4px;
}
#subnavi a:hover{
text-decoration: underline;
}
#subnavi #active{
color:#596D83;
}