body
{ 
	font-family:Verdana,sans-serif;
	padding:0;
	margin:0;
	font-size:.8em;
	background-image:url(images/background-night.png);
	background-attachment: fixed;
}

#logo
{
	width:950px;
	height:172px;
	background-image:url(images/racoonlogo.jpg);
	background-repeat:no-repeat;
	margin:0 auto;	
}
#partnerlinks
{
	width:910px;
	margin:10px auto;
	color:#CCC;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
#partnerlinks a
{
font-size:.8em;
color:#AAA;
text-decoration:none;
}
#partnerlinks a:hover
{
text-decoration:underline;
}

#menu
{
width:180px;
margin:0 auto;
}
#menu ul
{
padding:0;
margin:0;
}
#menu li 
{
	background-color:#000;
	width:154px;
	border:1px solid #FFF;
	color:#ffff2a;
	font-weight:bold;
	font-size:1em;
	padding:5px 10px 5px 10px;
	margin:3px;
	list-style-type:none;
}
#menu a:hover
{
color:#FFF;
text-decoration:underline;
}
#menu a
{
color:#FF0;
text-decoration:none;
}

#tabs
{
margin-left:10px;
margin-right:10px;
height:24px;
}

#tabs ul
{
width:100%;
margin:0;
padding:0;
}
#tabs li
{
margin:0;
padding:0;
display:inline;
}
#tabs a.current
{
background-color:#ebebff;
border-bottom:1px solid #ebebff;
}

#tabs a
{
font-size:12px;
background-color:#ababbb;
border-bottom:1px solid #666;
display:block;
width:120px;
line-height:24px;
float:left;
text-decoration:none;
color:#000;
font-weight:bold;
text-align:center;
margin-right:4px;
}

#tabs a:hover
{
text-decoration:underline;
}

#tabs a.back {
width:20px;
}

#tabs a.next {
width:20px;
}

table.bar
{
text-align:center;
color:#ffff2a;
margin:.2em auto;
width:176px;
border-collapse:collapse;
}
th.bar
{
padding:.2em;
}
td.bar
{
padding:.2em;
color:#fff;
background-color:#6e6dbb;
font-weight:bold;
font-size:1.2em;
}
td.bar2
{
padding:.2em;
color:#fff;
background-color:#6e6dbb;
font-size:.8em;
}
td.bar3
{
padding:.2em;
color:#fff;
background-color:#6e6dbb;
font-size:.8em;
text-align:left;
line-height:200%
}
/*unterste Tabellenzeile mit Verlauf*/
td.bar4
{
padding:.2em;
color:#fff;
background-image:url(images/sc/sc-ende.jpg);
font-weight:bold;
height:25px;
vertical-align:top;
font-size:1.2em;
background-repeat:repeat-x;
}

#main
{
width:950px;
margin:0 auto;
background-color:#9e9deb;
}
/* Hauptcontent */
#left
{
float:left;
padding-top:5px;
padding-bottom:5px;
width:190px;
background-color:#9e9deb;
}

#right
{
float:right;
padding-top:5px;
padding-bottom:5px;
width:190px;
background-color:#9e9deb;
}

