/*+clearfix {*/
.start #fish A:after, .start #fish STRONG:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.start #fish A, .start #fish STRONG
{
	display: inline-block;
}
.start #fish A, .start #fish STRONG
{
/*\*/
	display: block;
/**/
	-height: 1px;
}
/*+}*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
HTML, BODY
{
	color: #1C1C1C;
	margin: 0;
	padding: 0;
	height: 100%;
}
HTML, BODY, TABLE
{
	font: normal 11px/1.5em Verdana, Charcoal, Helvetica, Arial, Sans-Serif;
}
BODY
{
	background: #1F8ED6 url(../img/licht.jpg) no-repeat center top;
	text-align: center;
	position: absolute;
	width: 100%;
	min-width: 775px;
	-width: 100%;
	height: 100%;
	min-height: 650px;
	-height: 100%;
}
BODY.sub
{
	background-position: -181px 0px;
	text-align: left;
}
BODY.sub2
{
	min-height: inherit;
	min-width: inherit;
	width: auto;
	height: auto;
	/*[disabled]border:18px solid #000000;*/
	padding: 20px;
	background-position: -222px -71px;
}
OL, UL
{
	padding: 0 0 0 30px;
	margin: 1.5em 0;
}
BLOCKQUOTE, Q
{
	quotes: none;
}
:focus
{
	outline: 0;
}
INS
{
	text-decoration: none;
}
DEL
{
	text-decoration: line-through;
}
SMALL
{
	font: 11px Verdana, Sans-Serif;
}
STRONG
{
	font-weight: bold;
}
EM
{
	font-style: italic;
}
TABLE
{
	/*[disabled]border-collapse:collapse;*/
	border-spacing: 0;
}
/*Text*/
H1, H2, H3, H4, H5, H6
{
	margin: 0.6em 0 0.4em;
	padding: 0px;
	font: normal 21px Verdana, Sans-Serif;
	text-align: left;
}
H2
{
}
H3
{
	font-size: 12px;
	font-weight: bold;
}
P
{
	margin: 1em 0;
}
A
{
	color: #FEFEFE;
}
.sub2 A
{
	color: #CDF7FE;
}
.sub2
{
	color: #FEFEFE;
}
HR
{
	height: 2px;
	border: 0px none transparent;
	border-top: 1px dashed #1BC9EA;
	background: none;
}
/*Layout*/
#koralle
{
	background: url(../img/koralle.jpg) no-repeat left bottom;
	width: 213px;
	height: 439px;
	position: fixed;
	bottom: 0;
	left: 0;
	-position: absolute;
}
#koralle2
{
	background: url(../img/koralle2.jpg) no-repeat left bottom;
	width: 391px;
	height: 280px;
	position: fixed;
	bottom: 0;
	right: 0;
	-position: absolute;
}
.sub #strahlen
{
	background: url(../img/strahlen.png) no-repeat left top;
	width: 746px;
	height: 576px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-display: none;
}
#content
{
}
#enter
{
	width: 537px;
	height: 307px;
	background: url(../img/wahring_screen.jpg) no-repeat right bottom;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -265px;
}
.sub #fisch
{
	position: absolute;
	width: 127px;
	height: 91px;
	left: 55%;
	top: 23%;
	z-index: 2;
}
.sub #fisch A
{
	display: block;
	background: url(../img/fisch.png) no-repeat center top;
	-background: url(../img/fisch-ie2.png) no-repeat center top;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 1px;
	height: 108px;
	cursor: pointer;
}
.sub #fisch .bubbles
{
	z-index: 0;
	position: absolute;
	top: -173px;
	left: 76px;
}
.bubbles2
{
	position: absolute;
	bottom: 14%;
	left: 10%;
	z-index: 0;
}
.bubbles3
{
	z-index: 0;
	position: absolute;
	right: 24%;
	bottom: 10%;
}
#enter A#hamburg
{
	width: 99px;
	height: 108px;
	display: block;
	background: url(../img/stadt-ie.png) no-repeat left top;
	position: absolute;
	top: 186px;
	left: 114px;
}
#enter A#hamburg:hover
{
	background-position: left -150px;
}
#enter A#hamburg SPAN
{
	display: none;
}
#enter A#berlin
{
	width: 69px;
	height: 108px;
	display: block;
	background: url(../img/stadt2-ie.png) no-repeat -142px top;
	position: absolute;
	top: 186px;
	left: 236px;
}
#enter A#berlin:hover
{
	background-position: -142px -150px;
}
#enter A#berlin SPAN
{
	display: none;
}
#enter A#muenchen
{
	width: 100px;
	height: 108px;
	display: block;
	background: url(../img/stadt2-ie.png) no-repeat -296px 2px;
	position: absolute;
	top: 186px;
	left: 332px;
}
#enter A#muenchen:hover
{
	background-position: -296px -148px;
}
#enter A#muenchen SPAN
{
	display: none;
}
H1#logo
{
	position: absolute;
	top: 95px;
	left: 109px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	z-index: 2;
}
.sub H1#logo
{
	top: 20px;
	left: 20px;
	background: url(../img/wahring2.png) no-repeat left top;
}
H1#logo, H1#logo A
{
	width: 323px;
	height: 60px;
	display: block;
}
.sub H1#logo, H1#logo A
{
	width: 299px;
}
#enter H1#logo A
{
	cursor: auto;
}
.sub H1#logo A
{
	padding-bottom: 0;
	height: 45px;
}
H1#logo A SPAN
{
	display: none;
}
.sub A.link-hh
{
	width: 69px;
	height: 13px;
	position: absolute;
	top: 68px;
	left: 65px;
	display: block;
	z-index: 3;
}
.sub A.link-hh SPAN
{
	display: none;
}
.sub A.link-b
{
	width: 48px;
	height: 13px;
	position: absolute;
	top: 68px;
	left: 144px;
	display: block;
	z-index: 3;
}
.sub A.link-b SPAN
{
	display: none;
}
.sub A.link-m
{
	width: 69px;
	height: 13px;
	position: absolute;
	top: 68px;
	left: 204px;
	display: block;
	z-index: 3;
}
.sub A.link-m SPAN
{
	display: none;
}
/*boxen*/
.box
{
	position: absolute;
	top: 17%;
	background: url(../img/blau90.png);
	left: 3.5%;
	width: 21.5%;
	max-width: 290px;
	-width: 21.5%;
	z-index: 2;
}
.box .inner
{
	background-image: none;
	margin: 0;
	padding: 1px 0;
}
#adress
{
	z-index: 2;
	position: absolute;
	width: 100%;
	/*[disabled]left:38%;*/
	color: #020202;
	/*[disabled]font-weight:bold;*/
	/*[disabled]border-bottom:1px solid #73BCEC;*/
	/*[disabled]height:27px;*/
	font-size: 10px;
	background-image: url(../img/weiss60.png);
	overflow: hidden;
	/*[disabled]padding-left:10px;*/
	text-align: right;
}
#adress P
{
	margin: 0;
	padding: 0 129px 0 0;
	text-align: right;
}
#adress A
{
	color: #010101;
}
#box0
{
	z-index: 2;
	position: absolute;
	width: 61%;
	max-width: none;
	top: 3%;
	left: 38%;
	color: #FEFEFE;
}
#box0 H2
{
	text-align: left;
	font: 18px Arial;
}
#box0 P
{
	font-weight: bold;
}
.box#box2
{
	position: absolute;
	top: 22%;
	left: 27.5%;
	z-index: 2;
}
.kunden .box#box2
{
	position: absolute;
	top: 20%;
	left: 39.5%;
}
.kunden .box#box2 FORM DIV
{
	height: 30px;
	background: none;
	padding: 0;
}
.kunden .box#box2 FORM DIV SPAN
{
	display: inline-block;
	width: 60px;
}
.kunden .box#box2 FORM INPUT
{
	margin-left: 172px;
}
.kunden .box#box2 FORM DIV INPUT
{
	width: 150px;
	margin: 0;
}
.box#box3
{
	position: absolute;
	top: 37%;
	left: 51%;
}
.box#box4
{
	position: absolute;
	top: 20%;
	left: 75%;
}
.box#box5
{
	position: absolute;
	top: 45%;
	left: 20%;
}
.box#box6
{
	position: absolute;
	top: 50%;
	left: 60%;
}
.box DIV
{
	background: url(../img/tl.png) no-repeat top left;
}
.box DIV DIV
{
	background: url(../img/tr.png) no-repeat top right;
}
.box DIV DIV DIV
{
	background: url(../img/bl.png) no-repeat bottom left;
}
.box DIV DIV DIV DIV
{
	background: url(../img/br.png) no-repeat bottom right;
	padding: 10px;
}
.box DIV DIV DIV DIV DIV, .box DIV DIV DIV DIV DIV DIV
{
	background: none;
	padding: inherit;
}
.box IMG
{
}
.box H2
{
	cursor: pointer;
	margin: 0 0 -22px;
	color: #19598B;
	font: bold 15px Arial;
	z-index: 3;
	position: relative;
	left: -29px;
	top: -20px;
	padding: 16px 0 0 67px;
	width: 81%;
	background: url(../img/kleinfisch.png) no-repeat left top;
	-background: url(../img/kleinfisch-ie.png) no-repeat left top;
}
.hamburg #box5.box H2
{
	background: url(../img/huk-logo.png) no-repeat center;
	margin: 0;
	position: static;
	padding: 0;
	width: 100%;
	height: 29px;
}
.hamburg #box5
{
	/*[disabled]width:13%;*/
}
.berlin #box5.box
{
	width: 37% !important;
	max-width: 453px;
	left: 10%;
}
.berlin #box5.box H2
{
	background: url(../img/shell.png) no-repeat left;
}
.hamburg #box6.box H2
{
	/*[disabled]background:url(../img/hm-logo.png) no-repeat center;*/
	/*[disabled]margin:4px 0 -2px;*/
	/*[disabled]position:static;*/
	/*[disabled]padding:0;*/
	/*[disabled]width:100%;*/
	/*[disabled]height:22px;*/
}
.berlin #box6.box H2
{
	background: url(../img/starfish.png) no-repeat left;
	line-height: 1.6em;
	top: -34px;
	left: -36px;
	margin: 0 0 -61px;
	padding: 30px 29px 20px 79px;
}
.berlin #box6.box H3
{
	margin-top: 15px;
}
.hamburg #box6
{
	/*[disabled]width:13%;*/
}
.box P
{
}
#navigation
{
	color: #18C;
	width: 501px;
	background: url(../img/reiter3.png) no-repeat left top;
	position: fixed;
	bottom: -1px;
	left: 50%;
	text-align: center;
	margin-left: -318px;
	/*[empty]font-family:;*/
	z-index: 10;
}
#navigation .navpadd
{
	padding: 7px 10px;
	background: url(../img/reiter3.png) no-repeat right top;
	display: block;
}
#navigation A
{
	color: #000;
	text-decoration: none;
}
#navigation A:hover
{
	text-decoration: underline;
}
A.icon
{
}
A.icon SPAN
{
	visibility: hidden;
	margin-top: 87px;
	display: block;
	color: #020202;
	font-weight: bold;
	background-color: #1DDBFE;
	text-align: center;
	text-decoration: none;
	/*[disabled]border-bottom:1px solid #006F84;*/
	/*[disabled]border-right:1px solid #006F84;*/
}
A:hover.icon SPAN
{
	visibility: visible;
}
A#schatz
{
	margin-top: 83px;
	position: absolute;
	left: 68px;
	bottom: 7px;
	width: 120px;
	/*[disabled]height:100px;*/
	display: block;
	background: url(../img/schatz2.png) no-repeat left top;
	text-decoration: none;
}
A#schatz:hover
{
	background: url(../img/schatz2.png) no-repeat left -160px;
}
A#schatz SPAN
{
	margin-top: 107px;
}
IMG.email
{
	margin-top: 4px;
}
TABLE.contacttable
{
	width: 100%;
}
TABLE.contacttable TD, TABLE.contacttable TR, TABLE.contacttable
{
	vertical-align: top !important;
}
TABLE.contacttable INPUT.form2, TABLE.contacttable TEXTAREA
{
	width: 252px;
}
TABLE.contacttable INPUT.form2
{
	margin-left: 7px;
}
TABLE.contacttable TEXTAREA
{
	height: 90px;
	margin-bottom: 6px;
}
/*Anderes*/
P.big
{
	font: bold 17px/1.4em Arial, Charcoal;
	color: #FFF;
}
#panel UL, #panel2 UL
{
	color: #020000;
}
#panel UL LI, #panel2 UL LI
{
	line-height: 1.6em;
}
#panel UL STRONG, #panel2 UL STRONG
{
	display: block;
}
#gmap
{
	position: absolute;
	top: 30px;
	left: 249px;
	border: 4px solid #B6E6F0;
}
#fish
{
	color: #FFFFFF;
	position: absolute;
	top: 16%;
	left: 66%;
	background: transparent url(../img/fisch.png) no-repeat center 35px;
	-background: transparent url(../img/fisch-ie.png) no-repeat center 35px;
	z-index: 10;
}
#fish A
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	/*[disabled]padding-top:90px;*/
	/*[disabled]padding-bottom:11px;*/
	display: block;
}
.sub #fish
{
	display: block;
	width: 147px;
	/*[disabled]padding:1px;*/
	height: 140px;
	left: 54%;
	top: 18%;
}
.sub #fish A
{
	display: block;
	/*[disabled]background:url(../img/schatz2.png) no-repeat left top;*/
	text-decoration: none;
	position: absolute;
	width: 100%;
}
.sub #fish:hover
{
}
.sub #fish SPAN
{
	display: block;
	margin-top: 125px;
}
.sub #fish
{
	/*[disabled]width:150px;*/
	/*[disabled]overflow:hidden;*/
	/*[disabled]position:absolute;*/
	/*[disabled]top:18%;*/
	/*[disabled]left:55%;*/
	/*[disabled]height:154px;*/
}
.sub #fish A
{
	/*[disabled]margin:0;*/
}
.sub #fish A SPAN
{
	/*[disabled]width:150px;*/
	/*[disabled]padding:1px;*/
	/*[disabled]height:18px;*/
	/*[disabled]margin-top:132px;*/
}
#fish.fischLinks
{
	background: transparent url(../img/fisch2.png) no-repeat center 35px;
	-background: transparent url(../img/fisch2-ie.png) no-repeat center 35px;
}
/*[clearfix]*/.start #fish A
{
	margin: 0;
	padding: 0;
	cursor: pointer;
}
/*[clearfix]*/.start #fish STRONG
{
	background: url(../img/fischfangen.png) no-repeat top center;
	-background: url(../img/fischfangen-ie.png) no-repeat top center;
	display: block;
	padding-top: 124px;
	width: 175px;
}
.start #fish STRONG SPAN
{
	display: none;
}
.redirect
{
	padding: 5px 15px;
	border: 1px dashed #FFFFFF;
}
/*Helpers*/
.clearL
{
	clear: left;
}
.clearR
{
	clear: right;
}
.alignleft
{
	text-align: left;
}
.alignright
{
	text-align: right;
}
.alignjustify
{
	text-align: justify;
}
/*Form*/
.sub2 #mailform
{
	position: relative;
	margin: 0;
	padding: 0;
}
.sub2 #mailform FIELDSET
{
	position: relative;
	border: 1px solid #1E8DD5;
	width: 646px;
	margin: 0;
	padding: 0;
}
.sub2 #mailform LABEL
{
	display: block;
	float: left;
	width: 96px;
	text-align: right;
	margin-right: 7px;
	line-height: 2em;
}
.sub2 #mailform INPUT
{
	/*[disabled]margin-bottom:5px;*/
	width: 221px;
	margin: 0;
}
.sub2 #mailform .field
{
	margin-bottom: 10px;
}
.sub2 #mailform .field-nachricht
{
	position: absolute;
	top: 0;
	left: 343px;
}
.sub2 #mailform .field-nachricht LABEL
{
	float: none;
	text-align: left;
}
.sub2 #mailform .field-nachricht TEXTAREA
{
	height: 82px;
	width: 289px;
}
.sub2 #mailform .field-name
{
	margin-top: 23px;
}
.sub2 #mailform .field-formtype_mail
{
	position: absolute;
	top: 118px;
	left: 343px;
}
.sub2 #mailform .field-formtype_mail INPUT
{
	width: inherit;
}