* 	{margin:0;
  	padding:0;}

html	{overflow-x:hidden;
	overflow-y:scroll;}

body 	{font: 11pt Arial, Helvetica, sans-serif;
		line-height:16pt;
     	color:#3a3a3a;
		backgroundx:#043882 url(media/bgtop.jpg);
		background:#043882;
        background-repeatx:repeat-x;}

#site 	{margin:0;
  	padding:0;}
	
#topbar{width: 100%;
		height: 100px;
		background-color: #fff;
		margin: 30px 0 30px 0;
		position: absolute;}


#top     {width:1020px;
	 height:160px;
	 background-image:url(media/logo.png);
	 background-repeat: no-repeat}

#topmenu {width:500px;
	 height:20px;
	 padding:40px 0px 0px 600px;
	 color:#043882;
	 font-size:8pt;
	 letter-spacing:1pt;}

#topmenu a {color:#3a3a3a;
	   font-size:8pt;
	   letter-spacing:1pt;
	   margin:0px 5px 0px 5px;}

.boxi {
	width:1020px;
	margin: 0px;
	
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 

.body_shadow{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-topx: 25px;
	margin-bottomx: 25px;
}
.body_shadow:before, .body_shadow:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.body_shadow:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

#wrapper {position:absolute;
    	 width:1020px;
    	 height:1000px;
    	 margin-left:-510px; //* die hälfte von "width", mit einem Minus davor *//
    	 margin-top:-350px; //* die Hälfte von "height", auch wieder negativ; *//
    	 top:50%;
    	 left:50%;
    	 background-color:#043882
    	 background:#043882 url(media/bgshadow.jpg) no-repeat;}


#startmenu	{height:217px;
		padding:30px 0px 0px 100px;
		overflow:hidden;
		width:900px;}

#head	{height:118px;
	     background-color:#E3E7EB;
		 margin:10px 0px 0px 0px;
		 position: relative;}

#mainmenu 	{height:78px;
	 	margin:0px;
		overflowx:hidden;
		width:552px;		
		backgroundx:#e3e7eb url(media/main_hbg.jpg);
		float: left;
		}

.mainleft	{float:left;
		width:468px; 
		height:78px; 
		border:0px;		
		display:inline;	
		margin:10px 0px 0px 0px;
		background-color: #e3e7eb;
		backgroundx:#e3e7eb url(media/bgmainbaby.jpg);
		background-repeatx:repeat-x;}



.main1		{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;	
		margin-top:0px;}
.main1 a	{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;
		background-image:url(media/historie_ov.jpg);}
.main1 a:hover img {visibility:hidden;}


.main1on {position: relative;
		 top: -15px;
		 width: 138px;
		 float: left;
		 height: 88px;
		 z-index:2;}

.main2		{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;	
		margin-top:0px;}
.main2 a	{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;
		background-image:url(media/leistungen_ov.jpg);}
.main2 a:hover img {visibility:hidden;}

.main2on {position: relative;
		 top: -15px;
		 width: 138px;
		 float: left;
		 height: 88px;
		 z-index:2;}

.main3		{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;	
		margin-top:0px;}
.main3 a	{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;
		background-image:url(media/referenzen_ov.jpg);}
.main3 a:hover img {visibility:hidden;}

.main3on {position: relative;
		 top: -15px;
		 width: 138px;
		 float: left;
		 height: 88px;
		 z-index:2;}

.main4		{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;	
		margin-top:0px;}
.main4 a	{float:left;
		width:138px; 
		height:78px; 
		border:0px;		
		display:inline;
		background-image:url(media/kontakt_ov.jpg);}
.main4 a:hover img {visibility:hidden;}

.main4on {position: relative;
		 top: -15px;
		 width: 138px;
		 float: left;
		 height: 88px;
		 z-index:2;}

#middle		{width:1020px; 
		min-height:500px; 
		border:0px;
		margin-left:20px;
		background:#ffffff;}


#content	{float:left;
		width:1020px;
		min-heightx:540px;
		margin:0px 0px 0px 0px; 
		border:0px;
		display:inline;
		background-color:#ffffff;}

#left		{float:left;
		width:381px;
		padding:  12px 0 12px 12px;
		border:0px;
		display:inline;
		backgroundx:#fff url(media/bgleft.jpg);
       	background-repeatx:repeat-y;}

#leftspacer	{float:left;
		width:384px;
		height:40px;
		border:0px;
		display:inline;
		background:#e3e7eb url(media/bgleftspacer.jpg);
       		background-repeat:repeat-y;}

#largeimage	{float:left;
		width:364px;
		height:480px;
		border:0px;
		display:inline;
		background-color:#ffffff;}
		


#right		{float:left;
		width:582px;
		margin:0px; 
		padding:25px 20px 0 25px;
		border:0px;
		display: inline;
		position: relative;
		top: -60px;
		leftx: 384px; 	
		background-image: url(media/right_shadow.png);
		background-repeat: no-repeat;
		-webkit-box-shadowx: -1px -1px 10px rgba(0, 0, 0, 0.3); /* webkit browser*/ 
		-moz-box-shadowx: -1px -1px 10px rgba(0, 0, 0, 0.3); /* firefox */ 
		box-shadowx: -1px -1px 10px rgba(0, 0, 0, 0.3);}
		
#right_content{
		width:606px;
		border:0px;
		background-color: #fff;}



.editorial	{float:left;
		width:600px;
		height:100px;
		border:0px;
		display:inline;}

#title		{float:left;
		width:600px;
		height:62px;
		border:0px;
		display:block;}	


#sidebar	{float:left;
		width:100px;
		height:300px;
		border:0px;
		margin:60px 0px 0px 0px;
		display:inline;}


#galerie	{float:left;
		width:570px;
		heightx:400px;
		border:0px;
		display:inline;
		margin:60px 0px 0px 0px;
		overflowx: scroll;}

.impressum	{float:left;
		font-size:9pt;
		margin:20px 0px 0px 0px;}

.impressum h2	{font-size:9pt;}

.impressum a	{font-size:9pt;}

.impressum a:hover	{font-size:9pt;}


#bottom		{float:left;
		width:1020px;
		height:130px; 
		border:0px;
		margin:0px 0px 0px 0px; 
		display:inline;
		background:#e3e7eb;	}




.clear		{clear:both;
		visibility:hidden;}

#footer		{float:left;
		width:720px;
		height:60px;
		color:#fff;
		font-size:9pt;
		padding:0 100px 0 200px;
		line-height:14pt;
		background-color: #043882;
		margin-top: 20px;}

#footer a 	{color:#fff;
		display:inline-block;
		text-decoration:underline;
		font-size:9pt;}

.footerlogo	{float:left;
		height:64px;
		width:200px;}

.payoff 	{float:left;
		margin:10px 0px 0px 30px;}

.bottommenu	{float:left;
		margin-left:30px;}








a.hover img 	{border:0px;} 
a img 		{border:0px;}

a		{color:#3a3a3a;
		text-decoration:none;
		font-size:11pt;}
a:hover		{color:#3a3a3a;
		text-decoration:underline;
		font-size:11pt;}

h1	{font-size:14pt;
	color:#742e15;
	text-decoration:none;
	font-weight:bold;
	margin-top:7px;}

h2	{font-size:12pt;
	color:#234191;	
	text-decoration:none;
	font-style:normal;}

h3	{font-size:11pt;
	color:#0081c6;
	text-decoration:none;
	font-weight:normal;}