/* Generelle Seiteneigenschaften */

body{ background-color:#f6f2ee; font-family:trebuchet MS, Tahoma, Arial; font-size:12px; }
body, table, tr, td, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, fieldset, form, dl, dt, dd { margin: 0px; padding: 0px; }img, fieldset { border: none; }
#page {width: 981px; margin:0 auto;}

/* Alles umwrappendes Div */
#outer{ font-family:Trebuchet MS, Tahoma, Arial; }

/* Der Visual-Bereich. In dem Visual gibt es die featureNav, das specialImage und das Logo */
#visual {background:url('../pix/visual.jpg'); width:981px; height:151px;}

#featureNav { width:193px; height:90px; margin-left:175px; margin-top:45px; position:absolute;}
#featureNav ul { margin:0 auto; padding:0px; }
#featureNav ul li{ list-style-type:none; font-size:9px; font-weight:bold; line-height:10px; font-family:arial; padding-bottom:10px;}
#featureNav ul li a{ text-decoration:none; color:#856764; text-transform:uppercase;}
#featureNav ul li a:hover{ color:#231f20; }
#featureNav ul .act a{ color:#231f20; }

#specialImage {width:246px; height:151px; float:left; margin-left:533px;  position:absolute;}

#logo {width:116px; height:151px; float:left; margin-left:831px;  position:absolute;}

/* Die MainNav befindet sich noch direkt nach dem Visual und außerhalb von Main */
#mainNav {background:url('../pix/mainNav.jpg'); width:941px; height:32px; overflow:hidden; padding:0px 20px 0px 20px; }
#mainNav ul { margin:0px 0px 0px 135px; padding:0px; text-align:center; } /**/
#mainNav ul li{list-style-type:none; float:left; font-size:13px;}
#mainNav ul li a { color:#fffffe; display:block; float:left; padding:7px 20px 7px 20px; text-decoration:none; }
#mainNav ul li a:hover { color:#231f26; text-decoration:none;}
#mainNav ul .act a{color:#231f26;}
#mainNav ul .first {background:url('../pix/mainNav_seperator.jpg') right no-repeat;}
#mainNav ul .middle {background:url('../pix/mainNav_seperator.jpg') right no-repeat;}
#mainNav ul .last {}

/* Der Inhaltsbereich */
#standard #main { width:981px; background:url('../pix/back.png'); background-color:#fff; background-repeat:repeat-y;}
#home #main { width:981px; background:url('../pix/back_home.png'); background-color:#fff; background-repeat:repeat-y;}
#innerMain{ width:981px; background:url('../pix/back_right.png'); background-repeat:no-repeat;}

/* Hier werden die einzelnen Spalten definiert, links mitte, rechts */

/* Die linke und mittlere Spalte auf Unterseiten */
#standard #left {  width:252px; float:left;} /* background:url('../pix/rootNav_.jpg'); background-repeat:repeat-y; */
#standard #middle { float:left; width:500px; padding-left:25px; padding-top:10px; line-height:22px; font-size:12px;}
#standard #colRight { line-height:19px; font-size:12px; }

/* Die subNav ist die 3te Navigation, die sich innerhalb der linken Spalte befindet. Allerdings NUR auf Unterseiten! */
#subNav { margin-top:0px; margin-bottom:50px; }
#subNav ul{ list-style-type:none; padding:0px; margin:0px;}
#subNav ul li span{ background:url('../pix/rootNav_line3.jpg') 55px bottom no-repeat; display:block; height:3px;}
#subNav ul li a{ padding-left:60px; text-decoration:none; font-size:13px; padding-top:5px; color:#b29074; display:block; padding-right:10px; padding-bottom:3px;}
#subNav ul a:hover{ color:#871618; }
#subNav ul .act a{ background:url('../pix/rootNav_act2_back.gif') left no-repeat; color:#871618;}
#subNav ul .sub a{ color:#871618; }

#subNav ul ul li{ background:url('../pix/rootNav_line4.jpg') 78px bottom no-repeat; min-height:25px; }
#subNav ul ul .act a{ padding-left:80px; background:url('../pix/rootNav_act2_back.gif') left no-repeat;}
#subNav ul ul .no a{ background:none; padding-left:80px; color:#b29074;}

/* Die linke und mittlere Spalte der Startseite */
#home #left { width:169px; float:left;} /*background-image:url('../pix/rootNav_.jpg'); background-repeat:repeat-y; */
#home #middle { float:left; width:648px; padding:0px; }

/* Die rechte Spalte - bleibt auf jeder Seite gleich */
#right { width:164px; float:right; /*background:url('../pix/colThreeback_rep.jpg') 0px 0px; background-repeat: repeat-y; */}

/* Der erste Footer. In ihm steht di eAnschrift, auch hier wird nach Start- oder Folgeseite unterschieden */
#standard #footer {width:981px; height:39px; background:url('../pix/footer.jpg'); text-align:center; font-size:11px; padding-top:24px; color:#58585a;}
#home #footer {width:981px; height:39px; background:url('../pix/footer_home.jpg'); text-align:center; font-size:11px; padding-top:24px; margin-top:-16px; color:#58585a;}


#footer a { color:#606060; text-decoration:none;}
#footer a:hover { color:#606060; }

#footer span { height:20px; padding-top:1px; margin-top:-2px; }
#footer .footertext{ }
#footer .footerlink{  }
/* #footer .footer_foerderung {color:#7d5146; /*background:url('../pix/slowfood.jpg') no-repeat;*/ padding-left:140px; margin-left:35px;}*/

/* Ein weiterer Footer, jedoch wird in ihm nur der Link zum Impressum angezeigt */
#footerNav { text-align:right; margin-top:-6px;  padding-right:3px;}
#footerNav li{ display:inline; list-style-type:none; }
#footerNav li a { color:#deba9e; text-decoration:none; font-size:10px; padding-right:10px;}
#footerNav li a:hover { color:#b29074; }
#footerNav ul .act a { color:#b29074; }

/* Das Universaltool ;) */
.clearer {clear:both;}

/* Kleiner Abstandshalter au�erhalb von Main und unter der Main Navigation, mit Hintergrundbild*/
#thinLine { background-image:url('../pix/back.jpg'); width:981px; height:6px; background-repeat:repeat-y;}

/*Einspaltiges oder zweispaltiges Layout*/
.oneCol {width:500px; float:left;}
.oneCol #colRight{display:none;}
.oneCol #middle{width:500px;}

.twoCols { width:550px; float:left; }
.twoCols #colRight{float:right; margin-right:5px; width:175px; padding-top:12px; padding-left:3px; font-size:10px;}
.twoCols #middle{float:left; width:320px !important;}
.twoCols #middle p { padding-left:16px; }

#middle p { padding-left:16px; }