html, body {
 height: 100%; 
 background-color: #434e5d;
 background-image: url(../img/body_background.gif);
 background-position: center;
 background-repeat: repeat-y;
 padding:0;
 margin:0;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #000;
 font-weight: normal;
}

/* --- font setting --- */
p {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #000;
 font-weight: normal;
 margin: 0;
 padding: 0;
 line-height: 16px;
}

h1 {
 font-family: arial, sans-serif;
 font-size: 15px;
 color: #000;
 font-weight: bold;
 margin: 0;
 padding: 0;
 padding-top: 20px;
 padding-bottom: 10px;
}

h1.band {
 font-size: 17px;
 color: #515054;
 padding: 0;
 margin: 0;
}


a {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #000;
 font-weight: normal;
 text-decoration: none; 
 outline: none;
}

.hellblau {
 color: #0fa5e6;
}

.bold {
 font-weight: bold;
}

.zitat {
 font-style: italic;
}

.blue {
 color: #129fdd;
}

.red {
 color: #c2000a !important;
}

input {
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 color: #000;
 font-weight: normal;
 margin: 0;
 padding: 3px;
 border: 1px solid #CCC;
}

input.submit {
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 color: #000;
 font-weight: normal;
 margin: 0;
 padding: 3px;
 border: 1px solid #CCC;
 background: #CCC;
}
/* --- font setting --- */




/* --- overlayer --- */
div#vote {
 position: absolute;
 width: 310px;
 height: 110px;
 z-index: 1000;
 top: 50%;
 left: 50%;
 margin-left: -175px;
 margin-top: -75px;
 background: #FFF;
 border: 3px solid #CCC; 
 padding: 20px;
}

div#vote p {
 text-align: center;
 padding-top: 10px;
}

div#vote a:hover { 
 text-decoration: underline;
}
/* --- overlayer --- */

/* --- setting wrapper height 100% --- */
#wrapper {
 width: 954px;
 margin: auto auto;
 position: relative;
 min-height: 100%;
 height:auto !important; 
 height: 100%; /* IE */
 background-color: #FFF;
 border-left: 6px solid #00122c;
 border-right: 6px solid #00122c;
}
/* --- setting wrapper height 100% --- */



/* --- header setting --- */
#wrapper #header {
 height: 307px;
 width: 954px;
}



#wrapper #header #header_top_left {
 float: left; 
 background-image: url(../img/header_top_left.jpg); 
 height: 178px; 
 width: 331px;
}

#wrapper #header #header_top_center {
 float: left; 
 background-image: url(../img/header_top_center.jpg); 
 height: 178px; 
 width: 306px;
}

#wrapper #header #header_top_right {
 position: relative; 
 float: left; 
 background-image: url(../img/header_top_right.jpg); 
 height: 178px; 
 width: 317px;
}

#wrapper #header #header_top_right {
 position: relative; 
 float: left; 
 background-image: url(../img/header_top_right.jpg); 
 height: 178px; 
 width: 317px;
}

#wrapper #header #header_top_right #vote_button {
 position: absolute; 
 bottom: 0; 
 right: 0;
}

#wrapper #header #header_middle {
 height: 56px; 
 width: 954px; 
 float: left; 
 background-image: url(../img/header_middle_background.jpg);
}

#wrapper #header #header_middle ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 954px;
}

#wrapper #header #header_middle ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline;
}

#wrapper #header #header_middle ul li p.menu_spacer {
 width: 301px;
 float: left;
}

#wrapper #header #header_middle ul li a {
 display: block;
 float: left;
 height: 56px;
 background-position: top left;
 background-repeat: no-repeat;
}


#wrapper #header #header_middle ul li a.menu_01 {
 width: 51px;
 background-image: url(../img/menu/menu_01_off.jpg);
}

#wrapper #header #header_middle ul li a:hover.menu_01, #wrapper #header #header_middle ul li a.menu_01_on  {
 width: 51px;
 background-image: url(../img/menu/menu_01_on.jpg);
}


#wrapper #header #header_middle ul li a.menu_02 {
 width: 116px;
 background-image: url(../img/menu/menu_02_off.jpg);
}

#wrapper #header #header_middle ul li a:hover.menu_02, #wrapper #header #header_middle ul li a.menu_02_on {
 width: 116px;
 background-image: url(../img/menu/menu_02_on.jpg);
}


#wrapper #header #header_middle ul li a.menu_03 {
 width: 78px;
 background-image: url(../img/menu/menu_03_off.jpg); 
}

#wrapper #header #header_middle ul li a:hover.menu_03, #wrapper #header #header_middle ul li a.menu_03_on {
 width: 78px;
 background-image: url(../img/menu/menu_03_on.jpg); 
}


#wrapper #header #header_middle ul li a.menu_04 {
 width: 83px;
 background-image: url(../img/menu/menu_04_off.jpg); 
}

#wrapper #header #header_middle ul li a:hover.menu_04, #wrapper #header #header_middle ul li a.menu_04_on {
 width: 83px;
 background-image: url(../img/menu/menu_04_on.jpg); 
}


#wrapper #header #header_middle ul li a.menu_05 {
 width: 66px;
 background-image: url(../img/menu/menu_05_off.jpg); 
}

#wrapper #header #header_middle ul li a:hover.menu_05, #wrapper #header #header_middle ul li a.menu_05_on {
 width: 66px;
 background-image: url(../img/menu/menu_05_on.jpg); 
}


