body { 
scrollbar-arrow-color: #C0C0C0;
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
background-color:#FFFFFF;
background-image:url(pics/bg_hell.gif);

} 


#rahmen {
	background-color: #CCCCCC;
	height: 542px;
	width: 780px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

#rahmen2 {
	height: 536px;
	width: 760px;
	padding: 3px;
	background-color: #970F16;
	margin: auto;
}

#header{
	background-color: #FFFFFF;
	height: 88px;
	width: 760px;
	padding-top: 5px;
}

#links{
	background-color: #FFFFFF;
	height: 443px;
	width: 158px;
	clear: both;
	float: left;
	background-image: url(pics/schatten1.gif);
}

#nav1{
	height: 180px;
	width: 100px;
	float: right;
	margin-top: 70px;
	margin-right: 20px;
	border-right: 1px solid;
	border-right-color: #970F16;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 4px;
	padding-top: 8px;
	color: #CCCCCC;
}
#nav1 li {
	margin: 0;
	padding: 0;
	height: 23px;
	list-style-type: none;
	color: #970F16;
	text-decoration:none;
	display:block;
	background-image: url(pics/punkt4.gif);
	background-repeat: no-repeat;
	background-position: 100% 15%;
  }
#nav1 li a:link, #nav1 li a:visited{
	text-decoration:none;
	display:block;
	background-image: url(pics/punkt3.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #970F16;
}
#nav1 li a:hover, #nav1 li a:active {
	color: #970F16;
	background-image: url(pics/punkt4.gif);
	}

#mitte{
	background-color: #FFFFFF;
	height: 443px;
	width: 602px;
	float: right;
	background-image: url(pics/bg.gif);
	background-repeat: no-repeat;
}

#inhalt{
	height: 350px;
	width: 570px;
	clear: both;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #970F16;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:15px;
	text-align: left;
	overflow:auto;
}

#inhalt a:link, #inhalt a:visited{
	text-decoration:none;
	color: #333333;
}
#inhalt  a:hover, #inhalt a:active {
	color: #CCCCCC;
	}

#inhalt2{
	height: 355px;
	width: 570px;
	clear: both;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #970F16;
	margin-top: 10px;
	
	margin-left:15px;
	text-align: left;
	overflow:hidden;
}

#inhalt3{
	height: 350px;
	width: 570px;
	clear: both;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #970F16;
	margin-top: 20px;
	margin-left:15px;
	text-align: left;
	overflow:auto;
}

#copy{
	height: 14px;
	width: 170px;
	clear: both;
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	margin-left: 410px;
	margin-top:0px;
}

#rechts{
	background-color: #FFFFFF;
	height: 443px;
	width: 230px;
	float: right;
	background-image: url(pics/schatten2.gif);
}

#nav1 ul{
    margin: 0; 
	padding: 0;
	list-style-type: square;
	
  }

#kontakt {
	width: 300px;
	height: 110px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #970F16;
	margin-top: 10px;
	text-align: left;
	overflow:hidden;
}

#kontaktphp {
	font-size: 10px;
	width: 300px;
	height: 260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #970F16;
	margin-top:00px;
	overflow:hidden;
}

.fieldset{
 border: #CCCCCC 1px solid;
 padding: 0px, 0px, 0px, 10px;
}

.feldkontakt{
 border:1px solid #dddddd;
 margin-left: 0px;
 width: 205px;
}

.kontaktbutton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #970F16;
	background-color:#FFFFFF;
	border:1px solid;
	border-color:#CCCCCC;
}

#ueberschrift {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #970F16;
	width: 500px;
	height: 20px;
	text-align: left;	
	margin-top: 30px;
}

#thumbs{
	width: 200px;
	height: 200px;
	float:left;
	margin-top:30px;
	margin-left:10px;
}
#thumbs2{
	width: 200px;
	height: 300px;
	float:left;
	margin-top:20px;
	margin-left:10px;
}
#bildtext{
	width: 220px;
	height: 100px;
	clear:none;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #970F16;
	margin-left:15px;
}
#bildtext2{
	width: 230px;
	height: 100px;
	clear:both;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #970F16;
	margin-left:20px;
	overflow:visible;
}

