*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body, html{
	height: 100%;
	
	background: #0D288F url(../images/layout/body_kachel.jpg) repeat-x;
}

body{
	behavior:url("../htc/csshover.htc");
}

div#wrapper{
	position: relative;

	width: 100%;  /* 12pt = 16px = 1em = 100% */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	background: url(../images/layout/wrapper_hintergrund.jpg) no-repeat;
}

	div#head, ul#navigation, div#content{
		float: left;
	}

		div#head{
			width: 100%;
			height: 250px;
		}
			div#head_wrapper{
				width: 900px;
				height: 250px;
			}
				div#head a#logo{
					display: block;
					
					float: left;
							
					width: 250px;
					height: 250px;
					
					background: url(../images/layout/logo.jpg) top center;
					
					text-indent: -9999px;
				}
				div#head ul{
					float: left;
					
					width: 650px;
					height: 140px;
					
					padding: 0;
				}
					div#head ul li{				
						float: left;
					}
						div#head ul li a{
							display: block;
							
							height: 140px;
							
							background: url(../images/layout/navigation_oben.jpg);
							
							text-indent: -9999px;
						}
							div#head ul li a#startseite{
								width: 140px;
								
								background-position: 0 0;
							}
								div#head ul li a#startseite:hover{
									background-position: 0 -140px;
								}
							div#head ul li a#kontakt{
								width: 140px;
								
								background-position: -140px 0;
							}
								div#head ul li a#kontakt:hover{
									background-position: -140px -140px;
								}
							div#head ul li a#anfahrt{
								width: 190px;
								
								background-position: -280px 0;
							}
								div#head ul li a#anfahrt:hover{
									background-position: -280px -140px;
								}
							div#head ul li a#impressum{
								width: 180px;
								
								background-position: -470px 0;
							}
								div#head ul li a#impressum:hover{
									background-position: -470px -140px;
								}
				
				div#head h1{
					float: left;
				
					display: block;
				
					padding: 0 !important;
				
					width: 650px;
					height: 110px;
					
					margin: 0;
					
					border: 0 !important;
					
					background: url(../images/layout/banner.jpg) top left;
					
					text-indent: -9999px;
				}
		
		
			ul#navigation{
				padding: 0 30px 0 10px;	
				
				width: 210px;
				height: auto;
				
				list-style: none;
				
				background: transparent url(../images/layout/navigation_links_hintergrund.jpg) no-repeat;
			}
				ul#navigation li ul{
					display: none;
				}
					ul#navigation li a{
						display: block;
					
						width: 210px;
						height: 24px;
						
						background: url(../images/layout/navigation_links.png) repeat-x;
						
						text-indent: -9999px;
					}
					ul#navigation li a#geschaeft{
						background-position: 0 0;
					}
						ul#navigation li#untermenu-geschaeft:hover ul{
							display: block;
						}
							ul#navigationgeschaeft li a{
								display: block;
								width: 210px;
								height: 23px;
								
								background: url(../images/layout/unternavigation_geschaeft.png);
							}
							
								ul#navigationgeschaeft li a#virtuellerrundgang{
									background-position: 0 0;
								}
								ul#navigationgeschaeft li a#oeffnungszeiten{
									background-position: 0 -24px;
								}
									ul#navigationgeschaeft li a#virtuellerrundgang:hover{
										background-position: -210px 0;
									}
									ul#navigationgeschaeft li a#oeffnungszeiten:hover{
										background-position: -210px -24px;
									}
									ul#navigationgeschaeft li a#virtuellerrundgang .active{
										background-position: -210px 0;
									}
									ul#navigationgeschaeft li a#oeffnungszeiten .active{
										background-position: -210px -24px;
									}
	
					ul#navigation li a#team{
						background-position: 0 -24px;
					}
					ul#navigation li a#produkte{
						background-position: 0 -48px;
					}
					ul#navigation li a#service{
						background-position: 0 -72px;
					}
						ul#navigation li#untermenu-service:hover ul{
							display: block;
						}
							ul#navigationservice li a{
								display: block;
								width: 210px;
								height: 24px;
								
								background: url(../images/layout/unternavigation_service.png);
							}
							
								ul#navigationservice li a#verleih{
									background-position: 0 0;
								}
								ul#navigationservice li a#revision{
									background-position: 0 -24px;
								}
								ul#navigationservice li a#tipps{
									background-position: 0 -48px;
								}
								ul#navigationservice li a#downloads{
									background-position: 0 -72px;
								}
									ul#navigationservice li a#verleih:hover{
										background-position: -210px 0;
									}
									ul#navigationservice li a#revision:hover{
										background-position: -210px -24px;
									}
									ul#navigationservice li a#tipps:hover{
										background-position: -210px -48px;
									}
									ul#navigationservice li a#downloads:hover{
										background-position: -210px -72px;
									}
									ul#navigationservice li a#verleih .active{
										background-position: -420px 0;
									}
									ul#navigationservice li a#revision .active{
										background-position: -420px -24px;
									}
									ul#navigationservice li a#tipps .active{
										background-position: -420px -48px;
									}
									ul#navigationservice li a#downloads .active{
										background-position: -420px -72px;
									}
							
					ul#navigation li a#tauchschule{
						background-position: 0 -96px;
					}
					ul#navigation li a#tauchkurse{
						background-position: 0 -120px;
					}
						ul#navigation li#untermenu-tauchkurse:hover ul{
							display: block;
						}
							ul#navigationtauchkurse li a{
								display: block;
								width: 210px;
								height: 24px;
								
								background: url(../images/layout/unternavigation_tauchkurse.png);
							}
							ul#navigationtauchkurse li a#owd{
								background-position: 0 0;
							}
							ul#navigationtauchkurse li a#specialties{
								background-position: 0 -24px;
							}
							ul#navigationtauchkurse li a#scubaskills{
								background-position: 0 -48px;
							}
							ul#navigationtauchkurse li a#schnuppertauchen{
								background-position: 0 -72px;
							}
							ul#navigationtauchkurse li a#schnorcheln{
								background-position: 0 -96px;
							}
							ul#navigationtauchkurse li a#scubaranger{
								background-position: 0 -120px;
							}
							ul#navigationtauchkurse li a#kurspreise{
								background-position: 0 -144px;
							}
							ul#navigationtauchkurse li a#kurstermine{
								background-position: 0 -168px;
							}
								ul#navigationtauchkurse li a#owd:hover{
									background-position: -210px 0;
								}
								ul#navigationtauchkurse li a#specialties:hover{
									background-position: -210px -24px;
								}
								ul#navigationtauchkurse li a#scubaskills:hover{
									background-position: -210px -48px;
								}
								ul#navigationtauchkurse li a#schnuppertauchen:hover{
									background-position: -210px -72px;
								}
								ul#navigationtauchkurse li a#schnorcheln:hover{
									background-position: -210px -96px;
								}
								ul#navigationtauchkurse li a#scubaranger:hover{
									background-position: -210px -120px;
								}
								ul#navigationtauchkurse li a#kurspreise:hover{
									background-position: -210px -144px;
								}
								ul#navigationtauchkurse li a#kurstermine:hover{
									background-position: -210px -168px;
								}
								ul#navigationtauchkurse li a#owd .active{
									background-position: -420px 0;
								}
								ul#navigationtauchkurse li a#specialties .active{
									background-position: -420px -24px;
								}
								ul#navigationtauchkurse li a#scubaskills .active{
									background-position: -420px -48px;
								}
								ul#navigationtauchkurse li a#schnuppertauchen .active{
									background-position: -420px -72px;
								}
								ul#navigationtauchkurse li a#schnorcheln .active{
									background-position: -420px -96px;
								}
								ul#navigationtauchkurse li a#scubaranger .active{
									background-position: -420px -120px;
								}
								ul#navigationtauchkurse li a#kurspreise .active{
									background-position: -420px -144px;
								}
								ul#navigationtauchkurse li a#kurstermine .active{
									background-position: -420px -168px;
								}
							
					ul#navigation li a#angebote{
						background-position: 0 -144px;
					}
						ul#navigation li#untermenu-angebote:hover ul{
							display: block;
						}
							
							ul#navigationangebote li a{
								display: block;
								width: 210px;
								height: 24px;
								
								background: url(../images/layout/unternavigation_angebote.png);
							}
								ul#navigationangebote li a#angebote-produkte{
									background-position: 0 0;
								}
								ul#navigationangebote li a#reisen{
									background-position: 0 -24px;
								}
									ul#navigationangebote li a#angebote-produkte:hover{
										background-position: -210px 0;
									}
									ul#navigationangebote li a#reisen:hover{
										background-position: -210px -24px;
									}
									ul#navigationangebote li a#angebote-produkte .active{
										background-position: -420px 0;
									}
									ul#navigationangebote li a#reisen .active{
										background-position: -420px -24px;
									}
							
					ul#navigation li a#news{
						background-position: 0 -168px;
					}
					ul#navigation li a#bildergalerie{
						background-position: 0 -192px;
					}
						ul#navigation li a#geschaeft:hover{
							background-position: -210px 0;
						}
						ul#navigation li a#team:hover{
							background-position: -210px -24px;
						}
						ul#navigation li a#produkte:hover{
							background-position: -210px -48px;
						}
						ul#navigation li a#service:hover{
							background-position: -210px -72px;
						}
						ul#navigation li a#tauchschule:hover{
							background-position: -210px -96px;
						}
						ul#navigation li a#tauchkurse:hover{
							background-position: -210px -120px;
						}
						ul#navigation li a#angebote:hover{
							background-position: -210px -144px;
						}
						ul#navigation li a#news:hover{
							background-position: -210px -168px;
						}
						ul#navigation li a#bildergalerie:hover{
							background-position: -210px -192px;
						}
						ul#navigation li a#geschaeft .active{
							background-position: -420px 0;
						}
						ul#navigation li a#team .active{
							background-position: -420px -24px;
						}
						ul#navigation li a#produkte .active{
							background-position: -420px -48px;
						}
						ul#navigation li a#service .active{
							background-position: -420px -72px;
						}
						ul#navigation li a#tauchschule .active{
							background-position: -420px -96px;
						}
						ul#navigation li a#tauchkurse .active{
							background-position: -420px -120px;
						}
						ul#navigation li a#angebote .active{
							background-position: -420px -144px;
						}
						ul#navigation li a#news .active{
							background-position: -420px -168px;
						}
						ul#navigation li a#bildergalerie .active{
							background-position: -420px -192px;
						}
						
					ul#navigation li a#gaestebuch{
						background-position: 0 -215px;
					}
						ul#navigation li a#gaestebuch:hover{
							background-position: -210px -215px;
						}
						
					ul#navigation li a#newsletter{
						background-position: 0 -238px;
					}
						ul#navigation li a#newsletter:hover{
							background-position: -210px -238px;
						}
		
			div#content{
					width: 650px;
					
					height: auto;
					
					/*min-height: 490px;
					height: 490px !important;
					height: 490px;*/
					
					background: transparent url(../images/layout/content_hintergrund.jpg) no-repeat;
			}
		
		div#footer{
			width: 100%;
			height: 284px;
			
			background: url(../images/layout/footer_kachel.jpg);			
		}
			div#footer div#adresse{				
				width: 100%;
				height: 284px;
				
				background: url(../images/layout/footer_hintergrund.jpg) no-repeat;
			}
				div#footer div#adresse div#hcard-Tauchcenter-Karlsruhe{
					display: none;
				}
			p.footerpush{
				height: 10px;
				
				float: none;
				clear: both;
			}
			
