/* CSS Document */


#main {

	width:900px;	

	height:100%;

	position:absolute;

	left:50%;

	margin-left:-450px;

	padding:10px 0 0 0;

	}



#head {

	}

	

#head_logo {

	width:240px;

	height:170px;

	margin-top:0px;

	float:left;	

}



#head_gesamt {

	width:660px;

	height: 170px;

	float:left;

	}



#head_links {

	height:120px;

	width:215px;

	background-image:url(../files/platzhalter_head_links.png);

	float:left;}



#head_rechts {

	height:120px;

	width:440px;

	background-color:#999999;

	float:left;

	margin:0 0 0 5px;}

	

#head_menu {

	height:20px;

	width:660px;

	float:left;

	margin: 5px 0 5px 0;

	}

	

#head_balken_unten {

	height:20px;

	width:660px;

	background-color:#000000;

	background-image:url(../files/platzhalter_balken_schmal.png);

	float:left;}



#bereich_mitte {

}



#menu {

	float:left;

}



#menu_events {

	float:none;

	width:185px;

	padding:10px 10px 10px 35px;

	margin-top:0px;

	background-image:url(../files/menu_events_mitte_balken.jpg);

	background-repeat:repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;	

}



#menu_tours {

	float:none;

	width:185px;

	padding:10px 10px 10px 35px;

	margin-top:-2px;

	background-image:url(../files/menu_tours_mitte_balken.jpg);

	background-repeat:repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;	

	height:;

}

#menu_tours :link {
	color:#000000;
}

#menu_tours :visited {
	color:#000000;
}

#menu_tours :hover {
	color:#a2b40e;
	text-decoration:underline;
}



#menu_boats {

	float:none;

	width:185px;

	padding:10px 10px 10px 35px;

	margin-top:-2px;

	background-image:url(../files/menu_boats_mitte_balken.jpg);

	background-repeat:repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;	

	height:;

}

#menu_boats :link {
	color:#000000;
}

#menu_boats :visited {
	color:#000000;
}

#menu_boats :hover {
	color:#008196;
	text-decoration:underline;
}


#menu_headline_events {

	color:#dd8d01;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;	

	background-image:url(../files/menu_events_head_balken.jpg);

	line-height:44px;

	margin: 5px 0 0 0;

	padding: 0px 0 0 35px;}

	

#menu_headline_tours {

	color:#a2b40e;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;	

	background-image:url(../files/menu_tours_head_balken.jpg);

	line-height:44px;

	margin: 10px 0 0 0;

	padding: 0px 0 0 35px;
	
}
	
#menu_headline_tours :link {
	color:#a2b40e;
}

#menu_headline_tours :hover {
	text-decoration:underline;
}

#menu_headline_tours :visited {
	color:#a2b40e;
}

	

#menu_headline_boats {

	color:#008196;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;	

	background-image:url(../files/menu_boats_head_balken.jpg);

	line-height:44px;

	margin: 10px 0 0 0;

	padding: 0px 0 0 35px;}

#menu_headline_boats :link {
	color:#008196;
}

#menu_headline_boats :visited {
	color:#008196;
}

#menu_headline_boats :hover {
	text-decoration:underline;
}

#inhalt {

	width:660px;

	float:left;

	}



#inhalt_bild {



	padding:0px;

	margin:5px 0 0 10px;

	background-color:#666666;

	}



#inhalt_text {

	width:620px;

	min-height:400px;

	padding:20px 20px 20px 20px;

	margin:0px 0 0 10px;

	font-size:11px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background-color:#998888;

	background-image:url(../files/inhalt_text_hintergrund.jpg);

	background-repeat:repeat;

	float:left;
	
	list-style:disc;

	}

#inhalt_text2 {

	width:620px;

	min-height:400px;

	padding:20px 20px 20px 20px;

	margin:0px 0 0 10px;

	font-size:11px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background-color:#998888;

	float:left;

	}
	

#inhalt_text_untermenu {

	width:450px;

	float:left;

	margin: 0 10px 0 0 ;

	}

	

#untermenu_details {

	width:160px;

	margin: 0 0 0 0;

	padding: 0 0 0 0 ;

	float:left;



	}



#bereich_mitte {

float:inherit;

}



#bottom {

	width:880px;

	height: 50px;

	padding: 10px;

	float:left;}



html {

background-color:#ffffff;

}

#bilder img {
	margin: 3px;
}

.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}

/* ### undo #################################################################### */



:link,:visited { text-decoration:none; }

ul,ol { list-style:disc }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }

img, a img,:link img,:visited img, fieldset { border:none }

img { margin:0; padding:0; vertical-align:bottom; }

address { font-style:normal }



table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}

tr { border:none; padding:0px; margin:0px; }

td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }





legend { display:none; }



div, p, li, a {background-repeat:no-repeat; } 



