* { margin: 0; padding: 0; }

body { background: #F0F0F0; font: normal 14px "Verdana", sans-serif; color: #999; }
img { border: 0; }
table tr td { vertical-align: top; }
a:link, a:active, a:visited { font: normal 14px "Verdana", sans-serif; color: #737373; text-decoration: none; }
a:hover { font: normal 14px "Verdana", sans-serif; color: #262626; text-decoration: none; }
a.sel:link, a.sel:active, a.sel:visited { font: normal 14px "Verdana", sans-serif; color: #262626; text-decoration: none; }
a.sel:hover { font: normal 14px "Verdana", sans-serif; color: #262626; text-decoration: none; }
a.left:link, a.left:active, a.left:visited { font: normal 12px "Verdana", sans-serif; color: #737373; text-decoration: none; }
a.left:hover { font: normal 12px "Verdana", sans-serif; color: #A0A0A0; text-decoration: none; }
a.selleft:link, a.selleft:active, a.selleft:visited { font: normal 12px "Verdana", sans-serif; color: #A0A0A0; text-decoration: none; }
a.selleft:hover { font: normal 12px "Verdana", sans-serif; color: #A0A0A0; text-decoration: none; }


.hide { display: none; }
.clear { clear: both; }

#screen { width: 100%; }

#bgleft { position: absolute; top: 0; left: 0; width: 250px; height: 100%; background: #262626; background-repeat: no-repeat; background-position: 50% 50%; }

#logoBox { position: absolute; top: 90px; left: 0; width: 225px; text-align: right; }
a.lnkLogo:link, a.lnkLogo:active, a.lnkLogo:visited, a.lnkLogo:hover { float: right; display: block; width: 175px; height: 39px; background: url("../img/guido-rottmann.gif") no-repeat; }

#contentBox { position: absolute; top: 170px; left: 275px; width: 650px; }
#leftBox { position: absolute; top: 150px; left: 5px; width: 240px; }
#contentBox h2 { margin-bottom: 25px; font-size: 18px; }
#contentBox h3 { margin-bottom: 10px; font-size: 16px; }
#contentBox h4 { margin-bottom: 10px; font-size: 14px; }
#contentBox p { margin-bottom: 15px; }
#contentBox ul { margin: 0 0 15px 20px; }
fieldset.tx-powermail-pi1_fieldset div.even { background-color: #CCC !important; }

#imageShadow { display: none; position: absolute; top: 129px; left: 0; width: 100%; height: 160px; background: url("../img/bg-menu-shadow.png") repeat-x; }
#imageWrap { display: none; position: absolute; top: 140px; left: 0; width: 100%; height: 133px; background: #E1DDD3; overflow: hidden; }
#imageBox { width: 5000px; height: 133px; }
#imageBox .image { float: left; cursor: pointer; }
#imageBox .image img { height: 133px; }

#menuWrap { list-style: none; }
#menuportfolioBox { position: absolute; top: 105px; left: 275px; }
#menuportfolio { list-style: none; }
#menuportfolio li { display: inline; padding-right: 25px; list-style: none; }
#menuBox { position: absolute; top: 320px; left: 0; width: 225px; text-align: right; }
#menu { list-style: none; }
#menu li { margin-bottom: 15px; }
.lastLi { padding-right: 0 !important; }

#bigBox { display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; }
#bigBoxImgNb { margin-top: 15px; padding-bottom: 5px; border-bottom: 1px #999 solid; font-size: 12px; color: #999; text-align: center; }
#bigBoxImg { height: 100%; margin-top: 5px; }

#bigBoxSubBox { display: none; visibility: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; border-top: 1px #999 solid; }
#bigBoxSub { height: 21px; margin-top: 6px; background: #404040; font-size: 14px; color: #999; text-align: center; line-height: 20px; white-space: nowrap; }
#bigBoxCat { margin-top: 10px; font-size: 12px; text-align: center; }
a.catSel:link, a.catSel:active, a.catSel:visited { padding: 0 10px; font: normal 12px "Verdana", sans-serif; color: #737373; text-decoration: none; }
a.catSel:hover { padding: 0 10px; font: normal 12px "Verdana", sans-serif; color: #A0A0A0; text-decoration: none; }

#bigBoxBtns { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#bigBoxBtnLft { float: left; width: 33.3%; height: 100%; cursor: pointer; }
#bigBoxBtnLftImg { width: 100%; height: 100%; background: url("../img/btn-big-left.png") no-repeat left; opacity: 0; }
#bigBoxBtnMid { float: left; width: 33.3%; height: 100%; background: transparent url("/clear.gif") no-repeat; cursor: pointer; }
#bigBoxBtnMidImg { display: none; width: 100%; height: 100%; background: url("../img/btn-big-stop.png") no-repeat 50% 50%; opacity: 0; }
#bigBoxBtnRgt { float: left; width: 33.3%; height: 100%; cursor: pointer; }
#bigBoxBtnRgtImg { width: 100%; height: 100%; background: url("../img/btn-big-right.png") no-repeat right; opacity: 0; }

#loader { display: none; position: absolute; top: 10px; right: 20px; }
#infokeys { display: none; position: absolute; top: 0; left: 0; opacity: 0; }
#infokeysClose { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url("/clear.gif"); cursor: pointer; }

.tx-dcdmp3player-pi1 { display: none; position: absolute; bottom: 0; right: 10px; background: transparent; z-index: 9999; }