/* 2. Sonstige Elemente */

table{
	padding: 0 0 1.8em 10px;
}
*+html table{
	margin: 0 0 1.8em 10px;
}
*html table{
	margin: 0 0 1.8em 10px;
}

table tr th{
	text-align: left;
}
table tr{
	vertical-align: top;
}
	table.team tr td{
		padding: 15px 5px;
	}
	.preis{
		width: 100px;
		text-align: right;
	}
	table.preise tr td{
		padding-bottom: 25px;
	}
	table.preise tr td.keinabstand{
		padding-bottom: 0;
	}
	table.preise tr td span.anmerkung{
		padding-left: 15px;
		display: block;
		text-align:left;
		background: url(../images/layout/liste-infopfeil.gif) no-repeat 3px 8px;
	}
input, textarea{
	color: #000;
}

ul, ol{
	padding: 0 0 1.8em 10px;
	list-style: none;
}

ol.scubacards{
	width: 210px;
}

	ol.scubacards li{
		padding-top: 25px;
	}
	ul.pfeile li{
		padding-left: 10px;
		background: url(../images/layout/liste-anfahrt.gif) no-repeat left center;		
	}
	ul.checked li, ol.checked li{
		padding-left: 15px;
		background: url(../images/layout/liste-checked.gif) no-repeat 0 6px;		
	}
	
	ul.tipps li{
		padding: 0 0 1.5em 15px;
		background: url(../images/layout/liste-checked.gif) no-repeat 0 6px;
	}
	ul.tipps li ul li{
		padding: 0 0 0 15px;
		background: url(../images/layout/liste-checked.gif) no-repeat 0 6px;
	}
	
	ul li.file{
		padding-left: 15px;
		background: url(../images/layout/liste-file.gif) no-repeat left top;		
	}
	