#center
{
float:left;
padding-top:15px;
padding-bottom:15px;
width:570px;
background-color:#6e6dbb;
}
#center2
{
float:left;
padding-top:15px;
padding-bottom:15px;
background-color:#6e6dbb;
}
/* Neues hor. Menu */
#heading
{
	margin:0 auto;
	text-align:center;
	line-height:176%;
	width:950px;
	color:#FFF;
	font-weight:bold;
	background-color:#000;
	/*background-color:#6e6dbb;*/
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}
#heading ul
{
	padding:0;
	margin:0;
}
#heading li 
{
	display:inline;	
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	list-style-type:none;
}
#heading a
{
	float:left;	
	display:block;
	width:120px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
#heading a:hover
{
	text-decoration:underline;
}
#heading br
{
	clear:both;
}
#subheading
{
	margin:0 auto;
	text-align:center;
	line-height:176%;
	width:950px;
	color:#FFF;
	font-weight:bold;
	background-color:#3e3d9b;
	border-bottom:1px solid #FFF;
}
#subheading ul
{
	padding:0;
	margin:0;
}
#subheading li 
{
	display:inline;	
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	list-style-type:none;
}
#subheading a
{
	float:left;	
	display:block;
	width:120px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
#subheading a:hover
{
	text-decoration:underline;
}
#subheading br
{
	clear:both;
}
/* Zeile mit dem Menu am Seitenfuss */
#data
{
margin:0 auto;
text-align:right;
line-height:200%;
width:950px;
color:#FFF;
font-weight:bold;
background-color:#000;
padding-right:5px;
padding-bottom:4px;
}

#footer
{
margin:0 auto;
width:950px;
background-color:#9e9deb;
border-bottom:2px solid #666;
}

/* Google Commercial */
div.sidebox
{
background-color:#3636a6;
text-align:center;
border:1px solid #AAF;
width:176px;
margin:.2em auto;
padding-top:.4em;
padding-bottom:.4em;
}

/* Content-Bereich */
#content
{
border-top:1px solid #666;
background-color:#ebebff;
background-image:url(./images/bg-content.jpg);
margin:0 auto;
width:520px;
padding:15px;
}
/* Für AJAX - iFrames  */
#aj
{
background-color:#ebebff;
background-image:url(./images/bg-content.jpg);
}
/* Universelle KLasse */
.content
{
background-color:#ebebff;
background-image:url(./images/bg-content.jpg);
margin:0 auto;
width:520px;
padding:15px;
}

#content h1,#aj h1
{
padding:0;
margin:0;
margin-bottom:.5em;
margin-top:1em;
padding-bottom:.5em;
font-size:1.2em;
font-weight:bold;
border-bottom:2px solid #6e6dbb;
text-align:left;
}
#content h2,#aj h2
{
padding:0;
margin:0;
margin-bottom:.5em;
font-size:1.0em;
font-weight:bold;
text-align:justify;
}
#content h3,#aj h3
{
padding:0;
margin:0;
margin-bottom:.5em;
font-size:1.0em;
font-weight:bold;
}
#content p,#aj p
{
padding:0;
margin:0;
padding-top:0em;
padding-bottom:.7em;
font-size:1.0em;
font-weight:normal;
text-align:justify;
}

/* Formulare Contentbereich */
#content fieldset
{
border:none;
}
#content legend
{
display:none;
}
#content form
{
padding:0;
margin:0;
}
#content #kontakt label
{
display:block;
float:left;
width:80px;
text-align:right;
line-height:220%;
}
#content #kontakt input
{
float:left;
margin-left:1em;
width:370px;
border:1px solid #6e6dbb;
padding:.2em;
margin-top:.1em;
font-family:Verdana, sans-serif;
font-weight:bold;
}
#content #kontakt select
{
float:left;
margin-left:1em;
width:380px;
border:1px solid #6e6dbb;
padding:.2em;
margin-top:.2em;
font-family:Verdana, sans-serif;
font-weight:bold;
}
#content #kontakt input:focus, #content textarea:focus, #content select:focus
{
background-color:#000;
font-weight:bold;
color:#FFF;
}

#content #kontakt textarea
{
float:left;
font-family:Verdana, sans-serif;
font-weight:bold;
width:370px;
height:220px;
font-size:1em;
margin-left:1em;
border:1px solid #6e6dbb;
padding:.2em;
margin-top:.1em;
}

#content #kontakt input.butts
{
float:none;
margin-left:13em;
border:1px solid #6e6dbb;
padding:.2em;
font-family:Verdana, sans-serif;
font-weight:bold;
font-size:.8em;
width:8em;
margin:.5em;
}
#content #kontakt input.butts:focus
{
background-color:#CCC;
color:#000;
}
#content br
{
clear:both;
}
#content table
{
width:100%;
text-align:center;
border-collapse:collapse;
border:2px solid #AAA;
}
#content th
{
border:1px solid #11A;
background-color:#33E;
color:#FFF;
padding:.3em;
}
#content td
{
padding:.3em;
padding-top:.5em;
padding-bottom:.5em;
background-color:#FFF;
border:1px solid #AAA;
}
#content td.odd
{
padding:.3em;
padding-top:.5em;
padding-bottom:.5em;
background-color:#DDD;
border:1px solid #AAA;
}


#content ul.sub
{
margin:0;
padding:0;
margin-bottom:1em;
width:97%;
background-color:#000;
padding:.5em;
text-align:center;
}

#content .sub li
{
display:inline;
font-weight:bold;
}

#content .sub a
{
color:#FF0;
text-decoration:none;
padding:.2em;
}
#content .sub a:hover
{
color:#FFF;
text-decoration:underline;
}
#content table table td
{
background-color:#FFF;
font-weight:bold;
}

#data a
{
color:#FFF;
font-weight:bold;
text-decoration:none;
}

#data a:hover
{
text-decoration:underline;
}

.message
{
color:#FFF;
background-color:#F00;
border:2px solid #FFF;
text-align:center;
margin:1em;
padding:1em;
font-weight:bold;
}

/* NEWS-MODUL */
#katlist, #katimg
{
background-color:#FFF;
border:1px solid #000;
padding:1em;
margin:.5em;
}
#katlist ul, #katimg ul
{
margin:0;
padding:0;
list-style-type:none;
}

#katlist li, #katimg li
{
margin:0;
padding:0;
display:inline;
float:left;
}
#katlist a
{
display:block;
width:8.9em;
padding:.2em;
}
#katimg a
{
display:block;
width:8.9em;
padding:.2em;
text-align:center;
overflow:hidden;
margin-top:.5em;
margin-bottom:.5em;
}
#katlist br, #katimg br
{
clear:both;
}

/* Sendeplan */
#termine
{
width:100%;
border:1px solid #000;
border-collapse:collapse;
}
#termine th
{
font-weight:bold;
border:1px solid #000;
}
#termine td
{
border:1px solid #000;
font-size:.8em;
}
#termine .day
{
padding:.2em;
border:1px solid #aaa;
background-color:#FFF;
font-size:1.3em;
font-weight:bold;
}
#termine .day a
{
text-decoration:none;
color:#000;
}
#termine .day a:hover
{
text-decoration:underline;
}
/* Fotogalerie */
#sidenav
{
border:1px #6e6dbb solid;
padding:.3em .5em .3em .5em;
font-size:1em;
background-color:#ECF1EC;
}
#sidenav ul {
margin: 0;
padding:0;
display:inline;
}
#sidenav li {
list-style-type:none;
display:inline;
}

