/* CSS Document */

html {
	border-top: 5px solid #5CA9CC;
	text-align: left;}
* { padding:0; margin:0; } 

body {
	font-family: "Trebuchet MS", Arial;
	background-image: url(img/hint.jpg);
	width: 1090px;
	margin: 0 auto;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	color:#0B0F27
		}

a:visited{
	color:#055DA5;
	text-decoration: none;
	}
a:link{
	color:#055DA5;
	text-decoration: none;
	}
a:hover{
	color: #CD331E;
	text-decoration: underline;
	}
	
/* navigation links
-------------------------------------------------------- */
ul#nav {
	position: relative;
	height: 72px; width: 1090px;
	background: url("img/nav.jpg") no-repeat;
	}

	ul#nav li {
		float: left;
		list-style: none;
		}
	
	ul#nav li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none;
		top: 0; height: 72px;
		}

		ul#nav li#nav-basis a { 
			left: 0; width: 85px;
			background: url("img/nav.jpg") no-repeat;
			}
		ul#nav li#nav-ort a { 
			left: 85px; width: 85px; 
			background: url("img/nav.jpg") -85px 0 no-repeat;
			}
		ul#nav li#nav-tauchplatz a { 
			left: 170px; width: 85px; 
			background: url("img/nav.jpg") -170px 0 no-repeat;
			}
		ul#nav li#nav-unterkunft a { 
			left: 255px; width: 85px; 
			background: url("img/nav.jpg") -255px 0 no-repeat;
			}
		ul#nav li#nav-aktuelles a { 
			left: 340px; width: 85px; 
			background: url("img/nav.jpg") -340px 0 no-repeat;  
			}
		ul#nav li#nav-termine a { 
			left: 425px; width: 85px; 
			background: url("img/nav.jpg") -425px 0 no-repeat;
			}
			
		ul#nav li#nav-galerie a { 
			left: 510px; width: 85px; 
			background: url("img/nav.jpg") -510px 0 no-repeat;
			}
		ul#nav li#nav-preis a { 
			left: 595px; width: 85px; 
			background: url("img/nav.jpg") -595px 0 no-repeat;
			}
			
	ul#nav li#nav-downloads a { 
			left: 680px; width: 85px; 
			background: url("img/nav.jpg") -680px 0 no-repeat;
			}
					
	ul#nav li#nav-presse a { 
			left: 765px; width: 85px; 
			background: url("img/nav.jpg") -765px 0 no-repeat;
			}
			
	ul#nav li#nav-kontakt a { 
			left: 850px; width: 85px; 
			background: url("img/nav.jpg") -850px 0 no-repeat;
			}
			
	ul#nav li#nav-flagA a { 
			left: 935px; width:54px; 
			background: url("img/nav.jpg") -935px 0 no-repeat;
			}
	ul#nav li#nav-flagB a { 
			left: 989px; width: 45px; 
			background: url("img/nav.jpg") -989px 0 no-repeat;
			}
	ul#nav li#nav-flagC a { 
			left: 1034px; width: 56px; 
			background: url("img/nav.jpg") -1034px 0 no-repeat;
			}
			
			

ul#nav li#nav-basis a:hover  			{ background-position: -0px  -72px; }
ul#nav li#nav-ort a:hover  				{ background-position: -85px -72px; }
ul#nav li#nav-tauchplatz a:hover  		{ background-position: -170px -72px; }
ul#nav li#nav-unterkunft a:hover  		{ background-position: -255px -72px; }
ul#nav li#nav-aktuelles a:hover  		{ background-position: -340px -72px; }
ul#nav li#nav-termine a:hover  			{ background-position: -425px -72px; }
ul#nav li#nav-galerie a:hover  			{ background-position: -510px -72px; }
ul#nav li#nav-preis a:hover  			{ background-position: -595px -72px; }
ul#nav li#nav-downloads a:hover  		{ background-position: -680px -72px; }
ul#nav li#nav-presse a:hover  			{ background-position: -765px -72px; }
ul#nav li#nav-kontakt a:hover  			{ background-position: -850px -72px; }
ul#nav li#nav-flagA a:hover  			{ background-position: -935px -72px; }
ul#nav li#nav-flagB a:hover  			{ background-position: -989px -72px; }
ul#nav li#nav-flagC a:hover  			{ background-position: -1034px -72px; }

ul#nav li#nav-basis a.active  			{ background-position: -0px -144px; }
ul#nav li#nav-ort a.active  			{ background-position: -85px -144px; }
ul#nav li#nav-tauchplatz a.active  		{ background-position: -170px -144px; }
ul#nav li#nav-unterkunft a.active  		{ background-position: -255px -144px; }
ul#nav li#nav-aktuelles a.active  		{ background-position: -340px -144px; }
ul#nav li#nav-termine a.active  		{ background-position: -425px -144px; }
ul#nav li#nav-galerie a.active  		{ background-position: -510px -144px; }
ul#nav li#nav-preis a.active  			{ background-position: -595px -144px; }
ul#nav li#nav-downloads a.active  		{ background-position: -680px -144px; }
ul#nav li#nav-presse a.active  			{ background-position: -765px -144px; }
ul#nav li#nav-kontakt a.active  		{ background-position: -850px -144px; }
ul#nav li#nav-flagA a.active  			{ background-position: -935px -144px; }
ul#nav li#nav-flagB a.active  			{ background-position: -989px -144px; }
ul#nav li#nav-flagC a.active  			{ background-position: -1034px -144px; }

	
/* inhalt
-------------------------------------------------------- */
#header, #content, #banner, #footer, #unten,#seitencontentblau,#seitencontentfoto {
	float: left;
	position: relative;
	width: 100%;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	}
	
