/* CSS Document for XHTML */
/** oben | rechts | unten | links - Bildausrichtung **/
/** LAYOUT **/
html, body {
	background-image: url(../images/bg_master.png);
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #006633;
	margin: 20px;
	}
#page { /* standard fuer die komplette seite */
	width: 820px;
	height: 100%;
	margin: 0 auto 0 auto;
	background: url(../images/bg_page.png) repeat-y center top;
	border: 1px solid #cccccc;
	}
#header {
/*	position: relative; */
	}
#titel { /* titelanzeige */
	height: 150px;
	margin-top: 20px;
	background: url(../images/topbanner.jpg);
	border-top: 10px solid #C9D3C4;
	border-bottom: 10px solid #C9D3C4;
	}
#content {}
#content1 { /* hintergrund navigation */
	float: left;
	width: 150px;
	padding-left: 20px;
	}
#content2 { /*  */
	float: right;
	width: 650px;
	}
#navigation_left {
	margin: 20px 0 0 0;
	padding: 0;
	}
#mainbody {
	margin: 20px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}
#footer {
	background: #C9D3C4;
	}
#footer_inner {
	width: 820px;
	padding: 10px 0 10px 0;
	margin: 0 auto 20px auto;
	}
#copyright { /* anzeige fuer copyright */
	color: #FFFFFF;
	padding: 0 20px 0 20px;
	text-align: right;
	font-size: 10px;
	}
#counter { /* Besucherzaehler */
	width: 100px;
	text-align: center;
	margin: 10px auto 0 auto;
	}
/** HYPERLINKS **/
a, a:link, a:active, a:visited	{
	color: #3053BC;
	text-decoration: none;
	}	
a:hover  {
	color: #3053BC;
	text-decoration: underline;
	}
a.extern, a.extern:link, a.extern:active, a.extern:visited { /* Externe Links */
	color: #3053BC;
	text-decoration: none;
	padding: 0 0 0 15px;
	background: transparent url(../images/externlink.png) 0% 50% no-repeat;
	}
a.extern:hover {
	color: #3053BC;
	text-decoration: underline;
	}
/** LINKE NAVIGATION **/
#navigation {
	width: 150px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#navigation p {
	padding: 0;
	margin: 0;
	}
.nav-top {
	background: #89B289;
	color: #ffffff;
	border-bottom: 5px solid #F2F2F2;
	padding: 3px 10px 3px 10px;
	font-weight: bold;
	}
.nav-break {
	height: 8px;
	}
#navigation p a {
	display: block;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	}
#navigation p a:link, #navigation p a:visited {
	color: #006633;
	background: #DCE2D9;
	font-weight: normal;
	display: block;
	text-decoration: none;
	}
#navigation p a:hover {
	color: #006633;
	background: #C9D3C4;
	text-decoration: none;
	}
/** INHALT **/
h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
	}
p {
	margin: 7px 0;
	}
.ueberschrift {
	color: #89B289;
	margin: 10px 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(../images/dot.png) repeat-x bottom left;
	}
.hinweis {
	color: #cd2626;
	}
.info_weblink {
	border-top: 2px solid #DDEDBC;
	border-bottom: 2px solid #DDEDBC;
	padding: 1em 1em 1em 5em;
	margin: 15px 0;
	background: #F2F9E5 url(../images/icon_weblink.png) no-repeat 1.5em;
	}
.info_hinweis {
	border-top: 2px solid #FEEBAB;
	border-bottom: 2px solid #FEEBAB;
	padding: 1em 1em 1em 5em;
	margin: 15px 0;
	background: #FEF8E1 url(../images/icon_info.png) no-repeat 1.5em;
	}
#flashcontent {
	width: 480px;
	height: 680px;
	margin: 0 auto 0 auto;
	}
/** GRAFIKEN **/
img {
	border: none;
	}
img.image-left {
	background-color: #F6F7F9;
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #89B289;
	padding: 3px;
	font-size: 10px;
	}
