html, body {
	
	margin: 0;
	padding: 0;
	background-color: #FFF; 
}
	
div#centerpage {
	position: relative;
	height: 100%;
	min-height: 100%;  
	width: 820px;
	/* zentriert den Kasten horizontal */
	margin-left: -410px; /* jew. die Hälfte des Wertes für height + width */
	left: 50%;
	/* Ende zentrierter Kasten */ 
	text-align: left;
	background: #FFF url(../images/bg/bg_content.gif) repeat-y 0px 240px; 
}

/* div#bottom kann entweder einen Footer enthalten, der immer untern bleibt oder es bleibt leer
WICHTIG: sorgt dafür, dass BG-Bild im div#centerpage bis unten geht */
div#bottom {
	position: absolute;
	width: 100%; 
	height: 40px;
	bottom: -1px;
	background: url(../images/bg/bg_footer.gif) no-repeat 0 0;
}

div.antifloat 	{clear: both; margin: 0; padding: 0; height: 0; width: 1px; line-height: 1px; font-size: 1px;}

/********************* SCHRIFTDEFINITIONEN ***********************************************************/
body, p, table, td, th {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 1.5em;
	color: #525252; /* d'grau */
}

a {color: #087AB9; text-decoration: underline} /* m'blau */

a.extern {
	padding-left: 13px;
	background: url(../images/link_extern.gif) no-repeat 0px 2px; 
}
a.pdf	{padding: 7px 0px 8px 20px; background: url(../images/icon_pdf.gif) 0px 5px no-repeat;}
a img {border: 0;}
a.nodecosmall  {text-decoration: none; font-size: 0.9em; line-height: 1.2em;}

h1, h2, h3, h4 {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; }
h1		{font-size: 1.3em; color: #0072BB; margin: 0 0 25px 0; text-align: center;} /* m'blau */
h2, h3 	{font-size: 1em; margin: 0 0 5px 0; text-align: left;}
h4	 	{font-size: 1em; margin: 5px 0 20px 0; text-align: left;}
h2, h4	{color: #0072BB;} /* m'blau */
h3		{color: #525252;} /* d'grau */

.small {font-size: 0.9em;}

/********************* P allgemein ***********************************************************/
p {margin: 0; padding-bottom: 15px}

/********************* HEADER ***********************************************************/
div#header_box {
	height: 240px; 
	margin: 0;
	background: url(../images/bg/bg_header.gif) no-repeat 0px 0px; 
}
div#header_logo, div#header_bilder, div#header_rechts {float: left;}
div#header_logo {width: 230px; padding: 45px 0 0 50px;}
div#header_bilder {width: 459px; padding-top: 14px;}
div#header_rechts {width: 60px; padding-top: 2px;}

* html div#header_bilder {padding-left: 43px;}

/********************* BOTTOM ***********************************************************/
div.footer_left, div.footer_right  {width: 100%;}
div.footer_left {
	padding-top: 15px;
	text-align: left;
}
div.footer_right {
	margin-top: -12px;
	text-align: right;
	font-size: 0.8em;
}
div#bottom a {color: #525252;} /* d'grau */

/********************* NAVI ***********************************************************/
div#navi_box {
	float: left;
	display: inline;
	margin-left: 17px;
	padding: 0 55px 25px 23px;
	width: 175px;
	background: url(../images/bg/bg_navifoto.jpg) no-repeat 0px 58px;
}
div#navi {margin-top: 40px; height: 410px;}
div#navi a, div#navi a.subnav, div#navi a.aktiv, div#navi a.subaktiv, div#navi a:hover {
	display: block;
	font-size: 11px;
	line-height: 1em;
	margin-bottom: 3px;
	height: 14px;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #0072BB;
}
* html div#navi a, * html div#navi a.subnav, * html div#navi a.aktiv, * html div#navi a.subaktiv, * html div#navi a:hover {
	height: 17px;
}
div#navi a, div#navi a.subnav, div#navi a.nav:hover {
	background-color: #E5F2FA;
}
div#navi a.subnav, div#navi a.subaktiv, div#navi a.subnav:hover, div#navi a.subaktiv:hover {
	color: #FFF;
	background-color: #008DE7; /* hellblau */
}
div#navi a, div#navi a.subnav {
	font-weight: bold;
}	
div#navi a {
	color: #0072BB; /* m'blau */
	padding: 1px 0 0 7px;
	width: 151px;
}
div#navi a:hover, div#navi a.aktiv {
	background-color: #FFF;
}

p.navi {
	width: 175px;
	margin-left: -8px;
	text-align: center;
}
img.champagner {
	border: 1px solid #0072BB; /* m'blau */
	margin-top: 50px;
	
}

/********************* TYPO STYLES ***********************************************************/
p.align-center {text-align: center;}
.csc-textpic-caption {font-size: 0.9em; line-height: 1.3em; padding-top: 8px;color: #0072BB;} /* Bildunterschrift */
div.csc-textpic img { margin-right: 5px; } /* greift nicht, wieso ??? */
dt img {margin-right: 20px;}
label {width: 144px;} /* geht nicht...? */
input {width: 300px;}
input.csc-mailform-submit {width: 50px;}



/********************* CONTENT ALLGEMEIN ***********************************************************/
img.bildurl {border: 0;}
div#main {
	margin: 0;
	padding: 0 0 20px 0;
}
div#content {
	float: left;
	width: 515px;
	margin-top: -35px;
	padding-bottom: 40px;
}
* html div#content {
	margin-left: 25px;
}
div#content img {border: 4px solid #ECEBE7; margin: 0px;}
div.center {margin-left: 170px;}
p.popup {
	text-align: center; 
	font-size: 11px;
}

