#formular {
font-weight:normal;
margin:10px 0 0 0;
padding:0;
color:#000;
background-color:#f2efe8;
}
#formular h2 {
color:#7d7d7d;
font-weight:bold;
text-transform:uppercase;
font-size:115%;
border-bottom:1px solid #7d7d7d;
margin-bottom:0;
*position:relative;
*top:-2px;
background-color:#fff;
}
#formular h3 {
margin-bottom:6px;
}
#formular fieldset {
padding:12px 10px;
margin:0 0 0 0;
border: 0px solid #000000;
border-bottom:1px dotted #7e7c7f;
display:block;
vertical-align:top;
position:relative;
display:block;
}
html:first-child>b\ody #formular fieldset,
html:first-child>b\ody #formular div.send {
z-index:2;
position:relative;
}
#formular fieldset.noborder {
border-bottom:none;
}
#formular div.send {
display:block;
padding:12px 10px 44px 10px;
clear:both;
display:block;
}
#formular span {
display:block;
padding:3px 0 4px 0;
clear:both;
}
div.error {
margin:0 0 20px 0;
background-color:#f5e3e3;
padding:8px 10px 10px 10px;
}
p.hinweis {
padding:5px;
}
/* - - - Label - - - */
#formular label,
#formular .left {
cursor:default;
width:auto;
padding:0 9px 0 0;
margin:0 0 0 0;
border:0;
}
#formular label.left,
#formular .left {
float:left;
width:14.8em;
}
#formular span.right {
clear:none;
display:inline;
float:left;
width:28em;
padding:0 0 0 0;
color:#2e385f;
border:0;
*bottom:7px;
*margin-top:7px;
}
#formular span.right label.radioLeft {
width:auto;
color:#000;
float:left;
}
#formular label.error,
#formular span.error {
color:#b01e1e!important;
}
#formular br {
clear:both;
float:none;
display:block;
}
/* - - - Formularelemente - - - */
#formular input,
#formular textarea,
#formular select {
font-size:95%;
border:1px solid #7d7d7d;
color:#504e44;
padding:2px 4px 2px 4px;
margin-right:7px;
}
#formular select {
padding:1px 0 1px 4px;
}
#formular input.textfeld {
width:28.25em;
}
#formular input.textfeldEins {
width:18.00em;
}
#formular input.textfeldZwei {
width:8.50em;
}
/* nur Safari + IE */
html*#formular input.textfeldEins,
html*#formular input.textfeldZwei {
float:left;
*float:none;
}
/* nur Safari + IE */
html*#formular input.textfeldZwei {
width:9.75em;
*width:8.50em;
}
#formular select.textfeldZwei {
width:9.45em;
}
#formular input.textfeldDrei {
width:6.00em;
}
#formular input.textfeldVier {
width:4.00em;
}
#formular textarea.nachricht {
width:28.25em;
}
#formular input.radio {
float:left;
display:block;
width:auto;
cursor: pointer; 
vertical-align:top;
border:0;
margin:2px 5px 11px 5px;
*margin:-1px 5px 6px 5px;
}
#formular input.error,
#formular select.error,
#formular textarea.error {
border:1px solid #b01e1e;
}
/* - - - Button - - - */
#formular input.buttonGo{
float:left;
width:auto;
font-size:93%;
background-color:#f2efe8;
color:#aaa;
padding:3px 16px 3px 16px;
*padding:1px 8px 1px 8px;
margin:0;
text-align:center;
border:2px solid #aaaaaa;
cursor:pointer;
font-weight:bold;
}
#formular input.buttonGo2 {
float:right;
width:auto;
background-color:#7d7d7d;
color:#fff;
margin-right:20px;
}
#formular input.buttonGo:hover,
#formular .buttonGo input.hover{
background-color:#fff;
}
#formular input.buttonGo2:hover,
#formular .buttonGo2 input.hover {
background-color:#1f2c4f;
}
/* - - - - - - - - - - Dropbox für Projektübersicht Hauptauswahl- - - - - - - - - - - */
#typo .contentForm label,
#typo .contentForm .textfeld {
margin-top:3px;
width:auto;
z-index:2;
}
#typo .contentForm .textfeld {
width:40%;
float:left;
}
#typo .contentForm input.buttonGo2 {
margin:0 0 0 10px;
}
.content .dropboxhaupt{
position:relative;
z-index:3;
}
html:first-child>b\ody .content .dropboxhaupt,
.safari3 .dropboxhaupt{
width:45em;
}
#typo .content .dropboxhaupt span.first {
font-size:0.95em;
border:1px solid #7d7d7d;
color:#504e44;
padding:0px 4px;
display:block;
width:22em;
padding-right:20px;
background:#fff url(/cms-layout/img/icon-drop.gif) no-repeat scroll right center;
line-height:138%;
min-height:17px;
*height:17px;
}
.content .dropboxhaupt div {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
background-color:#fff;
border:1px solid #7d7d7d;
padding:0 0 9px 0;
}
html:first-child>b\ody .content .dropboxhaupt div,
.safari3 .dropbox div {
width:45em;
}
.content .dropboxhaupt p {
margin:0 2.5%;
}
#typo .content .dropboxhaupt ul {
width:43%;
margin:9px 2.5% 0 2.5%!important;
float:left;
}
* html #typo .content .dropboxhaupt ul {
margin-left:4px!important;
}
.content .dropboxhaupt ul li {
background:none;
text-indent:0;
margin:0;
padding:0;
}
div.content div.dropboxhaupt h3 {
text-indent:0;
padding:0;
margin:0;
*margin-left:-15px;
}
* html div.content div.dropboxhaupt h3 {
*margin-left:0;
}
.content .dropboxhaupt:hover div,
.content .dropboxhaupt div.hover {
display:block;
}
.content .modul .dropboxhaupt ul li a {
background-image:url(/cms-layout/img/icon-link.gif);
background-repeat:no-repeat;
background-position:16px 1.00em;
}

