/*
www.pkdesign.de | Template für Website Baker 2.7
CSS für Website Baker pkdesign024.zip
Alle Container sind mit float ausgerichtet
Für den Ausdruck bitte anpassen mit : display : none
*/


/****************************************/
/* Seiteneinstellung allgemein          */
/****************************************/	
html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	background-color: #c0c0c0;
	background-image: url(images/hg_body.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: fixed;  
	 
} 
/* Generelle Einstellungen */
body, div, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f4851;
}

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

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

/* Formularfeld */
form {
	margin: 0;
}

/* Neutralisation der Containerausrichtung */
.clear{
	clear: both;
}

/* Hervorhabung z.B. Suchseite Ausgabe */
.highlight {
	background-color: #fbf2dd;
	border-bottom: 1px dotted orange ;
	color: white;
	font-weight: bold;
}

/* Keine Unterstreichung im Menuepunkt */
.menu_default{
	text-decoration: none; 
}

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

/* Standardlinks */
a:link, a:visited, a:active {
	color: navy;
	text-decoration: none;
}
a:hover {
	color: #696969;
	text-decoration: none;
}

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

/* Seitentitel */
.titel{
	float: left;
	margin: 45px 0px 0px 60px;
	color: #686868;
	font-family: "Times New Roman", Times, serif;
	font-size: 46px;
	font-weight: bold;
}

/****************************************/
/* box Seiteneinstellung                */
/****************************************/	
/* Aussenbox ganze Seite umfassend */
#box-page-aussen {
	width: 100%;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: transparent;
}
/* Innenbox mittig zur Aufnahme der Seite */
#box-page-innen {
	margin: auto;
	width: 1000px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: transparent;
}

/****************************************/
/* KOPF                                 */
/****************************************/
/* box kopfbereich */
#kopf {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 85px;
	background-color: transparent;
	background-image: url(images/hg_kopf.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
/* boxen beim klicken auf einen der button aktuelles, kontakt */
#aktuelles, #kontakt, #login-aussen {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	min-height: 80px;
	background-color: #696969;
	border-bottom: 1px solid black;
}
/* bild mit schluessel und mann */
#login-aussen {
	background-image: url(images/hg_login.gif);
	background-position: left;
	background-repeat: no-repeat;
}
/* box innen im loginbereich */
#innenbox {
	margin: auto;
	width: 90%;
	padding: 10px;
	color: #b6b6b6;
}

/* box fuer angebot block 5 */
#angebot {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: transparent;	
}
#angebot-innenbox {
	margin: auto;
	width: 90%;
	font-size: 11px;
	padding: 45px 10px 10px 10px;
	color: black;
}

/* box mit titel und suchen */
#kopf-titel {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 133px;
	background-color: transparent;
	background-image: url(images/hg_kopf_titel.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
/* box fuer titel */
#titel {
	float: left;
	width: 640px;
	height: 108px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-image: url(images/titel.jpg);
	background-position: left;
	background-repeat: no-repeat;	
}
/* box für button home (x) */
#button-home {
	float: right;
	width: 33px;
	height: 32px;
	margin: 21px 10px 0px 0px;
}

/* box für das obere bild und angebot rechts */
#kopf-bild-angebot {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 200px;
	background-color: transparent;	
}
/* box für das obere bild links */
#kopf-bild {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 545px;
	height: 200px;
	border-right: 5px solid black;
	background-color: transparent;
	background-image: url(images/kopf_bild.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
/* box für das angebot rechts */
#kopf-angebot {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 450px;
	height: 200px;
	background-color: transparent;
	background-image: url(images/hg_kopf_angebot.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}

/* horizontales menue im kopfteil */
#kopf-menue {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 36px;
	background-color: black;
	background-image: url(images/hg_kopf_menue.jpg);
	background-position: left;
	background-repeat: repeat-x;		
}

/****************************************/
/* MITTELTEIL                           */
/****************************************/
/* box umfassend */
#content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: white;
}

/* box linke Leiste mit Menue */
#content-left {
	float: left;
	width: 280px;
	margin: 0px;
	padding: 0px;
	background-color: transparent; 
}

/* box rechts für inhalt */
#content-right {
	float: right;
	width: 720px;
	margin: 0px;
	padding: 0px;
}
/* box rechts mit text */
#content-innen {
	margin: auto;
	padding: 35px;
	background-color: transparent;
	line-height: 18px; 			
}


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


