/*** default css ***/
/******************* 
- divs for width/height and margin/padding separated for old IE-box modell
*******************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	background-color: #cccccc;
	min-width: 966px;
	padding: 0;
	margin: 0;
	text-align: center;   
}

h1 {
	font-size: 110%;
	line-height: 140%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;
}

/* outer frame with shadow */
#shadow {
	width: 958px;
	height: 603px;
	background-image: url("../bilder/shadow.gif");
	background-repeat: no-repeat;
	visibility: visible;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

/* main container */
#container {
	padding: 0 1px 3px 2px;
	margin: 0;
}

#all {
	width: 955px;
	height: 577px;
	background-image: url("../bilder/line_blue.gif");
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/* default blue header image (overwritten by theme css and ec_header plugin) */
#head {
	width: 955px;
	height: 198px;
	padding: 0;
	margin: 0;
	background-image: url("../bilder/head_blue01.jpg");
	background-repeat: no-repeat;
}

/********** Navigation top (1. level) **********/
#nav-top {
	margin: 0;
	padding: 141px 30px 0 0;
	font-size: 70%;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
}

#nav-top a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#nav-top a:hover {
	color: #333333;
	text-decoration: none;
}

#nav-top .active {
	color: #dddddd;
	font-weight: bold;
	text-decoration: none;
}

/********** Navigation left (2. level, 3.level) **********/
#nav-left {
	float: left;
	width: 185px;
	margin: 0;
	padding: 0;
	visibility: visible;
	color: #333333;
	font-weight: bold;
	text-indent: 12%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 230%;
	overflow: hidden;
}

/* 2. level */
#nav-left ul {
	list-style-type: none;
	width: 168px;
	margin: 41px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 158px;
	text-indent: 12%;
}

#nav-left li a {
	background-image: url("../bilder/spacer.gif");
	text-decoration: none;
	color: #333333;
	display: block;
	width: 158px;
	margin: 0px;
}

#nav-left li a:hover {
	display: block;
	width: 158px;
	background-image: url("../bilder/rollover.gif");
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333333;
}

#nav-left li .a2 {
	background-image: url("../bilder/spacer.gif");
	text-indent: 18%;
	margin: 0px;
}

#nav-left li .a2:hover {
	font-weight: normal;
	background-image: url("../bilder/rollover.gif");
	background-repeat: no-repeat;
	background-position: 9px 0;
	color: #333333;
	text-indent: 18%;
	margin: 0px;
}

/* active state */
#nav-left .li_a_actual {
	color: #FFFFFF;
	background-image: url("../bilder/rollover_blue.png");
	background-repeat: no-repeat;
	text-indent: 12%;
	display: block;
	margin: 0px;
	width: 158px;
	padding: 0px;
}
/* IE only css-hack */
* html #nav-left .li_a_actual {
	background-image: url("../bilder/rollover_blue_ie.gif");
}

#nav-left .li_a2_actual {
	color: #333333;
	background-image: url("../bilder/blue_active_2L.gif");
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	text-indent: 18%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav-left li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 3. level */
#nav-left li ul {
	margin: 0;
}

#nav-left li li {
	margin: 0px;
	padding: 0px;
	width: 158px;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#nav-left li {
	margin: 0px;
	padding: 0px;
	width: 158px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/********** Content *********/
#content {
	margin: 0 38px 0 188px;
	width: 729px;
}

* html #content {
	margin: 0 35px 0 185px;
	height: 1%;
}

#main_behaelter {
	width: 729px;
	text-align: left;
	overflow: hidden;
	z-index: 0;
	background-color: transparent;
}

#wsh_scroll_regler_container {
	float: right;
	margin: 0 2px 0 0;
}

* html #wsh_scroll_regler_container {
	margin: 0 1px 0 0;
}

div.wsh_stat_container {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: left;
	position: static; 
	z-index: 0;
	background-color: transparent;
}
div.wsh_abs_container {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: left;
	position: absolute;
	z-index: 1;
	background-color: transparent;
}
div.wsh_rel_container {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: left;
	position: relative;
	z-index: 2;
	background-color: transparent;
}

/********** Content  left (=center) column *********/
.col_left {
	padding: 16px 0 0 0;
	margin: 0;
	font: 70%/140% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	overflow: hidden;
	max-width: 729px;
}

* html .col_left {
	height: 100%;
}

