@charset "utf-8";
/* CSS Document */

@media screen{
	body>div#impressum-bn {
		position:fixed;
	}
}

html,body {
	padding:0px;
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	font-size:12px;
	
	
	color:#393536;
	background-image:url(../images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#0c0d0d;
}



#flash-bg {
	position:absolute;
	width:100%;
	height:100%;
	
	z-index:2;
	
	min-height:800px;
}

#beachlife-logo {
	position:absolute;
	left:50%;
	margin-left:-190px;
	margin-top:-190px;
}

#extra-content {
	position:absolute;
	width:920px;
	height:275px;
	
	left:50%;
	margin-left:-460px;
	z-index:9;
}

#content-wrapper {
	position:absolute;
	width:920px;
	height:580px;
	
	left:50%;
	margin-left:-460px;
	z-index:10;
	
	top:260px;
	
	background-image:url(../images/content-bg.png);
	background-position:center;
	background-repeat:no-repeat;
}


/* menu */

#menu {
	position:absolute;
	margin-top:-15px;
}

#menu > ul > li  {
	display:block;
	float:left;
	list-style-type:none;
	width:90px;
	height:65px;
	text-align:center;
	margin-right:5px;
	background-image:url(../images/button_bg.png);
	background-position:0px -15px;
	background-repeat:no-repeat;
	padding-top:10px;
		
}

#menu > ul > li > a:link {
	outline:none;	
}

#content-padding {
	padding:25px;
}



object {
	outline:none;
	padding:0px;
	margin:0px;
}


/**************
	EVENTS
**************/

#event-list-scroller {
	margin-top:65px;
	width:414px;
	float:left;
}

#events-list {
	
	height:460px;

	overflow:hidden;
}


.events_container {
	background-image:url(../images/event-container-bg.png);
	height:100px;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:5px;
}

.events_img {
	float:left;
	margin-top:8px;
}

.events_date {
	padding-left:10px;
	padding-top:8px;
	font-weight:bold;
	padding:4px;
}

.events_headline {
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	color:#E52B38;
	padding:4px;
}

.events_headline > a:link,
.events_headline > a:active,
.events_headline > a:visited {
	font-size:18px;
	font-weight:bold;
	color:#E52B38;
	text-decoration:none;
}


div#page-center-fotos {
	width:950px;
	overflow:hidden;
	padding-left:20px;
}

div#page-center-inner-fotos {
	margin-top:30px;
	padding:8px;
	
}

div#page-center-inner-fotos h1 {
	margin:0px;
	padding:0px;
	padding-left:15px;
	margin-bottom:5px;
	font-size:24px;
	border-bottom:#333 1px dotted;	
}



#fotos-wrap {
	margin-top:30px;
}

div#coverflow-container {
	height:240px;
	border-bottom:#333 1px dotted;	
}

div#serien-container {
	border-bottom:#333 1px dotted;
}


.fotoserien_container {
	height:80px;
	width:320px;
	background-image:url(../images/foroser-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}


.fotoserien_thumb {
	float:left;
	padding:12px;
}
.fotoserien_date {
	margin-top:12px;
}

#serien-container h2 {
	font-size:10px !important;
	color:#666;
}


#foto-blaettern-include {
	overflow:hidden;
}

.fotoserien_blaettern {
	max-height:250px;
	overflow:auto;
}


.seiren_blaetter {
	padding:3px;
	border-top:#333 1px dotted;
}


.seiren_blaetter_hover {
	border-bottom:#F2D668 1px solid;
}

/***************
	fotos2.php
****************/

.thumbnails_date {
	text-align:center;
	font-size:14px;
	color:#333;
}

.thumbnails_titel {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

.fotoserien_beschreibung {
	text-align:center;
	font-size:10px;
	color:#666;
	margin-bottom:10px;
}

#thumbnails_table {
	text-align:center;
	margin-left:30px;
}

.thumbnails_thumb {
	width:120px;
	height:84px;
	background-image:url(../images/thumb-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	padding-left:3px;
	padding-top:3px;
}

div#serien_thumbs {
	width:700px;
	float:left;
	padding-left:20px;
}

#monats-uebersicht {
	float:left;
}

.kommentar-container {
	margin-bottom:4px;
}

.kommentar-container h2 {
	padding:0px;
	margin:0px;
	color:#999;
	font-size:10px;
}