img.image-right {
	background-color: #f9f9f9;
	float: right;
	margin: 0 0 5px 10px;
	border: 1px solid #89B289;
	padding: 3px;
	font-size: 10px;
	}
img.image-border {
	border: 1px solid #89B289;
	padding: 3px;
	}
img.image-margin {
	margin: 5px;
	}
a img { /* rahmen um grafiken mit linkeigenschaften */
	border: none;
	}
/* LISTENANZEIGE */
ul {
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-position: outside;
	list-style-image: url(../images/list_icon.png);
	}
li {
	font-size: 11px;
	color: #006633;
	margin: 2px 0;
	padding: 0;
	}
/** CLEARBREAK **/
.clearbreak {
	clear: both;
	}
/* TEXT TABELLEN */
div.grid-col {
	float: left;
	overflow: hidden;
	margin-right: 10px;
	}
div.grid-lastcol {
	float: right;
	overflow: hidden;
	margin-right: 0 !important;
	}
div.grid2 div.grid-col {
	width: 48.8%;
	}
div.grid3 div.grid-col {
	width: 31.9%;
	}
div.grid4 div.grid-col {
	width: 23.4%;
	}
div.grid5 div.grid-col {
	width: 18.3%;
	}
/* STANDARD TABELLE */
table.standard { /* Tabelle allgemein */
	border-collapse: collapse;
	}
table.standard td,
table.standard th { /* Rahmen und Abstand Tabelleninhalt */
	border: 1px solid #f6f6f6;
	padding: 5px 10px;
	}
table.standard thead th { /* nur 1. Tabellenzeile */
	border-bottom: 1px solid #dddddd;
	background: #f6f7f9;
	text-align: left;
	}
table.standard tbody th,
table.standard tbody td { /* Ausrichtung Tabelleninhalt */
	text-align: left;
	vertical-align: top;
	}
table.standard tbody tr.odd { /* Hintergrund Tabellenzeile */
	background: #f6f7f9;
	}
/* TABLE GAESTEMEINUNG */
table.gaestemeinung {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	}
table.gaestemeinung th {
	border: 1px solid #ddd;
	background: #f9f9f9;
	padding: 5px;
	font-weight: normal;
	width: 25%;
	}
table.gaestemeinung td {
	border: 1px solid #ddd;
	background: #ffffff;
	padding: 5px;
	width: 70%;
	}
table.gaestemeinung thead th { /* nur 1. Tabellenzeile */
	color: #006633;
	text-align: left;
	background: #f6f7f9 url(../images/icon_comment.png) no-repeat 10px;
	padding-left: 3em;
	}
table.gaestemeinung tbody th,
table.gaestemeinung tbody td { /* Ausrichtung Tabelleninhalt */
	text-align: left;
	vertical-align: top;
	}
table.gaestemeinung tbody tr.odd { /* Hintergrund Tabellenzeile */
	background: #f6f7f9;
	}
/* KALENDER TABELLE */
table.kalender {
	border: 1px solid #d9d9d9;
	border-collapse: collapse;
	}
table.kalender td,
table.kalender th {
	border: 1px solid #dddddd;
	padding: 3px 5px;
	text-align: center;
	width: 25px;
	}
table.kalender th {
	background-color: #C9D3C4;
	color: #ffffff;
	}
table.kalender caption {
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	color: #89B289;
	text-transform: uppercase;
	}
/* BELEGUNGSPLAN */
.bplan-anfrage {
	background-color: #FC02FC;
	background-image: url(../images/icon_anfrage.png);
	color: #ffffff;
	}
.bplan-belegt {
	background-color: #FFD700;
	background-image: url(../images/icon_belegt.png);
	}
.bplan-frei {
	background-color: #f6f7f9;
	}
/* FORMULARE */
.row0 {
	font-weight: bold;
	padding: 5px;
	}
.row1,
.row2 {
	padding: 1px 5px;
	}
/* FORMULARFELDER */
.formfield {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #006633;
	border: 1px solid #dddddd;
	background: #f9f9f9;
	}
.formbutton {}