/* ### reset some basic style ################################################### */



dl			{margin: 0 0 0 0;}

dl dt		{margin: 0 0 0 0;}

dl dd+dt	{margin-top: 0;}

dl dd		{margin: 0 0 0 0;}



ol			{list-style: decimal;}

ol li		{margin: 0 0 0 0;}

ol li ol	{margin: 0 0 0 0;}

ol li ul	{margin: 0 0 0 0;}



p			{margin-bottom: 0em;}



ul			{list-style: disc;}

ul li		{margin: 0 0 0 0;}

ul li ul	{margin: 0 0 0 0; list-style: none;}

ul li ol	{margin: 0 0 0 0;}



pre			{font-size:1.2em; }





/* ############################################################################## */





/**

 Dreispalter

*/



.dreispalter {

  width: 655px;

}



.dreispalter_1 {

  width: 200px;

}



.dreispalter_2 {

  width: 200px;

  margin-left: 10px;

}



.dreispalter_3 {

  width: 200px;

  margin-left: 10px;

}



.dreispalter_1, 

.dreispalter_2, 

.dreispalter_3 {

  float: left;

}

.dreispalter44 {

  width: 655px;

}



.dreispalter_11 {

  width: 205px;
	margin-left: 25px;
}



.dreispalter_22 {

  width: 190px;

  

}



.dreispalter_33 {

  width: 100px;

  margin-left: 10px;

}



.dreispalter_11, 

.dreispalter_22, 

.dreispalter_33 {

  float: left;

}



.clboth {  

 clear: both;

 display: block;

 line-height: 0;

 font-size: 0;

}



/*  ###################################################*/



/**

*Zweispalter */



.zweispalter {

  width: 655px;

  margin: 0 0 0px 0;

  padding: 0 0 20px 0;

}



.zweispalter_1 {

  width: 300px;

  text-align:justify;

}



.zweispalter_2 {

  width: 300px;

  margin-left: 20px;

  text-align:justify;

}



.zweispalter_3 {

  width: 200px;

  margin-left: 10px;

}



.zweispalter_1, 

.zweispalter_2, 

.zweispalter_3 {

  float: left;

}



.clboth {  

 clear: both;

 display: block;

 line-height: 0;

 font-size: 0;

}



/*  ###################################################*/



.headline_wots {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#5d3722;

	padding:0 0 3px 0px;

	margin:10px 0 15px 0;

	text-transform:uppercase;

	letter-spacing:1px;	

	border-bottom-style:dashed;

	border-bottom-color:#5d3722;

	border-bottom-width:0.1em;

	}

	

.headline_wots_zweite {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color:#5d3722;

	padding:0 0 0px 0px;

	margin:10px 0 5px 0;

	text-transform:uppercase;

	letter-spacing:0.5px;

}



.headline_events {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#dd8d01;

	padding:0 0 3px 0px;

	margin:10px 0 15px 0;

	text-transform:uppercase;

	letter-spacing:1px;	

	border-bottom-style:dashed;

	border-bottom-color:#dd8d01;

	border-bottom-width:0.1em;}

	

.headline_events_zweite {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color:#dd8d01;

	padding:0 0 0px 0px;

	margin:10px 0 5px 0;

	text-transform:uppercase;

	letter-spacing:0.5px;

}



.headline_tours {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#a2b40e;

	padding:0 0 3px 0px;

	margin:10px 0 15px 0;

	text-transform:uppercase;

	letter-spacing:1px;	

	border-bottom-style:dashed;

	border-bottom-color:#a2b40e;

	border-bottom-width:0.1em;}

	

.headline_tours_zweite {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color:#a2b40e;

	padding:0 0 0px 0px;

	margin:10px 0 5px 0;

	text-transform:uppercase;

	letter-spacing:0.5px;

}



.headline_boats {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#008196;

	padding:0 0 3px 0px;

	margin:10px 0 15px 0;

	text-transform:uppercase;

	letter-spacing:1px;	

	border-bottom-style:dashed;

	border-bottom-color:#008196;

	border-bottom-width:0.1em;}

	

.headline_boats_zweite {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color:#008196;

	padding:0 0 0px 0px;

	margin:10px 0 5px 0;

	text-transform:uppercase;

	letter-spacing:0.5px;

}





li {margin: 0 0 0 15px;}



/*/////////////////////////////////////////////////////////////////////////////

CSS - Definition - DEMO 1

do form!  

Stand: 2.08.2008 



Erstellt von: Thomas Skerbis , www.klxm.de

Dieses CSS dient als Beispiel



Bitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-) 





Funktioniert nicht mit Formular-Generator < v.4.43

 

/*







/* Formular Definition */





/* Div das das Formular umschließt */

.formgen {

	font-size: 12px;

	}



label,

select,

input[type=checkbox],

input[type=radio],

input[type=button],

input[type=submit]

{

cursor : pointer;

}



