/**** General ****/
* {margin: 0; border: none; padding: 0;}
body {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: block; clear: both; height: 1px; line-height: 1px; font-size: 1px;}
div.column {float: left; margin: 0 20px 0 0; width: 210px;}

#header #topcontainer, #header #navigation, #content .columnlast, #content .captioncontainer, #content .slideshow,  #content .slideshow .image, #content .panorama, #content .gallery, #content .gallery .image, #content .contactform, #content .teaserrow, #content .buttonrow, #content #searchform, #content .newscolumn, #content .subnavigation, #doormat, #footer {display: none;}

/**** Content ****/
#content h1 {margin: 0 0 8px 0;}
#content .subtitle {margin: 0 0 10px 0; font-size: 15px;}
#content .contentrow {width: 100%;}
#content .threecolumns {margin: 0 20px 0 0; width: 100%; 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: Quote */
#content .quote {margin: 0 0 24px 0; padding: 48px 0 0 56px; min-height: 70px; overflow: hidden;}
#content .quote .image {float: left;margin: 0 56px 0 0;}
#content .quote .text {float: left; margin: 0; padding: 10px 0 80px 0; width: 440px;}
#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; border: 1px solid #ffe693; width: 210px;}
#content .info .title {overflow: hidden; margin: 0 0 22px 0; font-size: 15px; font-weight: bold;}
#content .info .title * {position: relative; top: 3px; margin: 0 0 3px 0; 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; 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: 100%; margin: 0 0 24px 0;}

/* Column: Contact */
#content .contact {overflow: hidden; margin: 0 0 36px 0; border: 1px solid #ffe693;}
#content .contact .title {overflow: hidden; font-weight: bold;}
/* Setting only margin didn't work for IE hence position: relative */
#content .contact .title * {position: relative; top: 3px; margin: 0 0 3px 0; 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; padding: 0 12px 12px 12px;}
#content .contact .text .download {margin: 16px 0 0 0;}

