/* allgemeine Schriftgröße
   --------------------------------- */
body{
width: 900px;

margin: auto;
padding: 0;
font: normal 78% arial, sans-serif;
color: #222222;
}

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

/* Kopfbereich/Header Section
   --------------------------------- */
#topbar{
background: url(images/header.jpg) no-repeat;
background-position: center;
height: 200px;
/*border-bottom: 5px solid red;*/
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: 630px;
float: left;
padding-left: 6px;
}

/* Kopfbereich/Suchfeld Section
   --------------------------------- */
#toprightdiv{
width: 220px;
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: 125px;
background: #FBFCFA;
font: 11px arial, sans-serif;
color: #443;
padding: 2px; outline: none;
}

/* Kopfbereich/Suchbutton
   --------------------------------- */
.searchbutton {
color: #111111;
background-color: #f3f3f3;
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: 25%;
float: left;
border-right: 1px solid #C3C3C3;
padding-right: 10px;
margin-top: 13px;
margin-right: 0.8em;
}

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

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

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

/* Mitte vom Hauptteil in den Kategorien
   --------------------------------- */
#middlecolumn_cat{
width: 19%;
float: left;
border-right: 1px solid #C3C3C3;
padding-right: 10px;
margin-top: 13px;
padding-bottom: 1em;
}

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

/* Mitte vom Hauptteil in den Kategorien
   --------------------------------- */
#middlecolumn_cat2{
width: 71%;
float: left;
padding-right: 5px;
margin-top: 13px;
padding-bottom: 1em;
}

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

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

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

/* Rechte Seite vom Hauptteil in den Kategorien
   --------------------------------- */
#rightcolumn_cat{
width: 51%;
float: left;
margin-top: 13px;
margin-left: 0.8em;
}

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

/* Fussbereich/Footer Section
   --------------------------------- */
#footermenu{
margin-top: 12px;
border-top: 5px solid #999;
color: #333333;
text-align: center;
padding: 0.1em;
font-size: 90%
}

#footermenu a{
color: #333333;
font-size: 98%
}

#footermenu a:hover{
color: #333333;
font-size: 98%
}

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

.details{
margin-top: 1px;
margin-left: 1px;
}

.linkresults{
color: green;
}

img {
border: 0 none;
}