/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts, but it would be greatly appreciated if you gave a link back to http://www.code-sucks.com
	  überarbeitet und kommentiert von Uwe Maier 03/20008 
	  E-Mail: uwemaier@gmx.de
*/

/* erzwingt den Scrollbalken bei Mozilla-basierenden Browsern */
html { height:100%;  margin-bottom:1px; }

* { padding: 0; margin: 0;}

body { font-family: Arial, san-serif; font-size: 12px; background: #F0F8FF; background: url(../images/hg_haupt2.gif) }

/* hält den äusseren Rahmen der Seite */
#aussen { 
 margin: 0 auto; width: 1010px; border: 0px dashed #404040; background: url(../images/hg_unten2.gif); background-repeat: repeat-y; }
 
/* Kopfbereich mit Breite von 1.000 Pixeln */
#header { background: url(../images/header/head7.jpg); color: #0b468c; border: 0px solid #123bcd; width: 1000px; padding: 0px; height: 180px; margin: 0px 0px 0px 5px; }
#header_uns { background: url(../images/header/head1.jpg); color: #0b468c; border: 0px solid #123bcd; width: 1000px; padding: 0px; height: 180px; margin: 0px 0px 0px 5px; }
#header_tauchen { background: url(../images/header/head20.jpg); color: #0b468c; border: 0px solid #123bcd; width: 1000px; padding: 0px; height: 180px; margin: 0px 0px 0px 5px; }
#header_boot { background: url(../images/header/head11.jpg); color: #0b468c; border: 0px solid #123bcd; width: 1000px; padding: 0px; height: 180px; margin: 0px 0px 0px 5px; }
#header_service { background: url(../images/header/head2.jpg); color: #0b468c; border: 0px solid #123bcd; width: 1000px; padding: 0px; height: 180px; margin: 0px 0px 0px 5px; }
#header_reisen { background: url(../images/header/head10.jpg); color: #0b468c; border: 0px solid #123bcd; width: 1000px; padding: 0px; height: 180px; margin: 0px 0px 0px 5px; }
#header_aktuelles { background: url(../images/header/head18.jpg); color: #0b468c; border: 0px solid #123bcd; width: 1000px; padding: 0px; height: 180px; margin: 0px 0px 0px 5px; }

/* Navigationsbereich mit Breite von 1.000 Pixeln */
#navigation { background: url(../images/hg_topnavi.gif);background-position: top; background-repeat: repeat-x; border: 0px solid #123456; color: #404040; width: 1000px; padding: 0px; height: 27px; margin: 0px 0px 0px 5px; }

/* hält den inneren oberen Bereich der Seite
	- die einfliessenden Inhalte bestimmen die Höhe und somit die Dynamik
	- die Spalte mit dem grössten Inhalt gibt die Höhe vor.
*/
#haupt {
 	border: 0px solid #123456;
 	background: url(../images/hg_oben.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

/* Linker Spaltenbereich */
#linkespalte {
border: 0px dashed #404040;
 display: inline;
 color: #404040;
 margin: 0px;
 padding: 0px;
 width: 160px;
 /*height: 300px; */
 float: left;
}

/* Hauptmenü im linken Spaltenbereich */
#hauptmenu {
clear: left;
float: left;
width: 155px;
margin: 50px 0 0 2px;
padding: 0;
font-size: 0.9em;
}

#hauptmenu ul {	
list-style: none;
width: 155px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#hauptmenu li {
border: 0px solid #404040;
margin-bottom: 2px;
}

#hauptmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #0b468c;
display: block;
padding: 1px 0 0 5px;
background: #c9daf3;
border-bottom:1px solid #c5d2e6;
border-left: 4px solid #c5d2e6;
}	
	
#hauptmenu li a:hover {
background: #AEC1E2;
color: #286ea0;
border-left: 4px solid #286ea0;
border-right: 4px solid #286ea0;
}
#hauptmenu li a#selected {
background: #eaeaea;
color: #8B3333;
border-left: 4px solid #8B3333;
border-right: 4px solid #8B3333;
}
/* Hauptmenü im linken Spaltenbereich */



