@charset "UTF-8";
/* CSS Document */

html{ 
    height: 100%; 
    } 

* html body{ 
    height: 100%; 
	margin:0;padding:0;border:none;
    } 

body { 
background-image:url(Bilder/bg_content.gif); 
background-repeat:repeat; 
margin:0;
padding:0;
overflow:auto;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:white;
position: relative; 
min-height: 100%; 
}

.clearer {
  clear: both;
}

a { color:white; text-decoration:none; font-size:12px; }
a:hover { text-decoration:underline; }

  #container {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 996px;
	max-width:996px;
	height:100%;
    padding: 0;
  }
  
  #left_banner {
  background-color:#FFFFFF;
  }
  
.band_name td  {
color:#CC9900;
font-size:12px;
}

h3 {
font-size:14px;
color:#c5c434;
margin-bottom:0;
margin-top:0;
display:inline
}


h3 a {
font-size:16px;
}

h4 {
font-size:12px;
color:#FFFFFF;
margin-bottom:0;
margin-top:0;
display:inline
}
h5 {
font-size:12px;
color:#FF9900;
}
h6 {
font-size:10px;
color:#FF9900;
display:inline;
}

#header {
	position:relative;
text-align:left;
width:996px; 
height:410px; 
background-image:url(Bilder/index_01.jpg); 
background-repeat:no-repeat; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#headerText {
 float:left;
 display: inline;
 width:400px;
 margin-left:22px;
 margin-top:70px;  
 text-align:left;
 color:#003333;
 font-size:12px;
 line-height:16px;
}

#headerLineup {
 float:left;
	
}

#headerSponsor {
float:right;
width:150px;
height:50px;
color:#EEEEEE;
font-size:9px;
text-align:right;
padding-top:260px;
padding-right:35px;
}

#headerSponsor a {
 padding:1px;
}

#navi { display:block; height:55px; padding-top:6px; text-align:right; padding-right:45px; }
#navi a {
 padding-right:25px; color:white; text-decoration:none; 
}

#left {
float:left;
max-width:100%;
color:white;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 15px;
line-height:16px;
padding-bottom:15px;
}

#left .ueberschrift {
color:white;
font-size:12px;
}

#left a { font-size:11px; }

#right {
float:right;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-right:20px;
margin-bottom:25px;
}

#right input {
 border: 1px #333333 inset;
}
#right .button {
 border:#333333 1px outset;
}

#right td {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:white;
}

#right a {
font-size:11px;
}

#text_box td {
color:white;
font-size:12px;
}

#text_box a {
font-size:12px;
}

#box {
overflow:hidden;
width:100%;
background-image:url(Bilder/bg.gif); 
background-repeat:repeat;
padding:10px;
font-size:12px;
}

#box_comments {
overflow:hidden;
width:98%;
background-image:url(Bilder/bg.gif);
background-repeat:repeat;
padding:10px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#box_voting {
overflow:hidden;
width:100%;
margin-bottom:20px;
font-size:12px;
}

#box_voting_content {
position:relative;
width:65%;
float:left;
}

#box_voting_content H3 {
 display:block;
 width:100%;
 padding-bottom:5px;
 font-size:14px;
 color:#FF9900;
}

#box_voting_content a {
color:#000000; 
font-size:10px; 
font-weight:normal;
}

#box_voting_img {
width:110px;
position:relative;
float:left;
padding-right:5px;
}
/* Bilder Vorschau 
 black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#box_voting_img img {
		background-color:#062a3b;
		padding:2px;
		border:1px solid #062a3b;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	
	<!--[if lt IE 7]>

	div.apple_overlay {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);
		color:#fff;
	}
	
	/* default close button positioned on upper right corner */
	div.apple_overlay div.close {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
	
	}	

	<![endif]-->

<!-- ENDE -->

#box_voting_song {
display:block;
padding-bottom:2px;
font-size:10px;
}

.box_voting_form { 
float:right;
width:35%;
text-align:center;
color:#000000;
}
 
.box_voting_form input {
  font-size:10px;
  border:#000000 1px solid;
 }
#box_voting_info {
    text-align:left;
    background:#062a3b;    
    padding:15px 15px; 
    width:190px;
	min-height:30px;
    margin:0 auto;
	margin-top:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}
#box_voting_alert {
    text-align:left;
    background:#FFFF99;
	color:#000;    
    padding:15px 15px; 
    width:190px;
	min-height:30px;
    margin:0 auto;
	margin-top:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}
#box_voting_footer {
display:block;
width:100%;
padding-top:10px;
}

.box_voting_form H1 { 
color:#000000; 
font-size:42px;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-bottom:5px;
}

