/* color definitions */

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


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

.bluegrey { color: #285B6E; }

/* 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: #B8292F;
}

#topline {
 height: 5px; 
 width: 100%; 
 background-color: #B8292F; 
 /* border-top: 1px solid #0E2229; */
 /* border-bottom: 1px solid #009A00; */
 border-top: 1px solid #B8292F;
}
#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;
}

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


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


#menu li { width: 230px; float: right; list-style-type: none; }

#menu a { width: 190px; padding: 8px 30px 8px 10px; float: left; text-align: right; text-decoration: none; }

#menu li a { color: #FFFFFF; }
#menu li.active a { background: #FFFFFF; color: #285B6E; }


#menu li li a {
 width: 180px;
 padding-right: 40px;
}
#menu li li .active, #menu li li .sub {
 border-right: 10px solid #B8292F;
 padding-right: 30px;
 width: 180px;
 background: #E3A9AC;
}


#menu li .sub {
 background: #f0f1f3;
 background: #FFFFFF;
 color: #3f5668;
 color: #285B6E;
 color: #0E2229;
 color: #285B6E;
}
#menu li li.active {
 color: #0E2229;
}


#menu li li li a {
 background-color: #D58185 !important;
 color: #0E2229;
 font-size: 11px;
}


#menu li li li a {
 border:none;
 padding-right:50px;
 width:170px;
}

#menu li li li .active{
 background: #E3A9AC;
 width: 150px;
 color: #FFFFFF;
 border-right: none;
}

#menu li li a {
 background: #E3A9AC;
 color: #0E2229;
}
#menu li li a:hover {
 color: #FFFFFF;
}


#menu {
}


#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 h1, #content-area h2, #content-area h3, #content-area h4 {
 margin: 1px;
 padding: 9px;
 line-height: 16px;
 background: #F0F1F3;
 color: #38697A;
}
#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 #285B6E;
}
#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;
}


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;
}