/* - - - - - - - - - - Dropbox für Projektübersicht - - - - - - - - - - - */
#typo .contentForm label,
#typo .contentForm .textfeld {
margin-top:3px;
width:auto;
}
#typo .contentForm .textfeld {
width:40%;
float:left;
}
#typo .contentForm input.buttonGo2 {
margin:0 0 0 10px;
}
.content .dropbox {
position:relative;
}
html:first-child>b\ody .content .dropbox,
.safari3 .dropbox {
width:45em;
}
#typo .content .dropbox span.first {
font-size:0.95em;
border:1px solid #7d7d7d;
color:#504e44;
padding:0px 4px;
display:block;
width:22em;
padding-right:20px;
background:#fff url(/cms-layout/img/icon-drop.gif) no-repeat scroll right center;
line-height:138%;
min-height:17px;
*height:17px;
}
.content .dropbox div {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
background-color:#fff;
border:1px solid #7d7d7d;
padding:0 0 9px 0;
}
html:first-child>b\ody .content .dropbox div,
.safari3 .dropbox div {
width:45em;
}
.content .dropbox p {
margin:0 2.5%;
}
#typo .content .dropbox ul {
width:99%;
margin:9px 2.5%!important;
float:left;
}
* html #typo .content .dropbox ul {
margin-left:4px!important;
}
.content .dropbox ul li {
background:none;
text-indent:0;
margin:0;
}
div.content div.dropbox h3 {
text-indent:0;
padding:0;
margin:0;
*margin-left:-15px;
}
* html div.content div.dropbox h3 {
*margin-left:0;
}
.content .dropbox:hover div,
.content .dropbox div.hover {
display:block;
}
/* radiogroups */
#formular .radiogroup {
position:relative;
}
#formular .radiogroup input {
margin:2px 5px 11px 17em;
*margin:2px 5px 3px 16.1em;
float:left;
clear:left;
border:none;
}
#formular .radiogroup label {
float:left;
*margin:4px 5px 3px;
*line-height:1.9em;
*float:none;
*display:block;
*dsisplay:none;
}
* html #formular .radiogroup input {
margin-left:16.3em; 
}
#formular .radiogroup .left {
position:absolute;
float:none;
top:0.26em;
*top:0.5em;
left:0;
}