#voting_ABC { 
    background:#062a3b; 
    padding:5px 5px;
	margin-bottom:25px; 
    width:100%;
	min-height:15px;
	margin-top:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
 }
 #voting_ABC a {
 	font-size:14px;    
 }
 #voting_ABC H3 {
  color:#FF9900; font-size:10px;
 }

/* ENDE */ 
#box_bands {
float:left;
overflow:hidden;
width:300px;
max-width:100px;;
background-image:url(Bilder/bg.gif);
background-repeat:repeat;
padding:10px;
margin-bottom:5px;
margin-right:45px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.small {
font-size:9px;
}
.info li {
padding-bottom:10px;
}
.banner {
clear: both;
 width:100%;
}

.footer {
float:left;width:100%;font-size:9px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#CCCCCC;
}
.footer a {
 font-size:9px;
 text-decoration:none;
 color:#CCCCCC;
}
	
#footer_sponsor {
bottom:0; position:fixed; width:966px; height:60px; margin-top:25px; background-image:url(Bilder/bg.gif); vertical-align:middle; text-align:left; padding:5px; font-size:12px;
}

#sponsor {
float:left;font-size:9px;
margin-top:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
}
fieldset {
border:#062a3b 1px solid;
}

.lineup a { font-size:16px; }

#apDiv1 { 
position:absolute;
	left:430px;
	top:425px;
	width:314px;
	height:54px;
	z-index:1;
	background-color: #FFFFFF;
border:red solid 2px;
padding:10px; color:#FF0000;
}

/* LINE UP */
#lineup {
 font-size:14px;
 text-align:justify;
 padding-bottom:10px;
 display:none;
}

/* Sponsoren */
#sponsoren {
  position:absolute; 
    bottom:0; 
    width:100%; 
    height:66px; 
    }
#white_box {
    background:#FFF;
	color:#000000;   
    padding:5px;
	margin-top:10px;
	margin-bottom:10px; 
	min-height:30px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;    
} 
#white_box a {
color:#000000;
text-decoration:none;
}

#voting_box {
    text-align:left;
    background:#062a3b;    
    padding:10px; 
    margin:0 auto;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;    
} 

#anmeldung {
    text-align:left;
    background:#062a3b;    
    padding:15px 15px; 
	min-height:30px;
    margin:0 auto;
	margin-top:15px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;    
} 

#anmeldung h3 {
font-size:14px;
color:#FFFFFF;
margin-bottom:0;
margin-top:0;
display:inline
}

/* form style */
#myform {
    background:#062a3b;    
    padding:10px 10px; 
    color:#eee;
    width:320px;
    margin:0 auto;
	margin-top:10px;
    position:relative;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;    
} 

/* nested fieldset */
#myform fieldset {
    border:0;
    margin:0;
    padding:0;
    background:#062a3b;    
}

/* typography */
#myform p     { font-size:12px; }

/* input field */
#myform input {
    border:1px solid #444;
    background-color:#FFF;
    color:#000;
    font-size:10px;
	padding:3px;
    
    /* CSS3 spicing 
    text-shadow:1px 1px 1px #000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;    */
}

#myform #label {

    display:block;
    font-size:11px;
    color:#ccc;
	width:50px;
	float:left;
	margin-left:5px;
	

}

#myform input:focus     { color:#000; background-color:#FF9900; }
#myform input:active     { background-color:#888; }


/* button */
#myform button {
    outline:0;
    border:1px solid #666;    
}

/* field label */
label {
    display:block;
    font-size:11px;
    color:#ccc;
}

#terms label {
    float:left;
}

#terms input {
    margin:0 5px;
}

/* COUNTDOWN */


#countdown_dashboard {
	height: 45px;
	padding-top:10px;
}

.dash {
	width: 40px;
	height: 40px;
	background: transparent url('Bilder/dash.png') 0 0 no-repeat;
	float: left;
	padding-left: 5px;
	padding-top:10px;
	position: relative;
}

.dash .digit {
	font-size: 14pt;
	font-weight: bold;
	float: left;
	width: 15px;
	text-align: center;
	font-family: Times;
    color:#003333;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	width:100%;
	bottom: 0px;
	font-size: 8px;
    color:#000;
 	text-transform: uppercase;
	text-align:center;
	margin-left:-7px;
}
/* Tooltip Ma Area */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; color:black; font-size:11px; padding-right:10px;}

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 200px;
	padding:10px;
	opacity: 1.0;
	background: url('Bilder/tooltip.png') no-repeat ;
	padding-top: 2em;
	height: 100px;
}
.map {
	top:100px; left:450px; width:425px;height:170px; position:absolute;
}