/* ================================================================================== */

/* ----- system -----*/

body {
	font: 11px/18px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: #FFFFFF;
	background: #003052 url(../images/kachel.gif) repeat-x 0 31px;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	}

a, a:visited, a:active{ color: #ffffff; font-weight: bold; text-decoration: none; }
a:hover{ color: #ffffff; font-weight: bold; text-decoration: underline; }
	
ul{ list-style: none; margin: 0 0 5px 0; padding: 0; color: #ffffff; }
li{ background: url(../images/bulleto.gif) no-repeat 0 4px; padding: 1px 0 0 10px; }
	
h1{ padding: 4px 0 0 0; margin: 20px 0 10px 0; font: 14px bold verdana,sans-serif; color: #FEAE00; text-transform: uppercase; font-weight: bold; }
h2{ padding: 4px 0 0 0; margin: 0 0 5px 0; font: 12px bold verdana,sans-serif; color: #FEAE00; text-transform: uppercase; font-weight: bold; }
h3{ padding: 4px 0 0 0; margin: 3px 0 3px 0; font: bold 10px verdana,sans-serif; color: #FEAE00; text-transform: uppercase;  font-weight: bold; }
h4{ padding: 4px 0 0 0; margin: 3px 0 3px 0; font: bold 10px verdana,sans-serif; color: #FEAE00; text-transform: uppercase; font-weight: bold; display: inline; }
	
.weblog h2, h2.weblog {
	font-size: 20px;
	margin-top: 10px;
	}
	
.weblog h1 {
	margin-bottom: 0;
	}

.weblog img,
.weblog p img {
	float: left;
	display: inline;
	margin: 0 15px 15px 0;
	}
	
.weblog fieldset {
	clear: both;
	}
	
p { margin: 10px 0 10px 0; }

img{ border: 0px; }
	
/* ================================================================================== */

/* ----- layout -----*/

#zentrierer{ width: 796px; margin: auto; text-align: left; }
#head{ background: url(../images/kopf.gif); width: 796px; height: 69px; float: left; }
#content{ width: 510px; padding: 0; float: left; margin: 0 0 20px 0; }
#content img{ margin: 0 10px 7px 0; }
#footer{ width: 796px; margin: 15px 0 0 0; display: inline; float: left; font-size: 10px; text-align: center; }

#infobox{ width: 230px; color: white; font: 10px/16px; display: inline; margin: 6px 0 4px 13px; background: #4D6F86; float: left; border: 1px solid #FFAE00; }
#infobox h2{ font-size: 13px; padding: 3px 3px 3px 5px; color: #003052; background: #FFAE00; }
#infobox p{ padding: 5px; }
#infobox a{ color: #white; }
#infobox img{ margin: 0 0 0 10px; border: none; }

#submenue{ text-align: right;width: 256px; float: left; margin: 0 0 2px 28px; color: #FFAE00; display: inline; }
*html #submenue{ margin: 10px 0 5px 28px; }
#submenue a{ color: #FFAE00; text-decoration: none; }
#banner{ width: 256px; margin: 2px 0 10px 28px; padding: 5px 0 15px 0; display: inline; background: #4D6F86; float: left; min-height: 50px; height: auto;  }
#banner img{ border: #003052 1px solid; margin: 6px 0 0 13px; padding: 0; display: inline; }
* html #banner img { margin: 6px 0 0 13px; }
	
.untermenue{ padding: 10px 0 0 0; margin: 0 0 10px 0; }
.untermenue li{ background: url(../images/bulleto.gif) no-repeat 0 2px; color: #FEAE00; margin: 0; padding: 0 10px 0 10px; }
.untermenue a{ color: #FFFFFF; }

.td_datum{ font-weight: bold; width: 100px; color: #FEAE00; border-bottom: solid #FEAE00 1px; padding: 2px 0 4px 2px; }
.td_titel{ border-bottom: solid #FEAE00 1px; padding: 5px; }
.td_text{ padding: 5px; vertical-align: top;}

.start_portal{ margin: 15px 0 0 0; padding: 0; vertical-align: top; }
.start_head{ width: 245px; border-top: 1px #FEAE00 solid; border-bottom: 1px #FEAE00 solid; padding: 2px 5px 2px 5px; font: 14px bold verdana,sans-serif; text-transform: uppercase; font-weight: bold;}
.start_text{ padding: 5px; vertical-align: top; }
.start_text p{ margin: 5px 0 0 0; }

/* ================================================================================== */
	
/*----- formular gästebuch -----*/

.form{ margin: 10px 0 10px 0; padding: 0; }
input{ background: #4D6F86; width: 250px; border: none; color: white; padding: 2px; }
textarea{ background: #4D6F86; width: 250px; border: none; color: white; padding: 2px; }
.button{ width: 120px; margin: 0 14px 0 0; background: #003052; border: #FEAE00 solid 1px; color: #FEAE00; font: 13px/16px; font-weight: bold; }

.gbdate{ padding: 4px 0 4px 0; color: #FEAE00; font-weight: bold; text-align: right; border-bottom: 1px solid white; }
.gbname{ padding: 4px 0 4px 0; border-bottom: 1px solid white; }
.gbtext{ padding: 4px 0 10px 0; }

/* ================================================================================== */
	
/*----- gallery -----*/

.gallery_pic{ text-align: center; border: #FEAE00 solid 1px; padding: 15px; }
.table_gallery{ padding: 0; margin: 0; }
.td_gallery{ padding: 0; margin: 0; width: 150px;}
.td_gallery img{ padding: 0; margin: 0; }

/*----- sitemap -----*/

.sitemap h2 {
	margin: 15px 0 5px 0;
	padding: 0;
	}
	
.sitemap h3 {
	margin: 5px 0 5px 15px;
	padding: 0;
	}
	
.sitemap h4 {
	margin: 5px 0 5px 30px;
	padding: 0;
	}
	
/*----- comments -----*/
fieldset {
	border: 1px solid #FFAE00;
	margin: 10px 0 15px 0;
	padding: 15px;
	}
	
label {
	font-size: 11px;
	}
	
legend {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFAE00;
	}
	
.button {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFAE00;
	width: 150px;
	}
	
input {
	font-size: 11px;
	border: 1px solid #0D2333;
	}
	
textarea {
	height: 75px;
	font-family: arial,sans-serif;
	font-size: 11px;
	border: 1px solid #0D2333;
	}

.eingabefeld {
	float: left;
	font-size: 11px;
	margin: 3px 0 0 3px ;
	border: 1px solid #FEAE00;
}

.label_kontakt {
	width: 175px;
	float: left;
	display: inline;
}

.clear {
	clear: both;
}

.pflicht {
	color: #FEAE00;
}

.textarea_kontakt {
	float: left;
	font-size: 11px;
	margin: 3px 0 0 3px ;
	border: 1px solid #FEAE00;
}

.infopunkt {
	list-style: none;
	padding: 0 0 0 13px;
	margin-left: 175px;
	margin-top: 9px;
}

.eingabe2 {
	width: 18px;
	margin-top: 0px;
}