/*
www.pkdesign.de | Template für Website Baker 2.8
CSS für Website Baker liebsch.zip
Alle box sind mit float ausgerichtet
*/

/****************************************/
/* Seiteneinstellung allgemein          */
/****************************************/	
html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	background-color: white;
	background-image: url(images/hg_body.jpg);
	background-position: top;
	background-repeat: repeat-x; 	
} 

/* Schrift allgemein */
body, div, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5a6976;
	line-height: 15px;
}

/* Ueberschriften */
hr {
	margin: 15px 0px 15px 0px;
	color: #003366;
	height: 1px;
	width: 100%;
}
h1 {
	font-size: 18px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 15px;
	margin: 15px 0px 5px 0px;
}

/* Bilder ohne Rand */
img{
	border: 0px;
}

form {
	margin: 0;
}

.clear{
	clear: both;
}

/* Hervorhabung z.B. Suchseite Ausgabe */
.highlight {
	background-color: #f5fffa;
	border-bottom: 1px solid #b22222 ;
}

/* Standardlinks */
a:link, a:visited, a:active {
	color: #d2691e;
	text-decoration: none;
}
a:hover {
	color: #3575e8;
	text-decoration: none;
}

/* Links in der Fusszeile */
a.footerlink:link { font-size:10px; color: #708090; text-decoration: none;}
a.footerlink:visited{font-size:10px; color: #708090; text-decoration: none;}
a.footerlink:hover {font-size:10px; color: #f5fffa; text-decoration: none;}

/* Kein gestrichelter Rand um Links */
a:focus {
	outline: none;
	-moz-outline: none; /* damit verstehen es alle Gecko-Browser */
}

/* Hinweis fuer alte Browser */
#ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
#ie6msg h3{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg p a.getie7{font-weight:bold; color:#006;}
#ie6msg p a.ie6expl{font-weight:normal; color:#006;}



/****************************************/
/* box Seiteneinstellung                */
/****************************************/	
/* Aussenbox */
#container-page {
	width: 100%;
	background: transparent;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url(images/hg_body_bild.jpg);
	background-position: center top;
	background-repeat: no-repeat; 	
}
/* box mittig fuer inhalt aussen */
#container-content {
	margin: auto;
	padding: 0px;	
	width: 895px;
}



/****************************************/
/* KOPFTEIL                             */
/****************************************/
/* box kopf */
#kopf {
	float: left;
	margin: 20px 0 0 0;
	width: 100%;
	height: 119px;
	background-image: url(images/hg_kopf1.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
/* box kopf mit grafik */
#kopf-bild {
	float: left;
	margin: 0px;
	width: 100%;
	height: 170px;
	background-image: url(images/hg_kopf2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
/* box kopf mit horizontalem menue */
#kopf-nav {
	float: left;
	margin: 0px;
	width: 100%;
	height: 45px;
	background-image: url(images/hg_kopf3.jpg);
	background-position: top;
	background-repeat: no-repeat;
}


/****************************************/
/* MITTELTEIL                           */
/****************************************/
/* box fuer aufnahme content-left und right */
#content {
	float: left;
	width: 100%;
	background-image: url(images/hg_inhalt.gif);
	background-repeat: repeat-y;
}

/* linke box mit menue */
#content-left {
	float: left;
	width: 255px;
}

/* rechte box mit inhalt */
#content-right {
	float: right;
	width: 600px;
	padding: 10px 20px 40px 10px;
	background-image: url(images/hg_content.gif);
}

#block2 {
	margin: auto;
	padding: 0 0 40 0;
	width: 100%;
}


/****************************************/
/* FUSSZEILE                            */
/****************************************/
#container-foot {
	width: 100%;
	height: 115px;
	background-image: url(images/hg_footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
/* box Footer */
#footer-innen {
	float: left;
	margin: 25px 0 0 40px;
	width: auto;
   padding: 0px;
	text-align: center;
	font-size: 10px;
	color: #708090;
}


