* { margin: 0; padding: 0; }
body { background: #eef3de url(../layout/bgBody.jpg) repeat-x; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding-top: 30px;}
h1, .partner fieldset h3 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; line-height: 26px; padding-bottom: 15px; }
h1.single { margin-top: 20px; }
h2 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #87af03; font-weight: normal; line-height: 26px; padding-bottom: 5px;}
.top h2 { color: #fff; }
h3,h4,h5,h6 { font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 17px;}
a { text-decoration: none; outline: none;}
a img { border: none; }
a#logo { position: absolute; top: 10px; left: 30px; }
a.kostenlos { background: url(../layout/btnKostenlos.png) 0 0 no-repeat; display: block; width: 262px; height: 45px; text-indent: -999em; }
a.kostenlos:hover { background-position: 0 -45px; }
a.preise { background: url(../layout/btnPreise.png) 0 0 no-repeat; display: block; width: 239px; height: 45px; text-indent: -999em; }
a.preise:hover { background-position: 0 -45px; }
a.anmelden { background: url(../layout/btnAnmelden.png) 0 0 no-repeat; display: block; width: 162px; height: 45px; text-indent: -999em; margin-top: 5px;}
a.anmelden:hover { background-position: 0 -45px; }
a.interessent { background: url(../layout/btnInteressent.png) 0 0 no-repeat; display: block; width: 203px; height: 45px; text-indent: -999em; margin-top: 5px;}
a.interessent:hover { background-position: 0 -45px; }
a.btnEmpfehlen { background: url(../layout/btnEmpfehlen.png) 0 0 no-repeat; display: block; width: 270px; height: 45px; text-indent: -999em; margin-top: 5px;}
a.btnEmpfehlen:hover { background-position: 0 -45px; }
a.btnZurueck { background: url(../layout/btnZurueck.png) 0 0 no-repeat; display: block; width: 99px; height: 45px; text-indent: -999em; margin-top: 5px;}
a.btnZurueck:hover { background-position: 0 -45px; }
a.apotheken { width: 230px; height: 79px; display: block; background: url(../layout/btnApotheken.gif) 0 0 no-repeat; margin: 0; padding:0; text-indent: -999em; }
a.apotheken:hover { background-position: 0 -79px; }
a.bestatter { width: 230px; height: 79px; display: block; background: url(../layout/btnBestatter.gif) 0 0 no-repeat; margin: 0; padding:0; text-indent: -999em; }
a.bestatter:hover { background-position: 0 -79px; }
a.unternehmen { width: 230px; height: 79px; display: block; background: url(../layout/btnUnternehmen.gif) 0 0 no-repeat; margin: 0; padding:0; text-indent: -999em; }
a.unternehmen:hover { background-position: 0 -79px; }

acronym { cursor: help; border-bottom: 1px dotted #ccc; }
.green { color: #87af03; }
.grey { color: #333; }
.topic { color: #fff; }
a.tsrLink { font-size: 18px; background: url(../layout/bulTop.gif) 0 10px no-repeat; padding-left: 14px; }
.bestaetigung { position:absolute; right:30px; top:108px; z-index:-1; }


span.replace { display: none; }
br.clear { clear: both; }

div.wrapper { margin: auto; width: 950px; position: relative; padding-top: 30px;}

ul.navigation { list-style: none; display: inline; position: absolute; right: 30px; top: 60px;}
ul.navigation li { float: left; padding-left: 1px;}
ul.navigation li a { background: url(../layout/bgNav.gif) 0 0 no-repeat; height: 31px; display: block; }
li#navHome a { width: 112px; background-position: 0 0; }
li#navHome a:hover { width: 112px; background-position: 0 -31px; }
li#navHomeActive a { width: 112px; background-position: 0 -62px; }
li#navAblauf a { width: 182px; background-position: -112px 0; }
li#navAblauf a:hover { width: 182px; background-position: -112px -31px; }
li#navAblaufActive a { width: 182px; background-position: -112px -62px; }
li#navReferenzen a { width: 103px; background-position: -294px 0; }
li#navReferenzen a:hover { width: 103px; background-position: -294px -31px; }
li#navReferenzenActive a { width: 103px; background-position: -294px -62px; }
li#navKosten a { width: 68px; background-position: -397px 0; }
li#navKosten a:hover { width: 68px; background-position: -397px -31px; }
li#navKostenActive a { width: 68px; background-position: -397px -62px; }
li#navKontakt a { width: 76px; background-position: -465px 0; }
li#navKontakt a:hover { width: 76px; background-position: -465px -31px; }
li#navKontaktActive a { width: 76px; background-position: -465px -62px; }

div.top { background: #779c1b url(../layout/bgHeader.gif) 0 0 repeat-x; min-height: 435px; margin-top: 61px; position: relative; padding: 30px; width: 890px; color: #e8ff9b; z-index: 0; overflow: hidden; }
div.cornerTop { background: url(../layout/bgCornerTop.gif) 0 0 no-repeat; position: absolute; left:0; top: 0; width: 950px; height: 7px; z-index: 10; }
div.cornerBottom { background: url(../layout/bgCornerBottom.gif) 0 0 no-repeat; position: absolute; left:0; bottom: 0; width: 950px; height: 6px; }
div.top strong { font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 22px; color: #fff; display: block; }
div.top ul { list-style: none;}
div.top ul li { background: url(../layout/bulTop.gif) 0 6px no-repeat; padding: 0 0 10px 13px; }
div.top ul, div.top p {  padding-bottom: 20px; width: 330px; }
div.top a { color: #fff; }
div.top a:hover { color: #dee3d0; }
div.top .left,
div.top .right { width: 445px; position: absolute; top: 30px; }
div.top .left { left: 30px; }
div.top .right { right: 30px; }
div.top h3 { color: #fff; margin-bottom: 10px;  }

.partner div.top ul,
.partner div.top p {width: 430px; }
.partner div.top ul { padding-bottom: 0; }

div.content { background: #fff url(../layout/bgContent.gif) 0 0 repeat-x; width: 890px; padding: 30px 30px 90px 30px; position: relative; z-index: 1; font-size: 13px; color: #666; }
div.contentBottom { background: url(../layout/bgContentBottom.jpg) 0 0 no-repeat; position: absolute; left:0; bottom: 0; width: 950px; height: 226px; z-index: -1;}
div.content .intro { width: 600px; padding: 15px 0 40px 0;}
div.content .hotline { position: absolute; right: 30px; top: 30px; width: 170px; }
div.content h3 { padding-bottom: 5px; color: #333; }
div.content h2 { padding-bottom: 5px; }
div.content .certs { width: 170px; position: absolute; right: 30px; top: 76px; padding-top: 30px; }
div.content .certs img { padding: 0 5px 5px 0; }
div.content a { color: #87af03; }
div.content a:hover { color: #628211; }

div.footer { width: 900px; padding: 30px 20px 60px 30px; font-size: 12px; color: #8d9677;}
div.footer a { color: #819c25; }
div.footer a:hover { color: #fd7f09; }
div.footer ul { width: 210px; float: left; list-style: none; padding-right: 15px;}
div.footer ul li { border-top: 1px solid #d5dcc4; padding: 5px 0 5px 0; }
div.footer ul li.firstEntry { border: none; }
div.footer p.copyright { padding-top: 30px; }

.home .top .slideshow { position: absolute; right: 30px; top: 63px; width: 546px; height: 383px; background: url(../layout/browserBlank.gif) 0 0 no-repeat; overflow: hidden; }
.home .musterseite { background: url(/_media/layout/aMusterseite.gif) 0 0  no-repeat; width: 184px; height: 21px; padding: 3px 0 0 23px; position: absolute; bottom: 0px; right: 0px; }
.home .musterseite:hover { color: #fd7f09; }
.home .footer { padding-top: 0; }
.home .content dl, .kosten .content dl { width: 430px; float: left; margin-bottom: 30px; }
.home .content dt, .kosten .content dt { font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px; position: relative; padding-left: 94px; color: #333; padding-bottom: 5px;}
.home .content dt img, .kosten .content dt img { position: absolute; top:3px; left: 0; }
.home .content dd, .kosten .content dd { padding-left: 94px; padding-bottom: 30px; width: 336px; min-height: 50px; }
.home .content dd ul, .kosten .content dd ul { list-style: none; }
.home .content dd ul li, .kosten .content dd ul li { padding-left: 12px; background: url(/_media/layout/bulContent.gif) 0 5px no-repeat; }
.home .content dl.right, .kosten .content dl.right { padding-left: 30px; }
.home .content ol, .kosten .content ol { list-style: none; padding-bottom: 10px;}
.home .content ol li, .kosten .content ol li { width: 630px; padding-bottom: 30px; position: relative; }
.home .content ol li img, .kosten .content ol li img { position: absolute; top: 3px; left: 0;}
.home .content ol li p, .home .content ol li h3, .kosten .content ol li p, .kosten .content ol li h3 { padding-left: 163px; }
.home .content h2, .kosten .content h2 { margin-bottom: 30px; }
.home .content, .kosten .content  { padding-bottom: 60px; }
.home .content { padding-bottom: 90px; }

div.top ul.navLevel2 { position: absolute; width: 920px; top:0; left: 0; background: url(../layout/bgPartnerNav.gif) 0 0 repeat-x; height: 37px; padding-left: 30px; }
div.top ul.navLevel2 li { float: left; padding: 10px 36px 0 0; background: none; }
div.top ul.navLevel2 li a { text-transform: uppercase; color: #526a03; font-size: 13px; display: block; height: 36px;}
div.top ul.navLevel2 li a:hover,
div.top ul.navLevel2 li a.active { color: #fff; }
div.top ul.navLevel2 li a.active { background: url(../layout/bgPartnerNavActive.gif) bottom center no-repeat; }


.colLeft, .contentColumn1 { padding-top: 30px; float: left; width: 430px; margin-right: 30px; display: inline; }
.colRight, .contentColumn2 { padding-top: 30px; float: right; width: 430px; }
.colFull { padding-top: 30px; width: 100%; }
.top .colLeft p, .top .colRight p { width: 100%; }
.top .colFull p { width: 700px; }
.colLeft .contentColumn1, .colRight .contentColumn2 { padding:0; float: none; width: 100%; margin: 0; }




.partner div.top p {width: 100%; }
.partner h1,
.partner h3 { padding-top: 10px; }
.partner .aprogram, .partner .lizenz, .partner .weiterempfehlen { width: 275px; float: left; padding-top: 10px; }
.partner h2 { padding-bottom: 10px; }
.partner .aprogram p, .partner .lizenz p, .partner .weiterempfehlen p { padding-top: 10px; }
.partner .lizenz { display: inline; margin: 0 30px 0 30px; }
/*.partner div.top { padding-top: 50px; min-height: 415px; }*/
.login, .loggedIn { width: 271px; height: 45px; position: absolute; right: 0; top: 36px; background: url(/_media/layout/bgLogin.gif) 0 0 no-repeat; padding: 10px 25px 0 10px; }
.loggedIn { padding-top: 5px; height: 50px; color:#526A03; width: auto;}
/*.partner .login input { width: 103px; padding: 3px; height: 16px; border: 1px solid #85ad06; float: left; display: inline; margin-right: 5px;}
.partner .login input.image { width: auto; height: auto; border: none; padding:0;}*/


.aprogram .colLeft img { padding-bottom: 15px; }
.aprogram .colRight ol { list-style: none; }
.aprogram .colRight li { height: 72px; padding: 10px 0 5px 97px; border-bottom: 1px dotted #607d14; }
.aprogram .colRight .s1 { background: url(../layout/icoAffiliateStep1.gif) 0 10px no-repeat; }
.aprogram .colRight .s2 { background: url(../layout/icoAffiliateStep2.gif) 0 10px no-repeat; }
.aprogram .colRight .s3 { background: url(../layout/icoAffiliateStep3.gif) 0 10px no-repeat; }
.aprogram .colRight .s4 { background: url(../layout/icoAffiliateStep4.gif) 0 10px no-repeat; }

.empfehlen .colLeft img { padding-bottom: 15px; }

.reseller ol { list-style: none; }
.reseller ol li { height: 72px; padding: 10px 0 5px 97px; border-bottom: 1px dotted #607d14; width:310px; }
.reseller .s1 { background: url(../layout/icoResellerStep1.gif) 0 10px no-repeat; }
.reseller .s2 { background: url(../layout/icoResellerStep2.gif) 0 10px no-repeat; }
.reseller .s3 { background: url(../layout/icoResellerStep3.gif) 0 10px no-repeat; }
.reseller .s4 { background: url(../layout/icoResellerStep4.gif) 0 10px no-repeat; }
.reseller img { margin-bottom: 20px; }


.details .top img { position: absolute; top: 30px; right: 30px; }

div#map { position: absolute; top: 108px; right: 30px; width: 515px; height: 356px; border: 1px solid #fff; color: #333; }
div#map strong { font-size: 16px; font-weight: bold; color: #333; padding:0; margin: 0;}
div.bubble { background: url(../layout/logoSmall.gif) 0 0 no-repeat; padding-top: 30px; height: 75px; width: 200px;}


.datenschutz div.top,
.agb div.top,
.impressum div.top { min-height:0px; height: 23px; overflow: hidden;}
.datenschutz dt,
.agb dt { font-size: 16px; width: 600px; color: #333; }
.datenschutz dd,
.agb dd { width: 600px; padding: 0px 0px 20px 0px; }
.agb ul { width: 600px; padding: 0px 0px 20px 0px; }
ul.agbList { padding-left: 20px; }
.datenschutz .footer,
.agb .footer,
.impressum .footer { padding-top: 0; }
.agb .content p.intro,
.impressum .content p.intro { padding: 0 0 10px 0; width: 600px; }
.agb .content h2,
.impressum .content h2 { padding-bottom: 15px; }
.agb .content p,
.impressum .content p { padding-bottom: 10px; }
.impressum .content h3 { padding-bottom: 5px; }

address { display: block; width: 300px; height: 80px; color: #fff; font-style: normal; padding: 30px 0 0 120px; margin-bottom: 10px; }
address .name { font-size: 22px; }
div.ansprechpartner { width: 430px; position: absolute; top: 42px; right: 30px; padding-top: 62px;}
.becker { background: url(../layout/ChristophBecker.jpg) 0 0 no-repeat; }
.benjak { background: url(../layout/NilsBenjak.jpg) 0 0 no-repeat; }
.winter { background: url(../layout/IngoWinter.jpg) 0 0 no-repeat; }
.huette { background: url(../layout/MarcHenningHuette.jpg) 0 0 no-repeat; }



.registerForm input { border: 1px solid #70921a; padding: 3px; margin: 0 0 8px 0;}
.registerForm input:focus { border: 1px solid #fff; background-color: #F4F8E9; }
.registerForm input.radio { width: auto; border: none; padding: 0;}
.registerForm { width: 430px; }
.registerForm .label { padding-right: 5px; color: #fff; width: 120px;}
.registerForm #firma, .registerForm #email, .registerForm #institut, .registerForm #blz, .registerForm #konto, .registerForm #ustid, .registerForm #steuernr  { width: 289px; }
.registerForm #vorname, registerForm #name { width: 135px; }
.registerForm #str, .registerForm #ort, .registerForm #telefon { width: 205px; }
.registerForm #hausnr, .registerForm #plz, .registerForm #vorwahl { width: 72px; }
.registerForm .submit { margin-top: 10px; width: 178px; height: 41px; background: url(../layout/btnSubmit.gif) 0 0 no-repeat; padding:0; border: none; outline: none;}
.registerForm .submit:hover { background-position: 0 -41px; }
.registerForm .send { margin-top: 10px; width: 105px; height: 43px; background: url(../layout/btnSend.gif) 0 0 no-repeat; padding:0; border: none;}
.registerForm .send:hover { background-position: 0 -43px; }



.partner table { width: 430px; }
.partner th { text-align: left; font-weight: normal; color: #fff; }
.partner .betrag { width: 80px; }
.partner .status { width: 55px;}
.partner .row img { }
.partner .datum { width: 80px; }
.partner td.betrag { font-family:"Courier New", Courier, monospace }
.partner .head th { border-bottom: 1px solid #607d14; padding-bottom: 2px; }
.partner .row td { border-bottom: 1px dotted #607d14; padding-bottom: 2px; padding-top: 4px;}
.partner select { width: 130px; border: 1px solid #607d14; margin-bottom: 10px; padding: 3px; }

.tsr1 { position: relative; left: -11px; margin-bottom: 5px; background: url(../layout/tsrVerdienen.jpg) 0 0 no-repeat; width: 441px; height: 147px; text-indent: -999em; display: block; float: left;}
.tsr2 { background: url(../layout/tsrUnterlagen.gif) 0 0 no-repeat; width: 200px; height: 129px; margin-right: 25px; text-indent: -999em; display: block;  float: left;}
.tsr3 { background: url(../layout/tsrVorlagen.gif) 0 0 no-repeat; width: 200px; height: 129px; text-indent: -999em; display:block; float: left; }
.tsr2:hover, .tsr3:hover { background-position: 0 -129px; }
.tsr1:hover { background-position: 0 -147px; }

.info dd { padding-bottom: 10px; padding-left: 13px; }
.info {  }
.info dt a { background: url(../layout/bulTop.gif) 0 6px no-repeat; padding: 0 0 0 13px; }
.info .pdf { float: left; margin-right: 10px; position: relative; left: -10px; background: none; padding:0;}
.vorlage { width: 142px; height: 92px; position: relative; float: left; margin-right: 25px; background: url(../layout/bgVorlage.gif) 0 0 no-repeat; margin-bottom: 20px; }
.vorlage .zoom { position: absolute; width: 20px; height: 20px; background: url(../layout/icoZoom.gif) 0 0 no-repeat; top: 6px; right: 6px; text-indent: -999em; }
.vorlage .download { position: absolute; width: 20px; height: 20px; background: url(../layout/icoDownload.gif) 0 0 no-repeat; top: 30px; right: 6px; text-indent: -999em; }
.vorlage img { position: absolute; top: 6px; left: 6px; }

.ablauf .top img { position: absolute; right: 30px; top: 100px; z-index: -1;}
.wrapper .left img{position:relative; top:0; left:0; z-index:0;}
.ablauf .navAblauf { position: absolute; right: 24px; top: 30px; margin: 0; z-index:1; width: auto;}
.ablauf .navAblauf li { background: none; float: left; padding: 0 5px 0 0;  }
.ablauf .navAblauf a { display: block; width: 20px; height: 28px; background: url(/_media/layout/bgNavAblauf.gif) 0 0 no-repeat; color: #5a780b; padding: 3px 0 0 11px; font-size: 16px;}
.ablauf .navAblauf a.zurueck,
.ablauf .navAblauf a.vor { background: url(/_media/layout/bgNavAblauf2.gif) 0 0 no-repeat; font: 17px Arial, Helvetica, sans-serif; padding-top: 4px; height: 27px;}
.ablauf .navAblauf a:hover { background-position: 0 -31px; color: #fff;}
.ablauf .navAblauf a.select { background-position: 0 -62px; color: #5a780b; }
.ablauf .navAblauf a.zurueck { margin-left: 10px; }
    
.kosten .top .left ul { background: url(/_media/layout/bgKosten1.gif) 0 0 no-repeat; width: 424px; height: 263px; text-indent: -999em; }
.kosten div.top .right { width: 424px; float: right; }
.kosten .top .right ul { background: url(/_media/layout/bgKosten2.gif) 0 0 no-repeat; width: 424px; height: 263px; text-indent: -999em; }
.kosten .top .left ul li,
.kosten .top .right ul li { background: none; }
.kosten .top p { font-size: 13px; padding-left: 11px;}
.kosten .top p.vertrag { padding: 0; width: auto; margin-bottom: 23px; }
.kosten .content { padding-bottom: 120px; }
.kosten .details { float: right; display: block; background: url(../layout/aDetails.gif) 0 0 no-repeat; text-indent: -999em; width: 63px; height: 13px; position: relative; top: 7px; margin-right: 34px;}
.kosten .right .details { margin-right: 11px; }
.kosten .zusatzleistungen { display: block; background: url(../layout/bgZusatzleistungen.gif) 0 0 no-repeat; width: 404px; height: 59px; padding: 10px;}


.empfehlen a.anmelden { margin-top: 20px; }

.userStatus { width: 191px; height: 50px; position: absolute; right: 0; top: 36px; background: url(../layout/bgLogin.gif) 0 0 no-repeat; padding: 5px 25px 0 10px; color: #526a03; }

 fieldset { border: none; }
 legend { display: none; }
.contentColumn1{padding-top:46px;}
.line .label{width:120px; float:left; text-align:left; padding-right:15px; position:relative; color: #fff;}
.line .label label{float:none; display:inline; width:auto; position:relative; top:0; left:0; margin:0; padding:0;}
.line .input{float:left; color:#333;}
.line .input label{float:none; display:inline; width:auto; position:relative; top:0; left:0; margin:0; padding:0 10px 0 0; color:#fff;}
.line .label .icons{display:none; position:absolute; right:0; top:2px;}
.line .label .icons div{display:inline;}
.line .label .icons img{display:inline; margin:0; padding:0; float:none; position:relative; left:0; top:0; cursor:pointer; z-index:1;}
.line .input .dijitRadio{position:relative; top:-2px;}
.line .input input{width:290px; float:left; margin:0 3px 0 0; }
.line .input .street {width:240px;}
.line .input .street_nr{width:45px;}
.line .input .zip_code{width:90px;}
.line .input .location{width:195px;}
.line .input .phone_prefix{width:90px;}
.line .input .phone_number{width:195px;}
.line .input .first_name {width:90px;}
.line .input .last_name {width:195px;}
.line .input .last_name {width:195px;}
.line .dijitTextBox { padding: 2px 0; }
.line #file {float: left;}
.line #contactdata-design_wishes {width: 284px;}
.line label.interessentErlaubnis { float: right; width: 300px; left: 335px; }
.line .dijitButton { margin-left: 135px;  }
.line .interessentErlaubnis
.line .btnSubmit:focus {border:0px;}
.line .error input {border:1px solid #a42f2f;}
/*.line .submitImage{padding-left:145px; padding-top:10px;}*/
.line br {display:none}
.line span.note{ color: #e8ff9b; width: 290px; float: left;}
.line { position:relative; overflow:hidden; padding-bottom:10px; width:100%; float: left;}
.submit { color: #666;}
.entwurfSubmit { margin-left: 135px; }
#Website_Form_DesignRequest { margin-top: 25px; }
fieldset h3 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; line-height: 26px; padding-bottom: 15px; }


.login .line .input input{width:110px; float:left; margin:0 3px 0 0; }
.login .dijitTextBox { width: 100px; float: left; padding:3px 0 3px 0;}
.login .line .submitImage { padding: 0; float: left; padding-left: 5px;}
.login .input { padding-right: 5px; }
.login .line .label { display: none; }
.login .line { position: static; overflow: visible; padding: 0; width: auto; }
.login #messageBox-login p { position: absolute; top: 65px;  }






.auftraege .line .label { display: none; }
.auftraege .submit { position: relative; top:0; left: 0;}
.auftraege .dijitButton { margin:0; }
.auftraege form { margin-bottom: 10px; }
.auftraege .line { width: 50%; float: left;}

p.message { color: #fff; }

table { width: 430px; }
th { text-align: left; font-weight: normal; color: #fff; }
.betrag { width: 50px; }
.status { width: 55px;}
.row img { }
.datum { width: 80px; }
.rechnung { width: 150px; }
td.betrag,
td.betragRechnung { font-family: "Lucida Console", Monaco, monospace; text-align: right; }
td.betragRechnung { text-align: left; }
.head th { border-bottom: 1px solid #607d14; padding-bottom: 2px; }
.row td { border-bottom: 1px dotted #607d14; padding-bottom: 2px; padding-top: 4px;}
.umsaetze .dijitComboBox { float: left; }
.umsaetze .dijitButton { padding:0; margin: 0; }
.summe { color: #fff; font-weight: bold; }

.agbLink { position: absolute; left: 185px; bottom: 110px; }


/* FANCYBOX */
html, body { height: 100%; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../layout/fancybox/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../layout/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #666; background: #333; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../layout/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 45%; margin-top: -15px; width: 100px; height: 100px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../layout/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../layout/fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../layout/fancybox/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../layout/fancybox/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../layout/fancybox/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../layout/fancybox/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../layout/fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../layout/fancybox/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../layout/fancybox/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../layout/fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../layout/fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(../layout/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../layout/fancybox/fancy_title_right.png) repeat-x; }