@CHARSET "UTF-8";
/********************************************************************
 * Globale Style Sheets                                             *
 ********************************************************************/

/**
 * Für IE6 muss ein margin von 0px bei Form-Tags gesetzt werden
 * sonst kommt es zu einem unschönen Abstand
 */
form {
    margin: 0px;
}

p {
    margin: 0px 0px 20px 0px;
    line-height: 1.5;
    text-align: justify;
}

#sidebar p{
    text-align: left;
}

#sidebar p.notice{
    margin-left: 15px;
}

#homeTabs p{
    text-align: left;
}

img {
    vertical-align: middle;
    border-width: 0px;
    border-style: none;
    border: none;
}

input[type=text],
input[type=password],
select,
textarea {
    border: 1px solid #007de9;
    background-color: #e8f3f9;
}

.selectreadonly {
    background-color: #dedede;
}

h1 sub {
    color: #000;
}

h1 {
    margin: 12px 0px 20px 0px;
    font-size: 18px;
    font-weight: bolder;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

h2 {
    font-size: 11px;
    font-weight: bold;
    color: #1a171b;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
h3 {
    font-size: 11px;
    font-weight: bold;
    color: #999;
    margin-bottom: 4px;
}

p strong {
    color: #000;
}

p.teaser {
    font-weight: bold;
}

.small {
    font-size: 10px;
}

.imageTitle {
    font-size: 10px;
    color: #999999;
    font-style: italic;
}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #e22000;
}

.bold, b {
    font-weight: bold;
}

.italic, i {
    font-style: italic;
}
.justify {
    text-align: justify;
}


div.hr, hr {
    clear: both;
    height: 2px;
    background: transparent url(../images/template/hr_bg.png) repeat-x top left;
    margin: 20px 0px;
    font-size: 2px;
    line-height: 2px;
    border: none;
}

.highlight {
    color: #009ee0;
}

.hotline {
    color: #009ee0;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

#content .notice {
    margin: 0px 0px 10px 0px;
    background-image: url(../images/template/notice.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 15px 32px;
}

#content .largeEnum div.enumLabel {
    width: 32px;
    height: 22px;
    font-size: 20px;
    font-weight: bold;
    color: #009ee0;
    float: left;
}

#content .largeEnum div.enumImage {
    float: left;
    margin: 4px 10px 0px 0px;
}

#content .largeEnum div.enumContent h2 {
    margin-top: 8px;
}

#content .largeEnum div.enumContent p {
    margin-bottom: 10px;
}

#content .largeEnum div.enumContent {
    margin: 0;
    padding: 0px 0px 0px 4px;
    float: left;
    width: 405px;
}

#content .arrow {
    background: transparent url(../images/template/arrow.png) no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 10px;
}

a img {
    border: 0;
    text-decoration: none;
}
a {
    color: #005ea8;
    text-decoration: none;
}
a:hover {
    color: #009ee0;
}

.disabled {
    color: #999999;
}

a span.lightboxMagnifier {
    background: transparent url(../images/template/lupe.gif) no-repeat bottom left;
}

input.disabled {
    border: 1px solid #cccccc;
    background-color: #dddddd;
}

input.error, select.error {
    border: 1px solid #e22000;
    background-color: #FFF8F8;
    color:  #393D43;
}

div.htmlButton {
    cursor: pointer;
}

div.htmlMediumButton {
    cursor: pointer;
}

div.htmlLongButton {
    cursor: pointer;
}

.htmlButton {
    width: 123px;
    background-image: url(../images/button_bg.png);
    display: block;
    height: 22px;
    border: none;
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    padding: 0px 15px 0px 5px;
    text-align: center;
    letter-spacing: -0.3px;
}

.htmlButton:hover {
    color: #fff;
    background-position: 0px -22px;
}

.htmlButton:active {
    color: #fff;
    background-position: 0px -44px;
}

.htmlButton * {
    color: #fff;
}