.kommentar-container p {
	border-bottom:#333 1px dotted;
}



h1 {
	color:#E52B38;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	margin-top:5px;
	text-shadow:#FFF 5px 5px;	
}


/****************
		gdm
******************/

.gdm_pic {
	float:left;
	border:#333 1px dotted;
	padding:50px;
}


#gdm_bild_container {
	text-align:center;
}

#gdm_form_container {
	margin-top:10px;
	text-align:center;
}



a:link, a:active, a:visited {
	text-decoration:none;
	color:#E52B38;
	font-weight:bold;
}







@charset "iso-8859-2";
/* CSS Document */


div#videos-left {
	width:450px;
	float:left;
}
div#videos-right {
	position:absolute;
	width:429px;
	margin-left:450px;

}

div#videos-left-inner {

}

div#videos-right-inner {
	margin-top:80px;
	padding:20px;
}


div#videos-wrap {
	margin-top:40px;
}

div#videos-videolist {
	height:250px;
	overflow:hidden;
}

div.video-data-wrap {
	padding:3px;
	border:#CCC 1px solid;
	cursor:pointer;
	background-color:#FFF;
}

div.videio-data-image {
	width:146px;
	float:left;
}

.video-data-infos {
	overflow:hidden;
	padding-left:5px;
}



/******************
	VOTING 
*****************/
.bildervoting_container {
	height:100px;
	background-image:url(../images/vote-container-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:#DEDDD8 1px solid;
	cursor:pointer;
	margin-bottom:5px;
	background-color:#FFF;
}

.bildervoting_thumb {
	float:left;
}

.bildervoting_rank {
	position:absolute;
	left:300px;
	margin-top:10px;
	font-size:38px;
	font-weight:bold;
	padding:5px;
	text-align:center;
}

.bildervoting_beschreib {
	overflow:hidden;
	padding-left:15px;
	font-size:24px;
	color:#E52B38;
	text-shadow:#E8E6D9 2px 2px 2px;
}

.bildervoting_beschreib > h1 {
	padding:0px;
	margin:0px;
	font-size:24px;
	font-weight:bold;
	margin-top:10px;
}

.bildervoting_beschreib > h2 {
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#393536;
	margin-top:5px;
	
}

.bildervoting_votebn {
	position:absolute;
	margin-left:270px;
	margin-top:10px;
	display:none;
}

.extra-content {
	display:none;
	width:920px;
	height:270px;
	background-position:center bottom;
	background-repeat:no-repeat;
}

#impressum-bn {
	padding:5px; 
	position:absolute; 
	bottom:0; 
	right:0; 
	z-index:50000;	
}

.clear {clear:both;}


div#kalenderDownload
			{
				position:absolute;
				width:400px;
				height:300px;
				z-index:1000;
				
				left:100px;
				top:100px;
				background-color:#FFF
				background-position:center;
			}
			
			div#kalenderDownloadInner
			{
				padding:12px;

			}
			
			div#kalenderDownloadHeadline
			{
				background-color:#E52B38;
				color:#FDEC5F;
				padding:2px;
				font-weight:bold;
				
			}
			
			.kalenderDownloadMonate 
			{
				
			}
			
			li {
				font-size:12px;
			}

.mContainer {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#666 1px dotted;
}
			
#kalenderDownloadMonate{
	height:250px;
	overflow:auto;
	background-color:#FFF;
	
}

.gName {
	font-weight:bold;
	font-size:18px;
	padding-left:10px;
}

.mName {
	font-size:12px;
	padding-left:20px;
}
	

.mImage {
	float:left;
	width:150px;
	text-align:center;
}

.mInfosWrap {
	overflow:hidden;
	padding-left:5px;
}

#closeBN {
	position:absolute;
	right:0;
	margin-right:30px;
}


/*****
hot not
******/
.hnt_k_w {
	 width:115px;
	 height:10px;
	 margin-top:15px;
	 background-image:url(../images/hotornot_bg_klein.png);
}

.hnt_k_z {
	position:absolute;
	margin-top:-3px;
}


.hnt_k_p {
	position:absolute;
	margin-top:10px;
	width:115px;
	color:#666;
	font-size:10px;
	text-align:right;
}

.hnt_k_p_n {
	position:absolute;
	margin-top:10px;
	width:115px;
	color:#666;
	font-size:10px;
}
