* { margin: 0; padding: 0; }

body { background: #F8F8F8 url("../img/bg.gif") repeat-y center; text-align: center; }

body, table, tr, td, input, select, textarea, a { font: normal 13px "Verdana", sans-serif; color: #3D331C; }
a:link, a:active, a:visited { color: #3D331C; text-decoration: none; }
a:hover { text-decoration: underline; }
a.download:link, a.download:active, a.download:visited { padding-left: 20px; background: url("../img/bg-ico-arrow.gif") no-repeat left; color: #3D331C; text-decoration: none; line-height: 15px; }
a.download:hover { padding-left: 20px; text-decoration: underline; line-height: 15px; }
a.external-link-new-window:link, a.external-link-new-window:active, a.external-link-new-window:visited { padding-left: 20px; background: url("../img/bg-ico-arrow.gif") no-repeat left; color: #3D331C; text-decoration: none; line-height: 15px; }
a.external-link-new-window:hover { padding-left: 20px; text-decoration: underline; line-height: 15px; }

img { border: 0; }

.hide, #divMerkurPhotosolarHP { display: none; }
.clear { clear: both; }
.left { float: left; }

#screen { position: relative; width: 900px; margin: 0 auto; text-align: left; }


#logoBox { height: 134px; }
a.logo:link, a.logo:active, a.logo:visited, a.logo:hover { position: relative; top: 17px; left: 9px; display: block; width: 254px; height: 98px; background: url("../img/merkur-photosolar.gif") no-repeat; }


#contentBox { margin-top: 206px; }

#content { float: left; width: 555px; margin-left: 20px; }

#path { margin-bottom: 15px; font-size: 10px; }
a.lnkPath:link, a.lnkPath:active, a.lnkPath:visited, a.lnkPath:hover { font-size: 10px; font-weight: normal !important; color: #3D331C; text-transform: lowercase; }

#content h2 { margin-bottom: 15px; font-size: 18px; }
#content h3 { margin-bottom: 5px; font-size: 16px; }
#content p, #content ul { margin-bottom: 15px; line-height: 18px; }
#content ul { margin-left: 15px; }
#content a:link, #content a:active, #content a:visited, #content a:hover { font-weight: bold; }

.cntTabBox { margin-bottom: 15px; }
.cntTabMenu { float: left; width: 230px; margin: 0 !important; list-style: none; }
.cntTabMenuLi { width: 230px; height: 34px; margin-bottom: 5px; padding-left: 17px; background: url("../img/bg-btn-tab.gif") no-repeat; font-size: 14px; color: #FFF; line-height: 34px; text-transform: lowercase; cursor: pointer; }
.cntTabMenuLiSel { background: url("../img/bg-btn-tab-o.gif") no-repeat; color: #3D331C; }
.cntTabContentBox { float: right; width: 328px; margin: 0 4px 0 -50px; border: 1px #E9E9E9 solid; }
.cntTabContent { padding: 10px; background: #E9E9E9; border: 1px #C8C8C8 solid; }
.cntTab-1, .cntTab-2, .cntTab-3, .cntTab-4, .cntTab-5 { display: none; }


#teaser { float: right; width: 204px; }
#contactBtns { margin: 15px 0 20px 0; list-style: none; }
#contactBtns li { margin-bottom: 3px; }
a.contact:link, a.contact:active, a.contact:visited { display: block; height: 36px; padding-left: 73px; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 36px; text-transform: lowercase; }
a.contact:hover { color: #3D331C; }
a.contactCallback:link, a.contactCallback:active, a.contactCallback:visited { background: url("../img/bg-btn-callback.gif") no-repeat; }
a.contactCallback:hover { background: url("../img/bg-btn-callback-o.gif") no-repeat; }
a.contactRequest:link, a.contactRequest:active, a.contactRequest:visited { background: url("../img/bg-btn-request.gif") no-repeat; }
a.contactRequest:hover { background: url("../img/bg-btn-request-o.gif") no-repeat; }
a.contactMail:link, a.contactMail:active, a.contactMail:visited { background: url("../img/bg-btn-contact.gif") no-repeat; }
a.contactMail:hover { background: url("../img/bg-btn-contact-o.gif") no-repeat; }

#teaser .tsrBox { margin-bottom: 20px; }
#teaser .tsrBox h4 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px #3D331C dotted; font-size: 16px; }

#menuBox { position: absolute; top: 134px; left: 0; width: 900px; height: 191px; }
#menu { float: left; width: 419px; height: 189px; padding-top: 3px; background: url("../img/bg-menu.gif") no-repeat; list-style: none; }
#menu ul { list-style: none; }
#menu li.li { width: 240px; height: 45px; margin: 0 0 1px 3px; overflow: hidden; }
a.lnkMenu:link, a.lnkMenu:active, a.lnkMenu:visited { display: block; padding-left: 18px; font-size: 20px; color: #3D331C; text-decoration: none; line-height: 45px; text-transform: lowercase; }
a.lnkMenuSel:link, a.lnkMenuSel:active, a.lnkMenuSel:visited, a.lnkMenuSel:hover, a.lnkMenu:hover { background: url("../img/bg-menu-lvl1.gif") no-repeat top left; color: #FFF; }
a.lnkMenuFirstSel:link, a.lnkMenuFirstSel:active, a.lnkMenuFirstSel:visited, a.lnkMenuFirstSel:hover, a.lnkMenuFirst:hover { background: url("../img/bg-menu-lvl1-first.gif") no-repeat top left; color: #FFF; }
a.lnkMenuLastSel:link, a.lnkMenuLastSel:active, a.lnkMenuLastSel:visited, a.lnkMenuLastSel:hover, a.lnkMenuLast:hover { background: url("../img/bg-menu-lvl1-last.gif") no-repeat top left; color: #FFF; }

.ulLvl2 { position: absolute; top: 10px; left: 250px; width: 150px; }
.ulLvl2 li { margin-bottom: 7px; }
a.lnkSubMenu:link, a.lnkSubMenu:active, a.lnkSubMenu:visited { color: #3D331C; text-decoration: none; }
a.lnkSubMenu:hover, a.lnkSubMenuSel:link, a.lnkSubMenuSel:active, a.lnkSubMenuSel:visited, a.lnkSubMenuSel:hover { font-weight: bold; color: #3D331C; text-decoration: none; }

#image { float: right; width: 479px; height: 189px; overflow: hidden; }


#footerBox { margin-top: 10px; border-top: 1px #3D331C dotted; font-size: 10px; }
#footer { height: 20px; margin-top: 5px; }
#footerLinks { float: right; color: #96BF0D; }
a.lnkFooter { font-size: 10px; color: #3D331C; text-transform: lowercase; }

#metaLinks { position: absolute; top: 20px; right: 0; font-size: 11px; color: #96BF0D; }
a.lnkMeta { font-size: 11px; color: #3D331C; text-transform: lowercase; }