/*****************************************/
/* Hauptmenue horizontal unten           */
/*****************************************/	
/* Menü horizontal */
#nav-horizontal {
	float: right;
	margin: 0px;
	margin-right: 13px;
	padding: 0px;
	height: 28px;
	background-color: transparent;
}
ul#navigation {
    margin: 1px 0 0 0; 
    padding: 0;
    text-align: center;
  }
ul#navigation li {
    list-style: none;
    display: inline;
    margin: 0; 
    padding: 0;
  }

ul#navigation a {
    float: left; 
    width: 100px; /* wenn text laenger dann anpassen */
    height: 25px;
    margin: 0px;
    padding: 13px 0px 0px 0px;
    font-size: 10px;
    text-decoration: none; 
    color: #444e57;
	 text-transform: uppercase;
    font-weight: bold;
    border-left: 1px solid #e7eae9;
    background-color: transparent;
  }

ul#navigation a:hover,
ul#navigation .menu-current {
	background-image: url(images/hover_back.gif);
	background-repeat: repeat-x;
	color: #f5fffa;
  }


/****************************************/
/* Menue vertikal                       */
/****************************************/	
/* box fuer menueaufnahme aussen */
#menue-links {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	width: 200px;
}

/* box fuer menueaufnahme innen */
#menue-links-innen {
	float: left;
	margin: 15px 0 0 18px;
	padding: 0;
	width: 205px;
	background-color: transparent;
}

/* Ebene */
#menue-links ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Ebene */
#menue-links ul li {
	width: 100%; 
}
/* Links erste Ebene */
#menue-links li a:link, 
#menue-links li a:visited, 
#menue-links li a:hover {
	display: block;
	color: #191970;	
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 2px 5px 8px;
	border-bottom: 1px solid #f9f9f9;	
}

/* Links zweite Ebene */
#menue-links li li a:link, 
#menue-links li li a:visited, 
#menue-links li li a:hover {
	padding: 5px 5px 5px 20px;
	background-color: transparent;
	font-weight: bolder;
	color: #616f7c;
}

/* Links 1 u. 2. Ebenen hover und aktiv */
#menue-links li a:hover,
#menue-links li a.menu-current,
#menue-links li a.menu-parent, 
#menue-links li a.menu-expand:hover,
#menue-links li li a:hover,
#menue-links li li a.menu-current {
	font-weight: bolder;
	color: white;
	background-image: url(images/hover.gif);
	background-position: left;
	background-repeat: no-repeat;
}


/****************************************/
/* Menue vertikal buero                 */
/****************************************/	
/* box fuer menueaufnahme aussen */
#menue-buero {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	width: 200px;
}

/* box fuer menueaufnahme innen */
#menue-buero-innen {
	float: left;
	margin: 15px 0 0 18px;
	padding: 0;
	width: 205px;
	background-color: transparent;
}

/* Ebene */
#menue-buero ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Ebene */
#menue-buero ul li {
	width: 100%; 
}
/* Links erste Ebene */
#menue-buero li a:link, 
#menue-buero li a:visited, 
#menue-buero li a:hover {
	display: block;
	color: #191970;	
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 2px 5px 8px;
	border-bottom: 1px solid #f9f9f9;	
}

/* Links zweite Ebene */
#menue-buero li li a:link, 
#menue-buero li li a:visited, 
#menue-buero li li a:hover {
	padding: 5px 5px 5px 20px;
	background-color: transparent;
	font-weight: bolder;
	color: #616f7c;
}

/* Links 1 u. 2. Ebenen hover und aktiv */
#menue-buero li a.menu-current,
#menue-buero li a:hover,
#menue-buero li a.menu-parent, 
#menue-buero li a.menu-expand:hover,
#menue-buero li li a:hover,
#menue-buero li li a.menu-current  {
	font-weight: bolder;
	color: white;
	background-image: url(images/hover.gif);
	background-position: left;
	background-repeat: no-repeat;
}


/****************************************/
/* SUCHEN                               */
/****************************************/	
/* Container Suchen */
#suchen {
	float: left;
	width: 200px;
	margin: 10px 0 0 35px;
}

/* Suchformular Eingabefeld*/
#suchen input{
	width: 90%;
	padding: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a52a2a;
	border: 1px solid #e6e6e6;
	background-color: #fdfdfd;  
}