html
{
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#fff;
/*font-size:76%;*/
font-family:arial,georgia,palatino linotype,times new roman,sans-serif;/**//**/overflow:hidden;/**/
font-size:10pt;
scrollbar-face-color: #E20220;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #F13E56;
scrollbar-darkshadow-color: #848484;
scrollbar-shadow-color: #aa2b3d;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #E20220;
}

body
{
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
}

#headlogo
{
position:absolute;
margin:0;
top:0;
left:0;
display:block;
width:220px;
height:144px;
background-color:#ffcc00;
/*background-image:url(_head/logo.jpg);*/
/*background-position: top left;*/
/*background-repeat: no-repeat;*/
z-index:5;
overflow:hidden;
}

#headbanner
{
position:absolute;
margin:0;
top:0;
left:0;
display:block;
width:100%;
height:114px;
background-color:#ffcc00;
background-image:url(_head/head_rightcorner.png);
/*background-image:url(_head/nurbilder.jpg);*/
background-position: right;
background-repeat: no-repeat;
z-index:4;
text-align:center;
overflow:hidden;
}

#head
{
position:absolute;
margin:0;
top:0;
left:0;
display:block;
width:100%;
height:114px;
background-color:#ffcc00;
background-image:url(_head/head_rightcorner.png);
background-position: right;
background-repeat: no-repeat;
z-index:5;
overflow:hidden;
}

#menu1
{
position:absolute;
background-color:#ffcc00;
background-image:url(_menu1/rightfilling.png);
background-position:right;
background-repeat:repeat-y;
margin:0;
top:114px;
left:220px;
right:0;
display:block;
height:30px;
/*font-size:1em;*/
z-index:6;
overflow:hidden;
padding-right:17px;
text-align:center;
line-height:30px;
color:black;
}

#textmenu
{
font-weight: bold;
font-size: 125%;
}

* html #textmenu
{
float:center;
width:100%;
}

#textmenu ul
{
margin:auto;
list-style: none;
}

* html #textmenu ul
{
margin:0;
}

#textmenu ul li
{
display: inline;
/*float: right;*/
/*margin: 0;*/
} 

#textmenu ul li a
{
color: black;
text-decoration:none;
}

#textmenu ul li a:hover
{
color: red;
}

#textmenu ul li#current
{

}

#textmenu ul li#current a
{
color: red;
}

#menu2
{
background-color:#ffcc00;
/*background-image:url(_menu2/topleft_background_menu2.gif);
background-position: top left;
background-repeat: no-repeat;*/
background-image:url(_menu2/infofeld_menu2.gif);
background-position: bottom;
background-repeat: no-repeat;
position:absolute;
left:0;
top:144px;
bottom:30px;
width:220px;
/*font-size:1.2em;*/
z-index:4;
/*overflow:auto;*/
/*overflow:hidden;*/
}
* html #menu2
{
background-color:#ffcc00;
background-position: bottom;
height:100%;
top:0;
bottom:0;
border-top:144px solid #fff;
border-bottom:30px solid #fff;color:#fff;
}

#twitter
{
/*font-size: 85%;
color:black;
background-color:red;*/
position:absolute;
left: 0;
bottom: 17px;
z-index:-2;
/*width:150px;*/
}

#content
{
overflow:auto;
position:absolute;
background-image:url(_content/rightfilling.png);
background-position:right;
background-repeat:repeat-y;
background-attachment: fixed;
z-index:3;
top:144px;
bottom:30px;
left:220px;
right:0;
/*background-color:white;*/
background-color:#eee;
padding:10px 167px 10px 10px;
}
* html #content
{
top:0;
left:0;
right:0;
bottom:0;
height:100%;
max-height:100%;
/*width:100%;*/
overflow-y:scroll;
/*background-image: none;*/
background-image:url(_brand/fahnen150brandlogo.jpg);
background-position: top right;
background-repeat:no-repeat;
background-attachment: fixed;
position:relative;
z-index:3;
border-top:144px solid #fff;
border-bottom:30px solid #fff;
border-left:220px solid #fff;
}

#content h2
{
text-align:center;
font-weight:bold;
}

#content .raute
{
border:0;
}

#content table
{
table-layout:auto;
/*width:80%;*/
margin:auto;
}

#content a
{
color:black;
text-decoration:none;
font-weight:bold;
}

#content a:hover
{
color:#E20220;
}

#content .red
{
color:#E20220;
text-decoration:none;
}
#content .red:hover
{
color:black;
text-decoration:none;
}

#brand
{
position:fixed;
overflow:hidden;
z-index:10;
top:144px;
bottom:30px;
right:17px;
width:150px;
background-color:#ffcc00;
background-image:url(_content/rightfilling.png);
background-position:right;
background-repeat:repeat-y;
background-attachment: fixed;
}