img{
	padding: 5px;

	border: 1px solid #AFC1FF;	
	
	background: white;
}

.nostyle{
	border: 0;
	
	padding: 0;
	
	background: transparent;
}

hr{
	display: block;

	border-bottom: 1px solid #000;
	
	float: none;
	clear: both;
}

/* 3. Klassen */
p.angebotspreis{
	text-align: right;
}
p.scubaimages{
	padding-left: 80px;
}
p.scubaimages img{
	margin: 25px 25px 25px 25px;
}
p.animiertegifs img{
	background: transparent;
	border: 0;
}
p.acrobat{
	background: url(../images/layout/acrobatreader.jpg) 0 12px no-repeat;
	padding-left: 40px;
}

div.halfsize{
	width: 240px;
	float: left;
}

.diamond{
	height: 700px;
	background: url(../images/tauchschule/diamong.gif) center center no-repeat;
}
	.ausbildungsstruktur_links{
		width: 220px;
		float: left;
		height: 350px;
	}
	.ausbildungsstruktur_rechts{
		float: right;
		width: 220px;
		height: 350px;
		text-align: right;
	}

.anmerkung{
	text-align: right;
	font-size: 0.8em;
}
	.dokumente{
		background: url(../images/layout/dokumente.gif) left 45px no-repeat;
		padding-left: 60px;
		width: 300px !important;
	}
	.hilfe{
		background: url(../images/layout/hilfe.gif) left 45px no-repeat;
		padding-left: 50px;
	}
	.screensaver{
		background: url(../images/layout/screen.gif) left 45px no-repeat;
		padding-left: 50px;
	}
	.spass{
		padding-left: 60px;
		width: 300px !important;
	}

