@charset "utf-8";
/* CSS Document */

body  {
    	font: 70% Verdana, Arial, Helvetica, sans-serif;
    	background: #b2bbc9;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #001E4C;
}

img {
	border:none;
}
	
.twoColFixLtHdr #container {
    width: 980px;  
	margin: 0 auto;
	margin-top: 10px;
	text-align: left; 
}

#header {}
	 
#header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
		display: none;
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }

/* navigation unter header */
#h_navi {
	padding-bottom: 10px;
    margin: 0px 0 0 700px;
}

#h_navi li {
  list-style: none;
  display: inline;
  height: 20px;
}

#h_navi a, #h_navi a:link, #h_navi a:active, #h_navi a:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}

#h_navi a:hover {
	color: #FDE900;
}

/* sidebar -einstellungen */
	
#sidebar1 {
    	float: left; 
    	width: 170px;
}

/* navigation links */	
#navi ul{
	  width: 170px;
	  padding: 0px;
 	  border: 0px;
  	  margin: 0px;
}

#navi li {
  list-style: none;
  height: 20px;
  background-image: url(grafik_layout/button_blau.gif);
  background-repeat:no-repeat;
  padding-bottom: 10px;
  
}

#navi a {
	color: white;
	font-weight: bold;
	display: block;
	text-decoration: none;
	line-height: 20px;
	padding: 0 0 10px 15px;
}

#navi a:hover {
	background-image:url(grafik_layout/button_gelb.gif);
	background-repeat: no-repeat;
}

/* content-einstellungen */

#mainContent_wrap {
		float: right;
		width: 756px;
		background-image: url(grafik_layout/bg_content.gif);
	    background-repeat: repeat-y;
		margin: 0;
		padding-right: 20px;
}
	
#mainContent { 
    	padding: 0 50px 0 20px; 
    }

#mainContent_top {
	background-image:url(grafik_layout/content_oben.gif);
	background-repeat:no-repeat;
	height: 14px;
}

#mainContent_bottom {
	background-image:url(grafik_layout/content_unten.gif);
	background-repeat:no-repeat;
	height: 14px;
}

#mainContent h1 {
		font-size: 120%;
		color: #001E4C;
    	padding: 10px 0; 
    }
	
#mainContent h2 {
		font-size: 100%;
		color: #001E4C;
    }
	
#pic02 {
	float: left;
}	

.gelb {
	color: #FDE900;
	font-weight: bold;
}

.fett {
	font-weight: bold;
}

div.bild_text {
	float: left;
	overflow: hidden;
	width: 300px;
	padding: 5px;
}

div.bild_text img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.txt_start {
	clear: left;
	padding-top: 20px;
	padding-bottom: 30px;
}

a.texlnk, a.texlnk:link, a.texlnk:active, a.texlnk:visited {
	color: #001E4C;
	font-weight: bold;
	text-decoration: underline;
}

a.texlnk:hover {
	color: #FDE900;
	font-weight: bold;
}

#footer { 
    	padding: 0 10px 0 20px; 
    }
	 

#footer p {
		color: white;
		padding-left: 300px;
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    }
	
/* ======================
   Das Kontaktformular */

form {
  color: #001E4C; 
  width: 390px;
  margin-left: 35px;
}

label {
  display: block; 
  cursor: pointer; 
}

input.anzeige {
	background-color: #FDE900;
	border: 1px solid #001E4C;
}

input.senden {
	background-color: #FDE900;
	border: 1px solid #001E4C;
}

input#name,
input#vorname,
input#strasse,
input#plz,
input#ort,
input#fon,
input#fax,
input#mail,
input#erw,
input#kinder,
input#zimmer,
input#von,
input#bis,
textarea {
  width: 220px;
  border: 1px solid #D9CB75; 
  margin-bottom: 5px;
}
textarea { height: 7em; }

input#name:focus,
input#vorname:focus,
input#strasse:focus,
input#plz:focus,
input#ort:focus,
input#fon:focus,
input#fax:focus,
input#mail:focus,
input#erw:focus,
input#kinder:focus,
input#zimmer:focus,
input#von:focus,
input#bis:focus,
textarea:focus {
  background-color: #d9d9d9; 
  color: black; 
}	
	
	
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
	
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
	
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
.clrlft {clear: left;
		height:0;
        font-size: 1px;
        line-height: 0px;
		}
		
.clrrgt {
		clear: right;
		height:0;
        font-size: 1px;
        line-height: 0px;
		}