/* allgemeine Schriftgröße
   --------------------------------- */	
body{
width: 840px;
margin: 5px auto;
padding: 10px;
font: normal 70% arial, sans-serif;
background-color: #ffffcc;
border: 1px solid #990000;
}


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


/* Kopfbereich/Header Section
   --------------------------------- */	
#topbar{
background-image: url(images/header-bg.gif);
width: 840px;
margin: 5px auto;

margin-right: auto;
height: 80px;
border-bottom: 5px solid #990000;
color: #ffffff;
}


/* Kopfbereich/Logo und Slogan Section
   --------------------------------- */	
#topbar h1#logo {
margin: 0; padding: 0;
font: bolder 2.8em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #ffffcc;
}

#topbar h2#slogan {
margin: 0px; padding: 0;
font: bold 1.2em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #ffffcc;
}

#logodiv{
width: 450px;
float: left;
padding-left: 6px;
}


/* Kopfbereich/Suchfeld Section
   --------------------------------- */	
#toprightdiv{
width:300px;
font: bold 11px arial, sans-serif;
color: #FFFFCC;
float: right;
text-align: right;
margin: 5px 8px 0 5px;
}


/* Kopfbereich/Suchfeldeingabemaske
   --------------------------------- */	
#toprightdiv #keywords{
border: 1px solid #990000;
width: 125px;
background: #FFFFCC;
font: 11px arial, sans-serif;
color: #990000;
padding: 2px; outline: none;
}


/* Kopfbereich/Suchbutton
   --------------------------------- */	
.searchbutton {
color: #990000;
background-color: #FFFFcc;  
width: 70px; 
margin-top: 10px; 
border: outset 1px #990000;
font-size: 11px;
font-weight: bold;
padding :1px; 
}


/* Hauptteil nach dem Kopfbereich 
   --------------------------------- */	
.maincontainer{
width: 850px;
margin-left: auto;
margin-right: auto;
border-width: 0 2px; 
background-color: #FFFFCC; 
}


/* Linke Seite vom Hauptteil
   --------------------------------- */	
#leftcolumn{
width: 18%;
height: 100%;
float: left;
margin-top: 13px;
margin-right: 0.8em;
padding: 3px;
background-color: #FFFFCC;  
}

#leftcolumn .titlebar{
font-weight: bold;
margin: 0px;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
color: #990000;
}


/* Mitte vom Hauptteil
   --------------------------------- */	
#middlecolumn{
width: 57%;
float: left;
border-left: 1px solid #990000;
border-right: 1px solid #990000;
padding-left: 10px;
padding-right: 10px;
margin-top: 13px;
padding-bottom: 1em;
background-color: #FFFFCC;  
}

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


/* Rechte Seite vom Hauptteil
   --------------------------------- */	
#rightcolumn{
width: 18%;
height: 100%;
float: left;
margin-top: 13px;
margin-left: 0.8em;
padding: 3px;
background-color: #FFFFCC;  
}

#rightcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
color: #990000;
}


/* Fussbereich/Footer Section
   --------------------------------- */	
#footermenu{
width: 840px;
margin: 0px auto;
clear: both;
border: 1px solid #990000;
background-color: #990000;
color: #990000;
text-align: center;
font-size: 50%;
}

#footermenu a{
color: #ffffcc;
}

#footermenu a:hover{
color: #ffffcc;
}


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


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