body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

div.inhaltsbereich {
	width: 772px;
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin: 0 auto;
}


.bg_gruen {
	background-color: #007300;
}

.schatten_rechts {
	background-image: url('bilder/schatten_r.gif');
	background-repeat: repeat-y;
	background-position: top;
	vertical-align: top;
}

.schatten_unten {
	background-image: url('bilder/schatten_u.gif');
	background-repeat: repeat-x;
	background-position: top;	
	text-align: left;
}

#kopfbild {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url('bilder/oben_hintergrund.gif');
	background-repeat: repeat-x;
	background-position: top;
}

#kontaktinfo {
	margin: 0px;
	padding: 2px 0px 0px 10px;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('bilder/textbild_links.gif');
	background-position: left;
	background-repeat: no-repeat;
	vertical-align: top;
}

#kontaktinfo a, #kontaktinfo a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#kontaktinfo a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#textbild {
	text-align: right;	
}


#inhaltsbereich {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-color: #E7F8CC;
}

/* die Kopfzeilen des Inhalts- und des Men+übereiches*/
#inhaltsbereich div.kopfzeile {
	background-color: #007300;
	color: #FFFFFF;
	height: 20px;	
	padding: 0px;
	margin: 0px;	
}


#inhaltsbereich div.kopfzeile p {
	background-color: #007300;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	margin: 0px;
}

#inhaltsbereich div.kopfzeile img {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 11px;
}


/* Tabellenzelle fuer den inhalt */

td#inhalt {
	/*border-bottom: 1px solid #007300;*/
}

#inhalt {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	/*height: 350px;*/
}


/*anzeige des i neben der leistung, wenn beschreibung*/
div.info_i {
	float: left;
	text-align: left;
	width: 25px;
	margin: 0px;
	padding: 0px;
}

div.info_i a img {
	border: 0px;
}

/* text neben dem i einrücken */
div.text_einrueckung {
	margin: 0px 0px 0px 28px;
	padding: 0px;
}


/* NAVI */

td#navigation {
	border-bottom: 0px solid #007300;
	vertical-align: top;
	/*height: 100%;*/
}

#navigation {
	/*position: absolute;*/
	width: 200px;
	/*float: left;*/
	/*background-color: #CCE3CC;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

#navigation table {
	vertical-align: top;
}

#navigation table td {
	vertical-align: top;
}

#navigation .rolle_oben {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid black;
	background-image: url(bilder/rolle_mitte.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#navigation .rolle_unten {
	vertical-align: bottom;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid black;
	background-image: url(bilder/rolle_mitte.gif);
	background-repeat: repeat-y;
	background-position: left;
}

td#adressdaten {
	padding: 0px 0px 0px 10px;
	vertical-align: top;
}

#menu {
	padding: 0px;
	background-image: url(bilder/navi_hintergrund.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #EDE4B6;
	width: 155px;
	vertical-align: top;
}

#menu ul {
	list-style-type: none;
	/*list-style-position: outside;*/
	padding: 0px;
	margin: 0px 0px 8px 0px;
	/*background-color: #CCE3CC;*/
	
}

/* --- erste Menüebene --- */

#menu li {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1.25em;
	padding: 1px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
}
/*
#menu li.act {
	font-weight: bold;
	font-size: 0.7em;
	line-height: 125%;
	background-color: #FFFFFF;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
}
*/
#menu li div.no {
	/*border: 1px solid #CCE3CC;*/
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 130px;
	/*background-color: #CCE3CC;*/
}

#menu li div.act {
	border-bottom: 1px solid #007300;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style: normal;
	font-weight: bold;
	width: 130px;	
	/*background-color: #B2D5B2;*/
}

#menu li div.spacer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 130px;
}

#menu li div.no a, #menu li div.no a:visited {
	color: #007300;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu li div.no a:hover {
	color: #007300;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
 	border-bottom: 1px solid #4EA14E;	
}

#menu li div.act a, #menu li div.act a:visited {
	color: #007300;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu li div.act a:hover {
	color: #007300;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px;
}


/* --- zweite Menüebene --- */

#menu li li {
	font-weight: normal;
	font-size: 0.95em;
	line-height: 1.25em;
	/*background-color: #CCE3CC;*/
	padding: 1px 0px 1px 10px;
	margin: 0px 0px 0px 0px;
}

#menu li li li {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.25em;
	/*background-color: #CCE3CC;*/
	padding: 1px 0px 1px 20px;
	margin: 0px 0px 0px 0px;
}

#menu li li li div.act {
	width: 110px;
}

#menu li li li div.no {
	width: 110px;
}


/* Menü zu Ende */

#statusinfo {
	background-color: #FFFFFF;
	/*border-bottom: 1px solid #007300;*/
	height: 100%;
	vertical-align: top;
}

#statusinfo .service {
	background-image: url(bilder/service_hintergrund.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#statusinfo .service_mitte {
	background-image: url(bilder/service_oben_mitte.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 50px;
	padding: 0px 10px 0px 15px;
	text-align: right;
}

#statusinfo .service_mitte p {
	color: #007300;
	font-size: 0.8em;
	text-align: right;
}

#statusinfo .service_mitte p.klein {
	color: #007300;
	font-size: 0.7em;
	line-height: 1.2em;
}


#statusinfo .service_unten {
	background-image: url(bilder/service_unten.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 115px;	
	text-align: right;
	padding: 0px 10px 0px 0px;
	vertical-align: middle;
}

#statusinfo .service_unten p {
	font-size: 0.7em;
	color: #007300;
	text-align: right;
}

