/*
Beachclub Krefeld
Hauptstylesheet
Letzte Änderung: 13.03.2010
*/

/* Reset all */
body, p, li, ul, span, img, a, h1, h2, h3, div{
	padding: 0;
	margin: 0;
	border: 0;
}

/* Fonts */

/*
@font-face {
	font-family: Comfortaa;
 	src: url("fonts/comfortaa_regular.eot");
}

@font-face {
	font-family: Comfortaa;
	src: url('fonts/comfortaa_bold.eot');
	font-weight: bold;
}

@font-face {
	font-family: Comfortaa;
	src: url('fonts/comfortaa_thin.eot');
	font-weight: lighter;
}
*/

@font-face {
	font-family: Artbrush;
	src: url('fonts/artbrush.eot');
}

/*
@font-face {
	font-family: Comfortaa;
	src: url('fonts/comfortaa_regular.ttf') format('truetype');
}

@font-face {
	font-family: Comfortaa;
	src: url('fonts/comfortaa_bold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: Comfortaa;
	src: url('fonts/comfortaa_thin.ttf') format('truetype');
	font-weight: lighter;
}
*/


@font-face {
	font-family: Artbrush;
	src: url('fonts/artbrush.ttf') format('truetype');
}


/* Allgemeines */
body {
	color: white;
	background-color: #dacfb7;
	background: url('../images/bg.jpg');
	font-family: "Trebuchet MS", "Geneva", "Helvetica", "Arial", sans-serif;
	overflow: auto;
	min-width: 980px;
}

#all{
	width: auto;
	height: inherit;
	margin: auto;
}

a:link {
	color: #523a1d;
	text-decoration: none;
}

a:visited {
	color: #523a1d;	
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img, a img {
	border: 0;
}

.c{
	clear: both;
	visibility: hidden;
	margin: 0;
}

.keine-anzeige {
	display: none;
}

.linethrough{
	text-decoration: line-through !important;
}

/* ------------- Header ------------- */

#bayer05center{
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
}

#bayer05link{
	position: absolute;
	left: -473px;
	top: 27px;
}

#header{
	height: 250px;
	width: auto;
	background: url('../images/header_pattern.jpg') repeat-x;
}

#header_bg{
	height: 250px;
	width: auto;
	background: url('../images/header.jpg') no-repeat center;
}

#header_center{
	height: 218px;
	width: 980px;
	padding-top: 32px;
	margin: auto;
}

#header_slideshow_overlay{
	height: 157px;
	width: 630px;
	position: absolute;
	margin-left: 186px;
	background: url('../images/header_slideshow.png') no-repeat;
	z-index: 1000;
}

#header_slideshow{
	height: 157px;
	width: 625px;
	margin-left: 186px;
	float: left;
}

#header_slideshow_container{
	clear: both;
	width:inherit; 
	height:inherit; 
	position:relative;
}

#header_slideshow_container img { 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1; 
}

#header_infos{
	height: 138px;
	width: 138px;
	padding: 9px;
	padding-right: 1px;
	margin-top: 0px;
	margin-left: 6px;
	float: left;
	color: black;
	font-size: 14px;
}

#header_infos_weather{
	clear: both;
	position:relative;
}

#header_infos img{
	margin-top: 6px;
	margin-bottom: 2px;
}

p#header_infos_temperature{
	position: absolute;
	top: 15px;
	right: 9px;
	font-size: 17px !important;
}

#header_infos a{
	font-size: 15px;
	color: black;
}

#header_infos a:hover{
	text-decoration: none;
}

span.status_red{
	color: #920101;
}

span.status_green{
	color: #116800;
}


/* ------------- Navi ------------- */

ul#navigation{
	padding-left: 12px;
}

ul#navigation li{
	display: inline-block;
	list-style-type: none;
	width: 148px;
	height: 42px;
	margin-right: 5px;
}

