* { margin: 0; padding: 0; }

body { background: #FFF; font: normal 12px Arial, sans-serif; color: #2C2C2C; }
a:link, a:active, a:visited { color: #0092D1; text-decoration: none; }
a:hover { color: #0092D1; text-decoration: underline; }
input, textarea, select { font: normal 12px Arial, sans-serif; }
img { border: 0; }

.screenreader, #divTBHP { display: none; }

#screenWrap { width: 980px; margin: auto; text-align: center; }
#screenBox { min-height: 770px; margin: 20px 25px 0 25px; background: url("../img/bg.gif") no-repeat; text-align: left; }
* html #screenBox { height: 770px; }
#screen { position: absolute; width: 930px; }

h1 { position: relative; top: 0; left: 185px; width: 205px; height: 85px; }
#logo { display: block; width: 205px; height: 85px; background: url("../img/logo-dmt-netzwerktechnik.gif") no-repeat; }

#bigimg { position: absolute; top: 102px; left: 152px; width: 718px; height: 156px; }

#menu { position: absolute; top: 120px; left: 0; width: 135px; text-align: right; list-style: none; }
#menu li { margin-bottom: 5px; }
a.menuLnk:link, a.menuLnk:active, a.menuLnk:visited, a.menuLnk:hover { font-size: 10px; color: #FFF; letter-spacing: 1px; text-transform: uppercase; letter-spacing: 0.05em; }
a.menuLnkSel:link, a.menuLnkSel:active, a.menuLnkSel:visited, a.menuLnkSel:hover { font-size: 10px; color: #FFF; letter-spacing: 1px; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.05em; }

#menusub { width: 135px; margin-bottom: 50px; text-align: right; list-style: none; }
#menusub li { margin-bottom: 8px; }
a.menuLnkSub:link, a.menuLnkSub:active, a.menuLnkSub:visited, a.menuLnkSub:hover { font-size: 10px; color: #0092D1; letter-spacing: 1px; text-transform: uppercase; letter-spacing: 0.05em; }
a.menuLnkSubSel:link, a.menuLnkSubSel:active, a.menuLnkSubSel:visited, a.menuLnkSubSel:hover { font-size: 10px; color: #0092D1; letter-spacing: 1px; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.05em; }

#contentWrap { position: absolute; top: 285px; left: 190px; width: 681px; }
#contentBox { float: left; width: 420px; margin-top: 60px; }
#contentBox h2 { position: absolute; top: 0; left: 0; width: 420px; font-size: 16px; color: #0092D1; }
#contentBox p { margin-bottom: 15px; line-height: 18px; }

input.contactInp { width: 180px; margin: 0 10px 5px 0; padding: 3px; border: 1px #DBDBDB solid; }
select.contactInp { width: 180px; margin: 0 10px 5px 0; padding: 3px; border: 1px #DBDBDB solid; }
textarea.contactInp { width: 381px; margin: 0 0 5px 0; padding: 3px; border: 1px #DBDBDB solid; }
input.contactInpSubmit { width: auto; margin: 0; padding: 3px; background: #0092D1; border: 1px #DBDBDB solid; color: #FFF; }

.csc-sitemap ul { margin-bottom: 10px; list-style: none; }
.csc-sitemap ul li a { padding-left: 15px; background: url("../img/bg-square.gif") no-repeat left; font-weight: bold; }
.csc-sitemap ul ul { margin: 5px 0 10px 20px; }
.csc-sitemap ul ul li { margin-bottom: 2px; }
.csc-sitemap ul ul li a { padding-left: 0; background: none; font-weight: normal; }

#teaserWrap { float: right; width: 215px; }
#teaserBox { padding: 15px 20px 20px 20px; background: url("../img/bg-teaser.gif") no-repeat; }

#teaserBox h3 { margin-bottom: 15px; font-size: 10px; font-weight: normal; color: #0092D1; text-transform: uppercase; }
.tsr-list-item { margin-bottom: 15px; color: #686868; }
#teaserBox h4 { margin-bottom: 2px; font-weight: bold; color: #686868; }
a.tsrLstLnk:link, a.tsrLstLnk:active, a.tsrLstLnk:visited, a.tsrLstLnk:hover { font-weight: bold; color: #686868; }
a.tsrLstLnkMore:link, a.tsrLstLnkMore:active, a.tsrLstLnkMore:visited, a.tsrLstLnkMore:hover { color: #0092D1; }

#frmSearch { height: 60px; }
#btnSearch { width: 130px; margin-left: 20px; padding: 2px; border: 1px #686868 solid; font-size: 10px; color: #686868; }

#leftBox { position: absolute; top: 345px; left: 0; width: 135px; font-size: 11px; }

#footer { position: absolute; top: 60px; right: 100px; color: #0092D1; }
a.footerLnk:link, a.footerLnk:active, a.footerLnk:visited, a.footerLnk:hover { color: #686868; }