/* style haus am roten weg */

body{
background-color: #96c4f5; 
font-size:14px; 
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
line-height:140%;
color:#d4dbcb;  
margin: 0;    
padding:0px;
}



/* hauptgerüst */

#content {
   position:relative;
   margin: 0 auto;
   background-color: #42641d;
   width:880px;
   }

#top {
   position:relative;
   background-image:url(haupt/image/top-back.jpg);
   background-repeat: no-repeat;
   padding:0;
   width:880px;
   height: 260px;
   float: left;
   }

#flash {
   position:relative;
   margin: 100px 0 0 400px;
   padding: 0;
   width:400px;
   height: 70px;
   }


#ueber {
   position:relative;
   margin: 15px 0 0 400px;
   padding: 0;
   text-align: center;
   width:300px;
   height: 20px; 
   }

#musik {
   position:relative;
   margin: -30px 0 0 820px;
   top: 0px;
   padding: 0;
   width:60px;
   height: 50px;
   }


#mid {
   position:relative;
   background-image:url(haupt/image/seiten-back.jpg);
   background-repeat: repeat-y;
   position:relative;
   margin:0;
   width:880px;
   height: 100%; 
   float: left;
   clear:both;
   }

#mid1 {
   position:relative;
   background-image:url(haupt/image/glocke.jpg);
   padding: 0;
   width:120px;
   height: 153px;  
   float: left;
   }

#mid2 {
   position:relative;
   margin:0;
   padding: 0;
   width:160px;
   height: 100%;  
   float: left;
   }


#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   display: inline;
   width: 158px;
   }

#navigation UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navigation A {
   font: bold 1em sans-serif;
   color: #d4dbcb;
   text-decoration: none;
   display: block;
   padding: 3px 0;
   border: 0;
   margin: 2px 0 0;
   width: 158px;
   }
#navigation A { \width: 158px; }
#navigation A { widt\h: 158px; }


#navigation A:link,
#navigation A:visited {
   background-color: transparent;
   margin: 2px 0 0;
   }

#navigation A:hover,
#navigation A:focus{
   background-color: transparent;
   border: 0;
   color: #bcf9be;
   margin: 2px 0 0;
   }

#navigation #aktuell a {
   color:#bcf9be;
   background-color: transparent;
   border: 0;
   margin: 2px 0 0;
   }
#navigation #aktuell-2 a {
   color:#bcf9be;
   background-color: transparent;
   border: 0;
   margin: 2px 0 0;
   }

#i0 #navigation A.c0,
#ia #navigation A.ca,
#ib #navigation A.cb,
#ic #navigation A.cc,
#id #navigation A.cd, 
#ie #navigation A.ce, 
#if #navigation A.cf, 
#ig #navigation A.cg, 
#ih #navigation A.ch,
#ii #navigation A.ci
{
   display: block;
   font: normal 0.94em sans-serif;
   padding: 3px 4px 3px 24px;
   border-top: none;
   margin: -1px 0 0 0;
   width: 130px;
   }
#i0 #navigation A.c0,
#ia #navigation A.ca,
#ib #navigation A.cb,
#ic #navigation A.cc,
#id #navigation A.cd, 
#ie #navigation A.ce, 
#if #navigation A.cf, 
#ig #navigation A.cg, 
#ih #navigation A.ch,
#ii #navigation A.ci
 { \width: 158px; }
#i0 #navigation A.c0,
#ia #navigation A.ca,
#ib #navigation A.cb,
#ic #navigation A.cc,
#id #navigation A.cd, 
#ie #navigation A.ce, 
#if #navigation A.cf, 
#ig #navigation A.cg, 
#ih #navigation A.ch,
#ii #navigation A.ci
 { widt\h: 130px; }

#navigation A.n  {
   display: none;
   }



#mid3 { 
   position:relative;
   margin:0 !important; /* Für moderne Browser */
   padding: 0 70px 50px 50px;
   width:480px;
   height: 100%; 
   float: left;
   }
#mid3 { \width: 600px; }
#mid3 { widt\h: 480px; }



#bottom {
   position:relative;
   background-image:url(haupt/image/bottom-back.jpg);
   background-repeat: no-repeat;
   margin: 0;
   padding: 0;
   clear:both;
   height:140px;
   width:880px;
   }

#up {
   position:relative;
   background-color: transparent;
   margin: 60px 20px 0 0; 
   width:60px;
   height:35px;
   float: right;
   }


#web {
   position:relative;
   background-color: transparent;
   margin: 40px 0 0 120px;
   top: 40px; 
   width:100px;
   height:40px;
   float: left;
   }



/* allgemeine Überschriften*/
h1{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 20px 0 10px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#d4dbcb;
font-size:120%;
font-weight: bold; 
}


h2{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 15px 0 0 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#bcf9be;
font-size:110%; 
font-weight: bold;
}

.h {
margin-top: 0px;
margin-left: 0;
padding: 0;
color:#ffffff;
font-size:140%;
font-weight: bold;
}


/* allgemeine links im text */

a:link, a:visited {
text-decoration:underline;color:#bcf9be;font-weight: bold;
}

a:hover, a:active { 
text-decoration:underline;
color:#d4dbcb;font-weight: bold;
}


/* Kontaktformular*/

#komplett {
	border: 0px double #2E582C;
	width: 420px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #CCDEA3;
	padding-top: 10px;
	padding-left: 15px;
	text-align: left;
}
.li {
	clear: left;
	float: left;
	width: 50%;
}
.lire {
	clear: right;
	float: left;
	width: 50%;
}
.textfeld {
	border: 1px solid #CCDEA3;
	height: 15px;
	width: 180px;
	font-size: 12px;
	color: #2E582C;
	font-family: "Courier New", Courier, mono;
	padding-left: 13px;
}
.textarea {
	border: 1px solid #CCDEA3;
	height: 100px;
	width: 380px;
	font-size: 12px;
	color: #2E582C;
	font-family: "Courier New", Courier, mono;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 13px;
}
.button {
	background-color: #CCDEA3;
	height: 25px;
	width: 120px;
	margin: 15px 5px 10px;
	border: 1px solid #2E582C;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #2E582C;
}
.textfeldspam {
	border: 1px solid #CCDEA3;
	height: 15px;
	width: 140px;
	font-size: 12px;
	color: #2E582C;
	font-family: "Courier New", Courier, mono;
	margin-right: 0px;
	text-align: center;
}