@charset "utf-8";
/* CSS Document */
/* allgemeine Einstellungen */
* {margin:0; padding:0;}
body {
		font-size:62.5%; 
		background-color:#012E40; 
		color:#FFFFFF; 
		font-family:Tahoma, Arial, Helvetica, sans-serif; 
		background-image:url(../images/column.jpg); background-repeat:repeat-y;
		padding-left:5px;
		}


/* Seitencontainer und inneres Layout */
#container {
	width:100%;
	max-width:1000px;
	background-image:url(../images/body.jpg);
	background-repeat:no-repeat;
	overflow:visible;
	padding-top:10px;
	margin-left:3px;
	
}

div#branding {position:relative; background-image:url(../images/column.jpg); background-repeat:repeat-y; 
	}

div#texttop {
				color:#f29f05;
				font-size:2em;
				position:absolute;
				top:80px;
				left: 330px;
				padding:10px;
				}
				

div#texttop_paket {
				position:absolute;
				top:50px;
				left: 330px;
				font-size:1.8em;
				padding:10px;
				width:500px;
				}

div#texttop_paket h2 {font-size:1.6em; color:#f29f05; margin-bottom:10px; font-weight:800; position:relative;}
div#texttop_paket li {font-size:.8em;}
#content_1 {
				width:24%;
				float:left;
				height:550px;
				margin-left:2px;
				}


#content_2 {
				width:24%;
				float:left;
				height:550px;
				z-index:10;
				}

#content_3 {
				width:24%;
				float:left;
				height:550px;
				z-index:1;
				
				}
				
#content_4 {
				width:24%;
				float:left;
				height:550px;
				z-index:11;
				background-color:#012E40; 
				overflow:hidden;
				}

#nav_main {position:relative; top:0px; text-align:center; margin-right:0px;}
#pic_main {position:relative; width:150%;}
#pic_main img {position:absolute; top:-20px; width:135%;}



.sub_div {height:185px; margin-right:3px; overflow:visible; padding-top:15px;}

.sub2_div {border-bottom:1px solid #f29f05; margin-right:3px; overflow:hidden; font-size:1.2em; padding:20px 5px; position:relative; width:190px; border:1px solid #025159; background-color:#012e40;}
.sub2_div p {height:120px;}
.sub2_div ul {height:120px;}
.sub2_div_paket {border-bottom:1px solid #f29f05; margin-right:3px; overflow:visible; font-size:1.2em; padding:20px 5px; position:relative; height:190px; width:190px; border-bottom:1px solid #025159; background-color:transparent;}
.sub2_div_paket p {height:120px;}
.sub2_div_paket ul {height:120px;}
#sub_text {border:1px solid white; height:173px; background-image:url(../images/body.jpg); background-repeat:no-repeat; background-position:top left; background-color:#025951; margin-bottom:10px;}
#sub_text p {color:#FFFFFF; width:130px; position:relative; top:-2px; left:-10px;}

#sub_text_paket {border:1px solid white; height:173px; background-image:url(../images/body.jpg); background-repeat:no-repeat; background-position:top left; background-color:#025951; margin-bottom:10px;}
#sub_text_paket p {color:#FFFFFF; width:130px; position:relative; top:-2px; left:-10px;}



.pfeil {border:0px;}
.pfeil_vorlagen {border:0px; position:relative; top:8px;}
.hidden {display:none;}

div#footer {height:30px; clear:both; padding-left:5px; width:100%;}
div#footer_paket {height:30px; clear:both; padding-left:5px; width:100%; position:relative; top:-100px;}



/* Überschriften und Schrifteinstellungen */

h1 {text-indent:-1000px; background-image:url(../images/logo.png); background-repeat:no-repeat; height:250px; width:300px;}
h2 {font-size:1.6em; color:#f29f05; margin-bottom:10px; font-weight:800; position:relative;}
h3 {font-size:1.5em; color:#f29f05; margin-bottom:10px;}
h3 {font-size:1.2em; color:#ffffff; margin-bottom:10px;}
.sub_div p {font-size:1.5em; color:#02735e; margin-left:60px; margin-right:10px; position:relative; top:40px; font-weight:700; padding:10px; overflow:hidden; height:260px;}

/* Bilder */

.imageBorder {border:10px solid white;}
.referenzen {border:1px solid #ffffff; padding:4px; background-color:#012E40;  float:left; margin-top:8px;}

/* Navigation */

#nav_main li {
			list-style:none;
			font-size:2em;
				}

#nav_main a {
				color:#FFFFFF;
				font-size:1em;
				}	

#nav_main a:link {
				color:#FFFFFF;
				font-size:1em;
				}	

#nav_main a:visited {
				color:#FFFFFF;	
				}	

#nav_main a:hover {
				color:#f29f05;
				}	
				
#nav_main a:active {
				color:#FFFFFF;
				}	
				


.column a {
				color:#f29f05;
				font-size:1.3em;
				
				margin:0px 5px;
				}	

.column a:link {
				color:#f29f05;
				font-size:1.3em;
				margin:0px 5px;
				}	

.column a:visited {
				color:#f29f05;	
				}	

.column a:hover {
				color:#FFFFFF;
				}	
				
.column a:active {
				color:#f29f05;
				}	



#footer a {
				color:#f29f05;
				font-size:1.3em;
				position:relative; top:-8px;
				margin:0px 5px;
				}	

#footer a:link {
				color:#f29f05;
				font-size:1.3em;
				position:relative; top:-8px;
				margin:0px 5px;
				}	

#footer a:visited {
				color:#f29f05;	
				}	

#footer a:hover {
				color:#FFFFFF;
				}	
				
#footer a:active {
				color:#f29f05;
				}	

#footer_paket a {
				color:#f29f05;
				font-size:1.3em;
				position:relative; top:-8px;
				margin:0px 5px;
				}					
				
#footer_paket a:link {
				color:#f29f05;
				font-size:1.3em;
				position:relative; top:-8px;
				margin:0px 5px;
				}	

#footer_paket a:visited {
				color:#f29f05;	
				}	

#footer_paket a:hover {
				color:#FFFFFF;
				}	
				
#footer_paket a:active {
				color:#f29f05;
				}	

#sub_text_paket a {color:#FFFFFF; font-size:1em;}
#sub_text_paket a:hover {color:#f29f05;}	

/* Impressum */

div#impressum {width:150%; font-size:1.5em; position:absolute; top:83px;}
#impressum ul {list-style:none;}
#impressum li {padding-top:10px;}

/* Shark */

#pic1 {
			position:absolute;
			top:160px;
			left:350px;
			z-index:3;
			}

#pic2 {
			position:absolute;
			top:310px;
			left:650px;
			z-index:1;
			}
			
#pic3 {
			position:absolute;
			top:410px;
			left:310px;
			z-index:2;
			}
			
#shark_text_1 {
			position:relative;
			top:-100px;
			font-size:1.2em;
			}

#shark_text_2 {
			position:relative;
			top:90px;
			font-size:1.2em;
			}
			
#shark_text_3 {
			position:relative;
			top:130px;
			font-size:1.2em;
			}
			
#shark_text_3 a {font-size:1em;}	

.li-no-style {list-style:none;}