/* css fuer www.listen2this.de */

/*===========================*/
/* tags                      */
/*===========================*/
a{border:0}
html {overflow-x:hidden;}
body{margin:0px; padding:0px; border:0px; background-color:#181818;}
img{border:0px; margin:0px; padding:0px;}
td{margin:0px; padding:0px; border:0px;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#efefef; margin:20px;}

a:link{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 12px; text-decoration:underline; border: 0}
a:visited{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 12px; text-decoration:underline; border: 0}
a:hover{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:underline; border: 0}
a:active{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:underline; border: 0}
a:focus{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:underline; border: 0}

/*===========================*/
/* class                     */
/*===========================*/

.footer{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#efefef;}
.footer:link{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:visited{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:hover{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:active{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:focus{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}

.links{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#efefef;}
.links:link{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 13px; text-decoration:none;}
.links:visited{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 13px; text-decoration:none;}
.links:hover{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 13px; text-decoration:none;}
.links:active{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 13px; text-decoration:none;}
.links:focus{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 13px; text-decoration:none;}

.orangenavi{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#efefef; font-weight:bold;}
.orangenavi:link{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:visited{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:hover{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:active{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:focus{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:none; font-weight:bold;}

.konzerte{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffbe49; font-weight:bold;}
.konzerte:link{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 14px; text-decoration:none; font-weight:bold;}
.konzerte:visited{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 14px; text-decoration:none; font-weight:bold;}
.konzerte:hover{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; text-decoration:none; font-weight:bold; background-color:#ffbe49;}
.konzerte:active{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; text-decoration:none; font-weight:bold; background-color:#ffbe49;}
.konzerte:focus{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; text-decoration:none; font-weight:bold; background-color:#ffbe49;}

.orangetext{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffbe49; font-weight:bold;}

.content_text{margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size:12px;}

.complete_table{width:896px; margin:0px; padding:0px; border:0px; border-collapse:collapse;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 5px;
background-color: #181818;
}
.vscrollerbar {
width: 5px;
background-color: #666666;
background-image:url(pics/scroll.jpg);
background-repeat:repeat-y;
}
.hscrollerbase {
height: 5px;
background-color: #181818;
}
.hscrollerbar {
height: 5px;
background-color: #666666;
background-image:url(pics/scroll_x.jpg);
background-repeat:repeat-x;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

div.order{ font-size:12px; color:#efefef; font-family:Arial, Helvetica, sans-serif; width:95%; margin-left:20px;}
div.order ul{display:inline-block; margin:0; padding:0;}
div.order ul li{display:inline-block; float:left; list-style-type:none; width:400px; padding-right:20px;}

/*===========================*/
/* id                        */
/*===========================*/

#canvas{width:896px; background-color:#181818; border:0px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:auto;}
#video {width:605px; background-color:#181818; border:0px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:auto;}
#head{width:896px; height:74px; margin:0px; padding:0px; border:0px; font-size:0px; white-space:nowrap;}
#headline{width:896px; height:3px; margin:0px; padding:0px; border:0px; font-size:0px;}
#navi{width:896px; height:32px; margin:0px; padding:0px; border:0px;}
#navi_events{width:896px; height:20px; margin:0px; padding:0px; border:0px;}
#content{width:896px; margin:0px; padding:0px; border:0px; font-size:0px; min-height:467px ; height:467px;}
#content2{width:896px; margin:0px; padding:0px; border:0px; font-size:0px; min-height:467px ; height:467px;}
#flow{width:660px; margin:0px; padding:0px; border:0px; font-size:0px; max-height:150px ; max-width:896px ; height:auto !important;}
#flow2{width:896px; margin:0px; padding:0px; border:0px; font-size:0px; max-height:150px ; max-width:896px ; height:auto !important;}
#footer{width:896px; margin:8px 0px 20px 0px; padding:0px; border:0px ; font-size:0px; white-space:nowrap;}
#mycustomscroll2 {
/*percantage width: make it 100% to match container*/
height: 140px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto 0.3em;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
}
#mycustomscroll3 {
/*percantage width: make it 100% to match container*/
background-color:#333333;
overflow: auto;
overflow-x: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
}
#evtcal a:link {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: none;}		/* unvisited link */
#evtcal a:visited {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: none;}	/* visited link */
#evtcal a:hover {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: none; background-color:#f10219;}	/* mouse over link */
#evtcal a:active {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: none;}		/* selected link */