/* allgemeine Schriftgröße
   --------------------------------- */	
body{
margin: 0px;
padding: 0;
font: normal 83% arial, sans-serif;
}


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


/* Kopfbereich/Header Section
   --------------------------------- */	
#topbar{
background-image: url(images/header-bg.gif);
height: 80px;
border-bottom: 5px solid #999;
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: #ffffff;
}

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

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


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


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


/* Kopfbereich/Suchbutton
   --------------------------------- */	
.searchbutton {
color: #222222;
background-color: #e4e4e4;  
width: 80px; 
margin-top: 10px; 
border: outset 1px #ccc;
font-size: 12px;
font-weight: bold;
padding :1px; 
}


/* Hauptteil nach dem Kopfbereich 
   --------------------------------- */	
.maincontainer{
width: 99%;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
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: #999999;
}


/* 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: #999999;
}


/* Fussbereich/Footer Section
   --------------------------------- */	
#footermenu{
clear: both;
margin-top: 1.0em;
border: 1px solid #666;
background-image: url(images/header-bg.gif);
color: #ffffff;
text-align: center;
padding: 0.1em;
font-size: 90%;
}

#footermenu a{
color: #ffffff;
}

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


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


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