/* CSS Document */

html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#004479;
	position:relative;
	min-height:650px;
	min-width:1000px;
}
* {
	outline:none;
}
a {
	color:#004479;
}
a img {
	border:none;
}
p {
	margin:15px 0;
	line-height:1.3em;
}
h1, h2, h3, h4, h5, h6, form {
	margin:15px 0;
	font-size:12px;
}
td {
	vertical-align:top;
}

.size12 {font-size:12px;}
.size11 {font-size:11px;}
.size10 {font-size:10px;}
.size9 {font-size:9px;}
.underline {text-decoration:underline;}
.colBlack {color:#000;}
.align-center {text-align:center;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.line18 {line-height:1.8em;}


#site {
	position:absolute;
	top:50%;
	left:50%;
	height:650px;
	width:1000px;
	margin-top:-325px;
	margin-left:-500px;
}

#menu {
	height:72px;
}
#menu a {
	float:left;
	text-decoration:none;
	color:#e50083;
}
#menu.menusubtitle span {
	display:block;
	text-align:center;
	margin-top:-10px;
}

#menu.menusubtitle span#stadtviertel {
	padding-left:110px;
	text-align:left;
}

#content {
	margin-top:40px;
	height:510px;
	overflow:hidden;
}
#contLeft {
	float:left;
}
#contRight {
	float:right;
}
.infoIcon {
	padding-bottom:5px;
}
#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:1000px;
	height:65px;
	background:url(../images/wellen-flach.png) top right no-repeat;
}
* html #footer {
	background-image:url(../images/wellen-flach.gif);
}
#footer.large {
	background-image:url(../images/wellen-hoch.png);
	height:142px;
}
* html #footer.large {
	background-image:url(../images/wellen-hoch.gif);
}
.intro #footer {
	background:none;
	height:22px;
}

#bottommenu {
	position:absolute;
	bottom:0;
	right:0;
}
#bottommenu img {
	padding-left:15px;
}
#skip {
	position:absolute;
	bottom:0;
	left:92px;
}
#credits {
	position:absolute;
	right:0;
	top:45px;
}
#fixIE6 {
	width:1000px;
	height:650px;
}

/* width, margin, padding */
.w360 {
	width:360px;
}
.w290 {
	width:290px;
}
.w270 {
	width:270px;
}
.p30r {
	padding-right:30px;
}
.p80r {
	padding-right:80px;
}
.p80l {
	padding-left:80px;
}
.p10r {
	padding-right:10px;
}
.p25l {
	padding-left:25px;
}
.p35t {
	padding-top:35px;
}


/* inhaltbezogene styles */
#home {
	padding-left:500px;
}
.bootschaft {
	position:absolute;
	right:-10px;
	bottom:68px;
}
#kontakt {
	background:url(../images/logo-hafenviertel_kl.gif) 0 0 no-repeat;
	width:760px;
	margin-left:150px;
	padding-left:37px;
	padding-top:17px;
	margin-top:30px;
}
#kontakt p {
	line-height:1.4em;
}
.taucher {
	background:url(../images/pics/taucher.jpg) 480px 0 no-repeat;
}
#anfrage {
	padding-left:615px;
}

#pwd {
	background:none;
	border:none;
	font-size:9px;
	color:#2b738b;
	letter-spacing:4px;
	width:120px;
	padding:3px 3px;
	border:1px solid #004479;
	vertical-align:middle;
}
#submit {
	color:#004479;
	background:none;
	border:none;
	cursor:pointer;
	border:1px solid #004479;
	vertical-align:middle;
}

.hidden {
	display:none;
}
.clearer {
	clear:both;
}