/* allgemeine Schriftgröße
   --------------------------------- */	
body{
margin: 0px;
padding: 0;
font: normal 83% arial, sans-serif;
background-image:url(images/bghauptframe.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#333333;
width: 1000px;
margin-top:7px;
margin-right:auto;
margin-left:auto;
}

/* 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: 160px;
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;
background-position:bottom;
background-image:url(images/footerDots.jpg);

background-repeat:repeat-x;
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;
background-position:bottom;
background-image:url(images/footerDots.jpg);
background-repeat:repeat-x;
}

#middlecolumn .titlebar2{
font-weight: bold;
margin: 1em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
color: #686868;
font-size: 100%;
padding-left: 1px;
background-position:bottom;
background-image:url(images/footerDots.jpg);
background-repeat:repeat-x;
text-align:center;
}


/* Rechte Seite vom Hauptteil
   --------------------------------- */	
#rightcolumn{
width: 160px;
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;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* --- INFOBOX middle------- */
.wsuchbox { 
	background-color:#E5E566;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color:#1D9101;
 }

/* --- ROUNDED BOX ------- */
.rbroundbox { 
	background: #b2e5ff;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
 }
.rbtop div { background: url(images/tl.gif) no-repeat top left;
	 }
.rbtop { background: url(images/tr.gif) no-repeat top right;
 }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left;
 }
.rbbot { background: url(images/br.gif) no-repeat bottom right;
 }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 7px;}
.rbcontent2 { margin: 0 7px; text-align:center;}
.rbroundbox { margin: 1em auto; }

.rbroundbox h1{
	font-size:16px;
	background-image:url(images/LineTitles.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:0px;
		
}

.rbroundbox p{
	font-size:12px;	
	margin-left:5px;
	margin-right:5px;
}
.rbroundbox ul {
	margin:0px;
	padding:0px 0px 0px 0px;
}
.rbroundbox li {
	list-style-type:none;
	margin-right:5px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:2px;
	padding:0px;

}
.rbroundbox li {
	background-image:url(images/secondLinksDot.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

.rbroundbox a {
	color:#333333;
	text-decoration:none;
}
.rbroundbox a:hover {
	color:#333333;
	text-decoration:underline;
}

/* --- WERBUNG BOX ------- */
.werbbox { 
	background: #dfff5d;
	font-family:Arial, Helvetica, sans-serif;
	color:#3399FF;
 }
.wtop div { background: url(images/wtl.gif) no-repeat top left;
	 }
.wtop { background: url(images/wtr.gif) no-repeat top right;
 }
.wbot div { background: url(images/wl.gif) no-repeat bottom left;
 }
.wbot { background: url(images/wr.gif) no-repeat bottom right;
 }

/* height and width stuff, width not really nessisary. */
.wtop div, .wtop, .wbot div, .wbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.wcontent { margin: 0 7px; }
.wroundbox { margin: 1em auto; }

.wroundbox h1{
	font-size:16px;
	background-image:url(images/LineTitles.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:0px;
		
}

.wroundbox p{
	font-size:12px;	
	margin-left:5px;
	margin-right:5px;
}
.wroundbox ul {
	margin:0px;
	padding:0px 0px 0px 0px;
}
.wroundbox li {
	list-style-type:none;
	margin-right:5px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:2px;
	padding:0px;

}
.wroundbox li {
	background-image:url(images/secondLinksDot.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

.wroundbox a {
	color:#333333;
	text-decoration:none;
}
.wroundbox a:hover {
	color:#333333;
	text-decoration:underline;
}

/* --- WERBUNG BOX ------- */
.ergebnisbox { 
	background: #f2f2f2;
	font-family:Arial, Helvetica, sans-serif;
	color:#000033;
 }
.etop div { background: url(images/stl.gif) no-repeat top left;
	 }
.etop { background: url(images/str.gif) no-repeat top right;
 }
.ebot div { background: url(images/sl.gif) no-repeat bottom left;
 }
.ebot { background: url(images/sr.gif) no-repeat bottom right;
 }

/* height and width stuff, width not really nessisary. */
.etop div, .etop, .ebot div, .ebot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.econtent { margin: 0 7px; }
.eroundbox { margin: 1em auto; }

.eroundbox h1{
	font-size:16px;
	background-image:url(images/LineTitles.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:0px;
		
}

.eroundbox p{
	font-size:12px;	
	margin-left:5px;
	margin-right:5px;
}
.eroundbox ul {
	margin:0px;
	padding:0px 0px 0px 0px;
}
.eroundbox li {
	list-style-type:none;
	margin-right:5px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:2px;
	padding:0px;

}
.eroundbox li {
	background-image:url(images/secondLinksDot.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

.eroundbox a {
	color:#0066FF;
	text-decoration:none;
}
.eroundbox a:hover {
	color:#FF4D00;
	text-decoration:underline;
}

/* --- Kategorien BOX ------- */
.kbroundbox { 
	background-image:url(images/bghauptframe.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color:#696c70;
	height: 180px;
 }
.kbtop div { background: url(images/kl.gif) no-repeat top left;
	 }
.kbtop { background: url(images/kr.gif) no-repeat top right;
 }
/* height and width stuff, width not really nessisary. */
.kbtop div, .kbtop {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.kbcontent { margin: 0 7px; }
.kbroundbox { margin: 1em auto; }

.kbroundbox h1{
	font-size:16px;
	background-image:url(images/LineTitles.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:0px;
}

.kbroundbox p{
	font-size:12px;	
	margin-left:5px;
	margin-right:5px;
}
.kbroundbox ul {
	margin:0px;
	padding:0px 0px 0px 0px;
}
.kbroundbox li {
	list-style-type:none;
	margin-right:5px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:2px;
	padding:0px;

}
.kbroundbox li {
	background-image:url(images/secondLinksDot.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

.kbroundbox a {
	color:#333333;
	text-decoration:none;
}
.kbroundbox a:hover {
	color:#333333;
	text-decoration:underline;
}





P {
   margin: 0.7em 1em;
   }

DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
DIV.shadow5:hover {
   border-width: 5px;
   }

DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }
DIV.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
   }