/*
** Homepage: http://www.pferdehof-bretschneider.de
** CMS: voiTEC.WEB 2.0 - http://www.voitec.de
*/

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% arial,helvetica,sans-serif; color: #905242; background-color: inherit; }
img { border: 0; }
form { display: inline; }
.killer { height: 0; border: 0; line-height: 0em; background: transparent; clear: both; }
.inlineinfo { font-size: 0.8em; color: #666; }
.bg { background: url(../de,csspferdehof,images/bg.jpg); }
.bgbut { background: url(../de,csspferdehof,images/bgbut.png); }

/* Fehlermarkierung */
.error { padding: 10px 0; font-weight: bold; color: #FF0000; background-color:#FFFFFF; }
input.error { padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
textarea.error { padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
.error-check { padding: 0 2px 2px 2px; background: #FF0000; }
select.error { padding: 0; font-weight: bold; color: #FF0000; }

/* Layout (Box und IDs) */
.box { z-index: 50; position: relative; width: 990px; margin: 0px auto; background-position: -990px 0px; background-repeat: repeat-y; }
#kopf { height: 300px; background-position: 0px 0px; background-repeat: no-repeat; }
.koerper { float: left; position: relative; width: 990px; }
.koerper:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
#inhalt { float:left; width: 100%; margin-right: -95%; /* Floatingverlagerung */ }
.inhaltsfix { position: relative; margin: -4px 0px 0px 270px; padding: 0px 20px 30px 20px; display: inline-block; /* TRIP haslayout for safety */ }
.inhaltsfix { display: block; /* SWITCH back the display */ }
#links { float: left; position: relative; width: 270px; margin: 0px 0px 50px -38px; /* the difference to make the left colum appear flush left */ background-position: -2970px top; background-repeat: no-repeat; }
#fuss { height: 140px; background-position: -1980px bottom; background-repeat: no-repeat; }

#kopf,#fuss { clear: both; width: 100%; }
/* IE Mac */
* html div#koerper {margin-right: -100%;}
* html div#links {margin-left: 0;}
* html #links { margin-left: 0px; }

/* Navigation */
.nav { padding: 65px 0px 0px 0px; }
.nav ul { margin: 0px; list-style: none; }
.nav ul li { margin-bottom: 3px; }
.nav ul li a { display: block; padding: 5px 5px 5px 45px; font-size: 1em; color: #905242; background-color: inherit; text-decoration: none; background-position: 0px -30px; background-repeat: no-repeat; }
.nav ul li a:hover { background-position: 0px 0px; background-repeat: no-repeat; }
.class-aktiv { /*display: block; margin: -5px -5px -5px -45px; padding: 5px 5px 5px 45px;*/ background-position: 0px 0px; background-repeat: no-repeat; }

/* Inhalt */
#inhalt { }
#inhalt h1 { margin-bottom: 15px; font-size: 1.2em; font-weight: bold; border-bottom: 1px dotted #000; }
#inhalt h2 { margin-bottom: 10px; font-size: 1.1em; font-weight: bold; font-variant: small-caps; }
#inhalt p { margin-bottom: 10px; font-size: 1em; line-height: 1.3em; }
#inhalt ol, ul { margin: 5px 10px 15px 35px; }
#inhalt dl { margin: 5px 0px 10px 0px; font-size: 1em; }
#inhalt dl.spalten {  }
#inhalt dl.spalten dt { float: left; width: 12.5em; padding: 3px 3px 3px 0px; }
#inhalt dl.spalten dd { margin-left: 12.5em; padding: 3px; }
#inhalt dl.zeilen dt { float: left; padding: 3px; }
#inhalt fieldset { padding: 10px; font-size: 0.85em; }
#inhalt fieldset legend { padding: 5px; }
#inhalt fieldset label { display: block; font-size: 12px; }
#inhalt fieldset p { font-size: 1em; }
#inhalt address { margin-bottom: 15px; padding: 3px; font-weight: normal; font-size: 0.9em; }

/* Fuß */
#fuss { text-align: center; }
#fuss ul { padding-top: 100px; list-style: none; }
#fuss ul li { display: inline; font-size: 0.8em; }
#fuss ul li a { color: #333; background-color: inherit; text-decoration: none; }
#fuss ul li a:hover { text-decoration: underline; }