/* HAUS IM PARK - CSS Document für die Bildschirmausgabe 
** 
** Datum: 24.04.2010
** Autor: Gabriele Roffmann
*/

/* Grundeinstellungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
	color: #000;
	background-color: #CCF3A0;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 100.01%;
  	font-weight: normal;
  	text-align: center;  
  	padding: 0;
	margin: 0;
	}

img {
  	border: 0;
	}

p 	{
  	padding: 0;
  	margin: 0;
	}

span {
  	padding: 0;
  	margin: 0;
	}

h1	{
	font-size:1.1em;
	font-weight:bold;
	color:#669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

h2	{
	font-size:0.9em;
	color:#669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0.4em;
	}

h3	{ 
	font-size:0.8em;
	color:#669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 0.3em;
	}

/* Globale Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.invisible {
	display: block;
	position: absolute;
	top: -6000px;
	left: -6000px;
	height: 1px;
	width: 1px;
	}

.stopFloat {
	display: block;
	float: none;
	clear: both;
	}
 
/* Layout
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#box {
	background-color:#FFFFFF;
	margin: auto;
	width: 820px;
	text-align: center;
	border: 1px solid #669900;
	margin-top: 10px;
	}
	
#head {
	background-color:#FFFFFF;
	height: 102px;
	text-align: right;
	}
#head img{
	margin-top: 4px;
	}
	
/* Hauptnavigation
/* - - - - - - - - - - - - - - - - - - - -  */
#nav1 {
	background-color:#FFFFFF;
	border-top: 1px solid #669900;
	text-align: left;
	height: 30px;
	}
#nav1 p{
	margin-left: 10px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	}
.menu{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.menu:hover, .menu.active {
	color:#FFFFFF;
	background-color:#669900;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.menuactive {
	color:#669900;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

/* Submenü 1
/* - - - - - - - - - - - - - - - - - - - -  */	
#nav2 {
	background-color:#FFFFFF;
	text-align: left;
	height: 30px;
	}
#nav2 p{
	margin-left: 10px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	}
.submenu{
	color:#666666;
	text-decoration:none;
	}
.submenu:hover, submenu:active {
	color:#FFFFFF;
	background-color:#669900;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.submenuactive {
	color:#669900;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

/* Submenü 2
/* - - - - - - - - - - - - - - - - - - - -  */	
#nav3 {
	background-color:#FFFFFF;
	text-align: left;
	height: 30px;
	}
#nav3 p{
	margin-left: 10px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 0.8em;
	}
.submenu2{
	color:#666666;
	text-decoration:none;
	}
.submenu2:hover, submenu2:active {
	color:#FFFFFF;
	background-color:#669900;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.submenu2active {
	color:#669900;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
/* INHALT
/* - - - - - - - - - - - - - - - - - - - -  */		
#main {
	background-color:#FFFFFF;
	border-top: 1px solid #669900;
	text-align: left;
	}
#inhalt{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 20px;
	}

#inhalt p{
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 0.6em;
	text-align: justify;
	}

#inhalt li{
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.4em;
	}

#inhalt li ul li{
	font-size: 0.94em;
	font-weight: normal;
	line-height: 1.4em;
	}
	
#inhalt a{
	color:#669900;
	}
	
#inhalt .fotokont{
	float: left;
	margin-right: 1.2em !important;
	margin-right: 0.8em;
	margin-bottom: 10px;
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}

#inhalt .fotolinks{
	float: left;
	margin-right: 1.2em !important;
	margin-right: 0.8em;
	margin-bottom: 10px;
	}
#inhalt .fotolinks img{
	margin-top: 4px; 
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}
#inhalt .fotolinks p {
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 0;
	}
	
#inhalt .fotolinksst{
	width: 340px;
	float:left;
	text-align:center;
	margin-bottom: 10px;
	}
#inhalt .fotolinksst img{
	margin-top: 4px; 
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}
#inhalt .fotolinksst p {
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 0;
	}
	
#inhalt .fotorechtsst{
	width:400px;
	float: right;
	margin-bottom: 10px;
	}
#inhalt .fotorechtsst img{
	margin-top: 10px;
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}
#inhalt .fotorechtsst p {
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 0;
	}

#inhalt .fotorechts{
	float: right;
	margin-left: 1.2em !important;
	margin-left: 0.8em;
	margin-bottom: 10px;
	}
