/* allgemeine Schriftgröße
   --------------------------------- */	
body{
margin: 0px;
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/angel-anbieter_bg.jpg') repeat-x;
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;
height:80px;
background: url('images/angel-anbieter.jpg') no-repeat;
}

#topbar h2#slogan {
position:absolute;
top:62px;
left:17px;
margin: 3px; padding: 0;
font-family:'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #808080;
font-size:10px;
}

#logodiv{
width: 630px;
float: left;
padding-left: 0px;
}

/* 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: 19%;
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: 57%;
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: 78%;
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: 57%;
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{
background: url('images/footer.jpg') repeat-x;
clear: both;
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: 0px none; 
} 

#google {
        position:absolute;
        left:0px;
        bottom:0px;
        text-align:center;
        text-align: -moz-center;
        z-index:1;
        display: none;
}