/* color definitions */

/* .green { color: #009A00; }
.red { color: #CE1126; }
.black { color: #0E2229; }
.grey { color: #285B6F; } */


.red { color: #B8292F; }
.black { color: #0E2229; }
.grey { color: #285B6F; }

.green { color: #226432; } /* gruen original */
.greendark { color: #104E24; } /* dunkelgruen */
.greenblack { color: #04431B; } /* ganz dunkelgruen */
.greenlight { color: #7DA486; }
.greenwhite { color: #A7C1AD; }

/* basic page styles */
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
 margin: 0; padding: 0; border: 0;
}

html, body { 
 height: 100%; 
}
html, body, td {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size: 12px;
 color: #285B6F;
 color: #0E2229;
}

body {
 position: relative;
 background: url(images/wrappage-bg.gif) repeat-y; 
}

/* basic link styles */
a {
 color: #0E2229;
}
a:hover {
 color: #226432;
}

#topline {
 height: 5px; 
 width: 100%; 
 background-color: #B8292F; 
 background-color: #115B27;
 background-color: #226432;
 /* border-top: 1px solid #0E2229; */
 /* border-bottom: 1px solid #009A00; */
 border-top: 1px solid #B8292F;
 border-top: 1px solid #B3C6CD;
}
#wrappage {
 width: 980px;
 position: relative;
} 
#head {
 height: 100px;
 width: 990px;
 background: #FFFFFF;
}
#logo {
 position: absolute;
 left: 165px;
 top: 10px;
}
#service-menu {
 position: absolute;
 top: 5px;
 right: 5px;
 width: 300px;
 height: 20px;
 font-size: 11px;
}
#service-menu ul {
 float: right;
}
#service-menu li {
 float: left;
 list-style-type: none;
 margin-left: 5px;
 color: #0E2229;
}
#service-menu li a {
 text-decoration: none;
}
#service-menu li a:hover {
 text-decoration: underline;
}

#image {
 position: absolute;
 top: 100px;
 left: 0;
 width: 340px;
 height: 240px;
 background: url(images/burj-al-arab.jpg) no-repeat;
}


#menu { position: absolute; top: 340px; left: 0; width: 340px; }

#menu li { width: 230px; float: right; list-style-type: none; }
#menu a { padding: 8px 30px 8px 10px; float: left; text-align: right; text-decoration: none; }

/* Breiten */
#menu li a { width: 190px; padding-right: 30px; }
#menu li li a { width: 190px; padding-right: 30px; }

/* Farben */
#menu li a { color: #FFFFFF; }
#menu li.active a, #menu li.sub a { background: #FFFFFF; color: #04431B; } /* ganz dunkelgruen */

#menu li.sub li a, #menu li.active li a { background: #E3A9AC; color: #0E2229; }
#menu li.sub li a, #menu li.active li a { background: #A7C1AD; color: #0E2229; }

#menu li.sub li.active a { font-weight: bold; color: #B8292F; }
#menu li.sub li.active a { font-weight: bold; color: #04431B; }
#menu li.sub li.sub a { }

/* Breite re-set */
#menu li.sub li.sub li a, #menu li.sub li.active li a { width: 180px; padding-right: 40px; font-weight: normal; }

#menu li.sub li.sub li a, #menu li.sub li.active li a { background: #D58185; color: #0E2229; }
#menu li.sub li.sub li a, #menu li.sub li.active li a { background: #7DA486; color: #0E2229; }
/* keine 4 Ebene, somit kein sub */
#menu li.sub li.sub li.active a { font-weight: bold; color: #B8292F; }
#menu li.sub li.sub li.active a { font-weight: bold; color: #04431B; }


#content-area {
 position: absolute;
 overflow: visible;
 width: 630px;
 left: 350px;
 top: 100px;
 margin-left: 9px;
/* border: 1px solid #285B6E; */
}

#content-area p, #content-area h1, #content-area h2, #content-area h3, #content-area h4, #content-area ol, #content-area ul {
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 16px;
}
#content-area td p {
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 4px;
 padding-bottom: 4px;
 line-height: 16px;
}

