html,body { background-color:white; 
	font-size:12pt;
	font-family:Arial, Helvetica, sans-serif;	
	height: 100%; /* wichtig */
	margin:0;
  	padding:0.5em 0 0 0;		 
	}
* { margin:0;
  	padding:0;
  }
link,a:link,a:hover 
{ color: #c40304;
}
a:visited { 
color: #c40304;
}
#box {  
	background:#c40304;
 	margin:auto;
	display:block;
	width:980px;
	text-align:center;
	position: relative; /* wichtig */
	}
#top {
background-image: url(../images/logors.jpg);
background-repeat: no-repeat;
background-position: right top; 
background-color:white;
text-align:left;
height:110px;
}
#navi {
background-color: #c40304;
text-align:left;
height:1em;
padding-top:.1em;
width:100%;
}
#navi p{
text-align:left;
font-size:80%;
color:white;
font-weight:bold;
}
#navi p a{
text-align:left;
color:white;
text-decoration:none;
}
#navi p a:hover{
color:#cccccc;
text-decoration:underline;
}
.link a{
font-size:100%;
color:c40304;
font-weight:bold;
text-align:left;
text-align:left;
text-decoration:none;
}
.link a:active{
font-size:100%;
color:c40304;
font-weight:bold;
text-align:left;
text-align:left;
text-decoration:none;
}
.link a:visited{
font-size:100%;
color:c40304;
font-weight:bold;
text-align:left;
text-align:left;
text-decoration:none;
}
.link a:hover{
color:#cccccc;
text-decoration:underline;
}
#links { margin:.5em .5em 0 0em;
	min-height:81%; 
  	width: 250px;
  	background-color:#CCCCCC; 
 	float:left;
	position:relative;
 	top:0;
	vertical-align:top;
	text-align:center;
	padding-top:1em;
	border-right: 6px solid #c40304;
	}
	
#kontakt { 
   
  	width: 97.3%;
  	background-color:#FFFFFF; 
 	float:left;
	vertical-align:top;
	text-align:left;
	padding-top:1em;
	padding-left:15px;
	border: 6px solid #c40304;
	border-left: 6px solid #c40304;
	}
	
#kontakt {

color: black; 
text-align: left; 
font-weight: normal;
padding-bottom:2em;
	}	
	
#rechts { 
	background:#fff;
 	margin:.5em .5em 0 16em;
	border-bottom: 6px solid #c40304;
		}
#logo {
	margin-top:0;
	padding:0 0 0 0;		
	}
#rs { margin-top:0;
	padding:0 0 0 0;}
h1#titel { font-family:Arial,Helvetica,sans-serif; 
     font-size: 150%; 
     color: #c40304; 
     text-align: left;
   	padding-top: 0.7em; 
     padding-bottom: 0em;
     margin-bottom: .5em;
     margin-left: 1.3em;
     margin-top: 0em;
     font-weight: normal;
   }
h2 { font-size: 130%; 
    	color: white; 
    	text-align: left; 
    	font-weight: normal;
	margin-top: 0em;
    	margin-left: 0em;
	padding:0.5em;
	display: block;
	width:218px;
	background-color: #808080; 
	border: 0.05em solid #808080;
}

h3 { font-size: 100%; 
    	color: #c40304; 
    	text-align: left; 
    	font-weight: bold;
	margin-top: 1em;
    	margin-left: -0.2em;
	margin-bottom:2em;
	padding-left:1em;
}
p { font-family:Arial,Helvetica,sans-serif; 
    font-size: 95%; 
    color: black; 
    text-align: left; 
    font-weight: normal;
	margin-top: 0em;
    margin-left: 1em;
    margin-right: 1em;
}
p.link {color: #c40304; margin-top: 2em; padding-bottom:2em; }

p.auswahl { margin-left: .8em;
    margin-right: .8em;}
    
p.select {float:right;
	margin-top:-1.2em;
	margin-bottom:2em;}
	
p#suche {margin-top:2em;
	margin-left:.8em; }
	
ul { font-family:Arial,Helvetica,sans-serif; 
    font-size: 90%; 
    color: black; 
    text-align: left; 
    font-weight: normal;
    margin-left: 4em;
    list-style-type: square;
}

