/*
Body CSS rules start

This section holds the CSS rules for the HTML body and may also contain general typography definitions. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/


html, body, div, span, applet, object, iframe, ul, ol, img, p, a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 99%;
	font-family: Verdana, Geneva, sans-serif;
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

img {
	border-style: none;
	border-width: 0px;
}

.karl_body_design {
	background-color: #DDD78C;
	margin: 0px;
	padding: 0px;
}

.karl_body_design a {
	color: #057C9E;
	text-decoration: none;
	line-height: 150%;
}

.karl_body_design a:hover {
	color: #666600;
	text-decoration: none;
}

.karl_body_design a:visited {
	color: #057C9E;
	text-decoration: none;
}

.karl_body_design a:active {
	color: #666600;
	text-decoration: none;
}

.karl_body_design p {
	color: #444;
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.5;
	text-align: justify;
	/* [disabled]padding-bottom: 20px;
*/
}

.karl_body_design h1 {
	color: #666600;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 150%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}

.karl_body_design h2 {
	color: #660000;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 150%;
	padding-bottom: 20px;
	text-align: left;
}

.karl_body_design h3 {
	font-weight: bold;
	color: #660000;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.2;
	padding-bottom: 10px;
	text-align: left;
	/* [disabled]padding-left: 50px;
*/
	/* [disabled]padding-top: 30px;
*/
}

.karl_body_design h4 {
	color: #A7C520;
	text-decoration: none;
	font-size: 1em;
	line-height: 150%;
	text-align: left;
}

.karl_body_design h5 {
	color: #666600;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
}

.karl_body_design h6 {
	font-size: 0.8em;
	color: #2B0000;
}

pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	display: block;
	color: #444;
}

/*Body CSS rules end*/
/*menu starts here*/


.verticalMenu {
	width: 180px;
}

.menuItem {
	display: block;
	padding: 5px 5px 5px 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 1em;
}

.verticalMenu a.menuItem:link, .verticalMenu a.menuItem:visited, .verticalMenu a.menuItem:active {
	background-color: #335DA5;
	color: #EEEBCA;
	text-decoration: none;
	text-align: left;
}

.verticalMenu a.menuItemEdit:link, .verticalMenu a.menuItemEdit:visited, .verticalMenu a.menuItemEdit:active, .verticalMenu a.menuItemEdit:hover {
	font-size: 1em;
	display: block;
	padding: 5px 5px 5px 20px;
	background-color: #A7C520;
	color: #444;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.verticalMenu a.menuItem:hover {
	background-color: #A7C520;
	color: #444;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #060;
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	background-color: #EFECCA;
	text-decoration: none;
	/* [disabled]text-align: left;
*/
	height: auto !important;
	min-height: 600px;
}

/*
Container Boxes design CSS rules start

In this section are found design rules for the Boxes that are used as containers for other Boxes. Styles defined here are applied on all the container's respective children. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/



#header {
	/* [disabled]background-color: #335DA5;
*/
	/* [disabled]margin: 0px;
*/
	/* [disabled]padding: 0px;
*/
	height: 200px;
	/* [disabled]width: 100%;
*/
	/* [disabled]margin-right: auto;
*/
	background-image: url(header.gif);
	/* [disabled]background-position: 0px -25px;
*/
}

#karl_middle {
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	background-color: #335DA5;
	height: auto !important;
	min-height: 600px;
}

#karl_2x_tdalignwrapper {
	/* [disabled]padding: 0px;
*/
	/* [disabled]overflow: auto;
*/
	/* [disabled]margin-right: auto;
*/
	/* [disabled]margin-left: auto;
*/
	/* [disabled]background-repeat: repeat;
*/
	/* [disabled]height: auto;
*/
	/* [disabled]margin-top: 0px;
*/
	/* [disabled]margin-bottom: 0px;
*/
	/* [disabled]background-color: #335DA5;
*/
}

#karl_leftcolumn {
	background-color: #335DA5;
	margin: 0px;
	padding: 0px;
	width: 180px;
	float: left;
	height: auto;
	overflow: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

#wetter {
	padding-top: 20px;
	width: 180px;
	overflow: auto;
}

#wetter a[href^="http"] {
	background: url(../images/external_link.png) no-repeat right bottom;
	padding-right: 20px;
}

/*Container Boxes design CSS rules end*/

/*
Content Boxes design CSS rules start

This section holds the CSS rules for the content Boxes. The content Boxes are divs that will hold the page content (text, images etc., but not other Flexi CSS Layouts Boxes). You may also find typography rules here. If you want to check or change any CSS property you will probably find it here. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/




#karl_verticalnav {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #EFECCA;
	padding: 0px;
	width: 100%;
}

#karl_content {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 738px;
	margin: 0px;
	float: right;
	/* [disabled]text-align: center;
*/
	background-image: url(inmtextb.gif);
	min-height: 600px;
 height:!important;
}

#karl_content .absatztext p {
	padding-bottom: 15px;
}

#karl_content .text table tr td {
	padding-right: 50px;
	/* [disabled]display: block;
*/
	padding-top: 20px;
}

.text {
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 50px;
	clear: both;
}

#start_content {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 738px;
	margin: 0px;
	float: right;
	text-align: center;
	background-image: url(inmtextb.gif);
	min-height: 600px;
 height:!important;
}

/* index Seite*/

.startBild {
	border: thin solid #A7C520;
}

.bild1 {
	float: left;
	display: block;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
}

