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

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

body, div, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #989898;
}

/* Trennlinie */
hr {
	margin: 15px 0px 15px 0px;
	color: #003366;
	height: 1px;
	width: 100%;
}
/* Ueberschrift */
h1 {
	margin: 0px;
	font-family: font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}
h2 {
	margin: 15px 0px 5px 0px;
}
h6 {
	font-size: 10px;
	margin: 5px 0px 5px 0px;
}
/* Bilder ohne Rand */
img{
	border: 0px;
}

form {
	margin: 0;
}

.clear{
	clear: both;
}

/* Hervorhabung z.B. Suchseite Ausgabe */
.highlight {
	background-color: transparent;
	color: #f5f5f5;
	font-weight: bold;
}

.menu_default{
	text-decoration: none; 
}

/* Standardlinks */
a:link, a:visited, a:active {
	color: #3397a4;
	text-decoration: none;
}
a:hover {
	color: #61c1cd;
	text-decoration: none;
}

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

/* Link gestrichelter Rand entfernen */
#menue-horizontal ul li a:focus, #box-menue ul li a:focus, #box-menue ul ul li a:focus, a, a.footerlink  {
	outline: none;
	-moz-outline: none; 
}

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

/****************************************/
/* box Seiteneinstellung                */
/****************************************/	
/* Umrandung aussen gesammter Inhalt */
#box-page-aussen {
	width: 100%;
	background: transparent;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url(images/hg_body_oben.jpg);
	background-position: top;
	background-repeat: no-repeat;
}


/****************************************/
/* KOPF                                 */
/****************************************/



/****************************************/
/* MITTELTEIL                           */
/****************************************/
#box-content-aussen {
padding-bottom: 200px;
}
#box-content-innen {
	margin: auto;
	padding: 0px;
	width: 990px;
}

/* Linke Leiste */
#content-left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 270px;
}
#left-kopf {
	float: left;
	width: 100%;
	height: 408px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/hg_left_kopf.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}
#left-menue {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(images/hg_left_menue.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}


/* Rechte Leiste */
#content-right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 720px;
}

#right-kopf, 
#right-kopf20, 
#right-kopf18, 
#right-kopfgen {
	float: right;
	width: 100%;
	height: 408px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/hg_right_kopf.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}
/* VMAX 2.0 Seiten */
#right-kopf20, 
#right-kopf18 {
	background-image: url(images/hg_right_kopf20.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}
/* Seite Generationen */
#right-kopfgen {
	background-image: url(images/hg_right_kopfgen.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}

#right-text, 
#right-text20, 
#right-text18, 
#right-textgen {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(images/hg_right_text.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}
/* VMAX 2.0 */
#right-text20, 
#right-text18 {
	background-image: url(images/hg_right_text20.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}
/* Generationen */
#right-textgen {
	background-image: url(images/hg_right_textgen.jpg);
	background-position: top;
	background-repeat: no-repeat; 
}


#text-innen {
	margin: 60px 20px 20px 20px;
	line-height: 20px;
}
/****************************************/
/* FUSSZEILE                            */
/****************************************/
#box-footer-aussen {
	width: 100%;
	background: #000000;	
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 165px;
	background-image: url(images/hg_footer.gif);
	background-position: top;
	background-repeat: repeat-x;
}
#box-footer-innen {
	margin: auto;
	width: 990px;
	height: 165px;
	background-color: transparent;
	background-image: url(images/hg_footer_innen.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#footer-text {
	float: left;
	margin: 75px 0px 0px 20px;
	width: 400px;
	font-size: 9px;
	color: #999999; 
	background-color: transparent;	
}


/*****************************************/
/* Menue horizontal im Kopf              */
/****************************************/	
/* Menü horizontal Definition */
#menue-horizontal {
	float: right;
	margin: 30px 88px 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 {
	float: left;
	width: 103px;
	height: 98px;
	background-color: transparent;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #a5a5a5;
}
/* Link hover */
#menue-horizontal a:hover{
	color: #a5a5a5;
	background-image: url(images/hg_hor_hover.gif);
	background-position: top;
	background-repeat: no-repeat;
}
/* gewählter Link */
#menue-horizontal .menu_current {
	background-image: url(images/hg_hor_hover.gif);
	background-position: top;
	background-repeat: no-repeat;
}



/****************************************/
/* Menue links neben Inhalt             */
/****************************************/	
/* Linkes Menue */
#box-menue {
	float: left;
	margin: 0px 0px 0px 39px;
	padding: 10px 0px 0px 0px;
	width: 190px;
	border: 0px;
}
/* Erste Ebene */
#box-menue ul { 
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Erste Ebene */
#box-menue ul li {
	padding: 3px 0px 3px 0px; 
	border-bottom: 1px solid #575757;
}
/* Zweite Ebene */
#box-menue ul ul {
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Zweite Ebene */
#box-menue ul ul li{
	padding: 1px 0px 1px 0px; 
	background-color: #4a4c4e;
}
/* Links ersteu. zweite Ebene */
#box-menue li a:link, #box-menue li a:visited, #box-menue li a:hover, #box-menue ul ul li a:hover {
	display: block;
	color: #a3a3a3;	
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0px 5px 20px;
}
/* Links erste Ebene hover */
#box-menue li a:hover {
	background-color: #565859;
}
/* Links zweite Ebene hover */
#box-menue ul ul li a:hover {
	background-color: #565859;
}
/* aktiver Link erste u. zweite Ebene */
#box-menue li a.menu_current {
	font-weight: bold;
	background-color: #565859;
}


/****************************************/
/* Login                                */
/****************************************/	
/* box login */
#login {
	float: left;
	width: 190px;
	margin: 10px 0px 0px 25px;
	padding: 10px;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #640000;
	background-image: url(images/hg_login.jpg);
	background-repeat: no-repeat;
	border: 1px dotted #d2b48c;
}
#login input{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #696969;
	width: 190px;
	background-color: transparent;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #8b4513;
	border-left: 0px;
}
#login .formbutton {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px;
	color: #277449;
	font-weight: bold;
}
#login a{
	color: #9a4f16;
}


/****************************************/
/* box Suchen                           */
/****************************************/	
#suchen{
	float: right;
	margin: 250px 225px 0px 0px;
	width: 150px;
	height: 20px;
	background-color: transparent;
}

/* Suchformular Eingabefeld*/
#suchen input{
	width: 150px;
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7e7e7e;
	background-color: transparent;
	border: 0px;  
}

/****************************************/
/* SONSTIGES                            */
/****************************************/
/* Platzhalter Inhalt zum Footer */
#platzhalter {
	float: left;
	width: 100%;
	height: 30px;
}
/* Kontaktformular */
#kontaktbox {
	margin: -7px 0px 0px 87px;
	padding: 30px 0px 0px 0px;
	width: 500px;
	height: 345px;
	background-image: url(images/hg_kontakt.gif);
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
}	
/* Footer im Kontaktformular mit meiner Anschrift */
.kontaktfooter {
	font-size: 11px;
	text-align: center;
	color: #7e7e7e;
}
/* Formular Gäastbuch */
#gastbuchbox {
	margin: -7px 0px 0px 87px;
	padding: 40px 0px 0px 0px;
	width: 500px;
	height: 345px;
	background-image: url(images/hg_gastbuch.gif);
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
}