p.preise_li, p.preise_re {float: left;}
div#content p.preise_li img, div#content p.preise_re img {border: 0;}
p.preise_li {
	display: inline;
	width: 149px;
	margin-left: 50px;
}
p.preise_re {
	width: 275px;
	padding-top: 50px;
}
div.adresse_li, div.adresse_re {float: left;}
div.adresse_li {
	width: 320px;
}
div.adresse_re {
	width: 190px;
}

/***** TABELLEN ******/
table.menue {
	table-layout: fixed;
	width: 480px;
	border: 1px solid #0072BB; /* m'blau */
	background-color: #E5F2FA; /* h'blau */
	margin-bottom: 17px;
}
table.menue td {
	font-size: 0.9em;
	vertical-align: top;
	padding: 0 10px 10px 10px;
}
table.menue td.links {
	width: 337px;
	border-right: 1px solid #0072BB;
}
table.menue td.rechts {
	width: 130px;
	text-align: right;
}
table.menue h2 {margin: 2px 0 -2px 0;}

table.kontakt {
	table-layout: fixed;
	width: 512px;
	border: 0;
	margin-bottom: 17px;
}
table.kontakt td {
	width: 236px;
	vertical-align: top;
	padding: 0 20px 0px 0px;
}
table.kontakt h2 {margin: 2px 0 -2px 0;}

table.preisbox {
	table-layout: fixed;
	width: 508px;
	border: 1px solid #0072BB; /* m'blau */
	background-color: #E5F2FA; /* h'blau */
	margin-bottom: 17px;
}
table.preisbox td {
	font-size: 0.9em;
	color: red;
	vertical-align: top;
	padding: 10px 10px 0px 10px;
}
table.preisbox td.links {
	width: 337px;
	border-right: 1px solid #0072BB;
}
table.preisbox td.rechts {
	width: 130px;
	text-align: right;
}

/* TYPO-Table: */
table.contenttable {
	table-layout: fixed;
	width: 508px;
	border: 1px solid #0072BB; /* m'blau */
	background-color: #E5F2FA; /* h'blau */
	margin-bottom: 17px;
}
table.contenttable td {
	vertical-align: top;
	padding: 10px 10px 0px 10px;
}
table.contenttable .bodytext {font-size: 0.9em; line-height: 1.7em;}
table.contenttable td.links, table.contenttable td.linksmenue {
	width: 337px;
	border-right: 1px solid #0072BB;
}
table.contenttable td.rechts, table.contenttable td.rechtsmenue {
	width: 130px;
	text-align: right;
}
table.contenttable td.linksmenue, table.contenttable td.rechtsmenue {
	padding-top: 0;
}
table.contenttable td.linksmenue {
	border-right: 0;
}
table.contenttable td.linksmenuehd {
	line-height: 1.0em;
}
/* TYPO-Table Ende */

/***** TABELLEN ENDE ******/

/* LISTEN */
ul {
	margin: -5px 0 10px 25px;
	padding: 0;
	list-style-type: none;
}
ul li {
	 padding: 0px 0px 7px 20px; 
	 background: url(../images/icon_pfeil.gif) 0px 6px no-repeat;
}
div#content ul h1 {font-size: 1em;}
ul.pdf {
	margin: 0px 0 0 25px;
	padding: 0;
	list-style-type: none;
}
ul.pdf li {
	 padding: 0px 0px 7px 20px; 
	 background: url(../images/icon_pdf.gif) 0px 0px no-repeat;
}
/* LISTEN ENDE */


/* FORMULARE */
form#mailform {
	margin: 0;
	border: 0;
}
label, input, select, textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
	float: left;
}
input, textarea, select {
	width: 320px;
	font-size: 0.9em;
	color: #0072BB; /* m'blau */
	padding-left: 2px;
	background-color: #FFF; 
	border: 1px solid #0072BB; /* m'blau */
	margin-bottom: 8px;
}
form div { /* alle divs in Formularen */
	clear: left; /* float left der labels, inputs etc. aufheben */
}
select {font-size: 0.9em;}
fieldset {padding: 8px 0; border: 0;}
label {
	width: 140px;
	font-size: 1em;
	text-align: left;
}
input#mailformformtype_mail { /* Submit Button */
	margin-left: 140px; 
	width: auto;
	color: #FFF;/* m'blau */
	font-size: 0.8em;
	font-weight: bold;
	padding: 3px;
	background-color: #0072BB; /* hell-m'blau */
	border: 1px solid #AAD3EF;/* m'blau */
}
div.captcha img {float:left;}
label.captcha, input.captcha {
	margin-left:35px;;
	float:left;
}
input.captcha {
	width:145px;
}
#mailform ul {padding:10px 0 0 0;}
#mailform ul li {padding:3px 0 3px 20px;}

/* ab hier löschen?? */



/* ENDE FORMULARE */