.formgen form

{

width: 380px;

}



/* 

Wie sehen die einzelnen Blöcke aus? 

Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann

*/



.formgen .formblock

{

	margin-bottom: 15px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-right: 2px;

	padding-left: 5px;	

}



/*

Verhalten von br-Tags

*/

.formgen br

{

clear : both;

}



/* 

--------- FORMULAR-OBJEKTE ------------ 

*/



/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield

{

	width: 220px;

	height: 220px;

	margin-left: 4px;

	background-color: white;

}

 

/* Textfeld */

.formgen .formtext

{

	width: 220px;

	background-color: white;

	margin-left: 4px;

}

/* Trennelement , Abstand */

.formgen .formtrenn

{

  display: block;

  height: 30px; 

}

/* Hinweistext */

.formgen .formhinweis

{

  font-weight: bold;

  color: #003366;

  font-size: 1.2em;

}

/* Überschrift */

.formgen .formheadline

{

  font-weight: bold;

  color: #003366;

}





/* Passwortfeld */

.formgen .formpassword

{

	width: 200px;

	background-color: #99CC00;

	margin-left: 4px;

}

/*Captcha-Bild*/

.formgen .formcaptcha {

  border: 1px solid #990000;

}



/* Label */

.formgen label {

font-family: Arial, Helvetica, sans-serif;

width: 120px;

clear: left;

float: left;

height: 20px;

padding: 0px;

}



/* Aussehen der Select-Ausgabe */

.formgen .formselect

{

  width: 220px;

  margin-left: 4px;

}



/* Sende-Button */

.formgen .formsubmit

{

	width: 220px;

	background-color: #FFFFFF;

	margin:0 0 20px 120px;

}





/* Definition des Fieldsets, das das ganze Formular umschließt */

.formgen fieldset {

	width: 345px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	border: 3px solid #006633;

	background-color: #FFFFCC;

}





/* Fieldsetbeschriftung */

.formgen legend {

	font-weight: bold;

	color: #993300;

	width: 140px;

	margin: 0px;

}



/* -------------- AUSGABEN / Fehlermeldungen --------*/



/* Fehlermeldung nach Versand */



.formgen .forminfo {

  color: #FFFFFF;

  background-color: #990000;

  border: 1px dashed #000000;

  margin: 5px;

  padding: 5px;

}





/* Markierung der Labels bei Fehler */

.formgen .formerror {

  color: #000000;

   border: 2px solid #FF0000;

  padding: 0 5px 0 5px;

  width:105px;

}

.forminfo {

	color: #000000;

	font-size:12px;

	font-weight:bold;

	margin: 2px;

	padding: 4px;

	border: 2px solid #FF0000;

}



#kontaktblock {

line-height:20px;

}



/*//////////////////////////////////////////////////////////////////////////////*

/* Ende der Formulardefinition */



/* ### ANFANG: Text Format in inhalt_text also Modul Formatierung #################################################################### */



.einleitungstext {

	width:418px;

	font-weight:bold;

	color:#666666;

	padding:0 0 10px 3px;

	}

	

.standard_text_block {

	width:418px;

	color:#;

	padding:0 0 10px 15px;

	float:left;

		}

	

.text_und_bild_komplett {

	border-bottom-style:dotted;

	border-bottom-width:1px;

	border-bottom-color:#cccccc;

	margin: 0px 0 10px 0;

	float:left;

	}

	

.linie {

	border-bottom-style:dotted;

	border-bottom-width:1px;

	border-bottom-color:#cccccc;

	margin: 0 0 10px 0;

	}



.bild_neben_standard_text {

	margin: 0 0 10px 0;

	width:180px;

	height:110px;

	float:left;}

/* ### ENDE: Text Format in inhalt_text also Modul Formatierung #################################################################### */



/* Vom Image Fader bentigte styles */

/* 

 * image_fade_wrapper

 * Dient um die relative Positon des image_fade-Elements auf zuheben.

 * REDAXO: hier wird der Rahmen gesetzt und es knne auch padding und margin angegeben werden.

 */

.image_fade_wrapper {

	float: left;

	border: 1px solid #FFF;

	background-color: #C9D5D5;

}

/* image_fade 

 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu knnen 

 * Breite und Hhe sind notwendig, damit der Brower die Grsse des Image Faders kalkulieren kann.

 * REDAXO: Fr Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Grsse der Bilder gesetzt.

 */

.image_fade {

	position: relative;

	float: left;

	width: 660px;

	height: 180px;

	border: none;

}

/* image_fade img

 *  Absolute Position und top, left = 0 muss gesetzt werden.

 * REDAXO: Kein margin und padding angeben.

 */

.image_fade img {

	position: absolute;

	top: 0;

	left: 0;

	border: none;

}

.clear{

	clear: both;

}

/* ENDE - Vom Image Fader bentigte styles */