html { 
  	padding:0px;
  	margin:0px;
  	scrollbar-face-color:  #fefbf2;
	scrollbar-highlight-color: #970244;
	scrollbar-shadow-color: #970244;
	scrollbar-3dlight-color:  #fefbf2;
	scrollbar-arrow-color:  #970244;
	scrollbar-track-color: #970244;
	scrollbar-darkshadow-color: #fefbf2;
}

body {
	background-color:#f8f0d3;
	font-size : 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin:0px;
	padding:0px;
	border: 0px;
	background-image: url(http://www.hotel-brunnenhof.de/pics/pattern.gif);
	background-repeat: repeat;
}




h2 {
	font-size : 115%;
	font-weight : 700;
	color: #970244;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	font-variant: small-caps;
	

} 
h3 {
	font-size : 125.01%;
	font-weight : bold;
	padding-left: 20px;
	padding-right: 20px;
	color: #970244;
} 

#box #inhalt h6 {
	font-size : 100%;
	padding-left: 20px;
	padding-right: 20px;
	color: #333333;
	background-color: transparent;
	background-image: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
} 


h4 {
	font-size : 11px;
	font-weight : bold;
	color : #fefbf2;
	background-color : #970244;
	line-height : 14px;
	padding-left : 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 3px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #970244;
	border-bottom-color: #970244;
	margin-top: 8px;
} 

h6 {
	font-size : 11px;
	font-weight : bold;
	color : #fefbf2;
	background-color : #970244;
	line-height : 14px;
	padding-left : 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 3px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #970244;
	border-bottom-color: #970244;
	margin-top: 8px;
} 

p {

	padding-right: 10px;
	padding-left: 10px;
	text-align : justify;
	text-indent:0px;
}

.p2 {
	padding-left: 20px;
	text-align : justify;
	text-indent:0px;
}

.p3 {
	font-weight: 900;
	padding-left: 10px;
	left: 15px;
	clip: rect(auto,auto,auto,15px);
	text-align: justify;
	border-left-width: 20px;
}

#box #inhalt P:first-letter {
	font-size:150%;
	color:#970244;
	font-weight:700;
	font-family:"Times New Roman", Times, serif;

}



h1 {
	font-size:130%;
	padding-top:10px;
	color: #970244;
	background-color: transparent;
	font-weight:900;
	padding-left: 20px;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-variant: small-caps;
	padding-right: 20px;
	}


#links #menu h6 a {
	text-decoration:none;
	color: #fefbf2;
	background-color: transparent;
}
 
 
 a {
 	color: #970244;
	text-decoration:none;
	font-weight:bold;
	background-color: transparent;
	
}

#inhalt  a {
 	color: #970244;
	text-decoration:none;
	font-weight:bold;
	background-color:#fefbf2;
	
}
#links hr {
	width:144px;
	height:1px;
	color:#970244;
	text-align: center;
}

hr {
	height:1px;
	color: #970244;
	text-align: center;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	left: 15px;
	right: 20px;
	width: 442px;
}

#box {
	width:800px;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(http://www.hotel-brunnenhof.de/pics/bg_box.gif);
	background-repeat: repeat;
	background-position: 800% 5%;
	
}


#menu a:hover span {
	background-image: url(http://www.hotel-brunnenhof.de/pics/whitestar.gif); 
	background-repeat:no-repeat; 
	border:0px; 
	background-position: left center;
	background-color : #970244;
}
#menu a span{
	background-image: url(http://www.hotel-brunnenhof.de/pics/redstar.gif); 
	background-repeat:no-repeat; 
	border:0px; 
	background-position: left center;
	}


#links {
	overflow:hidden;
	width:148px;
	float:left;
	background-color:transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 7px;
	background:url(http://www.hotel-brunnenhof.de/pics/bg_links.gif)158%7%no-repeat%position:0px%0px;
	border-top-width: 7px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #970244;
	border-right-color: #970244;
	border-bottom-color: #970244;
	border-left-color: #970244;
	margin: 0px;

}

#inhalt {
	width:482px;
	float:left;
	overflow: hidden;
	
}

