* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	outline:0;}

body {
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	color:#ababab;
	background:#003553;}

#wrapperoben {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:45%;
	background:url(../oben.jpg);
	background-position:left bottom;}
	
#catcher {
	position:absolute;
	top:0px;
	right:30%;
	width:134px;
	height:232px;
	background:url(../catcher.png);}

#wrapperunten {
	position:absolute;
	top:45%;
	left:0px;
	width:100%;
	background:url(../brakelogo.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;}
	
h1 {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	letter-spacing:0.03em;
	line-height:100%;
	color:#fff;}
	
h2 {
	display:inline;
	font-size:14px;
	font-style:italic;
	color:#fb6b1b;}
	
h3 {
	display:inline;
	font-size:16px;
	letter-spacing:0.03em;
	color:#fff;}
	
h4 {
	display:inline;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.03em;
	color:#ddd;}

a {
	color:#fb6b1b;
	font-weight:bold;
	text-decoration:none;}

a:hover, a:focus {
	color:#e32225;
	text-decoration:underline;}
	
.top {
	float:right;
	height:13px;
	width:13px;
	background:url(../top1.jpg);}
	
.top:hover, .top:focus {
	background:url(../top2.jpg);}
	
/* -------------------------------------------------- */
/* 			Footer 	 		     */
/* -------------------------------------------------- */
	
.footer {
	clear:both;
	left:0px;
	bottom:0px;
	width:auto;
	height:46px;
	padding:12px 20px 10px 20px;
	border-top:solid 2px #fff;
	text-align:center;
	letter-spacing:0.03em;
	color:#a54008;
	font-weight:bold;
	background:#fb6b1b;}
	
.footer a {
	font-weight:bold;
	text-decoration:none;
	color:#a54008;}
	
.footer a:hover, .footer a:focus {
	color:#480904;}

/* -------------------------------------------------- */
/* 			Navigation 		     */
/* -------------------------------------------------- */

#navibereich {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:40px;}
	
#navibereich a {
	position:absolute;
	bottom:0px;
	height:40px;}

.home a {
	left:30px;
	width:102px;
	background:url(../home.jpg);
	background-position:-15px -53px;}

.teams a {
	left:142px;
	width:112px;
	background:url(../teams.jpg);
	background-position:-15px -53px;}

.beach a {
	left:265px;
	width:107px;
	background:url(../beach.jpg);
	background-position:-15px -53px;}

.foto a {
	left:388px;
	width:167px;
	background:url(../foto.jpg);
	background-position:-15px -53px;}

.kontakt a {
	left:565px;
	width:137px;
	background:url(../kontakt.jpg);
	background-position:-15px -53px;}
	
.current a, #navibereich .current a:hover {
	background-position:-15px -103px;}

#navibereich a:hover, #navibereich a:focus, #navibereich a:active {
	background-position:-15px -3px;}
	
/* -------------------------------------------------- */
/* 			News   	 		     */
/* -------------------------------------------------- */	

#news, #news1 {
	float:left;
	padding:20px 0px 0px 20px;
	width:600px;}

hr {
	border:solid 1px #fb6b1b;
	margin:3px 0px 7px 0px;}
	
.bild {
	float:left;
	width:290px;
	height:200px;
	margin:4px 20px 10px 0px;}

.text {
	float:left;
	width:290px;}
	
/* -------------------------------------------------- */
/* 		Spielvorschau   	 	     */
/* -------------------------------------------------- */

#spiele {
	float:left;
	padding:45px 0px 10px 20px;
	width:290px;}
	
.spielvorschau, .ergebnisse {
	height:19px;
	padding:3px 3px 3px 10px;
	background:#256f95;
	font-size:14px;
	font-weight:bold;
	color:#f2f2e6;}	
	
.spielvorschau {
	background:#fb6b1b;}
	
.spieletext {
	color:#bbb;
	padding:10px;
	margin-bottom:2px;
	background:#1a4963;
	background-image:url(../back.png);}
	
/* -------------------------------------------------- */
/* 			Beach	 		     */
/* -------------------------------------------------- */

.beachbox {
	float:left;
	padding:45px 0px 10px 20px;
	width:290px;}
	
.beachtext {
	float:right;
	width:290px;}
	
.wuctitel {
	height:19px;
	padding:3px 3px 3px 10px;
	background:#480904;
	font-size:14px;
	font-weight:bold;
	color:#fb6b1b;}
	
.wuctext {
	padding:10px;
	color:#480904;
	margin-bottom:2px;
	background-image:url(../wback.png);}
	
.wuctext a {
	font-weight:bold;
	text-decoration:none;
	color:#480904;}
	
.wuctext a:hover, .wuctext a:focus {
	color:#000;
	text-decoration:underline;}
	
.boxtitel {
	height:19px;
	padding:3px 3px 3px 10px;
	background:#fb6b1b;
	font-size:14px;
	font-weight:bold;
	color:#fff;}	
	
.boxtext {
	padding:10px;
	color:#403d33;
	margin-bottom:2px;
	background:#f2f2e6;}

/* -------------------------------------------------- */
/* 			Teams   	 		     */
/* -------------------------------------------------- */

#platzhalter {
	float:left;
	width:50%;
	height:1000px;
	margin-left:-300px;
	background:#003553;}
	
#teamnavi {
	float:left;
	padding-bottom:30px;
	width:600px;}

#teamnavi a {
	display:block;
	height:19px;
	width:590px;
	padding:3px 5px 3px 5px;
	margin-bottom:2px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:#256f95;
	text-decoration:none;}

#teamnavi a:hover, #teamnavi a:focus {
	background:#fb6b1b;}

#teamnavi a:active {
	background:#fb6b1b;}

#teambox {
	float:left;
	width:600px;
	padding:0px;}
	
.teamtitel {
	float:left;
	width:590px;
	height:19px;
	padding:3px 5px 3px 5px;
	background:#fb6b1b;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;}	
	
.teamfoto {
	float:left;
	width:600px;}	
	
.teamtext {
	float:left;
	width:560px;
	color:#403d33;
	background:#f2f2e6;
	padding:20px;
	margin-bottom:2px;}
	
/* -------------------------------------------------- */
/* 			Fotoalbum 		     */
/* -------------------------------------------------- */

.album {
	float:left;
	padding:20px 0px 20px 20px;
	width:600px;}
	
.pic {
	float:left;
	height:80px;
	width:80px;
	padding:10px;
	background:#000;}

/* -------------------------------------------------- */
/* 			Akkordeon 		     */
/* -------------------------------------------------- */	

#basic-accordian {
	float:left;
	padding:45px 0px 10px 20px;
	width:290px;
	color:#403d33;}

.accordion_headings {
	height:19px;
	padding:3px 3px 3px 10px;
	background:#256f95;
	border-bottom:2px solid #003553;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	color:#fff;}

.accordion_headings:hover {
	background:#fb6b1b;}

.accordion_child {
	padding:10px;
	background:#f2f2e6;
	border-bottom:2px solid #003553;}

.header_highlight{
	background:#fb6b1b;
	border:0;}
	
/* -------------------------------------------------- */
/* 			Lightbox	 		     */
/* -------------------------------------------------- */

#lightbox {position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none;}

#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}

#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	;}

#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }