/*http://greattalk.ch/2008/02/09/die-unglaublichen-em-elastischen-layouts-mit-css/*/

HTML {font-size: 100%;}

BODY {height: 100%; font-size:1em;line-height:1em;font-family:verdana;color:#333333;background:#c8c8c8;margin:0; padding:0}

H1 {margin:0; font-size:1.5em;line-height:2em;font-weight:500;color:#333;text-align:left;font-weight: bold;}
H2 {margin:0; font-size:1.25em;line-height:2em;font-weight:500;color:#333;text-align:left;}
H3 {margin:0; font-size:1em;line-height:1.5em;font-weight:500;color:#333;text-align:left;}

A {color:#004b96;line-height:1.5em;text-decoration:none; font-weight:bold}
A:HOVER {color:#004b96;text-decoration:underline; font-weight:bold}


P {font-size:0.8125em;line-height:1.5em;text-align:left;margin: 0.8em 0 1.2em 0; color:#333333}
P A {font-size:1em;}
UL {font-size:0.8125em;line-height:1.5em;text-align:left;/*margin: 0.8em 0 1.2em 0;*/ color:#333333}


fieldset, img { border:0; }

.clearer {clear:both;}

DIV#pageWrap {height:100%;min-height:1080px; text-align:left;width:100%;background: url("../images/browser_bg.jpg") repeat-x;margin:0px auto; margin-bottom:0px}
  DIV#page {height:100%; margin: 0.625em auto;width:60em; background: url("../images/bg.jpg") repeat-y; }
    DIV#header {margin: 0 auto;height:10.0625em;width:60em;}

      DIV#headerTop{background: url("../images/header_top.jpg") no-repeat;height:0.8125em;width:60em;float:left; }
      DIV#headerMain{margin-left:0.0625em; width:59.875em;float: left; }
        DIV#headerPic{float: left;height:9.25em; width:15.5em; }
        DIV#headerRightCol{float: right;background: url("../images/header_nav.jpg") no-repeat;height:9.25em;width:44.375em;position:relative}




        DIV#headerNav{position:absolute;bottom:0;left:10px;height:26px;}

          #menu {padding:0;  margin:0;margin-left:2px; list-style:none; height:40px; position:relative; z-index:5; font-family:verdana}
          #menu li {float:left; /*margin-right:1px;*/}
          #menu li a {display:block; height:26px; line-height:24px; /*background:#333;*/ color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 20px 0 10px;}


          /*#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}*/

          /* Default link styling */

          /* Style the list OR link hover. Depends on which browser is used */

          #menu li a:hover {z-index:2; position:relative;color:#fff; background-color:#004b96;}
          #menu li:hover {position:relative; z-index:2;background-color:#3272b2;}

          #menu li:hover > a {color:#fff; /*background-color:#c60;*/}
          #menu li:hover > a.sub {color:#fff; /*background-color:#c60;*/}

          #menu li a.sub {background: transparent url(../images/down-arrow.gif) no-repeat right center;}
          #menu li a.current {color:#fff; background-color:#3272b2;}


          /*#menu li a.sub {color:#fff; background:#0D4A0B url(../images/down-arrow.gif) no-repeat right center;;}*/

          /*#menu :hover ul {}*/

          #menu ul {position:absolute;top:26px; /*left:0px;*/ /*width:150px;*/ background:#444; /* left:-9999px; top:-9999px;*/margin:0; padding:0; list-style:none;visibility:hidden;}

          #menu ul li {clear:both; border-top:1px solid #666;text-align:left}
          #menu ul li a{padding:0;margin:0; text-indent:10px; background:#004b96; color:#ffffff; height:26px; line-height:24px;white-space: nowrap;}
          #menu ul li a:hover{background:#3272b2; }



    DIV#mainCol {float:left; height:100%;width:60em; background: url("../images/bg.jpg") repeat-y; }

      DIV#leftCol {float:left;width:15.5em;height:100%;}
        DIV.leftCol-header {margin-left: 0.0625em; float:left;width:15.5em;height:2.5em;background: url("../images/leftCol_header.jpg") no-repeat;}
        DIV.leftCol-content {float:left;width:15.5em;height:100%;}

        DIV.leftBox {float:left; width: 13.4375em; height:100%; margin: 1em 0.65em 0 0.65em; }
            DIV.leftBox-header {float:left;height: 0.375em; width: 13.4375em; background: url("../images/leftCol_box_header.jpg") no-repeat;}
            DIV.leftBox-content {float:left; width: 13.4375em;height:100%; background: url("../images/leftCol_box_bg.jpg") repeat-y;}
              DIV.leftBox H2 {font-size:0.6875em;font-weight:bold;margin: 1em 1.5em 1em 0.75em;}
              DIV.leftBox  P {font-size:0.6875em;line-height:0.95em;text-align:left;margin: 1em 1.5em 1em 0.75em;}
            DIV.leftBox-footer {float:left;height: 0.875em; width: 13.4375em; background: url("../images/leftCol_box_footer.jpg") no-repeat;}



      DIV#rightCol {float:right;width:44.375em;height:100%;}
        DIV#breadcrumb {margin-top: 1em; margin-left: 1em; width:30em; float:left;}
        DIV#breadcrumb P {font-size:0.6875em;line-height:0.75em;text-align:left;color:#999999}
        DIV#breadcrumb P a{color:#999999}

        DIV#rightCol-content {width: 40.5em; margin-left:1em; float:left;height:100%;}

        DIV#rightCol-slogan {margin: 0 0.0625em 5em 0; float:right; width:25.5em;height:6.125em;background: url("../images/slogan.jpg") no-repeat}


      DIV#footer {float:left;width:60em;height:1.75em;background: url("../images/footer_bg.jpg") no-repeat;}

        DIV#footer P {float:left; margin-left: 0.5em; margin-top: 0.25em; font: 0.6875em verdana; color:#ffffff; line-height:2em}

        DIV#footerNav{float:right; margin-left: 1em; margin-top:0.2em; width:auto;}
           DIV#footerNav UL {float:left;padding:0;margin:0;}
           DIV#footerNav UL LI {display:inline;list-style-type:none;}
           DIV#footerNav UL LI A {float:left;color:#FFFFFF; font-size:0.6875em;line-height:2em; width:auto;background:none; padding:0 1.35em 0 1.35em; text-decoration:none}
           DIV#footerNav UL LI A:HOVER {color:#FFFFFF; text-decoration:none}
           DIV#footerNav UL LI.topNav-current A {color:#FFFFFF; text-decoration:none}
           DIV#footerNav UL LI.topNav-current A:HOVER {color:#FFFFFF; text-decoration:none}
           DIV#footerNav .last {border:0}

/*login box*/
#user {margin-bottom:5px;padding-left:3px;border: 1px solid #3272b2;width:99px;font-size:11px}
#pass {margin-bottom:5px;padding-left:3px;border: 1px solid #3272b2;width:99px;font-size:11px}
.tx-felogin-pi1 div {text-align:left;margin-left:0.5em}
.submit_login {margin-bottom:10px}
.submit_logout {margin-bottom:10px; margin-top:5px;}
.tx-felogin-pi1 div span {font-size:11px;}

#leftCol > div.leftCol-content > div:nth-child(2) > div.leftBox-content > p.felogin-securelink {margin:0 1.5em 0.5em 0.75em;}

/*geschützer Bereich*/
.tx-txreadprotectedfiles-pi1 {font-size:11px; text-align:left;margin-top:25px}
.tx-txreadprotectedfiles-pi1-property-content-entry,
.tx-txreadprotectedfiles-pi1-header-wrap {border:1px solid #3272b2; padding-left:5px; padding-bottom:10px; padding-top:10px; margin-bottom:10px;}
.tx-txreadprotectedfiles-pi1-title {font-weight:700; font-size:1.2em}
.tx-txreadprotectedfiles-pi1-email {font-weight:700;font-size:1em;}
.tx-txreadprotectedfiles-pi1-common-headline {text-decoration:underline;font-weight:700}
.tx-txreadprotectedfiles-pi1-property-headline {text-decoration:underline;font-weight:700}
.tx-txreadprotectedfiles-pi1-unit-headline {font-style:italic;text-decoration:underline;}

.tx-txreadprotectedfiles-pi1-whole-dir, .tx-txreadprotectedfiles-pi1-dirname {font-size:11px; margin-left:10px;font-weight:bold}
.tx-txreadprotectedfiles-pi1-dirname {cursor:pointer; cursor:hand; margin-top:3px}
.tx-txreadprotectedfiles-pi1-whole-dir {display:none}
.tx-txreadprotectedfiles-pi1-dir-file-entry {font-size:11px;margin-left:10px;}

.tx-txreadprotectedfiles-pi1-property-file {margin-left:10px;}

.tx-txreadprotectedfiles-pi1-property-file-item .file {margin-left:10px}
.tx-txreadprotectedfiles-pi1-common-file-item .file {margin-left:10px}
.tx-txreadprotectedfiles-pi1-unit-file-item .file {margin-left:10px}
.tx-txreadprotectedfiles-pi1-common-file {margin-left:10px}
.tx-txreadprotectedfiles-pi1-unit-file {margin-left:10px}


/*powermail*/

 /* Form */

    div.tx-powermail {margin-left: -23px;}
		div.tx-powermail h3 {display: none;}
    div.tx-powermail-pi1_formwrap {padding:10px; text-align:left;}

    fieldset.powermail_fieldset div.even {	background-color: #FFFFFF;}

    fieldset.powermail_fieldset {/* Fieldset */	width: 600px; border: 1px solid #ffffff;	background-color: #ffffff;	}
    fieldset.powermail_fieldset legend {/* legend of Fieldset */	font-weight: bold;	color: black; font-size: 0.8125em; font-family: verdana; color: #444444; margin-left: -2px;}
    fieldset.powermail_fieldset label {/* label */	display: block;	width: 130px;	float: left;	clear: both; font-weight: normal; font-size: 0.8125em; font-family: verdana; color: #444444}
    fieldset.powermail_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset select.powermail_select { /* Input and textarea */float: left; width: 250px;}

    #uid13 {width: 500px; height:250px;}

    fieldset.powermail_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {/* Radiobuttons */margin: 5px 0;}
    div.powermail_fieldwrap {/* DIV container arround every field */float: left; width:500px; margin: 5px 0;}
    fieldset.powermail_fieldset input.powermail_submit {/* submit button */ font-weight:normal; font-size: 0.8125em; font-family: verdana; font-weight:normal; margin:20px 0 10px 130px;}

    p.tx_powermail_pi1_fieldwrap_html_checkbox_title, p.tx_powermail_pi1_fieldwrap_html_radio_title {margin: 0;	padding: 0;	font-weight: bold;}
    div.countryzone {	margin: 10px 0 0 200px;}
    div.powermail_fieldwrap label a {/* Description */cursor: help;}
    div.powermail_fieldwrap label a dfn {/* Description */display: none;}
    div.powermail_fieldwrap label a:hover dfn {/* Description on mouseover */	display: block;	position: absolute;	width: 250px;	padding: 5px;	background-color: #ddd;	border: 1px solid red;	color: black;	text-decoration: none;	font-size: 0.8em;}
    div.powermail_fieldwrap img.icon_info {/* Description icon */	padding: 2px 2px 0 2px;}

    /*Radio Buttons*/
    p.tx_powermail_pi1_fieldwrap_html_radio_title {padding-bottom: 10px}
    div.powermail_radio_inner label {display:inline;float:none;clear:none;padding-left:5px; margin-right: 345px}
    div.powermail_radio_inner input {display:inline;}

    /*CheckBoxen*/
    p.tx_powermail_pi1_fieldwrap_html_checkbox_title {padding-bottom: 10px}
    div.powermail_check_inner label {display:inline;float:none;clear:none;padding-left:5px; margin-right: 175px; width: 320px}
    div.powermail_check_inner input {display:inline;}

    /*Fehlermeldung*/
    div.tx-powermail-pi1_mandatory {margin: 20px 0 0 25px; font-size: 0.8125em; font-family: verdana; color: #333333;}
    div.tx-powermail-pi1_mandatory ul.powermail_mandatory_list {font-weight:normal; font-size: 1em; font-family: verdana; color: #333333;}
    input.tx-powermail-pi1_mandatory_submit{margin-left:25px}


	  /* Confirmation */
    td.powermail_all_td {	padding: 3px 10px 3px 0;}
    div.tx-powermail-pi1_confirmation {margin-left:23px; font-weight:normal;font-family:verdana; font-size: 12px;}
    div.tx-powermail-pi1_confirmation p {font-size:12px; font-weight:bold;}
    form.tx_powermail_pi1_formconfirmation_back {margin-top:20px;}
    form.tx_powermail_pi1_formconfirmation_submit {margin-top:20px;margin-bottom:20px;}
    div#powermaildiv_uid15 {font-family:verdana; font-size: 12px;}
    #uid13 { font-weight:normal;font-family:verdana; font-size: 12px;}

	  /* THX */
    td.powermail_all p.bodytext {	margin: 0;}
    div.tx-powermail-pi1_thx {margin-left:23px; margin-top:20px}
    fieldset.tx-powermail-pi1_fieldset legend {display:none;}

    /*Contenttable*/
    .contenttable p {margin: 0.1em 0 0.1em 0;}

    /*linke box links*/
    .leftBox-content a {font-size:10px;}

    /*extra Klassen für Schriftfarben im RTE*/
    .brown_small {color:#947B70; font-size:12px}
    .brown_big {color:#947B70;   font-size:14px}

    .red_small {color:#FE0103; font-size:12px}
    .red_big {color:#FE0103;   font-size:14px}

    .dark_green_small {color:#0D4A0B; font-size:12px}
    .dark_green_big {color:#0D4A0B;   font-size:14px}

    .middle_green_small {color:#126D10; font-size:12px}
    .middle_green_big {color:#126D10;   font-size:14px}

    .light_green_small {color:#7FB17E; font-size:12px}
    .light_green_big {color:#7FB17E;   font-size:14px}

    .black_small {color:#000000; font-size:12px}
    .black_big {color:#000000;   font-size:14px}

    .gray_small {color:#999999; font-size:12px}
    .gray_big {color:#999999;   font-size:14px}

.error {
  display: none;
}

.error p {
  display: none;
}

.invalid[type="text"] {
  border: 1px solid red;
  height: 19px;
  background:rgba(255,0,0,0.1);
}

#powermaildiv_uid16 {
  border: 1px solid white;
}

#powermaildiv_uid16.invalid-checkbox {
  border: 1px solid red;
}

#c104 .tx-powermail .container-fluid {
  padding: 0 10px;
}

#c104 .tx-powermail fieldset.powermail_fieldset legend {
  display: none;
}

#c104 .tx-powermail * {
  font-family: verdana;
  font-size: 12px !important;
}
#c104 .powermail_fieldwrap_ihreanfragebetrifft > label,
#c104 .powermail_fieldwrap_ihreanfrage > label {
  display: none !important;
}
#c104 .powermail_fieldwrap_ihreanfrage .radio label {
  margin-bottom: 5px;
}

#c104 .powermail_fieldset_1 {
  padding-bottom: 0;
}

#c104 .powermail_input {
  width: 200px;
}

#c104 .control-label {
  margin-top: 4px;
}

#c104 .powermail_fieldwrap_ihreanfragebetrifft .checkbox label {
  width: 250px;
}

#c104 .powermail_fieldset_4 .powermail_fieldwrap_kommentar label {
  width:100%;
}

#c104 .powermail_fieldset_4 .powermail_fieldwrap_kommentar textarea {
  width: 500px;
  height: 250px;
  border: 1px solid #CCC;
}

#c104 .powermail_fieldwrap_datenschutz > label {
  display: none;
}

#c104 .powermail_fieldwrap_datenschutz .checkbox label {
  width: 100%;
}