.bild2 {
	display: block;
	float: left;
	padding-top: 150px;
	padding-left: 5px;
}

.bild3 {
	float: right;
	display: block;
	padding-top: 30px;
	padding-right: 10px;
}

.bild4 {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}

#start_content .text h4 {
	font-size: 1.4em;
	line-height: 1.6;
	padding-bottom: 15px;
	text-align: center;
}

#belegung_content {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 738px;
	margin: 0px;
	float: right;
	text-align: center;
	background-image: url(inmtextb.gif);
	min-height: 600px;
 height:!important;
}

#preis_content {
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-left: 50px;
	width: 678px;
	margin: 0px;
	float: right;
	text-align: center;
	background-image: url(inmtextb.gif);
	min-height: 800px;
 height:!important;
}

/*footerregion*/


#footer {
	/* [disabled]background-color: #335DA5;
*/
	font-size: 0.9em;
	/* [disabled]line-height: 150%;
*/
	/* [disabled]min-height: 90px;
*/
	float: left;
	width: 960px;
	height: 119px;
	/* [disabled]border-radius: 0px 10px 0px 0px;
*/
	color: #660000;
	background-image: url(footer.gif);
}

#footleft {
	padding-top: 85px;
	padding-left: 20px;
	float: left;
	color: #300;
}

.footer #footleft h6 {
	line-height: 1.1;
}

.footer #footleft h6 a {
	font-size: 1.1em;
	line-height: normal;
	text-decoration: none;
	/* [disabled]color: #FFF;
*/
}

#social {
	float: left;
	margin-top: 27px;
	margin-left: 115px;
}

#social a {
	text-decoration: none;
	padding-left: 10px;
}

#footright {
	padding-top: 85px;
	padding-right: 20px;
	float: right;
	/* [disabled]padding-bottom: 10px;
*/
	color: #2F0F00;
}

#footer #footright h6 {
	line-height: 1.2;
}

#footer #footright p {
	font-size: 0.9em;
	text-align: left;
	/* [disabled]line-height: normal;
*/
	/* [disabled]color: #A7C520;
*/
}

.hubertusText {
	clear: both;
	display: block;
	padding-top: 5px;
}

.absatztext {
	clear: both;
	padding-bottom: 10px;
	padding-right: 50px;
	padding-left: 50px;
}

.willkommen {
	padding-top: 80px;
	padding-right: 10px;
	float: left;
	width: 340px;
	color: #660000;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 1.5;
	padding-bottom: 20px;
	text-align: center;
	text-shadow: 1px 1px 1px #999;
	padding-left: 30px;
}

#ostseereisenplan {
	width: 530px;
	display: block;
	padding-top: 20px;
}

#ostseereisenform {
	width: 680px;
	display: block;
	padding-top: 20px;
}

#belegung {
	display: block;
}

#belegung tr td p {
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
}

#belegung_content #belegung tr td h1 {
	line-height: 1;
	padding-top: 20px;
}

#preisTable {
	text-align: center;
}

#preisTable tbody tr td ul li h3 {
	padding-bottom: 30px;
	font-size: 1.2em;
	color: #660000;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	/* [disabled]padding-left: 0px;
*/
}

#preisTable h5 {
	display: block;
	font-weight: normal;
	font-size: 1em;
	color: #333;
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#preisTable tbody tr td pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	color: #444;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#preisTable tbody tr td ul li p {
	padding-left: 15px;
	line-height: 0.1;
}

#preisTable tbody tr td a img {
	border: thin solid #030;
}

.text address {
	color: #444;
	line-height: 1.3;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	text-decoration: none;
	text-align: left;
}

.kontaktlist {
	list-style-image: url(../images/inmbul1a.gif);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #444;
	text-align: left;
	padding-left: 110px;
	padding-bottom: 20px;
	font-style: normal;
	line-height: 1.4;
	padding-top: 10px;
}

#preisTable tbody tr td h3 {
	padding-left: 0px;
	font-size: 1.2em;
}

#address {
	padding-bottom: 30px;
	padding-left: 110px;
	text-align: left;
	font-size: 1em;
}

#buchung {
	display: block;
}

#preis_content #preisTable tbody tr td p {
	padding-bottom: 25px;
}

.haftaus {
	overflow: auto;
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 25px;
	padding-left: 50px;
}

.haftaus h1 {
	font-size: 1.4em;
}

.haftaus p {
	line-height: 1.4;
	font-size: 0.85em;
	padding-bottom: 10px;
}

/*external Link State*/

a[href^="http"] {
	background: url(../images/external_link.png) no-repeat right bottom;
	padding-right: 16px;
}

#start_content h3 {
	padding-left: 50px;
	padding-right: 50px;
}

.paddingLeft {
	padding-left: 50px;
}

.dummyRow {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.text ul li {
	list-style-image: url(../images/inmbul1a.gif);
	list-style-position: inside;
	line-height: 160%;
	color: #444;
}

.text ul li ul li {
	list-style-image: url(../images/inmbul2a.gif);
	list-style-position: inside;
	padding-left: 10px;
	font-size: 98%;
	line-height: 150%;
}

.list {
	font-size: 1.1em;
	padding-top: 20px;
	padding-left: 15px;
}

#links {
}

#karl_content .text #links tr td p {
	text-align: left;
}

#container #karl_middle #karl_content div iframe {
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-left: auto; */
	padding-left: 60px;
}