.htmlMediumButton {
    width: 166px;
    background-image: url(../images/medium_button_bg.png);
    display: block;
    height: 22px;
    border: none;
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    padding: 0px 15px 0px 5px;
    text-align: center;
    letter-spacing: -0.3px;
}

.htmlMediumButton:hover {
    color: #fff;
    background-position: 0px -22px;
}

.htmlMediumButton:active {
    color: #fff;
    background-position: 0px -44px;
}

.htmlMediumButton * {
    color: #fff;
}

.htmlLongButton {
    width: 230px;
    background-image: url(../images/long_button_bg.png);
    display: block;
    height: 22px;
    border: none;
    font-size: 10px;
    font-weight: normal;
    line-height: 23px;
    text-decoration: none;
    color: #fff;
    padding: 0px 15px 0px 5px;
    text-align: center;
    letter-spacing: -0.3px;
}

.htmlLongButton:hover {
    color: #fff;
    background-position: 0px -22px;
}

.htmlLongButton:active {
    color: #fff;
    background-position: 0px -44px;
}

.htmlLongButton * {
    color: #fff;
}

.htmlLink {
    display: block;
    color: #87888a;
    text-align: right;
}
.htmlLink span.linkArrow {
    margin: 0px 0px 0px 6px;
    float: right;
    width: 5px;
    height: 13px;
    background-image: url(../images/template/arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0px;
}

.formLabel {
    float: left;
    margin-top: 10px;
    width: 120px;
}
.formValue {
    float: right;
    margin-top: 10px;
    width: 280px;
}
.formValue input, .formValue select {
    width: 280px;
}
.formValue textarea {
    width: 280px;
    height: 150px
}

.border {
    border: 1px solid #cccccc;
}

/* ---------------------- */
/* --- toggle content --- */
/* ---------------------- */

.toggleContent div.label {
    text-align: right;
    cursor: pointer;
}
.toggleContent div.label div.toggleArrow {
    margin: 4px 0px 0px 6px;
    float: right;
    width: 5px;
    height: 5px;
    background-image: url(../images/togglearrow.png);
    font-size: 5px;
}
.toggleContent div.toggleArrowSelected {
    background-position: 0px -5px;
}
.toggleContent div.content {
    display: none;
}

/* ------------------- */
/* --- Form styles --- */
/* ------------------- */

.standardFormWrapper {
    padding: 10px;
    float: left;
}

.standardFormWrapper fieldset {
    width: 95.6%;
    padding: 10px 10px;
    border: none;
    border-top: 1px solid #1b3b86;
}

.standardFormWrapper fieldset legend {
    color: #1b3b86;
    font-weight: bold;
    font-size: 13px;
    margin: 10px;
    padding: 0px 10px;
}

.standardFormWrapper ul {
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
}

.standardFormWrapper li {
    border-bottom: 1px solid #e4e4e4;
    height: 1%;
    padding: 5px 0px 10px 0px;
    display: block;
    float: left;
    width: 100%;
}

.standardFormWrapper li label {
    display: block;
    float: left;
    font-weight: bold;
    width: 225px;
    font-size: 12px;
    margin: 0px;
}

.standardFormWrapper li.field p.error {
    margin-left: 225px;
}

.standardFormWrapper li span.required {
    font-size: 10px;
    color: #666666;
    display: block;
    clear: left;
    float: left;
    width: 225px;
}

.standardFormWrapper li span.output {
    display: block;
    float: left;
    width: 247px;
}

.standardFormWrapper li.submit {
    border: none;
    clear: both;
    float: left;
}

.standardFormWrapper li.submit div.controlButton {
    float: right;
}

.standardFormWrapper li.field input,
.standardFormWrapper li.field file,
.standardFormWrapper li.field text {
    width: 240px;
}

.standardFormWrapper li.field.fieldWithUnit input {
    width: 35px;
}

.standardFormWrapper li.field select {
    width: 245px;
}

.standardFormWrapper li.field input.smallInput,
.standardFormWrapper li.field file.smallInput,
.standardFormWrapper li.field text.smallInput {
    width: 110px;
}

.standardFormWrapper li.field select.smallInput {
    width: 201px;
}

.standardFormWrapper li.field input.radiobutton {
    width: 30px;
}

.standardFormWrapper li.field span.checkbox input{
    width: 16px;
    position:relative;
    top: 1px;
}

.standardFormWrapper li.field span.checkbox{
    margin-right: 10px;
}

.standardFormWrapper li.field div.fileUpload,
.standardFormWrapper li.field div.radioButtonBox {
    float: left;
    width: 247px;
}

.standardFormWrapper li.field div.filesUpload{
    float: left;
    width: 400px;
}

.standardFormWrapper li.field span.info {
    float: right;
    font-size: 10px;
    display: block;
    text-align: right;
}

.standardFormWrapper li.field span.info sup {
    font-size: 10px;
}

.standardFormWrapper li.field div.formRow {
    float: left;
    margin-right: 20px;
}

table.home{
    width: 441px;
}
table.home h2{
    margin-top: 0px;
}

table.item{
    width: 441px;
}
table.item div.content{
    margin-left: 20px;
    min-width: 261px;
}

.ieuFormWrapper {
    width: 441px;
}

.ieuFormWrapper ul {
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
}

.ieuFormWrapper li {
    padding: 5px 0px;
    display: block;
    width: 441px;
    clear: both;
}

.ieuFormWrapper li label {
    float: left;
    width: 90px;
    font-size: 11px;
    margin-top: 4px;
}

.ieuFormWrapper li.field p.error {
    margin-left: 90px;
    margin-bottom: 5px;
}

.ieuFormWrapper li.submit div.htmlLongButton,
.ieuFormWrapper li.submit div.htmlMediumButton,
.ieuFormWrapper li.submit div.htmlButton {
    float: right;
    margin-right: 3px;
}

.ieuFormWrapper li.submit div.htmlMediumButton {
    float: right;
    margin-right: 3px;
}

.ieuFormWrapper li.submit div.htmlLongButton {
    float: right;
    margin-right: 3px;
}

.ieuFormWrapper li.field select,
.ieuFormWrapper li.field textarea,
.ieuFormWrapper li.field input,
.ieuFormWrapper li.field file,
.ieuFormWrapper li.field text
{
    background-color: #FFF;
    background-image: url(../images/template/input_bg.png);
    background-repeat:repeat-x;
    border: 1px solid #868789;
    width: 342px;
    font-size: 11px;
    padding: 2px;
}

.ieuFormWrapper li.field select {
    width: 347px;
}

.ieuFormWrapper li.field input.radiobutton {
    width: 30px;
}

.ieuFormWrapper li.field span.checkbox input{
    width: 16px;
    position:relative;
    top: 1px;
}

.ieuFormWrapper li.field span.checkbox{
    margin-right: 10px;
}

.ieuFormWrapper li.field span.checkbox input{
    background-image: none;
    border: none;
}

.ieuFormWrapper li.field div.fileUpload,
.ieuFormWrapper li.field div.radioButtonBox {
    width: 351px;
}

.ieuFormWrapper li.field div.filesUpload{
    width: 350px;
}


.ieuFormWrapper li.field input.phonePrefix{
    width: 96px;
}

.ieuFormWrapper li.field input.phonePostfix{
    width: 231px;
}

.ieuFormWrapper li.field div.captcha{
    float: left;
    width: 342px;
}

.ieuFormWrapper li.field div.captcha input{
    width: 342px;
}

.ieuFormWrapper li.field input.streetName{
    width: 227px;
}

.ieuFormWrapper li.field input.streetNr{
    width: 50px;
}

.ieuFormWrapper li.field.large label {
	display: block;
    width: 400px;
    margin: 5px 0px;
}

.ieuFormWrapper li.field.large p.error {
    margin-left: 0px;
}

.ieuFormWrapper li.field.large div.captcha input,
.ieuFormWrapper li.field.large textarea,
.ieuFormWrapper li.field.large input,
.ieuFormWrapper li.field.large file,
.ieuFormWrapper li.field.large text
{
    width: 435px;
}

.ieuFormWrapper li.field.large div.captcha,
.ieuFormWrapper li.field.large select {
    width: 441px;
}

.ieuFormWrapper.divPopupDialog {
    width: 100%;
}

.ieuFormWrapper.divPopupDialog li.field select,
.ieuFormWrapper.divPopupDialog li.field textarea,
.ieuFormWrapper.divPopupDialog li.field input,
.ieuFormWrapper.divPopupDialog li.field file,
.ieuFormWrapper.divPopupDialog li.field text {
    width: 196px;
}

.ieuFormWrapper.divPopupDialog li.field label {
    width: 290px;
    margin-top: 4px;
}

.ieuFormWrapper.divPopupDialog li.field div.hr {
    margin: 20px 0px 10px 0px;
    width: 100%;
    float: left;
    clear: both;
}

.ieuFormWrapper.divPopupDialog li.field span.radio {
    margin-right: 15px;
    float: left;
}

.ieuFormWrapper.divPopupDialog li.field span.radio input {
    width: 16px;
    margin-left: 0px;
    position: relative;
    top: 2px;
}

.ieuFormWrapper.adminFormWrapper {
    width: 100%;
}

.ieuFormWrapper.adminFormWrapper li {
    width: 100%;
}

.ieuFormWrapper.adminFormWrapper li.field.large textarea,
.ieuFormWrapper.adminFormWrapper li.field.large input,
.ieuFormWrapper.adminFormWrapper li.field.large file,
.ieuFormWrapper.adminFormWrapper li.field.large text {
    width: 756px;
}

.ieuFormWrapper.adminFormWrapper li.field.large select {
    width: 762px;
}

.ieuFormWrapper.adminFormWrapper li.field span.checkbox {
    float: left;
    margin: 2px 0px;
}

.ieuFormWrapper.adminFormWrapper li.field span.info {
    margin: 5px 0px;
    float: left;
    width: 70%;
}

.ieuFormWrapper.adminFormWrapper li.field.large label {
    width: 150px;
}

.ieuFormWrapper.adminFormWrapper li.field span.checkbox input{
    width: 16px;
    position:relative;
    top: 1px;
}

div#heizungscheck td{
    vertical-align: top;
}