#inhalt .fotorechts img{
	margin-top: 10px;
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}
#inhalt .fotorechts p {
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 0;
	}
	
#inhalt .fotomitte{
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#inhalt .fotomitte img{
	margin-top: 10px;
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}
#inhalt .fotomitte p{
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 0;
	text-align:center;
	}

#inhalt .fotoblock{
	margin-right: 1.2em !important;
	margin-right: 0.8em;
	margin-bottom: 1.2em !important;
	margin-bottom: 0.8em;
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}
#inhalt .fotoblock p{
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 0;
	}
#inhalt .fotoblock img{
  	padding: 4px;
  	border: 1px solid #CCCCCC;
	}
	
#inhalt .mitte{
	float: none;
	clear: both;
	display: block;
	}	

#inhalt .mitte p{
	text-align:center;
	}

#inhalt .mitte_abstand{
	float: none;
	clear: both;
	display: block;
	text-align:center;
	margin: 20px;
	}
	
#inhalt .fett{
	font-weight: bold;
	}

#inhalt .abstand{
	float: none;
	clear: both;
	display: block;
	margin-top: 30px;
	width: 760px;
	}

#inhalt .kont_links{
	float: left;
	width: 400px;
	}

#inhalt .kont_rechts{
	float: right;
	width: 340px;
	}
	
#inhalt .links{
	float: left;
	width: 350px;
	}

#inhalt .rechts{
	float: right;
	width: 350px;
	text-align: right;
	}

#inhalt .dformat{
	font-style: italic;
	}

#inhalt .probox{
	background: #DFF1BC;
	padding: 8px;
	}
	
#inhalt .kontaktbox {
	float: right;
	position: absolute;
	margin-left: 530px;
	margin-top: 10px;
	padding: 10px;
	width: 200px;
	background: #DFF1BC;
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
}

#inhalt .kontaktfoto{
	color: #666;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 15px;
	padding-left: 0;
	}
	
#inhalt .lupe{
	margin-left: 10px;
	}
	
#inhalt .lupe a:link,
#inhalt .lupe a:visited {
  color: #669900;
  background/**/: url(../images/lupe.gif) no-repeat left; 
  padding-left/**/: 22px; 
}

#inhalt .lupe a:hover,
#inhalt .lupe a:focus,
#inhalt .lupe a:active {
	color:#FFFFFF;
	background-color:#669900;
	text-decoration:none;
	}

#inhalt .textnote{
	font-size: .6em;
	font-weight: bold;
	}

#inhalt .zusammen{
    white-space: nowrap; 
	}
	
/* Footer
/* - - - - - - - - - - - - - - - - - - - -  */	
#footer {
	float: none;
	clear: both;
	background: #DFF1BC;
	height: 50px;
	text-align: center;
	margin-top: 20px;
	}
		


/* Formular
/* - - - - - - - - - - - - - - - - - - - -  */	
.beschriftung {
  float: left;
  width: 9em;
  text-align: right;
}

.eingabefeld {
  float: left;
  width: 20em;
  max-width: 450px; /* maximale Breite, geht nicht im IE */
}

.check {
  float: left;
  text-align:left;
  margin-right: 4px;
  width: 1em;
  max-width: 10px; /* maximale Breite, geht nicht im IE */
}

.checktext {
  float: left;
  margin-left: 8px;
  width: 30em;
  max-width: 540px; /* maximale Breite, geht nicht im IE */
}

.senden {
  margin-left: 9em;
  float: left;
  width: 20em;
  max-width: 450px; /* maximale Breite, geht nicht im IE */
}

form p {
  font-size: 1em;
  margin: 14px 0;
}

label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: .9em;
  font-weight: normal;
  margin-right: 10px;
}

input,
textarea {
  width: 100%;
  background: #F7F7F7;
  font-family: verdana, arial, sans-serif;
  font-size: .9em;
  border: 1px solid #CCC;
}

input:hover,
textarea:hover {
  background: #FCFCFC;
  border: 1px solid #669900;
}

input:focus,
textarea:focus {
  background: #FFF;
  border: 1px solid #CC0000;
}

.fehler{
 color:#990000;
 font-weight: bold;
}

.erfolg{
 color:#006600;
 font-weight: bold;
}