/*  
Theme Name: Frostmeat. Fleischhandelsgesellschaft mbH '09
Theme URI: http://www.frostmeat.de
Version: 2.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

* { margin: 0; padding: 0;}

/*Tag-Zuweisungen und gebundene Klassen*/

html, body {width:100%; height:100%;}
body {font-family: "Trebuchet MS","Lucida Sans", Verdana, Helvetica, Arial, sans-serif; font-size:0.93em; background:url(../images/header_allgemein.jpg) no-repeat #ffffff center 20px; color: #333333; line-height: 1.5em;}

ul {list-style: none;}
a { color:#7b2323; font-weight: bold; text-decoration:none; font-weight: 95%;}
a:visited{text-decoration:none; font-weight: bold;}
a:focus, a:hover, a:active{outline:0; font-weight: bold; text-decoration: underline;}
a img {border:0;}

h1, h2, h3, h4 {font-family: "Trebuchet MS","Lucida Sans", Verdana, Helvetica, Arial, sans-serif;}
h1 {display: block; color:#2c3e44; font-weight: bold; font-size: 120%;}
h2 {display: block; color:#7b2323; font-weight: bold; font-size: 130%; margin: 30px 0; font-style:oblique; clear: right;}
h3 {display: block; color:#2c3e44; font-weight: bold; margin: 10px 0 15px 0; font-size: 100%; clear: left;}
h4 {display: block; color:#2c3e44; font-weight: bold; margin: 10px 0 10px 0; font-size: 98%; font-style:oblique;}

p {margin: 0 0 25px 0;}

form {width: 55%; float: left; color:#2c3e44; margin-top: 20px; position: relative;}
form span {position: absolute; left: 330px; top: -90px; width: 138px; height: 115px; color: #ffffff; background:url(../images/error.png) no-repeat; padding: 8px 8px; font-size: 80%; font-style:oblique; font-weight: bold;}
fieldset {border:none;}
label {float:left; clear:both; display:block; width: 18%; height: 63px; font-weight: bold; padding-top: 5px;}
input {float:left; display:block; background: url(../images/input.png) no-repeat top left; padding:5px 2px 3px 20px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 90%; height: 63px; width: 283px; border: none;}
textarea {float:left; display:block; background: url(../images/textarea.png) no-repeat top left; padding:5px 2px 3px 20px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; height: 188px; width: 283px; border: none; font-size: 90%;}
address {font-style:normal;}

/*Id-Zuweisungen*/
#prolog {height: 20px; width: 100%; margin: 0 auto; font-size: 78%; color: #ffffff; font-weight: bold; background: url(../images/prolog.jpg) top center no-repeat; position: relative;}
#prolog  p {width: 960px; height: auto; margin: 0 auto; display: block; text-align: right;}
#prolog span {background: url(../images/telefon.png) no-repeat top left; padding-left: 30px;}
#prolog a {margin-left: 40px; margin-right: 15px; color:#ffffff; background: url(../images/brief.png) no-repeat top left; padding-left: 27px;}
#header {height: 260px;width: 960px; margin: 0 auto; position: relative;}
#header_start {height: 440px;width: 960px; margin: 0 auto; position: relative;}
#header_start ul, #header ul {float: right;}
#header_start li, #header li {float: left;}

#content {height: auto; width: 960px; margin: 0 auto 60px auto; position: relative;}
#content p {width: 60%;}
#content_start {height: auto; width: 960px; margin: 0 auto 60px auto; position: relative;}


#footer {margin: 0 auto; padding-top: 20px; height: auto; width: 960px; font-size: 80%; clear: both;}
#footer li {float: left; padding-right: 5px;}
#footer a {color: #333333; padding-right: 5px;}

#rind, #lamm, #schwein, #hirsch {width: 840px; height: auto; left: 120px; position:relative; border-bottom: solid 1px #333333; padding: 0 0 30px 0;}
#pute, #goumera {width: 840px; height: auto; left: 120px; position:relative; padding: 10px 0 30px 0;}
#goumera p {font-size: 85%;}
#rind ul, #lamm ul, #schwein ul, #hirsch ul, #pute ul {font-size: 85%; line-height: 1.4em;}

/*freie Klassen*/
.hidden {display: none;}
.spalten {width: 100%; height: auto; overflow: hidden;}
.spalten li {width: 280px; float: left; margin-bottom: 20px;}
.spalten img {float: left; padding-right: 10px; padding-bottom: 10px;}
.links {clear: left; float: left;}
.mitte {margin-left: 60px;}
.rechts {margin-left: 60px;}
.copy {float: right;}
.start { background-image:url(../images/header_start.jpg);}
.foto {float: right; margin:0 0 0 40px; width: 300px; height: 240px; display: block; background:url(../images/bild.png) no-repeat top right;}
.foto img {margin-top: 22px; margin-left: 27px;}
.formbutton {background: url(../images/formbutton.png) no-repeat; position:absolute; top:235px; left: 272px; width:99px; height:88px;}
.formbutton_e {background: url(../images/formbutton_e.png) no-repeat; position:absolute; top:235px; left: 272px; width:99px; height:88px;}
.sprache {float: right; display: block;}
.sprache li {float: left;}
.tier{display: block; position: absolute; width: 120px; height:auto; top: 20px;}
.linie {width: 100%; margin: 60px 0 40px 0; border-top: solid 1px #333333; padding-top: 20px;}


/*Unfreie Klassen*/


a.logo {display: block; background: url(../images/logo.png) no-repeat top left; width: 245px; height: 100px;float: left;}
a.start {display: block; background:url(../images/start.png) no-repeat top left; width: 55px; height: 28px;}
a.start:hover, a.start.aktiviert {background-position: bottom left;}
a.unternehmen {display: block; background:url(../images/unternehmen.png) no-repeat top left; width: 125px; height: 28px;}
a.unternehmen:hover, a.unternehmen.aktiviert {background-position: bottom left;}
a.quali {display: block; background:url(../images/quali.png) no-repeat top left; width: 84px; height: 28px;}
a.quali:hover, a.quali.aktiviert {background-position: bottom left;}
a.produkte {display: block; background:url(../images/produkte.png) no-repeat top left; width: 101px; height: 28px;}
a.produkte:hover, a.produkte.aktiviert {background-position: bottom left;}
a.marken {display: block; background:url(../images/marken.png) no-repeat top left; width: 91px; height: 28px;}
a.marken:hover, a.marken.aktiviert {background-position: bottom left;}
a.kontakt {display: block; background:url(../images/kontakt.png) no-repeat top left; width: 75px; height: 28px;}
a.kontakt:hover, a.kontakt.aktiviert {background-position: bottom left;}


a.start_e {display: block; background:url(../images/start_e.png) no-repeat top left; width: 55px; height: 28px;}
a.start_e:hover, a.start_e.aktiviert {background-position: bottom left;}
a.unternehmen_e {display: block; background:url(../images/unternehmen_e.png) no-repeat top left; width: 115px; height: 28px;}
a.unternehmen_e:hover, a.unternehmen_e.aktiviert {background-position: bottom left;}
a.quali_e {display: block; background:url(../images/quali_e.png) no-repeat top left; width: 88px; height: 28px;}
a.quali_e:hover, a.quali_e.aktiviert {background-position: bottom left;}
a.produkte_e {display: block; background:url(../images/produkte_e.png) no-repeat top left; width: 99px; height: 28px;}
a.produkte_e:hover, a.produkte_e.aktiviert {background-position: bottom left;}
a.marken_e {display: block; background:url(../images/marken_e.png) no-repeat top left; width: 85px; height: 28px;}
a.marken_e:hover, a.marken_e.aktiviert {background-position: bottom left;}
a.kontakt_e {display: block; background:url(../images/kontakt_e.png) no-repeat top left; width: 75px; height: 28px;}
a.kontakt_e:hover, a.kontakt_e.aktiviert {background-position: bottom left;}

a.schwein {display: block; height: 70px; width: 70px; background: url(../images/schweinekreis.png) no-repeat top left;}
a.schwein:hover {background-position: bottom left;}
a.kuh {display: block; height: 70px; width: 70px; background: url(../images/kuhkreis.png) no-repeat top left;}
a.kuh:hover {background-position: bottom left;}
a.lamm {display: block; height: 70px; width: 70px; background: url(../images/lammkreis.png) no-repeat top left;}
a.lamm:hover {background-position: bottom left;}
a.hirsch {display: block; height: 70px; width: 70px; background: url(../images/hirschkreis.png) no-repeat top left;}
a.hirsch:hover {background-position: bottom left;}
a.pute {display: block; height: 70px; width: 70px; background: url(../images/putekreis.png) no-repeat top left;}
a.pute:hover {background-position: bottom left;}
/*a.goumera {display: block; height: 70px; width: 70px; background: url(../images/goumera.png) no-repeat top left;}
a.goumera:hover {background-position: bottom left;}*/

a.deutsch {display: block; background:url(../images/sheep.png) no-repeat top left; width: 45px; height: 37px;}
a.englisch {display: block; background:url(../images/sheep_e.png) no-repeat top left; width: 45px; height: 37px;}