#bild{
	width: 280px;
	height: 310px;
	clear:none;
	float: right;
	margin-top:30px;
}
#bild2{
	width: 280px;
	height: 310px;
	clear:none;
	float: right;
	margin-top:30px;
}
#nav2{
	width: 512px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #970F16;
	margin-top:10px;
	float:left;

}
#nav2 a:link, #nav2 a:visited{
	text-decoration:none;
	display:block;
	color: #CCCCCC;
}
#nav2  a:hover, #nav2 a:active {
	color: #970F16;
	}


/*...............................................................Gästebuch.............................................................*/


blockquote {
	margin-left : 30px;
}
ol {
	margin-top : 0px;
	margin-bottom : 0px;
}
ol li {
	margin-left : 40px;
}

/* Navigation*/
.navi {
	color:#970F16;
	text-decoration:none;
}
a.navi:hover {
	background-color : #970F16;
	text-decoration : none;
	color:#CCCCCC;
}

.mailto {
	color:#CCCCCC;
	text-decoration:underline;
}
a.mailto:hover {
	color:#970F16;
	text-decoration:underline;
}


/* Ueberschriften*/
h1 {
	color : #970F16;
	letter-spacing : 5px;
	font-variant : small-caps;
	font-size : 14px;
}
h2 {
	font-size :  12px;
}
h4 {
	font-size : 10px;
	letter-spacing : 3px;
	font-weight : normal;
}
/* Trennlinien*/
hr {
	border : 1px solid #970F16;
	background-color : #970F16;
	color : #970F16;
	height : 1px;
}

/* Fehlermeldungen*/
dfn {
	color : #000000;
	font-weight : bold;
	font-style : normal;
	font-size : 140%;
}
/* Anzahl der Eintraege - Startseite */
var {
	color : #333333;
	font-style : normal;
	font-size : 11px;
}


legend {
	color : #A9A9A9;
	padding: 3px;
	padding-left : 10px;
	padding-right : 10px;
	border : 1px solid #A9A9A9;
}

/*label = Formularfeld-Beschreibung links ausrichten*/
.links{
	float : left;
	width : 150px;
}

/*Sende-Buttons*/
.btn{
	background-color : #DCDCDC;
	font-size : 1em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding : 3px;
	border : 1px solid #A9A9A9;
}
/*Smilies*/
form ul li {
	display : inline;
	list-style-type : none;
}
/*Klick-Buttons*/
button {
	background-color : transparent;
	width : 40px;
	border : 0;
	cursor : pointer;
}


caption {
	text-align : left;
	padding-bottom : 10px;
}
/* Tabellenkopf*/
th {
	text-align : left;
	background-color : #FFFFFF;
	padding : 0px;
	border : 1px solid Black;
	font-weight : normal;
	letter-spacing : 1px;
}

/*...............................................................Gästebuchanzeige.............................................................*/

/* Container - Blättern*/
.seite {
	font-size:9px;
	text-align : right;
	padding-right : 10px;
	color: #970F16;
}

a.seite:link {
	color: #970F16;
}
a.seite:hover {
	color: #970F16;
}
a.seite:visited {
	color: #970F16;
}

/* Eintrag vom - Startseite*/
.eintrag {
	font-size : 10px;
	color : #999999;
	clear : both;
}


/* Datum + Uhrzeit*/
.eintrag var {
	font-size : 10px;
	color : #999999;
}
/* linke Anzeige + rechte Anzeige  umschliessender Container*/
.post{
	border-top-width : 0;
	height : auto;
	clear : both;
	border-bottom-width : 0;
}

/* rechte Anzeige*/
.txt {
	border-bottom: 1px solid #CCCCCC;
	width:350px;
	padding-bottom:4px;
	
}

/* unsichtbare Elemente */
.none {
        display : none;
}
/* Fussnote*/

/* linke Anzeige*/
.post address{
	padding : 10px;
	width : 100px;
	float : left;
	font-style : normal;
	border : 0;
	background-color : transparent;
	margin : 0;
	color : #970F16;
	text-align : left;
}
/*Trennzeichen*/
acronym {
	display : none;
}