#rechts {
	width:150px;
	padding:0px;
	margin:0px;
	float:left;
	background-color:transparent;
	top: 0px;
	background-image: url(http://www.hotel-brunnenhof.de/pics/bg_rechts.gif);
	background-repeat: no-repeat;
	background:url(http://www.hotel-brunnenhof.de/pics/bg_rechts.gif)157%7%no-repeat;
	background-position: left top;
	border-left: 2px solid #970244;
	overflow:hidden;
}

#kopf {
	background-color:transparent;
	height: 200px;
	width: 482px;
}

#rOben {
	background-color:transparent;
	height: 5px;
}


#unten {
	height: 11px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	clip: rect(auto,auto,auto,0px);
}
#box #inhalt h5 {
	background-image: url(http://www.hotel-brunnenhof.de/pics/bg4.jpg);
	line-height: normal;
	margin: 0px;
	padding-top: 5px;
	font-size: 10px;
	text-indent: 11px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 482% 20%;
}

#box #links p {
	padding-left: 7px;
	padding-top:1px;
	margin: 0px;
	font-size: 11 px;
	line-height: normal;
}
#box #rechts p {
	padding-top: 5px;
	margin: 0px;
	padding-bottom: 10px;
	text-align:left;
	float:left;
}
#box #rechts .lightbox {
	padding: 0px;

	
}

#box #rechts .lightbox p {font-size:11 px; line-height:16px; padding-right:15px;}
#box #rechts .lightbox .img {
	border-top: solid 2px #970244;


}
#box #rechts img {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #970244;
}
#box #rechts #logo {
	border: 0px;
	padding-top: 10px;
	padding-left: 4px;
}



.absatz2 {
	text-align : justify;
	padding-right : 20px;
	padding-left : 20px;
	text-indent: 15px;
}

#box #inhalt p {
	padding-right: 20px;
	padding-left: 20px;
	text-align : justify;
	padding-bottom: 15px;
}

.footer {
	padding-right: 20px;
	padding-left: 20px;
	font-size : 80%;
	text-align: justify;
}

h6 {
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(http://www.hotel-brunnenhof.de/pics/whitestar.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 3px;
}

#box #rechts h4 {
	border-right: solid 6px #970244;
	padding-right: 10px;
}

a:hover, a:active {
	background-color : #970244;

}

#box #inhalt ul {
	list-style-position: outside;
	list-style-image: url(http://www.hotel-brunnenhof.de/pics/list.gif);
	list-style-image:url(http://www.hotel-brunnenhof.de/pics/list.gif)11%11%no-repeat;
	padding-right:20px;
	line-height:16px;
}

#box #links #Layer4 {
	height: 60px;
}


#links a{

	color: #970244;
	border-top-color: #fefbf2;
	border-bottom-color: #fefbf2;
	font-size : 11 px;
	font-weight : bold;
	border-top-width: 2px;
	border-bottom-width: 2px;
	text-align : left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 3px;
	background-color: transparent;

}

#links a:hover{
	background-color : #970244;
	font-size : 10 px;
	font-weight : 600;
	color : #FFFFFF;
	font-variant : normal;
	text-transform : none;
	text-align : left;
	padding-bottom: 2px;
	padding-top: 3px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;

}


textarea { 
color : #000000;
border-color : #970244;
border-width : 1px;
border-style : solid;
background-color : #fefbf2;
font-weight : normal;
font-family : Arial, Helvetica, sans-serif;
font-size : 11 px;
scrollbar-face-color:  #fefbf2;
scrollbar-highlight-color: #970244;
scrollbar-shadow-color: #970244;
scrollbar-3dlight-color:  #fefbf2;
scrollbar-arrow-color:  #970244;
scrollbar-track-color: #970244;
scrollbar-darkshadow-color: #fefbf2;
} 
input, select { 
color: #970244;
border-color : #970244;
border-width : 1px;
border-style : solid;
background-color : #fefbf2;
font-weight : bold;
scrollbar-face-color:  #fefbf2;
scrollbar-highlight-color: #970244;
scrollbar-shadow-color: #970244;
scrollbar-3dlight-color:  #fefbf2;
scrollbar-arrow-color:  #970244;
scrollbar-track-color: #970244;
scrollbar-darkshadow-color: #fefbf2;
} 


		  		
#box #links img {
	vertical-align: bottom;
}


