/* CSS Document */

/*general*/
* { padding: 0; margin: 0; border-width: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #a5a6a6; height: 100%; width: 100%; line-height: 17px; background: #000; overflow: auto;   }

#page {position: absolute; width: 940px; left: 50%; margin-left:-470px; top:0; bottom: 0;  background-image: url(../images/back_page.jpg); background-repeat: no-repeat; background-position: top center; }

#header {position: absolute; top: 0; left: 0; right: 0; height: 225px; background-image: url(../images/back_header.png); background-repeat: no-repeat; background-position: top center; }

#nav {position: absolute; top: 194px; left: 0; right: 0; height: 30px; background-image: url(../images/back_nav.png); background-repeat: repeat;}
#navi {display: table; margin:0 auto; white-space: nowrap; left:0; right: 0; width: 900px; text-align: center; padding-top: 5px;}
#navi li {display: table-cell; list-style: none; text-align: center; }
#navi li a {padding: 9px 10px;color:#aeadad; text-decoration:none; font-family:verdana, sans-serif; font-size:14px; white-space: nowrap;}
#navi li a:hover, #navi li.current a, #subnav li a:hover, #subnav li.current a {color: #7e1016; }

#subnav {position: absolute; top:215px; left: 0; right: 0;}
#subnav ul {display: table; margin: 0 auto; white-space:nowrap; left: 0; right: 0; width: 900px; text-align: center; }
#subnav ul li {display: block; float: left; list-style: none; width: 140px; text-align: center; }

#content_container {position: absolute; top: 242px; bottom: 5px; left: 20px; right: 0; }
#content {position: absolute; left:0; top: 0; bottom: 75px; right: 50px; border-bottom:1px solid white; padding: 10px 20px 5px 10px; overflow: auto; }
#right_container {position: absolute; right: 0; bottom: 0; width: 200px;  }
#functions {position: absolute; top: 0; right: 20px; }
#functions li {list-style: none; margin-left: 15px; display: block; float: right; }

#footer {position: absolute; bottom: 0px; left: 0; top: auto; height: 70px; width: 700px;}

/*Diverses*/

#counter { font-size: 16px; font-weight: bold; }

table tr,td,th { background: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  small; color: #ffffff; padding: 3px;}

img a { border: 0; }

#content a { font-size: 12px; color: #7c3425; font-weight:bold; }
#content a:link {text-decoration: none;}
#content a:visited {text-decoration: none; color: #7c3425; }
#content a:hover { text-decoration: none; color: #ffffff; }
#content a:active { text-decoration: none; color: #666; border: 0; }

h2 {font-size: 12px; color: #7c3425; font-weight: bold; padding: 4px 0 4px 4px; text-align: left; margin-bottom: 4px; }

.float_left {float: left; margin-right: 15px; height: 50px; }
.clear_left {clear: both; float: none; height: 50px; }
.clear {clear: both; float: none; }

#visergebnis {float: left; padding-right: 10px; }

.date { color: #7c3425; font-weight: bold; }

#content hr { margin-bottom: 5px; margin-top: 5px; height: 2px; border: 1px solid #d9d9d9; z-index: 10000;}

.bildlinks { float:left; padding: 3px; border: 2px solid #7c3425; margin-right: 10px; margin-bottom: 10px;}
	
.bildrechts { float:right; padding: 3px; border: 2px solid #7c3425; margin-bottom: 10px; margin-left: 10px;}

strong {color: #750d0d;}

#content p { margin-top: 0;	margin-right: 0; margin-bottom: 0.3em; margin-left: 0; list-style: none; padding: 10px; }
ul ul { margin: 0; }
	
form { color: #ffffff; width: 97%; padding: 10px; }
	
label { display:block;}

#absender, textarea { width: 300px; border: 1px solid #8c8c8c; margin-bottom: 1em; }
	
textarea { height: 7em; width: 500px; margin-top: 5px; }
input {padding: 2px; margin-top: 5px; margin-bottom: 3px; }
input:focus, textarea:focus { background-color: #d9d9d9; }	

#index #site{ background: black; border: none; background-image: none; }

.bands { border-bottom: 1px; border-bottom-style: dashed; border-bottom-color:#666; }

#content ul li { float:left; display:block; width:180px; padding-right:8px;}
#content ul li a { color: #7c3425; }
#content ul li a:hover {text-decoration: none; color: #ffffff; text-decoration: line-through;}
#content ul li a:active {text-decoration: line-through; color: #7c3425; border: 0;}

.author { margin-bottom: 5px; }

.author b {color: #460e0e;}
.entry {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #7c3425;}

#nav { margin-bottom: 10px;}

.admin {margin-top: 20px; }



#content ul.akkreditierung { list-style-type: square!important;}
#content ul.akkreditierung li { float: none; list-style-position: outside; list-style-type: square!important; margin-left: 30px;  padding-left: 5px; margin-bottom: 4px; width: auto!important;}

#content ul.hist li {float: left; display: block; width: 250px; margin-right: 8px; margin-bottom: 5px;}
#content ul.hist {width: 97%;}

#TB_title {font-size: 18px; color: #350509; font-weight: bold; padding: 0 0 5px 10px;   }
.band_logos {float: left; margin: 0 25px 10px 25px; width: 200px; height: 100px; padding: 5px;  }
#bandpage {overflow: hidden!important; }

/*--- Accordion ---*/
#accordion h3 {font-size: 18px; background: #350509; color: black; line-height: 20px; border-bottom: 1px solid black; display: block; height: 25px; }
#accordion h3 a {display: block; width: 97%; height: 25px;  }
#accordion h3 a:hover {color: white!important; }

.ui-state-default {background: #1a1a1a!important;  }
.ui-state-default a {color: #333333!important;}
.ui-accordion-header a, .ui-state-default a {color: #333; }
.ui-state-active a {color: white!important;}

.hide {display: none; }
#akkredit_presse {text-align: left; margin-top: 10px; }
#akkredit_presse label { float:left; display: block; width: 200px; padding: 3px; margin-right: 10px; margin-bottom: 10px; }
#akkredit_presse input {width: 300px; }
#akkredit_presse input.small {width: auto!important; padding-right: 5px; }
#akkredit_presse input.small_radio {border: 1px solid green; margin-right: 5px; width: auto; padding: 0 5px; }
#akkredit_presse textarea { height: 7em; width: 500px; margin-top: 5px; }
#akkredit_presse input {padding: 2px; margin-top: 5px; margin-bottom: 3px; }
#akkredit_presse input:focus, #akkredit_presse textarea:focus { background-color: #d9d9d9; }	

table tr.changeover td {font-size: 9px; background-color: #666; color: #ccc; padding: 0; margin: 0; border: 0; border-color: #666;}

#accordion h3 {color: white; height: 25px; font-size: 16px;  }