a.navigation_links{
	height: 40px;
	display: inline-block;
}

a#navigation_news{
	width: 89px;
	background: url('../images/navi_news.jpg') no-repeat;
	margin-left: 44px;
	margin-top: 4px;
}

a#navigation_beachclub{
	width: 146px;
	background: url('../images/navi_beachclub.jpg') no-repeat;
	margin-left: 16px;
	margin-top: 4px;
}

a#navigation_sport{
	width: 92px;
	background: url('../images/navi_sport.jpg') no-repeat;
	margin-left: 46px;
	margin-top: 4px;
}

a#navigation_events{
	width: 106px;
	background: url('../images/navi_events.jpg') no-repeat;
	margin-left: 23px;
	margin-top: 4px;
}

a#navigation_galerie{
	width: 108px;
	background: url('../images/navi_galerie.jpg') no-repeat;
	margin-left: 13px;
	margin-top: 4px;
}

a#navigation_kontakt{
	width: 125px;
	background: url('../images/navi_kontakt.jpg') no-repeat;
	margin-left: 4px;
	margin-top: 4px;
	background-position: 0px 0px;
}

a.navigation_links:hover{
	background-position: 0px -40px !important;
}

a.navigation_links_active{
	height: 40px;
	display: inline-block;
	background-position: 0px -80px !important;
}

ul#navigation li a span{
	display: none;
}

/* ------------- Content ------------- */

#content_wrap_all{
	width: 980px;
	background: url('../images/content.jpg') repeat-y;
	margin: auto;
}

#content_wrap_head{
	width: inherit;
	height: inherit;
	background: url('../images/content_oben.jpg') no-repeat;
	
}

#content_wrap_foot{
	width: inherit;
	height: inherit;
	background: url('../images/content_unten.jpg') no-repeat;
	background-position: bottom;
	clear: both;
}

#content{
	width: 690px;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	color: #523a1d;
	float: left;
	font-size: 16px;
}

#content.metanavi{
	width: 930px;
}

h2{
	height: 37px;
	margin-bottom: 5px;
	background: url('../images/headline_bg.jpg') no-repeat;
}

p{
	font-size: 16px;
}



/* ------------- Subnavi ------------- */

#sidebar{
	width: 220px;
	padding-top: 50px;
	padding-left: 6px;
	padding-right: 20px;
	padding-bottom: 30px;
	float: left;
	color: #523a1d;
}

#subnavi{
	width: 208px;
	padding-top: 50px;
	background: url('../images/subnavi_bg.jpg') no-repeat;
}

#subnavi ul{
	margin-left: 30px;
	list-style: none;
}

#subnavi ul li{
	margin-top: 12px;
}

#subnavi ul li a{
	font-family: "Artbrush";
	font-size: 22px;
	font-weight: normal;
	color: #63492a;
	text-shadow: 1px 1px 0px white;
}

a#subnavi_aktiv{
	color: black !important;
}

#subnavi_bottom{
	width: 208px;
	height: 48px;
	background-color: red;
	background: url('../images/subnavi_unten.jpg') no-repeat;
}

#sidebar_reservieren{
	width: 208px;
	height: 48px;
	padding-top: 50px;
	background: url('../images/subnavi_reservierung.jpg') no-repeat;
	margin-top: 10px;
}

#sidebar_reservieren a{
	font-family: "Artbrush";
	font-size: 22px;
	font-weight: normal;
	color: #63492a;
	text-shadow: 1px 1px 0px white;
	margin-left: 30px;
}

/* ------------- Footer ------------- */

#footer{
	width: 980px;
	margin: auto;
	color: #523a1d;
	margin-top: 10px;
	margin-bottom: 15px;
}

#footer ul{
	width: 450px;
	margin: auto;
	text-align: center;
	list-style-type: none;
}

#footer ul li{
	display: inline-block;
}

#footer_active{
	color: black;
	font-weight: bold;
}