#formular {font-size: 100%; 
    	color: black; 
    	text-align: left; 
    	font-weight: normal;
	margin-top: 0.5em;
    	margin-left: 0.3em;
	display: block;
	width:15em;
	height:25em;
	background-color: white; 
	border: 0.1em solid #808080; 
	padding:0em;
}


	
    fieldset { width: 500px; margin-bottom: .7em; margin-left:2em; text-align: left;line-height:170%;}
    #person { margin-right: 2em; float: left; }
    #haus {width:60px; float:right; margin-top:-3em;}
    #comment { padding: 0em 0em;  margin-top:2em;}
    #Kommentar { width: 29.5em; clear:left;}
    #button { margin-left:1em; margin-top:3em; margin-bottom:3em;}
img.karte { margin-top:1em;
	margin-left: -0.7em; }
#inhalt { margin-top: .5em; 
	width: 95%;
	margin-left: 1em;
	padding-left: 0em;
        padding-right: 1em;
	margin-bottom:0em;
	}
#inhalt p {padding-right: 1.5em; 
           font-size: 95%; 
	margin-top: 1em;
	margin-bottom: 1em;
}
#inhalt li {padding-right: 1.5em; 
           font-size: 100%; 
	margin-top: .2em;
	margin-bottom: .2em;
}
p.info { margin-top: 1em; 
	margin-left: 2em;
	margin-bottom:1em;
	font-size: 95%; 
}
img#immo {padding-left:1.3em; 
          padding-right: 2em; 
          float:left; 
          }
h3#monat {font-size: 150%; 
     color: #c40304; 
     text-align: left;
	   padding-top: 0.7em; 
     padding-bottom: 0em;
     margin-bottom: .5em;
     margin-left: .2em;
     margin-top: 0em;
     font-weight: normal;}
p.daten {margin-bottom: .6em;
        margin-left: 1.8em;}
p#bilder {margin-top:4em;
	padding-left:-2em; 
	 width:60%;
	float:right;}
img#bild1 {float:right; padding:.1em;}
#footer {position:absolute;
	width: 100%;
	background-color:#808080;
	Color: white;
	bottom:0px; /*wichtig*/
	}
p.impressum {
  diplay: block; 
  text-align: center;
  font-size: 70%; 
  font-weight: normal;
  background: #808080; 
  width: 100%; 
  color: #ffffff; 
  margin-bottom:0em;  
  margin-left:0em;
  margin-top:0.5em;
  height: 2em;
}
br.clear {clear:left; 
	top:0;
	botom:0;}
A.weiter {		
		FONT-SIZE: 12px; 
		background:# #c40304; 
		OVERFLOW: hidden; 
		border-top-style: outset;
		border-right-style: outset;
		border-bottom-style: outset;
		border-left-style: outset;
		WIDTH: 10em; 
	    height:1.8em;
		color: #ffffff; 
		padding-top:0.2em;
		TEXT-ALIGN: center;
		TEXT-DECORATION: none; 
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 2px;
		border-color:grey;
	}
A.weiter:link {
	DISPLAY: block;
	FONT-SIZE: 12px;
	BACKGROUND: #c40304;
	OVERFLOW: hidden;
	WIDTH: 10em;
	height:1.8em;
	color: #ffffff;
	TEXT-ALIGN: center;
	padding-top:0.2em;
	TEXT-DECORATION: none;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-color:grey;
		}
A.weiter:visited {
	DISPLAY: block;
	FONT-SIZE: 12px;
	BACKGROUND: #c40304;
	OVERFLOW: hidden;
	WIDTH: 10em;
	height:1.8em;
	color: #ffffff;
	TEXT-ALIGN: center;
	padding-top:0.2em;
	TEXT-DECORATION: none;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-color:grey;
			}
A.weiter:hover {
	BACKGROUND: #ffffff;
	color: #c40304;
	TEXT-ALIGN: center;
	padding-top:0.2em;
	height:1.8em;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-color:gray;
				}
A.weiter:active {
				BACKGROUND: #c40304; 
				COLOR: #bcbcbc;
				TEXT-ALIGN: center;
     			padding-top:0.2em;
				border-top-width: 2px;
				border-right-width: 2px;
				border-bottom-width: 2px;
				border-left-width: 2px;
				border-top-style: inset;
				border-right-style: inset;
				border-bottom-style: inset;
				border-left-style: inset;
				border-color:grey;
			}
div.shadow {
   float: left;
   background-color: #777;
   padding: 1px;
   border: 1px solid #999;
   margin: 0px;
   }
div.shadow2 {
   float: left;
   background-color: #bbb;
   padding: 1px;
   border: 1px solid #ddd;
   margin: 0.7em 1em;
   margin-bottom:0px;
   margin-left:5px;
   }
div.shadow img {
   border: 0px solid #666;
   margin: 0;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }