/**** General ****/
* {margin: 0; border: none; padding: 0;}
html {overflow-y: scroll;}
body {background-color: #ecebdd; background-image: url('../img/common/background.gif'); background-repeat: no-repeat; background-position: top center; font-family: "Trebuchet MS", sans-serif; font-size: 13px; color: #333333;}
li {list-style-position: inside;}
#content li * {display: inline-block;}
a {text-decoration: underline; color: #1a1919;}
a.anchor {text-decoration: none; color: #333333}
input, select, textarea {font-family: "Trebuchet MS", sans-serif; font-size: 13px; color: #333333;}
label {display: none;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
div.clearboth {display: none;}
@-moz-document url-prefix() {
	div.clearboth {display: block; clear: both; height: 0px; line-height: 0px; font-size: 0px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.clearboth {display: block; clear: both; height: 0px; line-height: 0px; font-size: 0px;}
}
div.column {float: left; margin: 0 20px 0 0; width: 210px;}
div.columnlast {float: left; width: 210px;}
#wrapper {margin: 66px auto 66px auto; width: 940px; background-color: #ffffff;}
#searchform {width: 100%; overflow: hidden;}
a.continue {display: inline-block; padding: 0 12px 0 0; text-decoration: none; background-image: url('../img/common/arrow.gif'); background-repeat: no-repeat; background-position: 100% 4px;}
a.continue:hover {text-decoration: underline;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.continue {background-position: 100% 3px;}
}
* html a.continue {background-position: 100% 5px;}
*+html a.continue {background-position: 100% 5px;}
a:focus {
	-moz-outline: 1px dotted #333333; /* Firefox 1.0x */
	outline: 1px dotted #333333; /* Firefox nightly builds, DeerPark dev. releases */
	outline-offset 3px;  /* Firefox nightly builds, DeerPark dev. releases */
}
* html body {behavior: url("/htc/csshover3.htc");}



/**** Header ****/
#header #printLogo {display: none;}
#header #topcontainer {height: 123px; overflow: hidden; background-image: url('../img/common/flash-background.gif'); background-repeat: no-repeat; background-position: top left;}
#header #topcontainer #flashanimation {width: 710px; height: 123px; float: left;}
#header #topcontainer #flashanimation embed {width: 710px; height: 123px;}
#header #topcontainer #languagecontainer {padding: 14px 0 0 0; width: 90px; overflow: hidden; float: left; font-size: 11px;}
#header #topcontainer #languagecontainer a {text-transform: lowercase; text-decoration: none;}
#header #topcontainer #languagecontainer a:hover {text-decoration: underline;}
#header #topcontainer #languagecontainer .selected {text-decoration: underline;}
#header #topcontainer #logo {float: right;}
#header #navigation {height: 32px; border-bottom: 1px solid #ffe593; white-space: nowrap; overflow: hidden; text-align: center; font-size: 15px; background-image: url('../img/common/navigation-background.gif'); background-repeat: repeat-x; background-position: top left;}
#header #navigation li {list-style: none; list-style-position: outside;}
#header #navigation a {display: block; padding: 0 34px 0 34px; line-height: 32px; text-decoration: none; color: #333333;}
#header #navigation a:hover, #header #navigation a.selected, #header #navigation a.active {background-image: url('../img/common/navigation-background-selected.gif'); background-repeat: repeat-x; background-position: top left;}
/* text-align for IE6.. doesn't hurt others */
#header #navigation ul {display: inline-block; text-align: left;}
* html #header #navigation ul, html #header #navigation li {display: inline; overflow: hidden;}
*+html #header #navigation ul {display: inline;}
#header #navigation ul li:hover ul {display: block;}
#header #navigation ul ul {position: absolute; display: none; z-index: 2; background-image:url('../img/common/navigation-menu-background.gif'); background-repeat: repeat-x; background-position: bottom left; background-color: #f9d974;}
#header #navigation ul ul a {padding: 0 43px 0 43px;}
/* rounded corner tryout */
/*
#header #navigation {height: 32px; border-bottom: 1px solid #ffe593; text-align: center; font-size: 15px; background-image: url('../img/common/navigation-background.gif'); background-repeat: repeat-x; background-position: top left;}
#header #navigation a {display: block; padding: 0 44px 0 44px; line-height: 32px; text-decoration: none; color: #333333;}
#header #navigation a:hover {background-image: url('../img/common/navigation-background-selected.gif'); background-repeat: repeat-x; background-position: top left;}
/* text-align for ie6.. doesn't hurt others */
/*#header #navigation ul {display: inline-block; text-align: left;}
* html #header #navigation ul, html #header #navigation li {display: inline;}
*+html #header #navigation ul {display: inline;}
#header #navigation ul li:hover ul {display: block;}
#header #navigation ul ul {position: absolute; display: none; z-index: 1; border-top: 1px solid #ffe593; padding: 0 0 3px 0; background-image: url('../img/common/navigation-menu-corner-left.gif'); background-repeat: no-repeat; background-position: bottom left;}
#header #navigation ul ul li.last {padding: 0 0 3px 0; background-image: url('../img/common/navigation-menu-corner-right.gif'); background-repeat: no-repeat; background-position: bottom right;}
#header #navigation ul ul a {border-right: 1px solid #ffe593; border-left: 1px solid #ffe593; padding: 0 43px 0 43px; background-color: #fff2ca;}
*/

/* link should stay selected if menu is open.. works only in ff and ie7 */
/*
#header #navigation ul li:hover a {background-image: url('../img/common/navigation-background-selected.gif'); background-repeat: repeat-x; background-position: top left;}
#header #navigation ul li:hover ul a {background-image: none;}
#header #navigation ul li:hover ul a:hover {background-image: url('../img/common/navigation-background-selected.gif'); background-repeat: repeat-x; background-position: top left;}
*/



/**** Content ****/
#content {padding: 30px 20px 20px 20px;}
#content h1 {margin: 0 0 8px 0;}
#content .subtitle {margin: 0 0 10px 0; font-size: 15px;}
#content .contentrow {width: 100%; overflow: hidden;}
#content .threecolumns {margin: 0 20px 0 0; width: 670px; float: left;}

/* Teaser */
#content .teaserfirst {overflow: hidden; margin: 0 0 16px 0; width: 100%;}
#content .teaser {overflow: hidden; margin: 0 0 16px 0; border-top: 1px solid #ffe593; padding: 14px 0 0 0; width: 100%;}
#content .teaserlast {overflow: hidden; margin: 0 0 64px 0; border-top: 1px solid #ffe593; padding: 14px 0 0 0; width: 100%;}
#content .teaserfirst .title, #content .teaser .title, #content .teaserlast .title {margin: 0 0 14px 0; font-size: 20px; font-weight: bold;}
#content .teaserfirst .title a, #content .teaser .title a, #content .teaserlast .title a {color: #333333; text-decoration: none;}
#content .teaserfirst .title a:hover, #content .teaser .title a:hover, #content .teaserlast .title a:hover {text-decoration: underline;}
#content .teaserfirst .column img, #content .teaser .column img, #content .teaserlast .column img {margin: 0 0 8px 0;}

/* Content: Text */
#content .text {margin: 0 0 16px 0; overflow: hidden;}

/* Content: Slideshow */
#content .slideshow {display: none; margin: 0 0 24px 0;}
#content .slideshow .image {height: 320px; overflow: hidden;}
#content .slideshow .captioncontainer {padding: 8px 16px 10px 16px; width: 638px; height: 66px; overflow: hidden; background-image: url('../img/common/slideshow-caption-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .slideshow .captioncontainer .caption {float: left; width: 424px;}
#content .slideshow .captioncontainer .caption .button {display: block; position: absolute; margin: -318px 0 0 -16px; padding: 0 0 0 3px; height: 39px; overflow: hidden; line-height: 39px; font-size: 20px; font-weight: bold; text-decoration: none; color: #333333; cursor: pointer; background-image: url('../img/common/slideshow-button-background-left.gif'); background-repeat: no-repeat; background-position: top left;}
#content .slideshow .captioncontainer .caption .button .text {float: left; margin: 0; padding: 0 32px 0 12px; background-image: url('../img/common/slideshow-button-background.gif'); background-repeat: repeat-x; background-position: top left;}
#content .slideshow .captioncontainer .caption .button .icon {float: left; width: 26px; background-image: url('../img/common/slideshow-button-background-right.gif'); background-repeat: no-repeat; background-position: top right;}
#content .slideshow .captioncontainer .caption .title {display: inline-block; margin: 0 0 5px 0; font-size: 24px; font-weight: bold; text-decoration: none; color: #333333;}
#content .slideshow .captioncontainer .caption a.title:hover {text-decoration: underline;}
#content .slideshow .captioncontainer .thumbs {float: right; margin: 6px 0 0 0;}
#content .slideshow .captioncontainer .thumbs li {display: inline; font-weight: bold;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content .slideshow .captioncontainer .thumbs li {display: inline-block;}
}
#content .slideshow .captioncontainer .thumbs li a {display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; background-image: url('../img/common/slideshow-control-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .slideshow .captioncontainer .thumbs li.selected a {background-image: url('../img/common/slideshow-control-background-selected.gif');}

/* Content: Gallery */
#content .gallery {display: none; margin: 0 0 24px 0;}
#content .gallery .image {height: 320px; overflow: hidden;}
#content .gallery .captioncontainer {padding: 8px 16px 10px 16px; width: 638px; height: 66px; overflow: hidden; background-image: url('../img/common/slideshow-caption-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .gallery .captioncontainer .caption {float: left; width: 424px;}
#content .gallery .captioncontainer .caption .button {display: block; position: absolute; margin: -318px 0 0 -16px; padding: 0 0 0 3px; height: 39px; overflow: hidden; line-height: 39px; font-size: 20px; font-weight: bold; text-decoration: none; color: #333333; cursor: pointer; background-image: url('../img/common/slideshow-button-background-left.gif'); background-repeat: no-repeat; background-position: top left;}
#content .gallery .captioncontainer .caption .button .text {float: left; margin: 0; padding: 0 32px 0 12px; background-image: url('../img/common/slideshow-button-background.gif'); background-repeat: repeat-x; background-position: top left;}
#content .gallery .captioncontainer .caption .button .icon {float: left; width: 26px; background-image: url('../img/common/slideshow-button-background-right.gif'); background-repeat: no-repeat; background-position: top right;}
#content .gallery .captioncontainer .caption .title {display: inline-block; margin: 0 0 5px 0; font-size: 24px; font-weight: bold; text-decoration: none; color: #333333;}
#content .gallery .captioncontainer .caption a.title:hover {text-decoration: underline;}
#content .gallery .captioncontainer .controlscontainer {float: right; margin: 6px 0 0 0;}
#content .gallery .captioncontainer .controlscontainer .controls {width: 194px; overflow: hidden;}
#content .gallery .captioncontainer .controlscontainer .controls .prev {display: block; float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; background-image: url('../img/common/gallery-control-previous.gif'); background-repeat: no-repeat; background-position: top left;}
#content .gallery .captioncontainer .controlscontainer .controls .next {display: block; float: right; width: 20px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; background-image: url('../img/common/gallery-control-next.gif'); background-repeat: no-repeat; background-position: top left;}
#content .gallery .captioncontainer .controlscontainer .thumbs {margin: -20px 0 0 0; line-height: 20px; text-align: center;}
#content .gallery .captioncontainer .controlscontainer .thumbs li {display: none;}
#content .gallery .captioncontainer .controlscontainer .thumbs li.selected {display: inline; font-weight: bold;}
#content .gallery .captioncontainer .controlscontainer .thumbs li.selected a {text-decoration: none; color: #333333;}

/* Content: Panorama */
#content .panorama {margin: 0 0 24px 0;}
#content .panorama .button {display: block; position: absolute; z-index: 1; margin: 10px 0 0 0; padding: 0 0 0 3px; height: 39px; overflow: hidden; line-height: 39px; font-size: 20px; font-weight: bold; text-decoration: none; color: #333333; cursor: pointer; background-image: url('../img/common/slideshow-button-background-left.gif'); background-repeat: no-repeat; background-position: top left;}
#content .panorama .button .text {float: left; margin: 0; padding: 0 32px 0 12px; background-image: url('../img/common/slideshow-button-background.gif'); background-repeat: repeat-x; background-position: top left;}
#content .panorama .button .icon {float: left; width: 26px; background-image: url('../img/common/slideshow-button-background-right.gif'); background-repeat: no-repeat; background-position: top right;}
#content .panorama .magnifier {display: block; position: absolute; margin: 280px 0 0 624px; width: 30px; height: 30px; background-image: url('../img/common/panorama-button-magnifier.gif'); background-repeat: no-repeat; background-position: top left;}
#content .panorama .image {height: 320px; overflow: hidden;}
#content .panorama .captioncontainer {padding: 8px 16px 10px 16px; width: 638px; height: 66px; overflow: hidden; background-image: url('../img/common/slideshow-caption-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .panorama .captioncontainer .caption {float: left; width: 424px;}
#content .panorama .captioncontainer .caption .title {display: inline-block; margin: 0 0 5px 0; font-size: 24px; font-weight: bold; text-decoration: none; color: #333333;}
#content .panorama .captioncontainer .caption a.title:hover {text-decoration: underline;}
#content .panorama .captioncontainer .continue {float: right; margin: 6px 0px 0 0; font-weight: bold; color: #333333;}

/* Content: Quote */
#content .quote {margin: 0 0 24px 0; padding: 48px 0 0 56px; width: 614px; min-height: 70px; overflow: hidden; background-image: url('../img/common/quote-background-left.gif'); background-repeat: no-repeat; background-position: top left;}
#content .quote .image {float: left;margin: 0 56px 0 0;}
#content .quote .text {float: left; margin: 0; padding: 10px 0 80px 0; width: 440px; background-image: url('../img/common/quote-background-right.gif'); background-repeat: no-repeat; background-position: bottom right;}
#content .quote .text .title {padding: 0 0 13px 0; font-size: 14px; font-weight: bold;}

/* Content: Info */
#content .info {float: right; overflow: hidden; bottom: 0px; margin: 0 0 24px 24px; width: 210px; background-color: #ffe593; background-image: url('../img/common/info-background-bottom.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .info .title {overflow: hidden; margin: 0 0 22px 0; font-size: 15px; font-weight: bold; background-image: url('../img/common/info-background-top.gif'); background-repeat: no-repeat; background-position: top left;}
#content .info .title * {position: relative; top: 3px; margin: 0 0 3px 0; border-right: 1px solid #ffe593; border-left: 1px solid #ffe593; padding: 12px 24px 0 24px;}
* html #content .contact .title {margin: 0 0 6px 0;}
#content .info .text {position: relative; bottom: 3px; margin: 3px 0 0 0;border-right: 1px solid #ffe593; border-left: 1px solid #ffe593; padding: 0 24px 12px 24px;}
#content .info .text .download {margin: 16px 0 0 0;}

/* Content: Featurelist */
#content .featurelist {margin: 0 0 64px 0;}
#content .featurelist .item {overflow: hidden; margin: 0 0 16px 0; border-top: 1px solid #ffe593; padding: 14px 0 0 0; width: 100%;}
#content .featurelist .item .title {margin: 0 0 14px 0; font-size: 20px; font-weight: bold;}
#content .featurelist .item .column img {margin: 0 0 8px 0;}

#content .feature {overflow: hidden; margin: 0 0 16px 0; border-top: 1px solid #ffe593; padding: 14px 0 0 0; width: 100%;}
#content .feature .title {margin: 0 0 14px 0; font-size: 20px; font-weight: bold;}
#content .feature .column img {margin: 0 0 8px 0;}
#content .feature .download {margin: 16px 0 0 0;}

/* Content: Map */
#content .map {width: 670px; height: 500px; margin: 0 0 24px 0;}

/* Content: Contact form */
#content .contactform {margin: 0 0 24px 0; padding: 0 0 3px 0; background-image: url('../img/common/contactform-background-bottom.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .contactform form {padding: 3px 0 0 0; background-image: url('../img/common/contactform-background-top.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform table {border-right: 1px solid #ffefbb; border-left: 1px solid #ffefbb; background-color: #fff8e4;}
#content .contactform td, th {border-bottom: 6px solid #fff8e4;}
#content .contactform th {padding: 12px 0 6px 0; text-align: left; font-size: 20px; font-weight: bold;}
#content .contactform label {display: inline;}
#content .contactform .labelrow {padding: 0 18px 0 0; width: 207px; line-height: 24px; text-align: right;}
#content .contactform .labelrowsmall {padding: 0 10px 0 0; width: 41px; text-align: right;}
#content .contactform .inputrow {width: 437px; background-image: url('../img/common/contactform-text-background.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .contactform .inputrowsmall {width: 312px; background-image: url('../img/common/contactform-text-small-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrowsmallest {width: 70px; background-image: url('../img/common/contactform-text-smallest-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrow input {padding: 0 6px 0 6px; width: 323px; background: none; outline: none;}
#content .contactform .inputrowsmall input {padding: 0 6px 0 6px; width: 198px; background: none; outline: none;}
#content .contactform .inputrowsmallest input {padding: 0 6px 0 6px; width: 58px; background: none; outline: none;}
#content .contactform .inputrow select {padding: 0 0 0 3px; width: 334px; background: none; outline: none;}
* html #content .contactform .inputrow select {padding: 0; width: 335px;}
*+html #content .contactform .inputrow select {padding: 0; width: 335px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content .contactform .inputrow select {margin: 0 0 0 1px; width: 333px; height: 22px;}
}
#content .contactform .labelarea {padding: 0 18px 0 0; width: 207px; line-height: 24px; text-align: right; vertical-align: top;}
#content .contactform .inputarea {vertical-align: top; background-image: url('../img/common/contactform-textarea-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputarea textarea {padding: 4px 6px 4px 6px; width:323px; height: 132px; background: none; outline: none;}
* html #content .contactform .inputarea textarea {overflow: auto; padding: 2px 6px 2px 6px; width: 321px; height: 134px;}
*+html #content .contactform .inputarea textarea {overflow: auto; padding: 2px 6 2px 6px; width: 321px; height: 134px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content .contactform .inputarea textarea {padding: 4px; width: 327px;}
}
#content .contactform .checboxrow {overflow: hidden;}
#content .contactform .checkboxrow input {display: block; float: left;}
#content .contactform .checkboxrow label {display: block; float: left; margin: 0 0 0 8px;}
#content .contactform .buttonrow {padding: 10px 0 10px 0;}
#content .contactform .buttonrow input.button {float: left; margin: 0 8px 0 0; width: 100px; height: 30px; font-weight: bold; background-image: url('../img/common/send-button.gif'); background-repeat: no-repeat; background-position: top left; background-color: #ffffff;}
#content .contactform .errorrow {padding: 0; font-weight: bold;}
#content .contactform .inputrowerror {background-image: url('../img/common/contactform-text-error-background.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .contactform .inputrowsmallerror {background-image: url('../img/common/contactform-text-small-error-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrowsmallesterror {background-image: url('../img/common/contactform-text-smallest-error-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputareaerror {background-image: url('../img/common/contactform-textarea-error-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .successrow {padding: 0 102px 8px 0; width: 437px;}

/* Teaser row */
#content .teaserrow {margin: 0 0 40px 0; width: 100%; overflow: hidden;}
#content .teaserrow .title {display: inline-block; margin: 0 0 8px 0; text-decoration: underline; font-weight: bold;}
#content .teaserrow .image {display: inline-block; margin: 0 0 8px 0;}
#content .teaserrow .columnfirst {float: left; border-right: 1px solid #ffe593; padding: 2px 26px 16px 17px; width: 177px;}
#content .teaserrow .column {margin: 0 0 0 -1px; border-right: 1px solid #ffe593; border-left: 1px solid #ffe593; padding: 2px 26px 16px 26px; width: 177px;}
#content .teaserrow .columnlast {margin: 0 0 0 -1px; border-left: 1px solid #ffe593; padding: 2px 16px 16px 26px; width: 177px;}

/* Button row */
#content .buttonrow {height: 20px; line-height: 20px; font-size: 11px; font-weight: bold;}
#content .buttonrow a {text-decoration: none;}
#content .buttonrow, #content .buttonrow .column, #content .buttonrow .columnlast {overflow: hidden;}
#content .buttonrow .button {background-repeat: no-repeat;}
#content .buttonrow .column .button {padding: 0 0 0 25px; background-position: top left;}
#content .buttonrow .columnlast .button {padding: 0 25px 0 0; background-position: top right;}
#content .buttonrow .print {float: left; background-image: url('../img/common/button-print.gif');}
#content .buttonrow .mail {float: right; background-image: url('../img/common/button-mail.gif');}
#content .buttonrow .top {float: right; background-image: url('../img/common/button-top.gif');}

/* Column: Search */
#content #searchform {margin: 0 0 36px 0;}
#content #searchform #searchfieldtable {display: table; width: 146px; height: 30px; float: left; font-size: 13px; background-image: url('../img/common/search-background.gif'); background-repeat: no-repeat; background-position: top left;}
* html #content #searchform #searchfieldtable {position: relative;}
*+html #content #searchform #searchfieldtable {position: relative;}
#content #searchform #searchfieldtable #searchfieldtablecell {display: table-cell; vertical-align: middle;}
* html #content #searchform #searchfieldtable #searchfieldtablecell {position: absolute; top: 50%;}
*+html #content #searchform #searchfieldtable #searchfieldtablecell {position: absolute; top: 50%;}
#content #searchform #searchfieldtable #searchfieldtablecell input {padding: 1px 0 0 8px; width: 138px; background: none; outline: none;}
* html #content #searchform #searchfieldtable #searchfieldtablecell input {position: relative; top: -50%; padding: 0 0 0 8px;}
*+html #content #searchform #searchfieldtable #searchfieldtablecell input {position: relative; top: -50%;}
#content #searchform #searchbutton {width: 64px; height: 30px; float: left; font-weight: bold; background-image: url('../img/common/search-button.gif'); background-repeat: no-repeat; background-position: top left; background-color: #ffffff;}

/* Column: News */
#content .newscolumn {margin: 0 0 36px 0;}
#content .newscolumn .title {margin: -18px 0 0 -5px; width: 215px; overflow: hidden; font-size: 79px; font-weight: bold; color: #fff2ca;}
* html #content .newscolumn .title {margin: -18px 0 0 -6px; width: 216px; overflow: hidden;}
*+html #content .newscolumn .title {margin: -18px 0 0 -6px; width: 216px; overflow: hidden;}
#content .newscolumn .item {margin: 0 0 18px 0;}
#content .newscolumn .item .headline {font-weight: bold;}
#content .newscolumn .all {font-weight: bold;}

/* Column: Contact */
#content .contact {overflow: hidden; margin: 0 0 36px 0; background-color: #fff2ca; background-image: url('../img/common/contact-background-bottom.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .contact .title {overflow: hidden; font-weight: bold; background-image: url('../img/common/contact-background-top.gif'); background-repeat: no-repeat; background-position: top left;}
/* Setting only margin didn't work for IE hence position: relative */
#content .contact .title * {position: relative; top: 3px; margin: 0 0 3px 0; border-right: 1px solid #ffe693; border-left: 1px solid #ffe693; padding: 12px 12px 0 12px;}
* html #content .contact .title {margin: 0 0 6px 0;}
#content .contact .text {position: relative; bottom: 3px; margin: 3px 0 0 0;border-right: 1px solid #ffe693; border-left: 1px solid #ffe693; padding: 0 12px 12px 12px;}
#content .contact .text .download {margin: 16px 0 0 0;}

/* Column: Apartment navigation */
#content .subnavigation {margin: 0 0 36px 0; padding: 0 0 6px 0; background-image: url('../img/common/subnavigation-background-bottom.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .subnavigation li {list-style: none; list-style-position: outside;}
#content .subnavigation a {display: block; border-top: 1px solid #ffe797; border-bottom: 1px solid #ffe797; padding: 0 20px 0 20px; height: 21px; line-height: 21px; white-space: nowrap; overflow: hidden; font-weight: bold; text-decoration: none; color: #333333; background-color: #fff8e4;}
#content .subnavigation a:hover, #content .subnavigation a.selected {background-image: url('../img/common/subnavigation-button-background-selected.gif'); background-repeat: repeat-x; background-position: top left;}
#content .subnavigation ul.first {padding: 2px 0 0 0; font-size: 15px; text-align: center; background-image: url('../img/common/subnavigation-background-top.gif'); background-repeat: no-repeat; background-position: top left;}
#content .subnavigation ul.first li {padding: 0 0 5px 0;}
#content .subnavigation ul.first a {height: 31px; line-height: 31px; border-top: none; background-image: url('../img/common/subnavigation-parent-background.gif'); background-repeat: repeat-x; background-position: top left;}
#content .subnavigation ul.first a:hover {background-image: url('../img/common/subnavigation-parent-background.gif'); background-repeat: repeat-x; background-position: top left;}
#content .subnavigation ul li {border-right: 1px solid #ffe797; border-left: 1px solid #ffe797; padding: 5px 0 5px 0;}
* html #content .subnavigation ul li {display: inline-block;}
#content .subnavigation ul ul {padding: 8px 0 8px 0; width: 100%; background-color: #fff8e4;}
#content .subnavigation ul ul a {border: none; padding: 0 20px 0 40px; height: auto; line-height: normal; white-space: normal; font-weight: normal;}
#content .subnavigation ul ul a:hover {background-image: none; text-decoration: underline;}
* html #content .subnavigation ul ul a {width: 148px;}
#content .subnavigation ul ul li {display: block; border: none; padding: 0;}
* html #content .subnavigation ul ul li {display: inline;}



/**** Doormat ****/
#doormat {overflow: hidden; padding: 16px 0 0 20px; width: 920px; border-top: 1px solid #ffe593; background-color: #fff2ca;}
#doormat li {list-style: none; list-style-position: outside;}
#doormat a {text-decoration: none; color: #333333;}
#doormat a:hover {text-decoration: underline;}
#doormat ul {float: left; margin: 0 20px 16px 0; width: 210px; font-weight: bold;}
#doormat ul ul {margin: 13px 0 0 0; font-weight: normal;}
* html #doormat ul ul li {display: inline}
*+html #doormat ul ul li {display: inline}
* html #doormat ul ul a {display: block;}
*+html #doormat ul ul a {display: block}



/**** Footer ****/
#footer {overflow: hidden; padding: 20px; width: 900px; font-size: 12px; height: 19px; line-height: 19px; vertical-align: middle;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .imprint {float: left;}
#footer .notice {float: right;}

