/* 	===========================================================
						voodoo-media GmbH
	===========================================================
		CSS-Document
	
		author: 	David Zgoll
		copyright:	2008 voodoo-media GmbH	
		web:		http://www.voodoo-media.de
		email:		dz@voodoo-media.de
		
		client:		oceanroads GmbH
		
		CD-colors:		Rot				#E60029
						schwarz			#1A1B1F
						grau schwarz	#333333
						grau dunkel 	#666666
						grau mittel 	#999999
						grau hell		#CCCCCC
						grau blass		#DDDDDD
	
	===========================================================
	===========================================================
*/




/* Standard tag Definition */
body {
	background-image: url('/images/basedesign/bg_small.gif');
	/*background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	color:  #1A1B1F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	
	scrollbar-base-color:#666666;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-arrow-color:#CCCCCC;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-darkshadow-color:#666666;
}
a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:  #1A1B1F;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #E60029;
	font-weight: normal;
	text-decoration: underline;
}
td.listhead {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	size:15;
}
td, th {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
h3, h5 {
	color: #AAAAAA;
}
form {
	padding: 0px;
	margin: 0px;
}
input, textarea{
	border: 1px solid #999999;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:  #1A1B1F;
	background-color: #ffffff;
	padding: 0px;
}

input.blank {
	background-color: transparent;
	border: 0px;
	padding: 0px;
}


input, textarea {
			color: #FFFFFF;
			border: 1px solid #E60029;
			background-color: #1A1B1F;
			}
			
input:focus, select:focus, textarea:focus {
			color: #FFFFFF;
			background-color: #E60029;
			}
	
	
				
select{
	border: 1px solid #444444;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:  #1A1B1F;
	background-color: #ffffff;
}
legend{
	color: #888888;
}
fieldset{
	border: 1px solid #888888;
	padding: 1px;
}




a, a:active, a:focus {
			outline: none;
			}	

img, img a, img a:hover {
			border: none;
			}

#playerdiv { 
	z-index:4000;
    position:absolute;
	margin: 0px;
	width: 100%;
	height: 100%;
    display:none;
	background-image: url('/images/basedesign/shadow.png');
	}
#playerdiv table td { 
	text-align: center;
	}
	
/* +++ Bereiche mit id +++ */

/* ---------- DIV Hauptbereich ------------- */
#mother {
	z-index: 0;
	
	position: relative;
	top: 0px;
	text-align: center;
	height: 550px;
	width: 890px;
	
	background-image: url('/images/basedesign/base_design.png');
	background-repeat: no-repeat;
}

#nav {
	z-index: 10;
	
	position: absolute;
	top: 130px;
	/*left: 5px;*/
	right: 5px;
	text-align: right;
	width: 880px;
	height: 30px;
	border-top: 5px solid #E60029;
	
}	

#logo {
	z-index: 1000;
	position: absolute;
	top: 20px;
	left: 25px;
	right: 15px;
	width: 350px;
	height: 80px;
	overflow: hidden;
}


#logo a, #logo a:hover {
		border: none;
		}


#maincontainer{
	z-index: 30;
	position: absolute;
	top: 170px;
	left: 15px;
	right: 15px;
	width: 870px;
	height: 380px;
	text-align: center;
	overflow: auto;
}

#footerbottom{
	z-index: 30;
	position: absolute;
	left: 5px;
	right: 0px;
	bottom: 0px;
	width: 880px;
	height: 30px;
	color: #FFFFFF;
	border-top: 5px solid #E60029;
}

/* ---------- ENDE DIV Hauptbereich ------------- */

/* -------- NAV -------------*/

table.nav_main {
	/*padding-left: 10px;
	padding-right: 15px;*/

	width: 100%;
}	

table.nav_main td {
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	white-space: nowrap;
	color:  #1A1B1F;
	font-size: 12px;
	line-height: 24px;
	text-align: right;
	font-weight: normal;
	text-decoration: none;
}

table.nav_main table td {
	padding: 0px 15px 0px 0px ;
	}

table.nav_main table {
		width: auto;
		}

table.nav_main td.spacer_left {

	width: 10px;
}

table.nav_main td.spacer_right {

	width: 15px;
}

table.nav_main table a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #E60029;
	font-weight: normal;
	text-decoration: none;
}