div.image p.imageLabel{
    font-size: 9px;
    margin: 2px 0px 20px 0px;
}
div.bean div.image{
    width: 220px;
    min-height: 1px;
    float: left;
    margin: 4px 20px 0px 0px;
}

div.teaser div.image{
    width: 120px;
    min-height: 1px;
    float: left;
    margin: 3px 20px 0px 0px;
}

div.teaser div.image.tiny
{
    width: 100px;
}

div.flyer li.field {
    text-align: right;
    width: 312px;
}
div.flyer div.image{
    cursor:pointer;
    width: 110px;
    min-height: 157px;
    height: 110px;
    float: left;
    margin: 0px 20px 0px 0px;
}

div.flyer div.image div.imageWrapper {
    background: url(../images/template/shadow.gif) no-repeat right bottom;
    float: left;
}

div.flyer div.image div.imageShadowWrapper {
    background: url(../images/template/shadow2.png) no-repeat left top;
    padding: 0px 5px 5px 0px;
    float: left;
}

div.flyer div.image img{
    /*border: 1px solid #005EA8;*/
}

div.flyer span.checkbox input{
    width: 16px;
    position:relative;
    top: 1px;
}

#content form ul li,
#content .ieuFormWrapper ul li {
    background: none;
    padding-left: 0px;
}