body {
	color: black;
	background-color: white;
	font-family: "Palatino Linotype", serif;
	font-size: medium;
}

/* drei horizontale Bereiche, die die Unterlemente aufnehmen */

#kopf { /* oberer Bereich fuer Logo, Bilder, Breadcrumbs*/
float:left;
/*border: 2px dotted green;*/
	}

	/*Bereich fuer das Logo links oben*/
	#logo {
		float:left;
		width:200px;
		height:140px;
		margin:10px; /*Abstand von 10 px jenseits des Rahmens*/
background-image: url(../images/logo_heyenhof.png);
background-repeat: no-repeat;
		/*background-color: gray;*/
	}		
	
	/*Bereich fuer zentrales / grosses Bild */
	#topbild {
		float:left;
		width:600px;
		height:140px;
		margin: 10px;
background-image: url(../images/hauptbild.jpg);
background-repeat: no-repeat;
		/*background-color: gray;*/
	}
	
	/*Bereich fuer weitere Informationen im Kopfbereich z.B. gallery-Bild*/
	#toprightinfo {
		float:left;
		margin:10px;
		width:200px
	}
	
	/*Bereich fuer breacrumbs im Kopfbereich (im Moment noch hardcore - Baustelle)*/
	#topbread {
        position: absolute;
        top:145px;
        left: 25px;
        width: 200px;
        font-size: 12px;
	margin:0 0 0 0;
	/*border: 1px dashed silver;*/
	/*background-color: gray;*/
	} 	 
		
#mitte { /* mittlerer Bereich fuer linke Navigation, Inhalt, rechte Navigation */
float:left;
/*border: 2px dotted red;*/
	}

	/* linke Seite fuer Navigation */
	#linksnav {
	float:left;
	width:180px;
	margin: 10px 30px 10px 10px;
	/*background-color: gray;*/
	}
	
	/* Mitte fuer Inhalt */
	#inhalt {
	float:left;
	width:600px;
	margin:8px;
        padding:2px;
	background-color: rgb(247,240,225);
	}

	/* rechte Seite noch unbenutzt */
	#midrightinfo {
	width:200px;
	/*background-color: gray;*/
	}
		
#unten {clear:both;
float:left; /* unterer Bereich fuer die Fusszeile */
width:1024px;
/*border:2px dotted blue;*/
	/*Fusszeile selbst*/
	}
	#footer{
        width:600px;
        font-size:12px;
        color:#85190A;
	margin:0 0 0 226px;
	background-color: white;
        padding: 4px 4px 20px 4px;
        text-align: center;
        border-top: 1px dashed black;
	}


/* Styling fuer die Menues */

/* Hack fuer IE, weil er die Boxinhaltsgroesse falsch kalkuliert */
/* jedes Menü wird einzeln in solche Boxen gepackt */
.box {padding:0.4%}

 /* Sliding-Door Rounded menu HAUPTMENUE*/

div.module_hauptmenu {
  background: url(../images/rounded_topleft.png) 0 0 no-repeat;
  margin:0;
 padding: 0;
}
 
div.module_hauptmenu div {
  background: url(../images/rounded_bottomleft.png) 0 100% no-repeat;
  margin: 0;
  padding: 0 0 0 0;
}
 
div.module_hauptmenu div div{
  background: url(../images/rounded_topright.png) 100% 0 no-repeat;
  margin:0;
  padding:0;
}
 
div.module_hauptmenu div div div {
  background: url(../images/rounded_bottomright.png) 100% 100% no-repeat;
  margin:0;
  padding: 0 0 0 0;
}

div.module_hauptmenu div div div div {
	background: none;
}

/* Menueueberschriften */

.module_hauptmenu h3 {
 text-align: center;
 font-size: 16px;
 line-height:16px;
 font-family: "Palatino Linotype", serif;
 color: white;
 margin: 0;
 padding: 2px 0 2px 0;
 }

/* Sliding-Door Rounded menu BESMENU*/

div.module_besmenu {
  background: url(../images/rounded_topleft.png) 0 0 no-repeat;
  margin: 0;
  padding: 0;
}
 
div.module_besmenu div {
  background: url(../images/rounded_bottomleft.png) 0 100% no-repeat;
  margin:0;
  padding:0 0 0 0;
}
 
div.module_besmenu div div{
  background: url(../images/rounded_topright.png) 100% 0 no-repeat;
  margin:0;
  padding:0;
}
 