/****************************************/
/* Menue links neben Inhalt             */
/****************************************/	
/* Linkes Menue */
#box-menue-left {
	float: left;
	padding: 15px 0px 0px 0px;
	margin: 20px 0px 0px 20px;
	width: 265px;
	background-color: transparent;
	background-image: url(images/hg_menue.gif);
	background-position: top;
	background-repeat: no-repeat;
	border: 0px;
}
/* Erste Ebene ul */
#box-menue-left ul { 
	width: 215px;
	list-style-type: none;
	margin-left: 20px;
	padding: 0px;
}
/* Erste Ebene li */
#box-menue-left ul li {
	border-bottom: 1px solid #dddddd;	
	padding-top: 6px;
	padding-bottom: 6px; 
}

/* Zweite Ebene ul */
#box-menue-left ul ul {
	width: 205px;
	padding: 0px;
	margin-left: 15px;
	list-style-type: none;
}
/* Zweite Ebene li */
#box-menue-left ul ul li{
	border: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: transparent;
}
/* Links erste und zweite Ebene */
#box-menue-left li a:link, 
#box-menue-left li a:visited, 
#box-menue-left li a:hover {
	display: block;
	color: #777777;	
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
}
/* Links erste Ebene hover */
#box-menue-left ul li a:hover, 
#box-menue-left ul ul li a:hover {
	display: block;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a52a2a;
	padding-left: 15px;
	background-color: transparent;
}

/* aktiver Link erste u. zweite Ebene */
#box-menue-left li a.menu_current {
	font-weight: bold;
	color: #a52a2a;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: transparent;
	background-image: url(images/dott.gif);
	background-position: left;
	background-repeat: no-repeat;
}
/* menueabschluss unten */
#box-menue-unten {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	width: 265px;
	height: 25px;
	background-color: transparent;
	background-image: url(images/menue_footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	border: 0px;	
}


/*****************************************/
/* Menue horizontal im Kopf              */
/****************************************/	
/* Menue horizontal Definition */
#menue-horizontal {
	margin: 1px 0px 0px 0px;
	background-color: transparent;
}
#menue-horizontal ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menue-horizontal li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menue-horizontal a, 
#menue-horizontal a:hover, 
#menue-horizontal a:visited {
	float: left;
	height: 26px; /* plus padding 10 = 36 hoch */
	margin: 0px;
	padding: 10px 10px 0px 10px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a5a5a5;
	font-weight: bold;
	border-left: 1px solid black;
	border-right: 1px solid black; 
	background-image: url(images/hg_hoverh.gif);
	background-position: left;
	background-repeat: repeat-x;
}
/* Link hover */
#menue-horizontal a:hover{
	color: #f2f2f2;
	background-image: url(images/hover.gif);
	background-position: top;
	background-repeat: repeat-x;
}
/* gewählter Link */
#menue-horizontal .menu_current {
	color: #f2f2f2;
	background-image: url(images/hover.gif);
	background-position: top;
	background-repeat: repeat-x;
}


/**********************************************/
/* BUTTON
	diese button sind in der index.php von hand
	eingetragen und koennen dort geaendert erden 
*/
/**********************************************/	
/* roter loginbutton */
.button-login {
	float: left;
	margin: 42px 0px 0px 34px;
	padding: 0px;
}
/* schwarzer button aktuelles */
.button-aktuelles {
	float: left;
	margin: 42px 0px 0px 4px;
	padding: 0px;
}
/* schwarzer button kontakt */
.button-kontakt {
	float: left;
	margin: 42px 0px 0px 4px;
	padding: 0px;
}


/****************************************/
/* Login                                */
/****************************************/	
/* box login */
#login {
	float: left;
	margin: 0px 0px 0px 150px;
	padding: 10px 20px 10px 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	background-color: transparent;
}
/* feld username und passwort */
#login .userfeld, #login .passfeld{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e9e9e9;
	width: 130px;
	background-color: #a52a2a;
	border: 1px solid black;
}
#login input{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a52a2a;
}
#login .formbutton {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#login a{
	color: #dcdcdc;
}


/****************************************/
/* SUCHEN                               */
/****************************************/	
/* box suchen */
#suchen{
	float: right;
	margin: 18px 30px 0px 0px;
	width: 222px;
	height: 33px;
	background-image: url(images/hg_suchen.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
/* suchformular eingabefeld*/
#suchen input{
	width: 185px;
	margin: 10px 0px 0px 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8b8b8b;
	background-color: transparent;
	border: 0px;  
}