@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #004aa3 url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 0 20px 0;
}
h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ffdd1c;
	padding: 0 0 15px 0;
}
h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #ffdd1c;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0 0 10px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

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

.float-left { float:left;	margin: 4px 8px 4px 0; }
.float-right { float:right; margin: 4px 0 4px 8px; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/
#background {
	width:100%;
	position:relative;
	background:url(../images/background.jpg) no-repeat top center;
	height:840px;
}
#container {
	margin:auto;
	width: 980px;
	position:relative;
	min-height:100%;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#top { 
	background:url(../images/bg-top.jpg);
	height:126px;
	width:980px;
}
h1#branding a {
	display:block; 
	width:330px; 
	height:100px; 
	text-indent:-5000px; 
	float:left;
}
#header {
	width: 980px;
	height:495px;
	background:url(../images/bg-header.jpg);
	position:relative;
}
#header .onlineshop { 
	
	position:absolute; 
	top:45px; 
	left:77px;
}
#header .onlineshop a { 
	display:block;
	width:285px; 
	height:133px; 
	text-indent:-6000px;
}
#header .onlineshop a:hover { 
	background:url(../images/btn-onlineshop-hover.jpg); 
}
div#newsletter {
	width:177px;
	height:48px;
	position:absolute;
	top:30px;
	background:url(../images/bg-newsletter.jpg) no-repeat;
	right:36px;
	padding:17px 0 0 0;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:324px;
	padding:35px 0 0 86px;
	float:left;
	_height:420px;
	min-height:420px;
	background:url(../images/bg-content-sidebar.jpg) top left no-repeat;
}
#content-sidebar h3.anfahrt { background:url(../images/h3-anfahrt.jpg); height:49px; width:276px; text-indent:-6000px; }
#content-sidebar h3.oeffnungszeiten { background:url(../images/h3-oeffnungszeiten.jpg) no-repeat; height:47px; width:276px; text-indent:-6000px; margin-top:30px; }

#content-sidebar h2 { color: #ffdd1c; padding: 0 0 2px 0; margin-left:12px; }

#content-sidebar p { margin-bottom:10px; margin-left:12px;}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:944px;
	height:29px;
	background:url(../images/bg-navi.gif);
	padding-left:36px; 
}
#navi li {
	float:left;
}
#navi li a {
	display:block;
	height:29px;
	width:143px;
	text-indent:-6000px;
	margin-right:10px;
}
#navi li.n1 a { }
#navi li.n6 a { margin:0px; }

#navi li.n1 a:hover { background:url(../images/bg-navi.gif) -36px -29px; }
#navi li.n2 a:hover { background:url(../images/bg-navi.gif) -189px -29px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.gif) -342px -29px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.gif) -495px -29px; }
#navi li.n5 a:hover { background:url(../images/bg-navi.gif) -648px -29px; }
#navi li.n6 a:hover { background:url(../images/bg-navi.gif) -801px -29px; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

ul#navi-add {
	position:absolute;
	width:97px;
	height:96px;
	background:url(../images/bg-navi-add.gif) top left no-repeat;
	right:45px;
	top: 346px;
}
ul#navi-add li {
}
ul#navi-add li a {
	display:block;
	height:24px;
	width:97px;
	text-indent:-6000px;
}
#navi-add li.s1 a:hover {background:url(../images/bg-navi-add.gif) -97px 0; }
#navi-add li.s2 a:hover {background:url(../images/bg-navi-add.gif) -97px -24px; }
#navi-add li.s3 a:hover {background:url(../images/bg-navi-add.gif) -97px -48px; }
#navi-add li.s4 a:hover {background:url(../images/bg-navi-add.gif) -97px -72px; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:475px;
	background:url(../images/bg-content-main.jpg) top left no-repeat;
	min-height:380px;
	float:right;
	padding:26px 86px 20px 9px;
}
#content-main .spalte { float:left; width:230px; margin-bottom:10px; }
#content-main .spaltesmall { float:left; width:155px; margin-bottom:10px; }
#content-main .spaltesmall p { margin-bottom:5px; }
/*------------------ Überschrift h1 ------------------*/

#content-main h1 { width:475px; height:49px; text-indent:-6000px; margin-bottom:10px; padding:0px; }
#content-main h1.index { background:url(../images/h1/bg-index.jpg) no-repeat; }
#content-main h1.kontakt { background:url(../images/h1/bg-kontakt.jpg) no-repeat; }
#content-main h1.danke { background:url(../images/h1/bg-danke.jpg) no-repeat; }
#content-main h1.impressum { background:url(../images/h1/bg-impressum.jpg) no-repeat; }
#content-main h1.anfahrt { background:url(../images/h1/bg-anfahrt.jpg) no-repeat; }
#content-main h1.fehler { background:url(../images/h1/bg-fehler.jpg) no-repeat; }
#content-main h1.ueberuns { background:url(../images/h1/bg-ueberuns.jpg) no-repeat; }
#content-main h1.service { background:url(../images/h1/bg-service.jpg) no-repeat; }
#content-main h1.tauchkurse { background:url(../images/h1/bg-tauchkurse.jpg) no-repeat; }
#content-main h1.gbuch { background:url(../images/h1/bg-gbuch.jpg) no-repeat; }
#content-main h1.aktuelles { background:url(../images/h1/bg-aktuelles.jpg) no-repeat; }
#content-main h1.newsletter { background:url(../images/h1/bg-newsletter.jpg) no-repeat; }
#content-main h1.schnuppertauchen { background:url(../images/h1/bg-schnuppertauchen.jpg) no-repeat; }

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #fff;
	margin-bottom:10px;
	padding:4px; 
}

/*---------------- Textformatierungen ----------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 6px no-repeat; 
	padding:0 0 0 15px; 
}
#content-main .linie { border-bottom:1px solid #fff; width:475px; margin:10px 0 15px 0; }

/*------------------ Bildformatierungen ------------------*/

#content-main .image {
	border: 1px solid #fff;
	padding: 3px;
    outline: none;
}

#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	margin: 4px 4px 0 0;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	margin:auto;
	width:980px;
	height:67px;
	position:relative;
	background:url(../images/bg-footer.jpg) no-repeat;
}
#footer a {
	position:absolute;
	width:137px;
	height:24px;
	background:none;
	text-indent:-6000px;
	display:block;
	left:766px;
	top:18px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #ffdd1c;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#ffdd1c;
}