#wrapper #header #header_middle ul li a.menu_06 {
 width: 84px;
 background-image: url(../img/menu/menu_06_off.jpg); 
}

#wrapper #header #header_middle ul li a:hover.menu_06, #wrapper #header #header_middle ul li a.menu_06_on {
 width: 84px;
 background-image: url(../img/menu/menu_06_on.jpg); 
}


#wrapper #header #header_middle ul li a.menu_07 {
 width: 89px;
 background-image: url(../img/menu/menu_07_off.jpg);
}

#wrapper #header #header_middle ul li a:hover.menu_07, #wrapper #header #header_middle ul li a.menu_07_on {
 width: 89px;
 background-image: url(../img/menu/menu_07_on.jpg);
}


#wrapper #header #header_middle ul li a.menu_08 {
 width: 86px;
 background-image: url(../img/menu/menu_08_off.jpg);
}

#wrapper #header #header_middle ul li a:hover.menu_08, #wrapper #header #header_middle ul li a.menu_08_on {
 width: 86px;
 background-image: url(../img/menu/menu_08_on.jpg);
}




#wrapper #header #header_bottom_left {
 float: left; 
 background-image: url(../img/header_bottom_left.jpg); 
 height: 73px; 
 width: 331px;
}

#wrapper #header #header_bottom_center {
 float: left; 
 background-image: url(../img/header_bottom_center.jpg); 
 height: 73px; 
 width: 306px;
}

#wrapper #header #header_bottom_right {
 float: left; 
 background-image: url(../img/header_bottom_right.jpg); 
 height: 73px; 
 width: 317px;
}



/* --- header setting --- */



/* --- content setting --- */
#wrapper #content {
 float: left;
 width: 612px;
 padding-left: 65px; 
 padding-right: 30px; 
 padding-bottom: 60px; 
 padding-top: 20px;
 background-image: url(../img/content_background.jpg);
 background-position: top left;
 background-repeat: no-repeat;
}
/* --- content setting --- */



/* --- voteinfo setting --- */
#wrapper #content_voting {
 float: right;
 width: 247px;
 padding-top: 20px;
}

#wrapper #content_voting div.votinfo_content {
 padding-left: 22px; 
 padding-top: 10px;
 width: 225px;
}

#wrapper #content_voting div.votinfo_content div.votinfo_balken {
 float: left; 
 height: 16px; 
 background-image: url(../img/voting_balken.gif) ;
}
/* --- voteinfo setting --- */









/* --- footer setting --- */
#wrapper #footer {
 width: 100%;
 background-image: url(../img/footer_background.gif);
 background-position: bottom left;
 background-repeat: repeat-x;
 background-color: #FFF;
 position: absolute;
 bottom: 0;
 height: 60px;
}

#wrapper #footer #image_footer_left {
 position: absolute; 
 bottom: 0;
}

#wrapper #footer #button_top {
 position: absolute; 
 right: 15px;
} 

#wrapper #footer p {
 position: absolute; 
 bottom: 8px; 
 left: 50%; 
 width: 500px; 
 margin-left: -250px; 
 text-align: center;
 color: #FFF;
 font-size: 10px;
}

#wrapper #footer p a {
 color: #FFF;
 text-decoration: none;
 font-size: 10px;
}

#wrapper #footer p a:hover {
 color: #FFF;
 text-decoration: underline;
 font-size: 10px; 
}
/* --- footer setting --- */










/* SITE info */
div.home_info_container {
 width: 600px;
 margin-left: 10px;
 padding-bottom: 8px;
 margin-bottom: 15px;
 border-bottom: 1px solid #d3d3d4;
}

div.home_info_container div.home_info {
 float: left; 
 width: 281px; 
 padding-right: 34px;
}


div.home_info_container div.home_infobar {
 background: #ededee;
 color: #515054; 
 padding: 20px;
 padding-top: 15px;
 padding-bottom: 0px;
 width: 557px;
}

div.home_info_container div.home_infobar h1.band {
 padding-bottom: 10px;
}

div.home_info_container div.home_infobar p {
 color: #515054; 
 font-size: 10px;
 padding-bottom: 10px;
}

div.home_info_container div.home_infobar p a {
 color: #515054; 
 text-decoration: underline;
 font-size: 10px;
}

div.home_info_container div.home_infobar p a:hover {
 color: #515054; 
 text-decoration: none;
}



/* SITE info */









div.band_info_container {
 width: 610px;
 padding-bottom: 8px;
 margin-bottom: 15px;
 border-bottom: 1px solid #d3d3d4;
}

div.band_info_container div.band_infobar {
 background: #ededee;
 color: #515054; 
 padding: 20px;
 padding-top: 15px;
 padding-bottom: 0px;
}

div.band_info_container div.band_infobar p {
 color: #515054; 
 font-size: 10px;
 padding-bottom: 10px;
}

div.band_info_container div.band_infobar p a {
 color: #515054; 
 text-decoration: underline;
 font-size: 10px;
}

div.band_info_container div.band_infobar p a:hover {
 color: #515054; 
 text-decoration: none;
}


div.band_info_container div.band_info {
 float: left; 
 width: 190px; 
 padding-right: 20px;
}

div.band_info_container div.band_info img {
 margin-bottom: 10px;
}