table.nav_main table a:hover {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #E60029;
	font-weight: normal;
	text-decoration: underline;
}

table.nav_main td.info_path {
	width: auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:  #1A1B1F;
	font-size: 9px;
	line-height: 24px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

table.nav_main td.info_path  a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:  #1A1B1F;
	font-weight: normal;
	text-decoration: none;
}

table.nav_main td.info_path a:hover {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #E60029;
	font-weight: normal;
	text-decoration: underline;
}



/* -------- ENDE NAV -------------*/	

/* ------- Fussnote --------  */

table.sitebottom {
	width: 100%;
}

table.sitebottom td.impressum {
	color:  #1A1B1F;
	font-size: 10px;
	line-height: 25px;
	text-align: center;
	font-weight: normal;
}
table.sitebottom td.impressum a {
	color: #E60029;
	line-height: 25px;
	font-weight: normal;
}
table.sitebottom td.impressum a:hover {
	color:  #1A1B1F;
	line-height: 25px;
	text-decoration: underline;
	font-weight: normal;
}

/* ------- ENDE Fussnote --------  */

/* ------- DZ Standard Anzeigenlisten --------*/ 


table.liste_base {
	width: 840;
	font-size: 12px;
	color:  #1A1B1F;
	border: 0px solid #FF0000;	
}

table.liste_base th {
	text-align: left;
	font-size: 13px;
	color:  #1A1B1F;
}

table.liste_base td {
	text-align: left;
}

table.liste_base td.headline {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	
	background-color:  #1A1B1F;
}

/* --- Inhaltstabellen der Listen --- */


/* ------ Bilder + Text ----------*/
table.liste_filmstreifen {
	width: 100%;
	height: 160px;
	font-size: 12px;
	color: #FFFFFF;
	border: 0px solid #FF0000;
	background-image: url('/images/listen/filmstreifen.gif');
	background-repeat: repeat-x;	
}

