﻿*,html{padding: 0; margin: 0; font-family: Verdana, Arial, sans-serif; }

body{margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; background-image: url(../images/frontend/body_background.jpg); background-repeat: repeat-x; background-color: #eeeeee; }
.clear{clear: both; overflow: hidden; height: 0;}
em{display: block; padding: 2px 0 0 0; font-size: 11px;}

#googlemaps{display: none;}

h1 a span{display: none;}
h2 span{display: none;}
h2{margin: 0 0 0.7em 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #ccc;height: 22px; width: 100%; background-repeat: no-repeat; } 
h3{border-bottom: 0px solid #ccc; display:  block; padding: 0 0 5px 0; clear: both; color: #7ab241; font-size: 14px;}

h2.h2_welcome{  background-image: url(../images/frontend/h2_welcome.gif);  }
h2.h2_agb{background-image: url(../images/frontend/h2_agb.gif);}
h2.h2_aktuelles{ background-image: url(../images/frontend/h2_aktuelles.gif); }
h2.h2_kuehe{ background-image: url(../images/frontend/h2_kuehe.gif); }
h2.h2_schafe{ background-image: url(../images/frontend/h2_schafe.gif); }
h2.h2_vita{ background-image: url(../images/frontend/h2_vita.gif); }
h2.h2_kupfergraben{ background-image: url(../images/frontend/h2_kupfergraben.gif); }
h2.h2_hackescher_mark{ background-image: url(../images/frontend/h2_hackescher_markt.gif); }
h2.h2_bestellformular{ background-image: url(../images/frontend/h2_bestellformular.gif); }
h2.h2_kontakt{ background-image: url(../images/frontend/h2_kontakt.gif); }
h2.h2_impressum{ background-image: url(../images/frontend/h2_impressum.gif); }
h2.h2_preise{ background-image: url(../images/frontend/h2_preise.gif); }


#muhkuHeader{width: 900px; height: 234px; background-image: url(../images/frontend/muhku_header_bg.jpg); background-repeat: no-repeat; position: relative; }
#muhkuHeader_off{width: 900px; height: 234px; background-image: url(../images/frontend/muhku_header_bg2.jpg); background-repeat: no-repeat; background-position: center; position: relative; }

#muhkuNavigation{width: 700px; height: 30px; position: absolute; top:201px; left:50px; }
#muhkuNavigation ul{list-style: none; margin: 0; padding: 0;}
#muhkuNavigation ul li{float: left; padding: 0 0.7em 0 0.7em;border-bottom: 4px solid #4e8421;  }
#muhkuNavigation ul li:hover, #muhkuNavigation ul li.active{border-color: #7ab241;}
#muhkuNavigation ul li a{display: block; height: 19px; background-position: top left; padding: 0 0 10px 0; background-repeat: no-repeat;  }
#muhkuNavigation ul li a:hover, #muhkuNavigation ul li a.active{background-position: top right;  }
#muhkuNavigation ul li a span{display: none;}

#muhkuNavigation ul li a#startseite{ width: 66px; background-image: url(../images/frontend/nav_startseite.gif); }
#muhkuNavigation ul li a#aktuelles{ width: 62px; background-image: url(../images/frontend/nav_aktuelles.gif); }
#muhkuNavigation ul li a#vita{ width: 29px; background-image: url(../images/frontend/nav_vita.gif); }
#muhkuNavigation ul li a#kuehe{ width: 32px; background-image: url(../images/frontend/nav_kuehe.gif); }
#muhkuNavigation ul li a#schafe{ width: 42px; background-image: url(../images/frontend/nav_schafe.gif); }
#muhkuNavigation ul li a#kupfergraben{ width: 91px; background-image: url(../images/frontend/nav_kupfergraben.gif); }
#muhkuNavigation ul li a#preise{ width: 61px; background-image: url(../images/frontend/nav_preisliste.gif); }
#muhkuNavigation ul li a#bestellformular{ width: 109px; background-image: url(../images/frontend/nav_bestellformular.gif); }
#muhkuNavigation ul li a#kontakt{ width: 58px; background-image: url(../images/frontend/nav_kontakt.gif); }


#muhkuContent{width: 700px; margin: 25px 0 0 50px; font-size: 12px; color: #5e5e5e; }
#muhkuContent p{line-height: 1.6em; padding: 0 0 1em 0; font-size: 12px; color: #5e5e5e;}
#muhkuContent p a{color: #4e8421;}
#muhkuContent ul li {line-height: 1.6em; padding: 0 0 1em 0; font-size: 12px; color: #5e5e5e;}
#muhkuContent ul a{color: #4e8421;}
#muhkuContent em{margin: 0 0 1em 0; display: block;}
#muhkuContent img{}
#muhkuContent ul{padding: 0 0 0 1.5em; margin: 0 0 1em 0; line-height: 1.6em; }

#signatur{  }

.newsentry{ margin: 0 0 0.5em 0; }
.newsentry p{}
.date{ color: #9a9a9a; font-weight: normal; }

table{margin: 0; padding: 0; }
table tr{vertical-align: top; margin: 0;}
table tr td{height: 25px; line-height: 25px; padding: 0 0 0 5px; margin: 0; } 
table tr.colorswitch{background-color: #dee4d7; margin: 0;}
table thead tr th{padding: 5px; border-bottom: 1px solid #ccc; text-align: left;}
table span{font-style: italic; font-size: 11px;}
td.right, th.right{text-align: right;}

.arbeiten_overview{ clear: both; margin: 0 0 25px 0; }
.arbeiten_overview div {}
.arbeiten_overview div img{ display:block; margin:5px 0 0 0; padding: 0px; border-width: 5px; border-style: solid; border-top-color: #333; border-right-color: #333; border-bottom-color: #000; border-left-color: #000;  }
.arbeiten_overview div span{ display: block; }
.arbeiten_overview div span.format{font-size: 10px;}
.arbeiten_overview .arbeit{ padding: 5px 4px 5px 4px; width: 165px; height: 180px; overflow:hidden; background-color: #dee4d7; float: left; margin: 0 1px 1px 0; text-align: left; }
.arbeiten_overview .arbeit img{width: 154px}

/* Old
.arbeiten_overview .arbeit1{ width: 175px; float: left; margin: 0 0 0 0; text-align: left; }
.arbeiten_overview .arbeit2{ width: 175px; float: left; margin: 0 0 0 0; text-align: left; }
.arbeiten_overview .arbeit3{ width: 175px; float: left; margin: 0 0 0 0; text-align: left; }
.arbeiten_overview .arbeit4{ width: 175px; float: left; margin: 0 0 0 0; text-align: left; }
*/

.startimage{ margin: 0.4em 1.5em 4.0em 0; float: left;border: 5px solid #fff; padding: 1px;}
.preview_arbeit{border-width: 5px; border-style: solid; border-top-color: #333; border-right-color: #333; border-bottom-color: #000; border-left-color: #000; margin: 5px 0 5px 0; }
.floatLeftImage{float: left; margin: 0.4em 1.5em 0.5em 0; border: 5px solid #fff; padding: 1px;}
.floatRightImage{float: right; margin: 0.4em 0 0.5em 1.5em; border: 5px solid #fff; padding: 1px;}
.contentImage{border: 5px solid #fff; padding: 1px;}

.image_galerie{ text-align: center; margin: 0 0 15px 0; }
.image_galerie img{ border: 5px solid #fff; padding: 1px; margin: 0 15px 0 0; }

#muhkuFooter{ clear:both; width: 700px; margin: 1em 0 0 50px; font-size: 12px; color: #5e5e5e; border-top: 1px solid #ccc; padding: 1em 0 2em 0; }
#muhkuFooter p a{font-weight: bold; color:#5e5e5e;  }
#muhkuFooter p{line-height: 1.6em;}

fieldset{ border:0px solid #fff; }
fieldset legend{display: none;}
fieldset label{float: left; display: block; width: 250px; height: 29px; line-height: 29px; font-size: 12px;}
fieldset .inputText{border:2px solid #ccc; padding: 5px 0 0 5px; margin: 0 0 1em 0; width: 438px; height: 20px; font-size: 11px; color: #5e5e5e; }
fieldset .inputText:focus{ background-color: #7ab241; color: #fff; }
.table_text{border:2px solid #ccc; padding: 5px 0 0 5px; margin: 0 0 0 0; width: 100%; height: 15px; font-size: 11px; color: #5e5e5e; }
fieldset textarea{ font-family: Verdana, Arial, sans-serif;border:2px solid #ccc; padding: 5px 0 0 5px; margin: 0 0 1em 0; width: 438px; height: 170px; font-size: 11px; color: #5e5e5e; }
fieldset textarea:focus{ background-color: #7ab241; color: #fff; }

.submit{display: block; margin: 0 0 0 0; border:2px solid #4e8421; background-color: #7ab241; color: #fff; padding: 8px 15px 8px 15px; font-size: 11px; float: right; }
.submit:hover{border-color: #7ab241 ; }


#alert{padding:1.5em; margin: 0 0 2em 250px; width: 407px; }
#alert_fullscreen{padding:1.5em; margin: 0 0 2em 0; width: 660px; }
.alert_error{ border:2px solid #cc0000; background-color: #ff6666; color: #fff; }
.alert_done{ border:2px solid #4e8421; background-color: #7ab241; color: #fff; }

#alert em{padding: 0; margin: 0;}

#formerror {border:2px solid #cc0000; background-color: #ff6666; color: #fff; width: 692px; display: block; margin-bottom: 20px;}
.red {color: #CC0000; }