/*this is the css for the vertical version*/
.vertical li a{
	display: block;
	text-decoration: none;
	border: 0px ;
	font-size: 11 px;
	font-weight : bold;
	padding-top: 7px;
	padding-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	background-color: transparent;
}

.vertical li{
/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;			
}

.vertical li ul{
	position: absolute;
	margin-top: -21px;
	margin-left: 120px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	border: 2px solid #970244;
	width: 148px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 1;



}	

.style3 {
	color: #000000;
	font-size: 0,8 ems;
	padding-left: 20px;
	
}	


/*colors for menu*/
.blackwhite li a{
	color : #970244;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background-color: transparent;
}


.blackwhite ul{
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height:normal;
}

#menu ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	line-height:normal;

}

#menu ul li ul{
	background-color: #fefbf2;

}
#box #links #menu h6 a:hover {
	border-top-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	font-size : 12px;
	font-weight : bold;
}

#menu ul li a span{
	display:inline;
	margin: 0px;
	padding: 0px;
	z-index:100;
	
}

#box #inhalt h5 {background-image: url(http://www.hotel-brunnenhof.de/pics/bg4.gif);
	background:url(http://www.hotel-brunnenhof.de/pics/bg4.gif)482%20%no-repeat;
	padding-left: 10px;
	line-height: normal;
	padding-top: 5px;
	font-size: 10px;
	padding-bottom: 3px;
	color: #970244;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d4d2d3;}
.style1 {
	color: #970244;
	font-size: 10 px;
}
.style2 {color: #FFFFFF}
.titel2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #970244;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	text-align: justify;
}
.preis {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8 ems;
	font-weight: bold;
	text-align: center;
	color: #970244;
	vertical-align: middle;
	padding-right: 20px;
}

.style4 {
	color: #970244;
	font-weight: bold;
	padding-left: 20px;
}

/* 

1. CSS übernehmen

2. Bild und Text werden in einem DIV mit der Klasse .textblock eingesetzt. 

3. Ihr könnt einen 2. Stil mit .textblock_b anlegen. 



Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}





/**
* @package Dreispalter
* @name DS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0.1
*/

.dreispalter {
  width: 320px;
}

.dreispalter_1 {
  width: 100px;
}

.dreispalter_2 {
  width: 100px;
  margin-left: 10px;
}

.dreispalter_3 {
  width: 100px;
  margin-left: 10px;
}

.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}


/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-) 

Funktioniert nicht mit Formular-Generator < v.4.43
 
/*



/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 120%;
width: 370px;
}





/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 344px;
	height: 220px;
}


/* Textfeld */
.formgen .formtext
{
	height: 20px;
                width: 200px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 20px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-size:130%;
	padding-top:10px;
	color: #970244;
	background-color: transparent;
	font-weight:900;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-variant: small-caps;
	padding-right: 20px;
}


/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 30%;
	margin-top:10px;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 400px;
margin-left: 15px;
padding-bottom: 10px;
border: 0px;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #970244;
	margin-left:20px;
	font-weight: bold;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #970244;
	height: 20px;
}

legend {
	font-size : 115%;
	font-weight : 700;
	color: #970244;
	padding-right: 20px;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-variant: small-caps;
	

} 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

#box #inhalt table {
	padding-left: 10px;
	margin-left: 20px;
	border:solid, ipx, #999999;
	margin-top: -20px;
	margin-bottom: 20px;
}

#box #inhalt table .table0 {
	background-color : #970244;
	line-height : 14px;
	margin-top: 8px;
	color: #FFFFFF;
} 

#box #inhalt table .table1 {
	background-color : #970244;
	line-height : 14px;
	margin-top: 8px;
	color: #ffffff;
} 

#box #inhalt table .table2 {
	background-color : #970244;
	line-height : 14px;
	margin-top: 8px;
	color: #ffffff;
} 
#box #inhalt h4 {
	line-height : 14px;
	padding-left : 20px;
	padding-right: 20;
	background-color: #FFFFFF;
	color: #000000;
	text-indent: 0px;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 100%;
} 
#box #inhalt iframe {
	border:none;
	overflow: hidden;
	padding-left: 15px;
	scrolling: no;
}