table.liste_filmstreifen a {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

table.liste_filmstreifen a:hover {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

table.liste_filmstreifen td.spacer {
	width: 10px;
	/*height: 15px;*/
}

table.liste_filmstreifen td.pic {
	width: 150px;
	height: 110px;
	text-align: center;
	background-color: #E60029;
	border: 1px solid #E60029;
}

table.liste_filmstreifen td.txt {
	padding: 5px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	/*background-color: #FFCC00;*/
}
/* ------ Bilder + Text ----------*/

/* ------ Galerie Set ----------*/
table.set {
	width: 100%;
	font-size: 12px;
	color: #1A1B1F;
	border: 0px solid #FF0000;
	
	background-image: url('/images/listen/filmstreifen_vertikal.gif');
}


table.set td.spacer {
	width: 30px;
	/*height: 15px;*/
}

/* ---------------- ** -------------*/
table.set_txt {
	width: 100%;
	height: 200px;
	font-size: 12px;
	color:  #1A1B1F;
	border: 0px solid #FF0000;
	/*background-image: url('/images/header/head_set.jpg');*/
	background-repeat: no-repeat;
	background-color:#1A1B1F;
}

table.set_txt a {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

table.set_txt a:hover {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

table.set_txt td.spacer {
	width: 15px;
	/*height: 15px;*/
}

table.set_txt td.txt {
	width: 465px;
	height: 200px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* ---------------- ** -------------*/


table.set_pic {
	width: 100%;
	
	color: #FFFFFF;
	line-height: 18px;
}

table.set_pic td.pic {
	width: 150px;
	height: 150px;
	text-align: center;
	background-color: #1A1B1F;
	color: #FFFFFF;
}

table.set_pic td.pic a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
}

table.set_pic td.pic a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
}

table.set_pic a {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

table.set_pic a:hover {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

table.set_pic img {
	
	border: 1px solid #E60029;
}



/* ---------------- ** -------------*/
table.gallery {
	width: 100%;
	height: 50px;
	font-size: 12px;
	line-height: 18px;
	color:  #1A1B1F;
	border: 0px solid #FF0000;
	background-repeat: no-repeat;
	background-color:#1A1B1F;
}

/*table.gallery a {
	color: #E60029;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

table.gallery a:hover {
	color: #E60029;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

table.gallery td {
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

	table.gallery td.txt {
	width: 250px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
}*/

table.gallery td.spacer {
	width: 25px;
}
/* ----- ** -----*/

/*table.sedcard_liste {
	width: 100%;
	height: 200px;
	font-size: 12px;
	color:  #1A1B1F;
	border: 0px solid #FF0000;
	background-image: url('/images/header/head_set.jpg');
	background-repeat: no-repeat;
	background-color:#1A1B1F;
}

table.sedcard_liste a {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

table.sedcard_liste a:hover {
	color: #E60029;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

table.sedcard_liste td.spacer {
	width: 15px;
}

table.sedcard_liste td.txt {
	width: 465px;
	height: 200px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
}*/

/* ---------------- ** -------------*/
table.sedcard {
	width: 100%;
	height: 320px;
	font-size: 12px;
	line-height: 18px;
	color:  #1A1B1F;
	border: 0px solid #FF0000;
	background-image: url('/images/sedcard/sedcard.jpg');
	background-repeat: no-repeat;
	background-color:#1A1B1F;
}

table.sedcard a {
	color: #E60029;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

table.sedcard a:hover {
	color: #E60029;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

table.sedcard td {
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

table.sedcard td.spacer {
	width: 25px;
}


table.sedcard td.txt {
	width: 200px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	background-image: url('/images/sedcard/bg_sedcard.png');
	
	padding-left: 10px;
}

table.sedcard td.img {
	width: 350px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
/* ---------------- ** -------------*/
table.sedcard_img {
	padding: 0px;
	width:350px;
	height: 270px;
	background-color: #1A1B1F;
	border: 1px solid #333333;
}

table.sedcard_img td.left{
	width:25px;
	background-image: url('/images/sedcard/filmstreifen_sedcard_left.gif');
}

table.sedcard_img td.right{
	width:25px;
	background-image: url('/images/sedcard/filmstreifen_sedcard_right.gif');
}


/* ---------------- ** -------------*/

table.head_vote {
	width: 100%;
	height: 20px;
	margin-bottom: 5px;
}

table.head_vote td.star {
	width: 20px;
}

table.head_vote td.vote {
	width: 40px;
}

/* ------ ENDE Galerie Set ----------*/

/* ------ Pop up Vote ----------*/

table.vote_popup {
	width: 350px;
	height: 350px;	
	background-image: url('/images/vote/vote.jpg');
	
	color: #FFFFFF;
}

table.vote_popup td.spacer {
	width: 10px;
	height: 10px;	
}

table.vote_popup a {
	color: #E60029;
}

table.vote_popup a:hover {
	color: #E60029;
	text-decoration: underline;
}

table.vote_popup {
	width: 350px;
	height: 350px;	
	background-image: url('/images/vote/vote.jpg');
	
	color: #FFFFFF;
}

table.voter td {
	color: #FFFFFF;
	line-height: 20px;
}


/* ------ Join Now ----------*/
table.join_now {
	margin-top: -10px;
	width: 890px;
	
	border: 1px solid #E60029;
}

table.join_now td.join {
	height: 480px;
	padding: 0px;
	text-align: left;
}

table.join_now td.enterexit {
	/*margin: 0px;*/
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #1A1B1F;
	border-top: 1px solid #FFFFFF;
	
	
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
}

table.join_now td.footer {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #1A1B1F;
	font-size: 8px;
}

table.join_now td.footer a {
	/*padding: 5px;*/
	color: #FFFFFF;
	line-height: 11px;
}


/* ------ ENDE Join Now ----------*/


/* -------- Kontakt ----------- */
table.kontakt_table {
	width: 845px;
	padding:0px;
}
table.kontakt_table td {
	height: 20px;
	padding:2px 2px 2px 2px;
}
.kontakt_input {
	width: 175px;
}
.kontakt_textarea {
	width: 350px;
	height: 100px;
}
table.kalender {
	width: 220px;
}
table.kalender td.head {
	text-align:center;
}
.kalender_feld {
	background-color: #DDDDDD;
	text-align:center;
}
.kalender_feld a:hover {
	background-color: #999999;
}
.kalender_feld_termin {
	background-color: #E60029;
	text-align:center;
}
.kalender_feld_termin a:hover {
	background-color: #E60029;
}
.kalender_feld_today {
	background-color: #999999;
	text-align:center;
}
.kalender_feld_today a:hover {
	background-color: #E60029;
}
a.kalender_link {
	display:block; 
	width:100%;
	color:  #1A1B1F;
}
a.kalender_link:hover {
	color: #FFFFFF;
}

.anmeldung_input {
	width: 175px;
}
.anmeldung_textarea {
	width: 350px;
	height: 100px;
}

/* -------- ENDE Kontakt ----------- */

/* --- ENDE Inhaltstabellen der Listen --- */

/* Tabelle website offline */
table.offline {
	margin-top: 150px;
	width: 500px;
	border: 1px solid #E60029;
}
table.offline th {
	background-color: #E60029;
	color: #ffffff;
	height: 25px;
}
table.offline td {
	height: 150px;
	padding: 5px;
	background-color: #CCCCCC;
}


/* ---------- DZ  Text Class-Definitionen ----------------*/

.headline {
	width: 835px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	
	background-color:  #1A1B1F;
	display: block;
	
	border: 5px solid  #1A1B1F;
}

.subheadline {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #E60029;
	text-align: left;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

.subheadline a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #E60029;
	text-align: left;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

.subheadline a:hover {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #E60029;
	text-align: left;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

.mag {
	color: #E60029;
	font-weight: bold;
}

.mag a {
	color: #CCCCCC;
	font-weight: bold;
}

.mag a:hover {
	color: #CCCCCC;	
	font-weight: bold;
	text-decoration: underline;
}

/*	===========================================================
						Buttons
	===========================================================*/	
	

a.btn,
input.btn { 
			margin: 0px 0px;
			padding: 0px 5px;
			width: auto;
			white-space: nowrap;
			vertical-align: middle;
			font-weight: bold !important;
			color: #E60029 !important;
			text-decoration: none !important;
			background-image: url('/images/basedesign/bg_btn.jpg');
			background-repeat: repeat-x;
			background-position: top;
			border: 1px solid #E60029 !important;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			}

a:hover.btn,
input:hover.btn { 
			cursor: pointer;
			color: #FFFFFF !important;
			text-decoration: none;
			background-image: url('/images/basedesign/bg_btn.jpg');
			background-repeat: repeat-x;
			background-position: bottom;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			}
			

/*	===========================================================
						Pager
	===========================================================*/	
div.pager {
			text-align: center;
			}	
			

div.pager a { 
			margin: 2px 2px;
			padding: 0px 5px 2px 5px;
			white-space: nowrap;
			vertical-align: middle;
			font-size: 15px;
			font-weight: bold !important;
			color: #E60029 !important;
			text-decoration: none !important;
			background-image: url('/images/basedesign/bg_btn.jpg');
			background-repeat: repeat-x;
			background-position: top;
			border: 1px solid #172991 !important;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			}



div.pager a:hover { 
			color: #FFFFFF !important;
			text-decoration: none;
			background-image: url('/images/basedesign/bg_btn.jpg');
			background-repeat: repeat-x;
			background-position: bottom;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			}
			


/* ---------- ENDE  Text Class-Definitionen ----------------*/

/*  Mailform */

#mail_form {
			margin-top: 25px;
			margin-left: 25px;
			color: #E60029;
			}

#mail_form input.btn {
			position:relative;
			top: -5px;
			margin-left: 175px;
			width: 100px;
			}	
	
#mail_form input,
#mail_form textarea {
			margin-bottom: 5px;
			width: 250px;
			color: #FFFFFF;
			border: 1px solid #E60029;
			background-color: #1A1B1F;
			}
			
	
#mail_form textarea {
			width: 450px;
			height: 250px;
			}
			
	
#mail_form select {
			margin-bottom: 15px;
			width: 250px;
			color: #FFFFFF;
			border: 1px solid #E60029;
			background-color: #1A1B1F;
			}	

#mail_form input:focus,
#mail_form select:focus,
#mail_form textarea:focus {
			color: #FFFFFF;
			background-color: #E60029;
			}		
	
#mail_form option {	
			width: auto;
			color: inherit;
			border: 1px solid #E60029;
			}
			
			
			
			
			
			
							
			
.smalltxt {
	font-size: 9px;
	}