#content-area h1, #content-area h2, #content-area h3, #content-area h4 {
 margin: 1px;
 padding: 9px;
 line-height: 16px;
 background: #F0F1F3;
 color: #38697A;
 background: #EDEDED;
 color: #4E4E4E;
 color: #555555;
}
#content-area .z1 h1, #content-area .z1 h2, #content-area .z1 h3, #content-area .z1 h4,
#content-area .z12 h1, #content-area .z12 h2, #content-area .z12 h3, #content-area .z12 h4,
#content-area .z21 h1, #content-area .z21 h2, #content-area .z21 h3, #content-area .z21 h4,
#content-area .z11 h1, #content-area .z11 h2, #content-area .z11 h3, #content-area .z11 h4,
#content-area .z111 h1, #content-area .z111 h2, #content-area .z111 h3, #content-area .z111 h4 {
 border-bottom: 1px solid #7DA486;
}
#content-area h1{
 font-size: 15px; 
} 
#content-area h2{
 font-size: 14px; 
}
#content-area h3{
 font-size: 13px; 
} 
#content-area h4 {
 font-size: 12px; 
}


#content-area ol, #content-area ul {
 padding-left: 20px;
}
#content-area li {
 margin: 4px;
}

.c {
 clear: both;
 height: 1px;
}
.line {
 height: 1px;
}
.z1, .z11, .z21, .z12, .z111 {
 margin-bottom: 15px;
}
.z1 {
 background: url(images/spalten/bottom1.gif) no-repeat 0% 100%;
}
.z1 .line {
 background: url(images/spalten/top1.gif) no-repeat;
}
.z11 {
 background: url(images/spalten/bottom11.gif) no-repeat 0% 100%;
}
.z11 .line {
 background: url(images/spalten/top11.gif) no-repeat;
}
.z11c1 {
 float: left;
 width: 310px;
}
.z11c2 {
 float: right;
 width: 310px;
}
.z12 {
 background: url(images/spalten/bottom12.gif) no-repeat 0% 100%;
}
.z12 .line {
 background: url(images/spalten/top12.gif) no-repeat;
}
.z12c1 {
 float: left;
 width: 196px;
}
.z12c2 {
 float: right;
 width: 424px;
}
.z21 {
 background: url(images/spalten/bottom21.gif) no-repeat 0% 100%;
}
.z21 .line {
 background: url(images/spalten/top21.gif) no-repeat;
}
.z21c1 {
 float: left;
 width: 421px;
}
.z21c2 {
 float: right;
 width: 199px;
}
.z111 {
 background: url(images/spalten/bottom111.gif) no-repeat 0% 100%;
}
.z111 .line {
 background: url(images/spalten/top111.gif) no-repeat;
}
.z111c1 {
 float: left;
 width: 196px;
 margin-right: 10px;
}
.z111c2 {
 float: left;
 width: 215px;
}
.z111c3 {
 float: right;
 width: 199px;
}

.align-center {
 text-align: center;
}
.align-right {
 text-align: right;
}
li dfn, .usb {
 display: block;
 position: absolute;
 left: -5000px;
 height: 0px;
 width: 0px;
}
acronym {
 cursor:help;
 border-bottom: 1px dotted #666;
}
abbr {
 cursor:help;
 border: none;
}

/* *** Kontakt-Formular *** */
.powermail_mandatory {
 margin-left: 5px;
}
.tx_powermail_pi1_fieldwrap_html {
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 10px;
 padding-bottom: 0px;
}
.tx_powermail_pi1_fieldwrap_html p {
 margin-left: -10px; padding: 0;
}
.tx-powermail-pi1_formwrap legend {
 display: none; visibility: hidden;
}
.tx_powermail_pi1_fieldwrap_html_text label,
.tx_powermail_pi1_fieldwrap_html_textarea label, 
.tx_powermail_pi1_fieldwrap_html_select label,
.tx_powermail_pi1_fieldwrap_html_radio_title {
 clear: both;
 float: left;
/* text-align: right; */
 width: 120px;
 margin-right: 10px;
}
.tx_powermail_pi1_fieldwrap_html_text label span {
 font-weight: normal;
}
.tx_powermail_pi1_fieldwrap_html_submit {
 margin-left: 140px;
}
.powermail_mandatory_js {
 display: inline;
 font-size: .85em;
 color: #FF0000;
 margin-left: 5px;
}
.tx_powermail_pi1_formconfirmation_back {
 float: left;
 width: 80px;
 margin-left: 10px;
}
.powermail_all_table {
 margin-left: 10px;
}
.tx-powermail-pi1_confirmation p {
 font-weight: bold;
 margin: 3px;
}
.tx-powermail-pi1_confirmation td {
 padding: 3px;
}