#content{
background:#7DCAE7; 
width: 1070px;
padding:10px;	
border-left:1px solid #000000;
border-right:1px solid #000000;}


#seitencontent{background: url(img/n_hint-site-weiss.gif) repeat-y center top; text-align: left;width:924px; 	float: left;
	position: relative;}
#seitencontentblau{background: #ffffff url(img/n_hint-site.gif) repeat-y center top; text-align: left;	}

#seitencontentfoto{background: #ffffff url(img/n_hint-site.gif) repeat-y center top; text-align: left;	}
	#seitencontentfoto img {border: 1px solid #cccccc;}
	
#header{
	float: left;
	position: relative;
	width: 100%;
	text-align:center;
	}
	
#bannerweiss {
		border-top: 0px solid #051223;
		border-bottom: 0px solid #051223;
		text-align:right;
		background: #1B3D6A;
		width:923px;
		}
	
#banner {
		border-top: 0px solid #051223;
		border-bottom: 0px solid #051223;
		text-align:left;
		background: #013C80;
		width:1090px;
		height:217px; 
		padding:0px;margin:0px
		}
#banner img {float: left;}
	
#main {
			float: left;
			width: 540px;
			margin: 30px 0;
			}

.main {
			float: left;
			width: 720px;
			margin:20px 0px 0px 30px;
			padding:0px;
			padding: 0px;
			}

#maintext-top{
	width: 720px;
	margin-right: 0px;
	margin-LEFT: 0px;
	height:15px;
	background-image:url(img/hint-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
			}		
			
#maintext {
	width: 680px;
	margin-right: 0px;
	margin-LEFT: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(img/hint-mitte.gif);
	background-repeat: repeat-y;
			}
			
#maintext p {margin:0px; padding-left:5px;padding-right:10px; padding-bottom:5px; padding-top:5px }
#maintext h1 {
margin:0px;
padding:5px; 
padding-bottom:15px;
font-size:16px
}

#maintext ul  {
	margin-left:35px;
	margin-bottom: 8px;
}

#maintext ul li {
	padding-bottom: 5px;
	list-style-type: disc;
	list-style-image:  url("img/dot.gif");
}

#maintext td {
	padding-left: 15px;
	padding-bottom: 7px;
	padding-top: 7px;


}

.maintext-bottom {
	width: 720px;
	margin-right: 0px;
	margin-LEFT: 0px;
	height:15px;
	background-image:url(img/hint-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
			}

.right{
   	float: right;
	width: 245px;
	margin: 20px 30px 0px 0px;
	padding:0px;
	padding: 0px;
			}

#righttext-top {
	width: 245px;
	margin-right: 20px;
	margin-LEFT: 0px;
	height:15px;
	background-image:url(img/hint-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
			}
			
#righttext {
	width: 245px;
	margin-LEFT: 0px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(img/hint-mitte.gif);
	background-position: right top;
	background-repeat: repeat-y;
			}
#righttext p {margin:0px; padding:5px}

#righttext h1 {
margin:0px;
padding:5px; 
padding-bottom:15px;
font-size:16px
}


.righttext-bottom {
	width: 245px;
	margin-right: 20px;
	margin-LEFT: 0px;
	height:15px;
	background-image:url(img/hint-bottom.gif);
	background-repeat: no-repeat;
	background-position: right top;}
								
.bild-L {float: left; margin-right:15px; margin-bottom:5px; border:4px solid #AFE3F6}
.bild-R {float: right; margin-left:15px; margin-bottom:5px; border:4px solid #AFE3F6;margin-right:35px;}

.bild { margin-bottom:5px;}

#pictcopyL {
	width:252px;
	float:left;
	font-size:11px;
	padding: 5px 5px 5px 5px;
	margin-right:25px;
	background-color:#AFE3F6;
}
#pictcopyR {
	width:252px;
	float:right;
	font-size:11px;
	padding: 5px 5px 5px 5px;
	margin-right:35px;
	background-color:#AFE3F6;
}


hr {
height:1px;
color:#1F749A; 
background-color:#1F749A; 
margin-top:15px; 
margin-bottom:15px;
}

*+html hr {
height:1px;
color:#1F749A; 
background-color:#1F749A; 
border:solid #1F749A 0px;border-top:solid #1F749A 0px;
margin-top:15px; 
margin-bottom:15px}




  #unten {
  
  		padding-top: 8px;
		padding-left: 10px;
		background-image: url(img/hint.jpg);
	    width: 1080px;
		margin:0px;		
		margin-top:0px;
		background: url(img/foot.gif) no-repeat;
		height:25px;
		text-align: left;
		border-bottom:1px solid #000000;
	
		}