@charset "UTF-8";

body {color:#f9f9f9;}


/* umschließt den gesamten Inhalt der Seite */

#wrapper_main{
margin: auto;
margin-top:10px;
width: 900px;
height: 600px;
}


/* Flashinhalt und Panoramabild */

#bildbox {
margin:auto;
width: 900px;
height:400px;
}

/* Flashinhalt */
#flash {
width:900px;
height:100px;
}

/* Wrapper für die kleinen Bilder in der Bildergalerie */
#bild_mini {
margin-left: 50px;
float:left;
width: 320px;
height: 205px;
}

/* Bildergalerie Panoramabild */
#bild_big {
margin: 0 50px 30px 0;
float:right;
height:auto;
width:auto;
}

/* Panoramabild der Seite */
#bild {
clear:both;
width: 900px;
height: 250px;
background-color:#a9a29a
}

/* Ausgleich/ "mittig setzen" der Bildergalerie mit padding-top*/
#bild2 {
padding-top: 50px;
clear:both;
width: 900px;
height: 250px;
background-color:#a9a29a;
}

/* ================================================
   Info-Bereich
   ================================================*/

/* Navigation und erste Spalte werden in einer Box umschlossen (fürs floaten nach links wichtig)*/
#wrapper_navi_spalte {
float: left;
width: 600px;
height: 190px;
}

#wrapper_navi_spalte_galerie {
float: left;
width: 150px;
height: 190px;
}

#wrapper_navi_spalte_contact {
float: left;
width: 500px;
height: 180px;
}

/* Navigation */
#navi {
list-style-image:url(../pix/list_style.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 25px;
padding-left: 30px;
padding-top: -10px;
width:150px;
color:#666;
text-decoration:none;
float:left;
}

/* Flashinhalt und Panoramabild */
#spalte1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 244px;
float:right;
color: #666;
padding-left: 100px;
padding-top: 22px;
padding-right:20px;
}

/* verhält sich durch das formular anders*/
#spalte1_contact {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 244px;
float:right;
color: #666;
padding-left: 50px;
}


/* Klasse für große blaue schrift*/
.blue_big {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height:1.3em;
font-weight:bold;
color: #666;
}


/* Klasse für große blaue schrift mit link*/
.blue_big a{
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height:1.3em;
font-weight:bold;
color: #666;
}

/* optischer ausgleich des 2 spaltigen layouts*/
.blind {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height:1.3em;
font-weight:bold;
color: #fff;
}

/* Klasse für große schrift(kursiv) mit link*/
.big {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:1.3 em;
font-style:oblique;
color: #666;
}

/* Klasse für kleine schrift mit link*/
.small {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
}


#spalte2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:245px;
float:right;
color: #666;
padding-top: 10px;
padding-right:30px;
padding-left:10px;
}

#spalte2galerie
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:650px;
float:right;
color: #666;
padding-top: 40px;
padding-right:20px;
padding-left:10px;
}

#spalte2contact {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:300px;
float:right;
color: #666;
padding-right:30px;
padding-left:10px;
}

/* wrapper um text und navigation*/
#wrapper_info {
clear:both;
width: 900px;
height: 190px;
margin-top:10px;
border: 1px dashed #999;}


/* ================================================
   Navigation | Link-Gestaltung
   ================================================*/


a {
list-style-type: url("pix/list_style.jpg");
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;}

a:link, a:visited {
list-style-type: url("pix/list_style.jpg");
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}

a:hover, a:focus, a:active {
list-style-type: url("pix/list_style.jpg");
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-decoration:none;
}

   
   
   /* ========================================
     Sonstiges Styles
	 ========================================*/
	 
	 /* Das Kontaktformular*/
	 
	 form{
	 	margin-top: 10px;
	 	width: 300; /*Breite des Formulars*/
	 	}
	 
	 label{ /*Beschriftung auf eigener Zeile*/
	 	display:block;
		cursor:pointer; /*Mauszeiger wird zu einer Hand*/
		color:#666;
		}
		
	input#absender,
	textarea {
		margin-top: 3px;
		width: 300px;
		border: 1px dashed #666;
		color:#666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		
	teaxtarea{
		height: 2,5em;
		color:#666;
		border: 1px dashed #666;
		}
		
	input#absender:focus,
	textarea:focus {
		color:#666;
		width: 300px;
		}
		
	body #kontakt{
  		font-size: 10px;
  		font-family:Verdana, Arial, Helvetica, sans-serif;
  		color:#666;
  }

		
/*================================================
  Ende der "Sonstigen Styles"
  ================================================*/

#fuss {
clear:both;
width:900px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#999;
padding-left:707px;
padding-top:10px;
}