#tageslink
{
background-image:url(_brand/raute_tagesaktuell.png);
display:block;
height:50px;
width:140px
}

#videolink
{
background-image:url(besucher_start/raute_video.png);
display:block;
height:100px;
width:320px
}

#tageslink:hover
{
background-image:url(_brand/raute_tagesaktuell_aktiv.png);
}

#videolink:hover
{
background-image:url(besucher_start/raute_video_aktiv.png);
}

* html #brand
{
/*float:right;
right:0;
width:167px;
height:100%;
border-top:144px solid #fff;
border-bottom:30px solid #fff;
border-right:17px solid #fff;*/
display:none;
}

#brand .raute
{
border:0;
}

#programm table {
  border-collapse: collapse;
  border: 1px solid #666666;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;
  }
#programm caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #E20220;
  text-transform: uppercase;
}
#programm thead, tfoot {
background:url(/besucher_veranstaltungen_tagesprogramme/bg1.png) repeat-x;
height:30px;
}

#programm thead {
text-align:center;
}

#programm tfoot {
text-align:right;
font-size:85%;
}
#programm thead th, tfoot th {
padding:5px;
}
#programm table a {
color: #333333;
text-decoration:none;
}
#programm table a:hover {
text-decoration:underline;
}
#programm tbody tr {
vertical-align:top;
}
/*#programm fhead tr, tfoot tr {
vertical-align:middle;
}*/
#programm tr.odd {
background: #f1f1f1;
}
#programm tbody th, tbody td {
padding:5px;
}
#programm ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.bild
{
border: 1px solid #666666;
padding: 1px;
margin: 3px;
background-color:silver;
vertical-align: middle;
}

.stathead
{
background-color:gray;
border-style: none ;
border-color:black;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

.statcontent
{
background-color:#A9A9A9 ;
border-style: solid ;
border-top-width: 1px;
border-bottom-width: 1px;
border-color:#999999;
}

#content a .bild:hover
{
background-color:#E20220;
}

#foot
{
position:absolute;
margin:0;bottom:0;
left:0;
display:block;
width:100%;
height:30px;
font-size:76%;
z-index:5;
overflow:hidden;
/*background-color:#ffcc00;*/
background-color:#E20220;
background-image:url(_foot/foot_right_corner.png);
background-position:left;
background-repeat:no-repeat;
text-align:right;
line-height:30px;
vertical-align:middle;
color:#fff;
}
#foot a {text-decoration:none; color:#fff; letter-spacing:2px;}
#foot a:hover {color:black;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/concertina-scroll.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {list-style-type:none; padding:0; margin:0; width:181px; z-index:20; height:auto; height:250px; float:left; margin-top:30px; margin-left:15px;}
#menu ul {list-style-type:none; padding:0; margin:0; width:181px;}
#menu li {float:left;}

#menu li a {display:block; color:white;/*color:#000*/; background:url(_menu2/inaktiv.gif) no-repeat; font-family:arial, sans-serif; font-size:14px; line-height:36px; width:181px; text-decoration:none; cursor:pointer; text-align:center;/*text-indent:10px;*/ height:36px;}

#menu table {border-collapse:collapse; padding:0; margin:-1px;}

#menu ul {position:absolute; left:-9999px; background:#fff;}

#menu ul li a {width:190px; /*padding-left:10px;*/ color:#000; border:0; height:25px; line-height:25px; font-size:12px;/*font-weight:bold;*/}
#menu ul.scroll li a {width:190px;}

#menu a:hover {position:relative; color:black;/*color:#fff;*/ background:url(_menu2/aktiv.gif) no-repeat; z-index:1;}
#menu li.sub a:hover {background:url(_menu2/aktiv.gif) no-repeat;}

#menu li:hover > a {color:#fff; background:url(_menu2/aktiv.gif) no-repeat;}
#menu li.sub:hover > a {color:#fff; background:url(_menu2/aktiv.gif) no-repeat;}

#menu :hover ul {position:relative; left:0; height:100px;overflow:auto; overflow-x:hidden; background:#ffcc00; margin-bottom:1px;}

#menu :hover ul li a {background:transparent url(_menu2/dots.gif) repeat-x left bottom;}

#menu :hover ul li a:hover {background:transparent url(_menu2/dots.gif) repeat-x left bottom; color:#e20220;}

/*#infofeld
{
position:absolute;
margin:0;
bottom:30px;
left:20px;
width:180px;
height:180px;
z-index:10;
background-image:url(_menu2/infofeld_menu2.gif);
background-position: center;
background-repeat: no-repeat;
}*/