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

/****************************************/
/* Seiteneinstellung allgemein          */
/****************************************/	
html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	background-color: #d1e8ea;
} 

/* Schrift allgemein */
body, div, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

/* Ueberschriften */
hr {
	margin: 15px 0px 15px 0px;
	color: #003366;
	height: 1px;
	width: 100%;
}
h1 {
	font-size: 20px;
	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: #ffd700;
	border-bottom: 1px dotted #b22222 ;
}

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

/* Links in der Fusszeile */
a.footerlink:link { font-size:10px; color: #c71585; text-decoration: none;}
a.footerlink:visited{font-size:10px; color: #c71585; 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 */
}

/* Seitentitel */
#title{
	margin: 40px 0px 0px 0px;
	width: 95%;
	color: #004077;
	font-family: Georgia,"Courier New", Courier, monospace;
	font-size: 33px;
	font-weight: bold;
	text-align: right;
}


/****************************************/
/* box Seiteneinstellung                */
/****************************************/	
/* Aussenbox */
#box-page-aussen { 
	width: 100%px; 
	position: relative; 
	margin-top: 40px; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
} 

/* BOX mit Gesamtinhalt */
#box-content-aussen {
	margin: auto;
	padding: 0px;
	width: 990px;
}


/****************************************/
/* KOPFTEIL                             */
/****************************************/
/* BOX mit Gesamtinhalt */
#kopf {
	float: left;
	width: 100%;
	height: 137px;
	background-image: url(images/hg_kopf.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

/* Linke Box mit Menue */
#logo {
	float: left;
	width: 280px;
	height: 137px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
}

/* Pfadanzeige */
#pfadanzeige {
	float: left;
	margin-top: 25px;
	padding: 0px;
	height: 30px;
	font-size: 10px;
	color: #d1e8ea;
}


/****************************************/
/* MITTELTEIL                           */
/****************************************/
/* box innen nur fuer hintergrund */
#content-hg {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(images/hg_content_aussen.gif);
	background-repeat: repeat-y;	
}
/* BOX mit Inhalt */
#content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(images/hg_content_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

/* Linke Box mit Menue */
#content-left {
	float: left;
	width: 280px;
	background-color: transparent;  
}
/* Rechte Box mit Seiteninhalt */
#content-right {
	float: right;
	width: 680px;
	height: 100%;
	padding: 20px 30px 20px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;  
}
/* box mit bild */
#bild {
	margin: auto;
	width: 655px;
	height: 190px;
	background-image: url(images/bild.jpg);
}


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


/*****************************************/
/* Hauptmenue horizontal unten           */
/*****************************************/	
/* Menü horizontal */
#menue-horizontal-aussen {
	margin: auto;
	height: 32px;
	width: 655px;
	background-image: url(images/hg_menue_horizontal.jpg);
	}
/* Menü horizontal */
#menue-horizontal {
	float: left;
	margin-top: -7px;
	margin-left: -35px;
	padding: 0px;
	height: 32px;
	background-color: transparent;
}
#menue-horizontal ul{
	list-style-type: none;
}
#menue-horizontal li {
	display: inline;
}
#menue-horizontal a {
	margin: 0px;
	padding: 7px 8px 10px 8px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; /* bei aenderung der groesse auch paddin anpassen */
	font-weight: normal;
	color: #464646;
	text-transform: uppercase;
	border-left: 1px solid #f5fffa;
}
/* Link hover */
#menue-horizontal a:hover,
#menue-horizontal .menu-current {
	background-image: url(images/hover.gif);
	background-repeat: repeat-x;
	color: #fdf6f6;
}

/* letzter menuepunkt andere Hintergrundgrafik / runder abschluss */
#menue-horizontal .menu-last {
	border-right: 1px solid #f5fffa;
}

/* letzter menuepunkt andere Hintergrundgrafik / runder abschluss */
#menue-horizontal .menu-first {
	border-left: 0px;
}


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

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

/* Ebene */
#box-menue-links ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Ebene */
#box-menue-links ul li {
	width: 100%; 
}
/* Links erste Ebene */
#box-menue-links li a:link, 
#box-menue-links li a:visited, 
#box-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: 8px 18px 8px 15px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e7e7e7;	
}

/* Links zweite Ebene */
#box-menue-links li li a:link, 
#box-menue-links li li a:visited, 
#box-menue-links li li a:hover {
	padding: 5px 5px 5px 25px;
	background-color: transparent;
}

/* Links 1 u. 2. Ebenen hover und aktiv */
#box-menue-links li a:hover,
#box-menue-links li a.menu-current,
#box-menue-links li li a:hover,
#box-menue-links li li a.menu-current {
	font-weight: normal;
	color: white;
	background-color: #f3a23e;
	background-image: url(images/hover.gif);
	background-repeat: repeat-y;
}

/* grafik pfeil fuer oberkategorie */
#box-menue-links li a.menu-parent, 
#box-menue-links li a.menu-expand:hover {
	color: white;
	background-color: #f3a23e;
	background-image: url(images/hover.gif);
	background-repeat: repeat-y;
}


/****************************************/
/* NEWS                                 */
/****************************************/	
/* 2. newsbox im kopf */
#news {
	margin: auto;
	width: 655px;
	height: 100px;
	padding-bottom: 65px; 
	background-color: #bde2e4;
	background-image: url(images/hg_news.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
/* text fuer newsbox 1 und 2 */
#news-innen {
	float: right;
	width: 600px;
	padding: 10px 8px 60px 0px;
	color: black;
}


/****************************************/
/* SUCHEN                               */
/****************************************/	
/* box suchen */
#suchen {
	float: left;
	margin: 5px 0 0 35px;
	width: 205px;
	height: 34px;
	background-image: url(images/hg_suchen.jpg);
}

/* suchformular eingabefeld */
#suchen input {
	width: 170px;
	margin: 5px 0 0 15px;
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	border: none;
	background-color: transparent;
}