/* allgemeine Schriftgröße
   --------------------------------- */	
body{
margin: 10px;
padding: 0;
font: normal 82% arial, sans-serif;
background: #333333;
color: #cccccc;
}


/* Logo/Kopfbereich Section
   --------------------------------- */
.logo {
text-align:center;
}


/* Navigation Section
   --------------------------------- */
.bar {
clear: both;
text-align: center; 
font-size: 1.3em;
}

.bar a {     
color: #111111;
background: inherit;
}

a.menu {
font-weight: bold;
text-align: center;
display:block;
border-top: 1px solid #BB2F00;
width:16ex;
padding: 0.3em;
text-decoration:none;
}

a.menu:link {
font-weight: bold;
color:#ffcc00;
background-color:#444444;
font-family: Arial; font-size: 12px;
}

a.menu:visited {
font-weight: bold;
color:#ffcc00;
background-color:#444444;
font-family: Arial; font-size: 12px;
}

a.menu:hover {
font-weight: bold;
color:#ffcc00;
background-color:#555555;
font-family: Arial; font-size: 12px;
}

a.menu:active {
font-weight: bold;
color:#ffcc00;
background-color:#555555;
font-family: Arial; font-size: 12px;
}


/* Suchfeld Section
   --------------------------------- */	
.search_field {
border: 1px solid #BB2F00;
background-color: #555555;
color: #ffffff;
clear: both;
padding: 0px 0 5px 0;
text-align: center;
}

#keywords{
border: 1px solid #BB2F00;
width: 200px;
background: #999;
font: 12px arial, sans-serif;
color: #fff;
padding: 3px; outline: none;
}

.searchbutton {
color: #ffcc00;
background-color: #333;  
width: 80px; 
margin-top: 10px; 
border: outset 1px #BB2F00;
font-size: 12px;
font-weight: bold;
padding :2px; 
}


/* allgemeine Linkfarbe und Größe
   --------------------------------- */	
a:link    { color: #ffcc00; font: 12px arial, sans-serif;}
a:visited { color: #ffcc00; font: 12px arial, sans-serif;}  
a:active  { color: #ffcc00; font: 12px arial, sans-serif;}  
a:hover   { color: red; font: 12px arial, sans-serif;}


/* Hauptteil nach dem Kopfbereich 
   --------------------------------- */	
.maincontainer{
width: 99%;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border-width: 0 2px;
}


/* Linke Seite vom Hauptteil
   --------------------------------- */	
#leftcolumn{
width: 16%;
float: left;
margin-top: 13px;
margin-right: 0.8em;
}

#leftcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px;
border-bottom: 1px solid #dadada;
color: #BB2F00;
}


/* Mitte vom Hauptteil
   --------------------------------- */	
#middlecolumn{
width: 63%;
float: left;
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
padding-left: 10px;
padding-right: 10px;
margin-top: 1em;
padding-bottom: 1em;
}

#middlecolumn .titlebar{
font-weight: bold;
margin: 1em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
color: #686868;
font-size: 100%;
padding-left: 1px;
border-bottom: 2px solid #dadada;
}


/* Rechte Seite vom Hauptteil
   --------------------------------- */	
#rightcolumn{
width: 16%;
float: left;
margin-top: 13px;
margin-left: 0.8em;
}

#rightcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px;
border-bottom: 1px solid #dadada;
color: #BB2F00;
}


/* Fussbereich/Footer Section
   --------------------------------- */	
#footermenu{
clear: both;
margin-top: 1.0em;
border: 1px solid #BB2F00;
text-align: center;
padding: 0.1em;
background-color: #555555;
color: #ffcc00;
font-size: 90%;
}

#footermenu a{
color: #ffcc00;
}

#footermenu a:hover{
color: red;
}


/* Sonstiges
   --------------------------------- */	
hr {
border:dashed #cccccc 1px;
height:1px;
}


h3 {
margin-top: 0px;
text-decoration: underline;
}

p {
margin: 8px 0 10px 0;
}

table.center {
width:50%; 
text-align:center;
margin-left:auto;
margin-right:auto;
}