@charset "utf-8";
/* CSS Document */

/* Eigenschaften zurückseten */
* {margin: 0px; padding: 0px; border: 0px; font-family:Arial, Helvetica, sans-serif;}

/* Ende Eigenschaften zurücsetzen */

/* Farbschema

Farbton (Hintergrund): #FFF5B7

*/

html {height: 101%;} /* Höhe der Seite auf diese % Angabe setzen um Browserkompatiblität zu gewährleisten */

body {
	background:url(/images/background.jpg) repeat-x; background-color:#FFF5B7;
	text-align:left;   /* Textausrichtung links */
	font-size:100.01%;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0px 0 0px;
	margin:0 0px 0 0px;
}

strong {color:black;}

/* Linkfarben definieren */

a {}

a:link {}

a:visited {}

a:hover {}

a:active {}

/* Ende Linkfarben definieren */

 /* Menüleiste per CSS formatieren mit Roll-Over Effekt */
 
/* Home Button mit Roll-Over */ 
#home a {width:93px; height:40px; display:block; background-image: url(/images/home.gif); float:left;} 
#home a:hover { width:93px; height:40px; display:block; background-image: url(/images/buttonshover_01.gif); float:left;}

/* Ende Home Button mit Roll-Over*/

/* Shop Button mit Roll-Over */ 
#shop a {width:90px; height:40px; display:block; background-image: url(/images/buttons01.gif); float:left;} 
#shop a:hover { width:90px; height:40px; display:block; background-image: url(/images/buttonshover_02.gif); float:left;}  
/* Ende Shop Button mit Roll-Over*/

/* GoldenCard Button mit Roll-Over */ 
#goldencard a {width:88px; height:40px; display:block; background-image: url(/images/buttons02.gif); float:left;} 
#goldencard a:hover { width:88px; height:40px; display:block; background-image: url(/images/buttonshover_03.gif); float:left;}  
/* Ende GoldenCard Button mit Roll-Over*/

/* Futterservice Button mit Roll-Over */ 
#futterservice a {width:89px; height:40px; display:block; background-image: url(/images/buttons03.gif); float:left;} 
#futterservice a:hover { width:89px; height:40px; display:block; background-image: url(/images/buttonshover_04.gif); float:left;}  
/* Ende Futterservice Button mit Roll-Over*/

/* Züchter Button mit Roll-Over */ 
#zuechter a {width:90px; height:40px; display:block; background-image: url(/images/buttons04.gif); float:left;} 
#zuechter a:hover { width:90px; height:40px; display:block; background-image: url(/images/buttonshover_05.gif); float:left;}  
/* Ende Züchter Button mit Roll-Over*/

/* Job Button mit Roll-Over */ 
#job a {width:92px; height:40px; display:block; background-image: url(/images/buttons05.gif); float:left;} 
#job a:hover { width:92px; height:40px; display:block; background-image: url(/images/buttonshover_06.gif); float:left;}  
/* Ende Job Button mit Roll-Over*/

/* Über uns Button mit Roll-Over */ 
#wir a {width:90px; height:40px; display:block; background-image: url(/images/buttons06.gif); float:left;} 
#wir a:hover { width:90px; height:40px; display:block; background-image: url(/images/buttonshover_07.gif); float:left;}  
/* Ende Über uns Button mit Roll-Over*/

/* Kontakt Button mit Roll-Over */ 
#kontakte a {width:108px; height:40px; display:block; background-image: url(/images/buttons07.gif); float:left;} 
#kontakte a:hover { width:108px; height:40px; display:block; background-image: url(/images/buttonshover_08.gif); float:left;}  
/* Ende Kontakt Button mit Roll-Over*/

/* Ende Menüleiste per CSS formatieren mit Roll-Over Effekt */

/* Beginn Definition von h1 */