.col_left h1 {
	padding: 0 0 1em 0;
}

.col_left h2, .col_left h3, .col_left h4, .col_left h5, .col_left h6 {
	padding: 0 0 0 0;
}

.col_left p {
	margin: 0;
	padding: 0 0 1em 0;
}

.col_left img {
	border: 1px solid #666;
}

.col_left a {
	color: #333333;
	text-decoration: underline;
}

.col_left a:hover {
	color: #666666;
	text-decoration: underline;
}

.col_left .csc-textpic-caption {
	color: #999999;
	padding: 0 0 0.5em 0;
}

.col_left .csc-textpic-image img {
	border: 1px solid #666 !important;
}

.col_left p.csc-form-label-req {
	padding: 2px 0 0 0;
}

.col_left p.narrow {
	width: 260px;
}

.col_left .big {
	font-size: 150%;
}

.col_left .blue {
	color: #0099ff;
}

.col_left .red {
	color: #ca4d00;
}



/* fix table fontsize on IE */
* html .col_left table {
	font: 100%/100% Verdana, Arial, Helvetica, sans-serif;
}


.col_left DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
.col_left DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	padding-right: 10px;
}

	/* Pictures on right, add margin on left */
.col_left DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
.col_left DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
.col_left DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	padding-left: 10px;
}


/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
.col_left DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
.col_left DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
.col_left DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
.col_left DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
.col_left DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #666;
	padding: 0px 0px;
}

.col_left DIV.csc-textpic-imagewrap { padding: 0; }

.col_left DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
.col_left DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
.col_left DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
.col_left DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
.col_left DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

	/* Pictures on right, add margin on left */
.col_left DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
.col_left DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
.col_left DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

	/* Pictures centered, add margin on left */
.col_left DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
.col_left DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
.col_left DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
.col_left DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
.col_left DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
.col_left DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
.col_left DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
.col_left DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

/* csc-textpic copy */
	/* Positioning of images: */

	/* Above */
.col_left DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
.col_left DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
.col_left DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
.col_left DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
.col_left DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
.col_left DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
.col_left DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
.col_left DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
.col_left DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
.col_left DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
.col_left DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
.col_left DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .col_left DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

.col_left DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
	padding-left: 10px; 
}
	/* Left (in text, no wrap around) */
.col_left DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .col_left DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */


.center_submenu {
	float: left;
	height: 170px;
	margin: 0 20px 0 0;
	font-size: 70%;
}

.center_submenu img {
	border: 1px solid #666;
}

.center_submenu p a.submenu-subtitle {
	color: #333333;
	text-decoration: none;
}

.center_submenu p a.submenu-subtitle:hover {
	color: #666666;
	text-decoration: none;
}



/********** Content  right column *********/
#col_right {
	font: normal 70%/130% Verdana, Arial, Helvetica, sans-serif;
	width: 155px;
	color: #333333;
	float: right;
	margin: 0;
	padding: 16px 0 16px 34px; 
	background-color: transparent;
}

* html #col_right {
	height: 1%;
}

#col_right h1 {
	padding: 0 0 1em 0;
}

#col_right h2, #col_right h3, #col_right h4, #col_right h5, #col_right h6 {
	padding: 0 0 0 0;
}

#col_right p {
	width: 155px;
	margin: 0;
	padding: 0 0 1em 0;
}

#col_right a {
	color: #333333;
	text-decoration: underline;
}

#col_right a:hover {
	color: #666666;
	text-decoration: underline;
}

#col_right .bodytext {
	width: 155px;
	margin: 0 0 0 0;
	padding: 0 0 1.5em 0;
}

#col_right img {
	margin: 0 0 1em 0;
	padding: 0;
	border: 1px solid #666;
}

#col_right .csc-textpic-image img {
	border: 1px solid #666;
}

#col_right .csc-textpic-imagerow {
	margin: 0;
	padding: 0 0 1em 0;
}

#col_right .csc-textpic-caption {
	margin: 0;
	padding: 0 0 1.5em 0;
}

#col_right .big {
	font-size: 150%;
}

#col_right .blue {
	color: #0099ff;
}

#col_right .red {
	color: #ca4d00;
}

#col_right a.submenu-subtitle {
	color: #333333;
	text-decoration: underline;
}

#col_right a.submenu-subtitle:hover {
	color: #666666;
	text-decoration: underline;
}