.stopfloat{
	float: none;
	clear: both;
}

.noheight{
	height: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
}

.zentriert{
	margin: 0 auto;
}
img.werbebanner{
	display: block;
	margin: 0 auto;
	width: 468px;
	height: 60px;
}
.floatLinks{
	float: left;
}
.floatRechts{
	float: right;
}
	img.floatLinks{
		margin: 0 1.8em 1.8em 0;
	
		float: left;
	}
	img.floatRechts{
		margin: 0 0 1.8em 1.8em;
	
		float: right;
	}
img.abstandOben{
	margin: 1em 0 0 0;
}

p.virtuellerRundgang img{
	margin: 5px;
}
p.produkte img{
	margin: 0 30px 30px 0;
}
	p.produkte img.nomargin{
		margin-right: 0;
	}
.nodisplay{
	display: none;
}

.kidsclub{
		background: url(../images/scubakids/kidsclublogo.gif) left 45px no-repeat;
		padding-left: 250px;
	}
.captainkelb{
		background: url(../images/scubakids/captainkelb.gif) left 45px no-repeat;
		padding-left: 100px;
	}	
.sergeantmajor{
		background: url(../images/scubakids/seargantmajor.gif) right 45px no-repeat;
		padding-right: 100px;
	}
.puffer{
		background: url(../images/scubakids/puffer.gif) left 45px no-repeat;
		padding-left: 100px;
	}
.hammerhead{
		background: url(../images/scubakids/hammerhead.gif) right 45px no-repeat;
		padding-right: 50px;
	}
.spinner{
		background: url(../images/scubakids/spinner.gif) left 45px no-repeat;
		padding-left: 100px;
	}	
.seestern{
	background: url(../images/scubakids/seestern.gif) 10px 0 no-repeat;
	padding-left: 85px;
}