/* Inhaltsbereich in der Mitte */
#inhalt_kurse {
background: url(../images/hg_mitte.gif);
background-position: center;
background-repeat: no-repeat;
border: 0px dashed #404040;
 float: left;
 color: #404040;
 padding: 20px;
 width: 610px;
 min-height: 270px;
 *min-height: 270px;
 display: inline;
 position: relative;
}
#inhalt {
border: 0px dashed #404040;
 float: left;
 color: #404040;
 margin-top: 30px;
 padding: 20px 10px 0px 20px;
 width: 590px;
 min-height: 400px;
 *min-height: 400px;
 display: inline;
 position: relative;
}
#inhalt_galerie {
border: 0px dashed #404040;
 float: left;
 color: #404040;
 margin-top: 30px;
 padding: 20px;
 width: 580px;
 min-height: 400px;
 *min-height: 400px;
 display: inline;
 position: relative;
}
#inhaltformular {
border: 1px dashed #404040;
background-color: transparent;

}
/* Rechter Spaltenbereich */
#rechtespalte {
border: 0px dashed #404040;
 display: inline;
 position: relative;
 color: #404040;
 padding: 0px 7px 0px 0px;
 min-height: 600px;
 width: 197px;
 float: right;
}
#santander { border: 0px dashed #404040; display: inline; position: relative; color: #404040; padding-right: 13px; width: 190px; height: 70px; float: right; text-align: right; }
/* haelt den inneren unteren Bereich der Seite
	- die einfliessenden Inhalte bestimmen die Hoehe und somit die Dynamik
	- die Spalte mit dem meistsen Inhalt gibt die Hoehe vor.
*/
#unten { border: 0px solid #123456; margin: 0px 0px 0px 5px; overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */ width: 100% }

/* Linker Spaltenbereich */
#untenlinks { border:0px dashed #404040; display: inline; padding: 0px; width: 200px; height: 204px; float: left; }
#untenlinks_start { border: 0px dashed #404040; display: inline; padding: 0px; width: 200px; height: 269px; float: left; }
/* Mittlerer Spaltenbereich */
#unteninhalt { border: 0px dashed #404040; float: left; color: #404040; padding: 65px 0 0 0; width: 500px; display: inline; position: relative; }
#unteninhalt_start { border: 0px dashed #404040; float: left; color: #404040; padding: 65px 0 0 0; width: 600px; height: 204px; display: inline; position: relative; }

/* Rechter Spaltenbereich */
#untenrechts { border: 0px dashed #404040; display: inline; position: relative; color: #404040; padding: 0px; width: 200px; height: 204px; float: right; }
/*#untenrechts { background: url(../images/aqualung.gif); background-position: bottom right; background-repeat: no-repeat; border: 0px dashed #404040; display: inline; position: relative; color: #404040; padding: 0px; width: 200px; height: 169px; float: right; }  */
#untenrechts_start { border: 0px dashed #404040; display: inline; position: relative; color: #404040; padding: 0px; width: 200px; height: 269px; float: right; text-align: center; }
/*#untenrechts_start { background: url(../images/aqualung.gif); background-position: bottom right; background-repeat: no-repeat; border: 0px dashed #404040; display: inline; position: relative; color: #404040; padding: 0px; width: 200px; height: 269px; float: right; text-align: center; } */


/* Fusszeile */
#footer {
	border: 0px dashed #404040;
	position: absolute;
	width: 1010px;
	height: 30px;
	font-family: Arial;
	font-size: 9px;
	line-height: 25px;
	color: #FFFFFF;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/footer.gif);
}
 .clear { clear: both; background: none; } 
 
 
 
 /* Ab hier beginnt der Style */
 
  #topcenter {  text-align: center; } 
 
 #divein { clear: left; position: relative; margin: 0px 0 0 0; border: 0px solid #404040; padding: 8px; }
 #divein_start { clear: left; position: relative; margin: 40px 0 0 0; border: 0px solid #404040; padding: 8px; }
