body { background: #ccc; color: #555; font: 101% "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0; overflow-y: scroll; text-align: center; }

/* Header */
#header { background-color: #fff; clear: both; color: #555; margin: auto; margin-top: 20px; text-align: center; width: 741px; }
#header ul { background: #fff; color: #555; height: 88px; margin: 0; padding: 0; }
#header li { color: #fff; display: inline; list-style: none; margin: 0; }
#header a { background: url(../images/backgrounds/button.jpg) no-repeat; border-right: 2px solid #fff; color: #fff; display: block; float: left; font-size: 1em; padding-bottom: 18px; padding-top: 50px; text-align: center; text-decoration: none; width: 183px; }
#header a:hover,
#header a:focus,
#header a.active { background: url(../images/backgrounds/button_aktiv.jpg) no-repeat; color: #fff; font-size: 1.1em; font-weight: bold; padding-bottom: 17px; padding-top: 50px; text-decoration: none; }
#header h1,
#header h1 a { font-size: 1pt; margin: 0; padding: 0; }

/* Languages */
#header #lang { text-align: left; }
#header #lang img { border: 0; }
#header #lang a { background: none; border: 0; margin-left: 20px; padding: 10px 0 0 0; width: 30px; }

/* Content */
#content { clear: both; color: #555; margin: auto; padding: 0; }
.start #content,
.profil #content,
.newsletter #content { background: #e2e3e4 url(../images/backgrounds/background_top.gif) repeat-x; }
.pos #content { background: #e2e3e4 url(../images/backgrounds/background_top2.gif) repeat-x; }
.forming #content { background: #e2e3e4 url(../images/backgrounds/background_top3.gif) repeat-x; }
.shop #content { background: #e2e3e4 url(../images/backgrounds/background_top4.gif) repeat-x; }

#page { background: #fff url(../images/backgrounds/container.gif) no-repeat 100% 100%; clear: both; color: #555; margin: 0 auto; padding: 0; width: 741px; }
.start #page { background-image: none; }

/* Nav */
#nav,
#metadata { border-top: 1px solid #fff; color: #555; float: left; height: 20px; margin: 0; padding: 0 0 0 23px; width: 741px; }

.start #nav,
.profil #nav,
.newsletter #nav { background: #89080c; width: 718px; }
.pos #nav { background: #c2b608; width: 718px; }
.forming #nav { background: #c76c01; width: 718px; }
.shop #nav,
.shop #metadata { background: #433938; width: 718px; }

#nav li { display: inline; list-style: none; }
#nav a { color: #fff; display: block; float: left; font-size: .8em; font-weight: bold; padding-right: 15px; padding-top: 2px; text-decoration: none; }
.shop #metadata a { color: #fff; font-size: .8em; font-weight: bold; padding-right: 15px; padding-top: 2px; text-decoration: none; }
#nav a:hover,
.shop #metadata a:hover,
#nav a:focus,
.shop #metadata a:focus,
#nav a:active,
.shop #metadata a:active,
#nav a.active { color: #fff; text-decoration: underline; }
/*.pos #nav a,
.pos #nav a:hover,
.pos #nav a:focus,
.pos #nav a:active,
.pos #nav a.active { color: #000; }*/

#contentarea { color: #555; line-height: 1.15em; }
#contentarea img { background: url(../images/backgrounds/loading.gif) no-repeat center center; border: #999 solid 3px; }
#contentarea #infotext img { border-color: #fff; }
#contentarea #map { background-image: none; border: #999 solid 3px; }
#contentarea #map img { background-image: none; }
.start #contentarea { border-left: 1px dashed #555; float: right; margin: 10px 0; padding: 0; width: 500px; }
.profil #contentarea,
.pos #contentarea { border-left: 1px dashed #999; float: right; margin: 20px 0; padding: 10px 20px 20px 10px; width: 260px; }
.forming #contentarea { border-right: 1px dashed #999; float: left; margin: 20px 0; padding: 10px 10px 20px 20px; width: 390px; }

#sidebar,
#widecontent { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.15em; padding: 20px 15px 0 25px; text-align: left; }
.start #sidebar { color: #555; float: left; width: 200px; }
.profil #sidebar,
.pos #sidebar { float: left; width: 385px; }
.forming #sidebar { float: right; width: 255px; }
#widecontent { clear: both; padding-bottom: 20px; }

#sidebar ul,
#sidebar li,
#widecontent ul,
#widecontent li,
#contentarea ul,
#contentarea li { list-style: none; margin: 0; padding-left: 0; background-position: 0 .55em; background-repeat: no-repeat; }
.profil #widecontent li,
.profil #sidebar li,
.newsletter #widecontent li,
.newsletter #sidebar li { background-image: url(../images/backgrounds/dot_home.gif); padding-left: 10px; }
.pos #widecontent li,
.pos #sidebar li { background-image: url(../images/backgrounds/dot_pos.gif); padding-left: 10px; }
.forming #widecontent li,
.forming #sidebar li { background-image: url(../images/backgrounds/dot_thermo.gif); padding-left: 10px; }
.shop #widecontent li,
.shop #sidebar li,
.shop #contentarea li { background-image: url(../images/backgrounds/dot_shop.gif); padding-left: 10px; }
.profil #widecontent ol li { background-image: none; list-style: decimal; padding-left: 0; }
.profil #widecontent ol li ol li { background-image: none; font-size: 1em; list-style: decimal; }

.profil #widecontent ol li:target { background: #ffa; }

/* Footer */
#foot { clear: both; height: 1px; text-align: center; width: 741px; }
#footer { color: #fff; font-size: .8em; margin: auto; padding: 0; }

.start #footer,
.profil #footer,
.newsletter #footer { background: #ab9e9e url(../images/backgrounds/background_bottom.gif) repeat-x bottom; }
.pos #footer { background: #cac8a5 url(../images/backgrounds/background_bottom.gif) repeat-x bottom; }
.forming #footer { background: #cbb9a3 url(../images/backgrounds/background_bottom.gif) repeat-x bottom; }
.shop #footer { background: #b1afae url(../images/backgrounds/background_bottom.gif) repeat-x bottom; }

#footer div { border-bottom: 1px solid #fff; clear: both; color: #fff; line-height: 1.15em; margin: auto; margin-bottom: 10px; padding: .2em 0 .35em; text-align: center; width: 741px; }

.start #footer div,
.profil #footer div,
.newsletter #footer div { background: #89080c; }
.pos #footer div { background: #c2b608; }
.forming #footer div { background: #c76c01; }
.shop #footer div { background: #433938; }

#footer a { color: #fff; font-weight: bold; }
#footer a:hover,
#footer a:focus,
#footer a:active { text-decoration: underline; color: #fff; }
#footer a.active,
#footer a.active:hover,
#footer a.active:focus,
#footer a.active:active { color: #fff; text-decoration: underline; }

/* */
h2 { color: #333; font-size: 1em; font-weight: lighter; padding-top: 6px; }
h3 { font-size: .8em; font-weight: bold; }
p,
#contentarea li,
#sidebar li,
#widecontent li { font-size: .8em; }

.start #page h2 { color: #555; border-left: 2px solid #555; border-bottom: 2px solid #555; font-weight: bold; padding: 0 0 5px 10px; }
.profil #page h2,
.newsletter #page h2 { color: #ec1d24; }
.pos #page h2 { color: #d5c808; }
.forming #page h2 { color: #cd6e02; }
.shop #page h2 { color: #423a38; }

a { color: #333; text-decoration: none; }
a:hover,
a:focus,
a:active,
a.active { color: #2f5656; text-decoration: underline; }

abbr { border-bottom: 1px dotted #bbb; cursor: help; }
small { color: #888; font-size: .75em; }
objekt { border: 0; margin: 0; outline: 0; padding: 0; }
hr.clear { background: none; border: 0; border-bottom: 1px dashed #999; height: 0; clear: both; }

.centered { text-align: center; }
.leftalign { float: left; margin: 0 10px 10px 0; }
.rightalign { float: right; margin: 0 0 10px 10px; }
.border { border: #999 solid 3px; }
.contactrow { border-right: 1px dashed #999; clear: right; float: left; margin-right: 20px; width: 329px; }
.contactrow img { float: right; margin: 0 10px 10px 10px; }
.mark { font-weight: bold; }
.textblock { margin-bottom: 1.2em; }
.smallblock { display: inline; float: left; margin-top: 0; width: 185px; }
.additionaltext { margin-bottom: 20px; }

#thumbspreview { margin-top: 10px; }
#thumbspreview img { border: #999 solid 3px; margin: 0 3px 3px 0; }
#thumbspreview h3 { font-size: .75em; margin: .8em 0 .2em 0; }
#infotext { text-align: left; margin: 0 2px; width: 250px; }
.forming #infotext,
.forming .infotext { width: 380px; }

/* Start */
.start #sidebar h3,
.start #sidebar p { margin: 0; }
.start #sidebar h3 { margin-top: .9em; }
.start #sidebar p { margin-bottom: .6em; }

/* Quicknav */
#quicknav { color: #323232; font-size: .8em; margin: auto; padding: 0; }
#quicknav div { clear: both; line-height: 1.15em; margin: auto; padding-top: 4px; padding-bottom: 10px; text-align: center; width: 721px; }

#quicknav a { color: #323232; }
#quicknav a:hover,
#quicknav a:focus,
#quicknav a:active { text-decoration: underline; color: #2f5656; }
#quicknav a.active,
#quicknav a.active:hover,
#quicknav a.active:focus,
#quicknav a.active:active { color: #2f5656; font-weight: bold; text-decoration: none; }