h1 {text-align:center; color:4F6228; margin:10px; font-family:Arial, Helvetica, sans-serif;}
h2 {text-align:center; color:#C30;}

/* Ende Definition von h1 */


/* Teile des Textes definieren */

.farbeschwarz {color:#000;}
.kleineschrift {font-size:12px;}

ol { margin: 10px 0px; list-style-position: inside; list-style-type:decimal; padding-left:10px;}

li { margin: 10px 0px; list-style-position:inside; padding-left:10px;}

/* Ende Teile des Textes definieren */

/* ZüchterFormular definieren */

#myform fieldset, #myform input, #myform select {border:1px solid #cccccc;}
#myform fieldset, #myform label, #myform input, #myform select {display:block;}

#myform fieldset { width:24em; margin:2em 0em 2em 2em;; padding:1em;}
#myform fieldset legend { font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:1.4em; }

#myform fieldset fieldset { width: auto; margin: 0em 0em 1em 0em; padding-bottom: 0em;}
#myform fieldset fieldset legend { font:inherit; color:inherit; font-weight:bold;}

#myform label { margin-bottom: 1em; font-weight:bold;}

#myform fieldset.anrede label{float:left; width:8em;}

#myform input { width:20em; padding: 0.2em 0.6em 0.3em 0.6em;}

#myform input#submit {width:23em; margin-top: 2em; border:2px solid #999999; border-color: #cccccc #cccccc #999999 #999999;}
#myform input#submit:hover { background:#3c0; color:#ffffff; font-weight:bold;}

/* ZüchterFormular definieren Ende */


/* FutterFormular definieren */

#newform fieldset, #newform input, #newform select {border:1px solid #cccccc;}
#newform fieldset legend { font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:1.4em; }

#newform fieldset fieldset { width: auto; margin: 0em 0em 1em 0em; padding-bottom: 0em;}
#newform fieldset fieldset legend { font:inherit; color:inherit; font-weight:bold;}

#newform p { float: left;}
#newform input { margin-left:1em; padding: 0.2em 0.6em 0.3em 0.6em;margin-top:1em; margin-bottom:0.5em;}

#newform input#lieferung, input#lieferung1,input#lieferung2,input#lieferung3,input#lieferung4,input#lieferung5,input#lieferung6,input#lieferung7,input#lieferung8,input#lieferung9,input#lieferung10,input#lieferung11,input#lieferung12 {margin-left: 4.5em;}

#newform input#knr{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:3em;}
#newform input#vname{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:4.4em;}
#newform input#nname{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:3.4em;}
#newform input#street{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:3.5em;}
#newform input#plz{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:4.6em;}
#newform input#tel{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:5.6em;}
#newform input#mail{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:5.9em;}

#newform select#zahlart{width:20em; margin-left:1em;}
#newform input#bank{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:5.9em;}
#newform input#blz{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:6.6em;}
#newform input#konto{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:3.9em;}
#newform input#inhaber{width:20em; padding:0.2em 0.6em 0.3em 0.6em; margin-left:0.7em;}

#newform select#gebtag, select#gebmonat, select#gebjahr{width:4em; margin-left:2.1em;}

#newform select#tag, select#monat {width:4em;margin-left:1em; }
#newform select#jahr {width:6em; margin-left:1em; }

#newform label {margin-left:1em; font-weight:bold;}

#newform fieldset.radio label {font-weight:normal;}

#newform fieldset.radio input {float:left; width:auto; margin:0.4em 0.4em 0em 0em;}

#newform input#accept { margin-left: 13em;}

#newform input#submit {width:23em; margin-top: 2em; margin-left:22em; border:2px solid #999999; border-color: #cccccc #cccccc #999999 #999999;}
#newform input#submit:hover { background:#3c0; color:#ffffff; font-weight:bold;}

/* FutterFormular definieren Ende */

/* Header der Seite definieren */

div#wrapper {width: 955px; margin: 20px auto; text-align:center;}
div#rundungoben{width:955px; height:10px; background:url(/images/rundungoben.jpg) no-repeat;}
div#header {background: url(/images/Header1024.jpg) no-repeat; background-color:#e8e8e8; width:955px; height:281px; position:relative;}
div#nav { background: transparent; width:740px; position:absolute;left:210px; top:25px;}
div#logo {width:181px; height:179px; margin:10px; position:absolute;}

/* Ende Header der Seite definieren */

/* Beginn Content der Seite definieren */

div#mainrundung{width:955px; height:10px; background:url(/images/rundungmain.jpg) no-repeat;}
div#mainrundungunten{width:955px; height:10px; background:url(/images/rundungmainunten.jpg) no-repeat;}
div#wrapcontent {background: #FFF5B7; width:955px;}
div#maintext {background: #e8e8e8; color:black;}
div#maintextinhalt {text-align:left; margin:0 30px 0px 30px; line-height:1.5em;}
div#video { margin-top:4em; margin-bottom:3em; text-align:center;}
div#farbigerhintergrund{background:#CCC;}
div#maintextheader { background: #FFF5B7;}
div#gruender { height:150px; }

#laufschrift { width: 960px; margin: auto; position: static; }
#gewinnspiel { margin: 50px 10px 100px -800px; }

/* Ende Content der Seite definieren */

/* Beginn Footer der Seite deifinieren */

div#footer {background: #999999; color: #FFFFFF; width:955px; text-align:center;}

/* Ende Footer der Seite definieren */