/*
#statusinfo {
	background-color: #FFFFFF;
	vertical-align: top;
	height: 100%;
	
}

*/

h1 {
	font-size: 1em;
  	color: #004A00;
  	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0x 0px;
}

h1.rot {
	color: #E80000;
}

h2 {
	font-size: 0.9em;
	color: #004A00;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size: 0.8em;
  	color: #004A00;
  	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0x 0px;
}

h4 {
	font-size: 0.8em;
	color: #004A00;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 0.8em;
}

h1 a:link, h1 a:visited, h1 a:hover {
	text-decoration: none;
	color: #004A00;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 125%;
}

a:link, 
a:visited {
	color: #004A00;
	padding: 0px;
	margin: 0px;
	border: 0px solid #FFFFFF;
	text-decoration: underline;
}

a:hover	{
	color: #004A00;
	padding: 0px;
	border: 0px solid #4A454A;
	text-decoration: none;
}


p {
	font-size: 12px;
	color: #004A00;
	line-height: 150%;
	text-align: justify;
}





p.links {
	text-align: left;
}

p.rechts {
	text-align: right;
}

.rot {
	color: #E80000;
}

p.mitte {
	text-align: center;
}

p.csc-caption {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

p a img {
	border: 0px;
}

ul {
	margin-top: 0px;
	padding-bottom: 0px;
}

li {
	font-size: 0.75em;
	color: #004A00;
	line-height: 1.5em;
}


td {
	vertical-align: top;
}

th {
	text-align: left;
	background-color: #007300;
	color: #FFFFFF;
	padding: 2px;
}

th p {
	color: #FFFFFF;
	font-size: 0.8em;
}


form {
	padding: 0px;
	margin: 0px;
}

input, 
textarea, 
select {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #007300;
	background: #FFFFFF url(design/input_verlauf.gif) repeat-x top left;
	font-size: 12px;
	color: #004400;
}

select {
	width: 100px;
	background: #d6eec4;
}

label {
	font-size: 12px;
	color: #004A00;
	line-height: 150%;
	padding: 0px;
	margin: 0px;
}

div.input {
	clear: both;
	width: 200px;
	float: left;
	padding: 0px 0px 10px 0px;
}

div.input label {
	float: left;
	width: 80px;
}

div.input p {
	margin: 0px 0px 0px 2px;
}

div.input input,
div.input select,
div.input p {
	width: auto;
	float: left;
}


input#reisetermin {
	width: 90px;
}

select#abfahrtszeit {
	width: 90px;
}

input.submit {
	border: 1px solif #FFFFFF;
	color: #FFFFFF;
	background: #c3e3ac url(design/submit_verlauf.gif) repeat-x top left;
	font-size: 0.75em;
}

input.in_warenkorb {
	background-color: transparent;
	border: 0px;
}

hr {
	color: #007300;
	border: 0px;
	background-color: #007300;
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	text-decoration: noshade;
}


td#websimplex {
	width: 50%;
	text-align: left;
	vertical-align: bottom;
	padding: 5px;
}

td#websimplex p {
	padding: 0px;
	margin: 0px;
	color: #999999;
	font-size: 0.6em;
}


td#sms {
	width: 50%;
	text-align: right;
	vertical-align: bottom;
	padding: 5px;
}

td#sms p {
	padding: 0px 0px 2px 0px;
	margin: 0px;
	color: #999999;
	font-size: 0.6em;
	text-align: right;
}


table.imgtext-nowrap {
	clear: both;
}

/* Shop Sachen */

table.kahnfahrt {
	background-color: #EEEEEE;
	padding: 5px;
	border: 1px solid #007300;
}

table.zusatzleistung {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #FFFFFF;
}

table.shop_list div.item {
	margin: 0px 0px 10px 0px;
}

table.shop_list td {
	vertical-align: middle;
}




table.reservierungstabelle {
	clear: both;
	padding: 10px 0px 0px 0px;
}

table.reservierungstabelle td {
	padding: 2px;
	vertical-align: middle;
}

table.reservierungstabelle td p {
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
}

table.reservierungstabelle th {
	height: 1em;
	margin: 0px;
	padding: 2px;
}

table.reservierungstabelle th p {
	padding: 0px;
	margin: 0px;
}

/* Flash auf Startseite */

div.text_flash {
	clear: both;
	width: 520px;
}

div.text_flash div.mitte {
	float: left;
	width: 250px;
}

div.text_flash div.rechte_spalte {
	float: right;
	width: 250px;
	margin: 75px 0px 0px 0px;
}


/* Bildformatierung */

/* mit CSS */


div.csc-textpic {
	/*width: 100%;*/
	clear: both;
}

div.csc-textpic-imagewrap {
	clear: both;
}

div.csc-textpic-imagewrap ul {
	padding: 0px;
	/*margin: 0px;*/
	border: 0px;
}

div.csc-textpic-imagewrap li {
	padding: 0px;
	/*margin: 0px;*/
	border: 0px;
	
}

div.csc-textpic-text {

}

/* textbereich links neben einem Bild */
div.csc-textpic-intext-right-nowrap div.csc-textpic-text {
	/*background-color: #00FF00;*/
	
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-text table {
	/*background-color: #0000FF;*/
}


/* textbereich rechts neben einem Bild */
div.csc-textpic-intext-left-nowrap div.csc-textpic-text {
	/*background-color: #FFFF00;*/
	
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-text p {
	/*text-align: right;*/
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-text table {
	/*background-color: #FF0000;*/
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-text table p {
	/*text-align: left;*/
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #333333;
}