ul {
	list-style-type:disc;
	margin-left: 1.0em; 
	padding-left: 1.5em;
	line-height: 19px;
}
ol {
	list-style-type:decimal;
	margin-left: 1.0em; 
	padding-left: 1.5em;
	line-height: 19px;
}
.headline {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #0b468c;
	line-height: 20px;	
}
.headlinerot {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FA0400;
	line-height: 20px;	
}
.headadmin {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;	
}
.subline {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #404040;
	line-height: 20px;		
}
.sublinerot {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FA0400;
	line-height: 20px;		
}
.sublineblau {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0b468c;
	line-height: 20px;		
}
.text {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #404040;
	line-height: 20px;		
}
.textklein {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #404040;
	line-height: 20px;		
}
#unterlegt{
	padding: 5px;
	background-color: #DAE4F1;
}
#aktuelles {
	border: 1px solid #123456;
	background: #eaeef3;
	display: inline;
	position: absolute;
	color: #404040;
	padding: 5px;
	margin-top: 60px;
	width: 175px;
	float: left;
}
#aktuelles2 {
	border: 0px solid #123456;
	background: transparent;
	position: absolute;
	color: #404040;
	margin-top: 20px;
	padding-left:20px;
	width: 175px;
	float: left;
}
.trennen {
	border-top: 1px solid #123456;
	padding: 5px;
	width: 145px;
}
h1{
background: url(../images/line.gif);	
}

.textblau {
	font-family: Arial;
	color: #0b468c;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px	
}
.textdatum {
	font-family: Arial;
	color: #0b468c;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
}
.textaktuell {
	font-family: Arial;
	color: #0b468c;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
a:link { 
		text-decoration: none;
		color: #0b468c;
}
	
a:visited { 
		text-decoration: none;
		color: #0b468c;
}
	
a:hover, a:active { 
		text-decoration: none;
		color: #0b468c;
}
/* Kontaktformular */
.formular{
 	width:500px;
 	border:0px solid #ccc;
	margin-left: 50px;
	margin-top: 20px;
	font-family:Verdana;
	font-size: 11px;
	color: #404040;
}

.ebene{
 	clear: both;
 	padding: 2px 0;
}

.submit{
 	clear: both;
 	margin:1em 0 0 10em
}

.feldbreite1{
	background:#eeeeee;
	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #404040;
	overflow:auto;
	width:60px;
}
.feldbreite2{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #404040;
	overflow:auto;
	width:214px;
}
.feldbreite3{
	background:#eeeeee;
	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #404040;
	overflow:auto;
	width:436px;
}
.feldbreite4{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #404040;
 	overflow:auto;
 	width:368px;
}
.feldbreite5{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #404040;
 	overflow:auto;
 	width:213px;
}
.feldbreite6{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #404040;
 	overflow:auto;
 	width:217px;
}
.trenner{
	font-family:Arial;
	font-size:14px;
	font-weight: bold;
	font-variant: small-caps;
	text-indent: 5px;
	background-color: #286ea0;
	color: #FFFFFF;
}
#bullets {
	list-style-type:none;
	list-style-image: url(../images/dreieck.gif);
	margin-left: 40px;
}
#pdfbullet {
	list-style-type:none;
	list-style-image: url(../images/symbol-pdf.gif);
	margin-left: 50px;
}
#einblenden{
	visibility: hidden;               
   position: absolute;
	margin-left: 0px;
   border: 3px solid #97979B;
   top: 180px;
   left: 10px;
   z-index: 10;
   width: 500px;
   height: 300px;
	padding: 5px;
	font-family:Verdana;
	font-size:11px;
	font-weight: normal;
	color: #9B1E14;
	line-height: 20px;
   background-color: white;
   opacity: 1;
   filter: alpha(opacity=100);
}
.bullets {
	list-style-type:none;
	list-style-image: url(../images/dreieck.gif);
	margin-left: 50px;
}
.bullets2 {
	list-style-type:none;
	list-style-image: url(../images/raute.gif);
	line-height: 25px;
	margin-left: 40px;
}
.pdfbullet {
	list-style-type:none;
	list-style-image: url(../images/symbol-pdf.gif);
	margin-left: 50px;
}
#tabelle{
 	background:#eeeeee;
 	border:1px solid #0B468C;
	margin-left: 15%;
 	overflow:auto;
	width: 420px;
}
.rechts{
 	background:#C2D0DF;
}
.mitte{
 	background:#D9E2ED;
}
#rahmen {
border: 1px solid #123456;

}
.rahmeninhalt {
background-color: #FFF;
padding: 5px;
border-bottom: 1px solid #123456;
}