/********** Image Gallery *********/
.gallery {
	margin: 0;
	padding: 0;	
}

.gallery-item {
	float: left;
	width: 145px;
	padding: 0;
	margin: 0;
}

.gallery-item img {
	margin: 0 0 1em 0;
	padding: 0;	
}

.gallery-item p {
	width: 120px;
	margin: 0;
	padding: 0;	
}
.clearer {
	clear: both;
	padding: 2em 0 0 0;
}

/********** Footer *********/
#footer {
	width: 955px;
	height: 23px;
	margin: 0;
	padding: 0;
	background-image: url("../bilder/bg_footer_blue.gif");
	background-repeat: repeat-x;
}

#footer img {
	float: none;
}

/* left container for icons */
#footer_left {
	float: left;
	margin: 0;
	padding: 4px 0 0 18px;
	vertical-align: bottom;
}

#footer_left a {
	margin: 0 10px 0 0;
}

#footer_center {
  float: left;
	width: 370px;
  margin: 0;
  padding: 6px 0 0 10px;
  text-align: right;
  font-family: Arial, Helvetica;
  font-size: 9pt;
}

#footer_center a {
  text-decoration: none;
}

/* right container for lang menu */
#footer_right {
	float: right;
	margin: 0;
	padding: 3px 25px 0 10px;
	vertical-align: bottom;
}


#footer_right a {
	margin: 0 0 0 7px;
}

/********** Editpanel *********/
#editpage {
	width: 958px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	font-size: 1px;
}

#editpage table {
	margin: 2px;
}

#editteaser {

}

#editteaser table {
	margin: 2px 1px;
}

table.typo3-editPanel {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

table.typo3-editPanel td {
	border: 1px solid #999999;
	padding: 2px 0 0 2px;
	margin: 0;
	vertical-align: top;
	background-color: #cccccc;
	font-size: 10px;
	line-height: 12px;
	height: 18px;
}

table.typo3-editPanel td img {
	border: 0;
}


#col_right table.typo3-editPanel td img, .col_left table.typo3-editPanel td img {
	margin: 2px;
	border: 0;
}

table.typo3-adminPanel {
	text-align: left;
}

.col_left img.frontEndEditIcons, #col_right img.frontEndEditIcons {
	border: 0;
}

/********** Faehrplan *********/
.col_left .tx-ecfaehrplan-pi1-listrow {
	margin: 0 0 2em 0;
}

.col_left .tx-ecfaehrplan-pi1-listrow td {
	vertical-align: top;
}

.col_left .tx-ecfaehrplan-pi1-col_departure {
	width: 60px;
        text-align: center;
}

.col_left .tx-ecfaehrplan-pi1-col_arrival {
	width: 60px;
        text-align: center;
}

.col_left .tx-ecfaehrplan-pi1-col_ship {
	width: 140px;
}

.col_left .tx-ecfaehrplan-pi1-col_notes {
	width: 200px;
}

/********** Kontaktformular *********/
fieldset.csc-mailform {
	margin: 0;
	padding: 0;
	border: 0;
}

fieldset.csc-mailform label {
	display: block;
	float: left;
	width: 150px;
}

fieldset.csc-mailform div.csc-mailform-field {
	clear: left;
	margin: 0 0 8px 0;
}

fieldset.csc-mailform input {
/*	width: 200px; */
	background-color: #ffffff;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #333333;
	margin: 0;
}

fieldset.csc-mailform select {
	background-color: #ffffff;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #333333;
	margin: 0;
}

fieldset.csc-mailform textarea {
/*	width: 200px; */
	background-color: #ffffff;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #333333;
	margin: 0;
}

fieldset.csc-mailform input.csc-mailform-check {
	width: auto;
	border: 0;
	background-color: transparent;
	margin: 4px 0;
}

fieldset.csc-mailform input.csc-mailform-submit {
	margin: 8px 0 0 150px;
	width: 80px;
	clear: left;
}

/********** Bereich "Aktuelles" *********/

/* Datum für einzelne Einträge */

.csc-header-date{
	float: right;
	text-align: right;
	font-family: Arial;
	font-weight: bold;
	color: red; 
	margin-top: 2em;
}

/* Trennlinie */

.csc-frame-rulerAfter{
	border-bottom: 1px solid gray;
}


/********** noscript *********/
#no_script p {
	margin: 0;
	padding: 0;
	font-size: 70%;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
}