div.module_besmenu div div div {
  background: url(../images/rounded_bottomright.png) 100% 100% no-repeat;
}

div.module_besmenu div div div div {
	background: none;
}

/* Menueueberschriften */

.module_besmenu h3 {
 text-align: center;
 font-size: 16px;
 line-height:16px;
 font-family: "Palatino Linotype", serif;
 color: white;
 margin: 0;
 padding: 2px 0 2px 0;
 }

/* Sliding-Door Rounded menu AKTUELLMENU*/

div.module_aktuellmenu {
  background: url(../images/rounded_topleft.png) 0 0 no-repeat;
  margin:0;
  padding:0;
}
 
div.module_aktuellmenu div {
  background: url(../images/rounded_bottomleft.png) 0 100% no-repeat;
  margin:0;
  padding:0;
}
 
div.module_aktuellmenu div div{
  background: url(../images/rounded_topright.png) 100% 0 no-repeat;
 margin:0;
 padding:0;
}
 
div.module_aktuellmenu div div div {
  background: url(../images/rounded_bottomright.png) 100% 100% no-repeat;
margin:0;
padding:0;
}

div.module_aktuellmenu div div div div {
background:none;
z-index: 20;
}

/* Menueueberschriften */

.module_aktuellmenu h3 {
 text-align: center;
 font-size: 16px;
 line-height:16px;
 font-family: "Palatino Linotype", serif;
 color: white;
 margin: 0;
 padding: 2px 0 2px 0;
 }


   /* Menu ul fuer dieses spezielle menu (anders als die anderen) */
   
   .module_aktuellmenu ul.menu {
   padding: 0 0 20px 0; 
   }

   /* Menuitems fuer dieses spezielle menu (z.B. keine Dreiecke)*/

.module_aktuellmenu ul.menu li {
list-style:none;
text-align: center;
font-family: Arial;
/*merkwuerdiger Hack mit nichtexistentem button - sonst packt der IE den Text in den Hintergrund*/
background:url(../images/menu_butto.html);
background-repeat:no-repeat;
background-position: center left;
padding: 10px 4px 10px 4px;
font-size: 14px;
line-height: 16px;

}

  

/* Menuitems (alle) */
/* Auf Selektor achten, da im erzeugten HTML-Quellcode steht <ul class="menu"><li ...>" */

ul.menu {
	margin: 0px;
	padding: 0 0 20px 10px; /* Einrueckung von unten (sonst expandiert Kasten nicht richtig) bzw. links*/
}

ul.menu li {
 list-style: none;
 background:url(../images/menu_button.gif);
 background-repeat:no-repeat;
 background-position: center left;
 font-size: 14px;
 line-height:14px;
 font-family:"Palatino Linotype", serif;
 font-weight:bold;
 display: block;
 padding:4px 0px 4px 20px; /* etwas Gefummel das richtig gegen die buttons zu positionieren (Baustelle) */
 /*border:1px solid red;*/
}



/* Links in den Menus */

ul.menu a {
 text-decoration: none;
 color:black;
}

/* Hover Effekt */

ul.menu a:hover {
	color: #85190A;
}
/* ausgewaehlten Link eingefaerbt lassen */

.menu li#current a {
color:#85190A;
}


/* Styling fuer die Inhalte */

/* Ueberschriften */

td.contentheading {
text-align: left;
 font-size:18px;
 line-height:18px;
 font-family: "Palatino Linotype", serif;
 color: #85190A;
 background-color: rgb(247,240,225);
 background-image: url(../images/heading_leftbutton.gif);
 background-repeat: no-repeat;
 /*margin-bottom:10px;*/
 padding: 5px 5px 5px 20px;
}

/* Inhalte selbst */

table.contentpaneopen td {
background-color: rgb(247,240,225);
}


/* Ueberschriften fuer RSforms (ähnlich wie fuer Inhalt)*/

/* Ueberschriften */

.componentheading {
text-align: left;
 font-size:18px;
 line-height:18px;
 font-family: "Palatino Linotype", serif;
 color: #85190A;
 /*background-color: rgb(247,240,225);*/
 background-image: url(../images/heading_leftbutton.gif);
 background-repeat: no-repeat;
 /*margin-bottom:10px;*/
 padding: 5px 5px 5px 20px;
}