/* AJAX Shoutbox */
#asb_container {
 margin:0 auto;
 padding-top:5px;
 padding-bottom:5px;
 /*border: 1px dashed #B52021;*/
 background-color:#6e6dbb;
 width: 176px;
}

#asb_contentwrap {
 font: 8pt Arial;
 height: 200px;
 margin-left:5px;
 margin-right:5px;
 padding:3px;
 background-color: #DDDDDD;
 overflow: auto;
}

#asb_inputwrap {
 font: 8pt Arial;
}

#asb_input {
 margin: 5px;
}

#asb_input .text {
 border: 1px solid #888888;
 font: 8pt Arial;
 width: 154px;
 background-color: #f4f4f4;
 padding-left:5px;
 padding-right:5px;
}

#asb_input .button {
 width: 50px;
 margin-top: 4px;
 background-color: #B52021;
 font: bold 8pt Arial;
 color: white;
 border: 1px solid #888888;
}

/* Table mit Charts auf der Hauptseite */

#charts
{
border-collapse:collapse;
margin:0;
}
#charts td
{
text-align:left;
border:0px;
padding:0;
padding-top:3px;
padding-bottom:3px;
}
#charts tr
{
border:0px;
}
#charts th
{
background-color:#6E6DBB;
border:1px solid #AAA;
}

#charts h1
{
padding:0;
border:0;
display:inline;
margin:0;
text-align:left;
font-size:1.2em;
}
#charts h2
{
padding:0;
border:0;
display:inline;
margin:0;
}
#charts h1 a
{
color:#6e6dbb;
font-weight:bold;
text-decoration:none;
}

#charts h2 a
{
color:#6e6dbb;
font-style:italic;
text-decoration:none;
}
#charts h1 a:hover
{
color:#000;
}
#charts h2 a:hover
{
color:#000;
}
#charts .codd
{
background-color:#ccccff;
}
#charts .ceven
{
background-color:#9e9deb;
}
#charts .heading
{
text-align:center;
color:#000;
font-weight:bold;
background-color:#aaaadd
}
/* News Classes */

#content p.author {
font-size:.8em;
text-align:right;
border-top:2px solid #6e6dbb;
margin-top:5px;
padding-top:5px;
color:#000;
font-style:italic;
}


/* Teamspeak Viewer Adminbereich */
#ts2
{
background-color:#EEE;
border:1px dotted #000;
padding:4px;
}
#ts2 a
{
color:#000;
text-decoration:none;
}
#ts2 a:hover
{
color:#000;
text-decoration:none;
}

/* Community Plugins */

#pm {
margin-top:10px;
margin-bottom:10px;
}

#pm table{
width:100%;
font-weight:normal;
border:1px solid #000;
background-color:#000;
border-spacing:400px;
border-collapse:
}

#pm tr {
height:16px;
border:1px solid #000;
}

#pm th {
font-weight:normal;
background-color:#000;
color:#fff;
padding:0 2px;
text-align:left;
line-height:20px;
}

#pm td {
color:#000;
padding:0 2px;
text-align:left;
line-height:20px;
}