@charset "UTF-8";

/*
Projektname:   Koenig und Neurath
Erstellt am:   21.08.2007 von JerDa
Bearbeitet am: 22.08.2007 von JerDa 
Bearbeitet am: 27.09.2007 von MKue 
QS am:         27.09.2007 von MKue 
*/

/* ### Formulare ### */

.formulare h2 {
margin: 0 0 20px 0;
}

.formulare h3 {
color: #4C4C4C;
margin-bottom: 0;
font-size: 1.4em;
font-weight: bold;
}

.formulare form, 
.formulare fieldset {
border: 0;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

.formulare form.zweispaltig {
float: left;
width: 160px;
}


.formulare fieldset {
margin: 0 0 10px 0;
}

.formulare fieldset.block { /* Absaetze innerhalb des Registrierungsformulars */
margin: 0 0 20px 0;
}

.formulare form fieldset label,
.formulare form fieldset .fakelabel span {
color: #4C4C4C;
display: block;
float: left;
font-size: 1.3em;
font-weight: bold;
margin: 0 5px 10px 0;
width: 105px;
}

.formulare form fieldset .fakelabel label {
display: inline;
float: none;
margin: 0 10px 0 0;
}

.formulare input,
.formulare textarea,
.formulare select {
background: #fff;
border: 1px solid #b4b5b6;
color: #4C4C4C;
font-size: 1.3em !important;
font-family: Arial, serif;
margin: 0 10px 10px 0;
padding: 1px 2px;
width: 280px;
}

.formulare textarea {
height: 50px;
overflow: auto;
}

.formulare textarea.bigtext {
height: 100px;
}

.formulare .actions {
margin: 20px 0 10px 110px;
}

.formulare input.submit {
width: 90px;
margin: 0 20px 10px 0;
padding: 0 !important;
font-size: 1.2em !important;
background: #EBECED;
}

html > body .formulare input.submit {
padding: 1px 0 0 0 !important;
}


.formulare select {
background: #FFF;
padding: 0;
width: 286px;
}

.formulare input.checkbox {
width: 16px;
margin: 0;
border: 0;
padding: 0;
background: transparent;
}

.formulare input.radio {
width: 16px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
}

.formulare input.upload {
width: 286px;
}

.formulare .error {
border: 1px solid red !important;
}

.formular-infotext {
float: right;
width: 190px;
}

.formular-errors {
margin: 0 0 20px 0;
width: 400px;
}

.formular-errors p {
color: red;
}

.formulare div.prospektbestellung .optionlist {
margin: 0 0 5px 0 !important;
padding: 0;
list-style: none;
float: none;
clear: both;
display: block;
}

.formulare .optionlist li {
margin: 0 0 9px 0 !important;
font-size: 1em !important;
padding: 0;
list-style: none;
}

.formulare .optionlist li input.radio {
margin: 0 3px 0 0; 
vertical-align: bottom;
}

hr {
height: 1px;
border: 0;
border-bottom: 1px solid #B4B5B6;
background: #B4B5B6;
padding: 0;
overflow: hidden;
margin: 0 0 10px 0;
}

.formulare .kurz {
width: 150px;
}

.haendlerliste strong {
color: #4C4C4C;
}


/* Prospektbestellungen */
.prospektbestellung .item {
border-right: 1px solid #B4B5B6;
width: 175px;
padding: 1px 15px 1px 0;
float: left;
min-height: 215px;
height: 100%;
margin: 0 20px 10px 0;
display: inline;
}

* html .prospektbestellung .item {
height: 215px;
}

.prospektbestellung .last {
margin-right: 0;
border-right: 0;
padding-right: 0;
width: 190px;
}

.prospektbestellung .item .fakelabel {
margin: 0 0 10px 0;
}

.prospektbestellung .item img {
float: left;
margin: 0 10px 10px 0;
}

.formulare .prospektbestellung .item ul {
margin: 0;
padding: 0;
}

.formulare .prospektbestellung .item label {
position: relative;
padding: 0 0 0 20px;
margin: 0;
width: auto;
display: block;
height: 1%;
}

.formulare .prospektbestellung .item label span {
font-weight: normal;
font-size: 1em;
display: inline;
margin: 0;
padding: 0;
width: auto;
float: none;
}

.prospektbestellung .item .checkbox {
position: absolute;
left: 0px;
top: 1px;
}

* html .prospektbestellung .item .checkbox {
position: absolute;
left: 0px;
top: -2px;
}

/* kontaktformular - nl */
.formulare .formulare-nl form fieldset label, 
.formulare .formulare-nl form fieldset 
.fakelabel .formulare-nl span {
width: 180px;
}

.formulare .formulare-nl form fieldset {
padding: 0 0 0 20px;
}

.formulare .formulare-nl input,
.formulare .formulare-nl itextarea,
.formulare .formulare-nl iselect {
float: left;
width: 180px;
}

.formulare .formulare-nl textarea {
float: left;
height: 120px;
width: 368px;
overflow: auto;
}

.formulare  .formulare-nl form fieldset .fakelabel label {
display: inline;
float: left;
margin: 0 10px 0 0;
}

.formulare  .formulare-nl .fakelabel {
margin: 0 0 20px 190px;
}

.formulare .formulare-nl .fakelabel input {
width: 20px;
margin: 0 30px 0 0;
}

.formulare .formulare-nl .fakelabel label {
width: 25px;
margin: 0 0 0 30px;
}

.formulare .formulare-nl .fakelabel span{
font-size: 1.0em;
margin: 0 0 0 65px;
}

* html .formulare .formulare-nl .fakelabel span {
margin: 0 0 0 60px;
}

.formulare .formulare-nl .actions {
float: right;
margin: 5px 7px 10px 0;
}

* html .formulare .formulare-nl .actions {
margin: 5px 3px 10px 0;
}

.formulare .formulare-nl .block {
margin: 0 0 40px 0;
}

.formulare .formulare-nl span {
float: left;
margin: 0 0 0 40px;
color: #4C4C4C !important;
}

.formulare .formulare-nl label {
color: #4C4C4C !important;
}

.formulare .formulare-nl .hint {
text-align: right;
width: 100%;
border-bottom: 1px solid #B4B5B6;
}

/* standorte */
#standorte {
width: 200px;
}

#flash-fallback-standorte {
width: 652px;
min-height: 464px;
background: url(../images/flash-fallback/flash_fallback_standorte.jpg) no-repeat top left;
padding: 0;
margin: 0;
}

#content-lang #flash-fallback-standorte {
padding: 20px 0 0 20px;
margin: -20px 0 0 -20px;
}

#flash-fallback-standorte hr {
width: 45%;
}

#content #flash-fallback-standorte h2 {
padding: 20px 0 0 20px;
}

#content #flash-fallback-standorte .formulare,
#content #flash-fallback-standorte .haendlerliste {
padding-left: 20px;
}