/********* A JB CSS-FILE FOR EW **********/ /* MASTER PREMIUM SPECIAL DELUXE EDITION */ /******** TRY TO COPY IT :P ********/ /*** THIS IS FOR hobby-basteltreff.de ***/ @charset "utf-8"; /* CSS Document */ * {margin:0; padding:0;} html, body {min-height:100%; height:auto; height:100%;} body {font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3c2f08; background:#fff; line-height:100%;} :focus {outline:0;} a {outline:0;} a, a:visited {text-decoration:none; color:#24a359; } a:hover {color:#000; text-decoration:none;} a:hover img {filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} img {border:none;} p {font-weight:normal; font-size:0.9em; color:#3d3c3c; text-align:left; line-height:160%; } #kontaktdaten p {font-size:0.9em; padding-left:36px;} p span.small {font-size: 0.8em;} .nofloat {clear:both; font-size:0.0001em; line-height:0.00001em;} .nopadding {padding:0;} .nomargin {margin:0;} .noborder {border:0; text-decoration:none;} .noborderright {border-right:none;} .floatright {float:right;} .floatleft {float:left;} .acro {border-bottom:1px dotted #cc160b; cursor:help;} .png {behavior:url(iepngfix.htc);} .right {text-align:right;} .left {text-align:left ;} ul {list-style:none;} .map {margin-right:13px;} /* Headline */ h1 span {text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em;} h1 {margin:32px 0 0 54px; display:inline;} h2 {margin:30px 0 30px 0;} h2 span {text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em;} #index h2 {background:url(../images/ueberschriften/herzlichwillkommen.png) no-repeat; width:456px; height:64px;} #kontakt h2 {background:url(../images/ueberschriften/kontakt.png) no-repeat; width:455px; height:63px;} #anfahrt h2 {background:url(../images/ueberschriften/anfahrt.png) no-repeat; width:455px; height:63px;} #impressum h2 {background:url(../images/ueberschriften/impressum.png) no-repeat; width:454px; height:69px;} #ueberuns h2 {background:url(../images/ueberschriften/wirueberuns.png) no-repeat; width:453px; height:63px;} #kuenstlerbedarf h2 {background:url(../images/ueberschriften/kuenstlerbedarf.png) no-repeat; width:455px; height:63px;} #seidenmalerei h2 {background:url(../images/ueberschriften/stoffundseidenmalerei.png) no-repeat; width:455px; height:63px;} #schmuck h2 {background:url(../images/ueberschriften/schmuckundzubehoer.png) no-repeat; width:455px; height:63px;} #fachliteratur h2 {background:url(../images/ueberschriften/fachliteratur.png) no-repeat; width:455px; height:63px;} #serviettentechnik h2 {background:url(../images/ueberschriften/serviettentechnik.png) no-repeat; width:455px; height:63px;} #kartengestaltung h2 {background:url(../images/ueberschriften/kartengestaltung.png) no-repeat; width:455px; height:63px;} #lichterketten h2 {background:url(../images/ueberschriften/lampenundlichterketten.png) no-repeat; width:455px; height:63px;} #diverse h2 {background:url(../images/ueberschriften/diversetechniken.png) no-repeat; width:455px; height:63px;} #handarbeiten h2 {background:url(../images/ueberschriften/handarbeiten.png) no-repeat; width:455px; height:63px;} #rahmen h2 {background:url(../images/ueberschriften/rahmen.png) no-repeat; width:455px; height:63px;} #patchwork h2 {background:url(../images/ueberschriften/patchwork.png) no-repeat; width:455px; height:63px;} #leistungen h2 {background:url(../images/ueberschriften/unsereleistungen.png) no-repeat; width:455px; height:63px;} #vhsvogelsberg h2 {background:url(../images/ueberschriften/vhs-vogelsberg.png) no-repeat; width:455px; height:63px;} #gruppenkurse h2 {background:url(../images/ueberschriften/gruppenkurse.png) no-repeat; width:455px; height:63px;} #videokurse h2 {background:url(../images/ueberschriften/video-kurse.png) no-repeat; width:455px; height:63px;} #messeneuheiten h2 {background:url(../images/ueberschriften/messeneuheiten.png) no-repeat; width:455px; height:63px;} #kundenkarte h2 {background:url(../images/ueberschriften/kundenkarte.png) no-repeat; width:455px; height:63px;} #letter h2 {background:url(../images/ueberschriften/letter.png) no-repeat; width:455px; height:63px;} #aktuelles h2 {background:url(../images/ueberschriften/aktuelles.png) no-repeat; width:455px; height:63px;} h3 {font-size:1.3em; font-weight:normal; color:#3c2f08; margin-bottom:15px;} h3.abMTop {padding-top: 16px;} /* Extras */ .marBottom {margin-bottom:20px !important;} /* Layoutelemente */ #header {background:url(../images/layout/header.jpg) center top no-repeat; width:100%; min-width:900px; min-height:580px; position:relative; z-index:42;} #wrapper {width:900px; margin:0 auto;} #content {min-height:410px; _height:410px; height:101%;} .contentLeft {width:460px; margin:0 0 0 10px; display:inline;} .contentLeft p {margin:0 0 10px 0; font-size:1.0em; line-height:140%;} .contentLeft a, .contentLeft p a:visited {color:#7b0cbb; text-decoration:underline;} .contentLeft p a:hover, .contentLeft p a:active {text-decoration:none;} .contentLeft ul {margin:-5px 0 0 25px;} .contentLeft li {list-style:circle; line-height:140%;} #pixa {border:1px solid #fff; margin:10px 0; width: 440px; height: 120px; } .contentRight {width:250px; min-height:330px; _height:330px; margin:100px 0 0 135px; display:inline;} .contentRight img, img.borderff {border:1px solid #fff; margin-bottom:20px;} .contentRight a, .contentRight p a:visited {color:#7b0cbb; text-decoration:underline;} .contentRight p a:hover, .contentRight p a:active {text-decoration:none;} #video1, #video2 {border:1px solid #fff; width: 460px; height: 368px;} #video1 {margin-bottom:20px;} #footer {background:url(../images/layout/footer.jpg) center top no-repeat; width:100%; min-width:900px; position:relative; z-index:41; margin-top:-150px} #footer_wrapper {width:900px; margin:0 auto; height:435px;} #addy {width:460px; padding:103px 0 0 10px;} #addy p {color:#fff;} #addy p a, #addy p a:visited {color:#fff; text-decoration:underline;} #addy p a:hover, #addy p a:active {text-decoration:none;} /* Mainnav */ .txtcloaking {text-indent:-9999px;} #n01 span, #n02 span, #n03 span, #n04 span, #n05 span, #n06 span, #n07 span, #n08 span, #n09 span, #s01 span, #s02 span, #s03 span, #s04 span {font-size:0.000001em; line-height:0.0000001em;} #n01 {width:86px; padding:88px 0 0 136px;} #n01 a, #n01 a:visited {display:block; height:36px; background:url(../images/layout/n01.jpg) left top no-repeat;} #n01 a:hover, #n01 a:active {display:block; height:36px; background:url(../images/layout/n01.jpg) left bottom no-repeat;} #n02 {width:104px; padding:6px 0 0 78px;} #n02 a, #n02 a:visited {display:block; height:36px; background:url(../images/layout/n02.jpg) left top no-repeat;} #n02 a:hover, #n02 a:active {display:block; height:36px; background:url(../images/layout/n02.jpg) left bottom no-repeat;} #mainnav {width:845px; margin:34px 0 0 6px;} #mainnav ul li {display:block; float:left;} #mainnav ul li a, #mainnav ul li a:visited {display:block; color:#fff; height:53px;} #mainnav ul li a:hover, #mainnav ul li a:active {display:block; color:#fff; height:53px;} #mainnav li#n03 a, #mainnav li#n03 a:visited {background:url(../images/layout/n03.jpg) top left no-repeat; width:96px;} #mainnav li#n03 a:hover, #mainnav li#n03 a:active, #mainnav li#n03 a:visited.active {background:url(../images/layout/n03.jpg) bottom left no-repeat; width:96px;} #mainnav li#n04 a, #mainnav li#n04 a:visited {background:url(../images/layout/n04.jpg) top left no-repeat; width:128px;} #mainnav li#n04 a:hover, #mainnav li#n04 a:active, #mainnav li#n04 a:visited.active {background:url(../images/layout/n04.jpg) bottom left no-repeat; width:128px;} #mainnav li#n05 a, #mainnav li#n05 a:visited {background:url(../images/layout/n05.jpg) top left no-repeat; width:142px;} #mainnav li#n05 a:hover, #mainnav li#n05 a:active, #mainnav li#n05 a:visited.active {background:url(../images/layout/n05.jpg) bottom left no-repeat; width:142px;} #mainnav li#n06 a, #mainnav li#n06 a:visited {background:url(../images/layout/n06.jpg) top left no-repeat; width:153px;} #mainnav li#n06 a:hover, #mainnav li#n06 a:active, #mainnav li#n06 a:visited.active {background:url(../images/layout/n06.jpg) bottom left no-repeat; width:153px;} #mainnav li#n07 a, #mainnav li#n07 a:visited {background:url(../images/layout/n07.jpg) top left no-repeat; width:84px;} #mainnav li#n07 a:hover, #mainnav li#n07 a:active, #mainnav li#n07 a:visited.active {background:url(../images/layout/n07.jpg) bottom left no-repeat; width:84px;} #mainnav li#n08 a, #mainnav li#n08 a:visited {background:url(../images/layout/n08.jpg) top left no-repeat; width:129px;} #mainnav li#n08 a:hover, #mainnav li#n08 a:active, #mainnav li#n08 a:visited.active {background:url(../images/layout/n08.jpg) bottom left no-repeat; width:129px;} #mainnav li#n09 a, #mainnav li#n09 a:visited {background:url(../images/layout/n09.jpg) top left no-repeat; width:113px;} #mainnav li#n09 a:hover, #mainnav li#n09 a:active, #mainnav li#n09 a:visited.active {background:url(../images/layout/n09.jpg) bottom left no-repeat; width:113px;} #mainnav ul li ul {display:none; font-size:0.6em; margin:-10px 0 0 0;} #mainnav li#n05 ul {background:#db7da5; display:block; position:absolute; border:none; width:164px;} #mainnav li#n05 ul li a, #mainnav li#n05 ul li a:visited {color:#fff; text-decoration:none; white-space:nowrap; background:none; width:159px; height:20px; padding:5px 0 0 5px; border-bottom:1px solid #ffc8df; font-size:1.5em; text-indent:0;} #mainnav li#n05 ul li a:hover, #mainnav li#n05 ul li a:visited.active {text-decoration:none; width:159px; height:20px; padding:5px 0 0 5px; background:#db5890; border-bottom:1px solid #ffaccf; text-indent:0;} #mainnav li#n07 ul {background:#9dcd5e; display:block; position:absolute; border:none; width:113px;} #mainnav li#n07 ul li a, #mainnav li#n07 ul li a:visited {color:#fff; text-decoration:none; white-space:nowrap; background:none; width:108px; height:20px; padding:5px 0 0 5px; border-bottom:1px solid #e0ffb8; font-size:1.5em;} #mainnav li#n07 ul li a:hover, #mainnav li#n07 ul li a:visited.active {text-decoration:none; width:108px; height:20px; padding:5px 0 0 5px; background:#82bf32; border-bottom:1px solid #cfff91;} /* MainSubnav in Content */ #navSub {width:460px; margin:60px 0 0 0;} #navSub ul {display:inline;} .ul02 {padding-left:40px;} #navSub li {list-style:circle; padding-left:5px;} #navSub ul li a, #navSub ul li a:visited {color:#333333; white-space:nowrap; line-height:140%;} #navSub ul li a:hover, #navSub ul li a:active, #navSub ul li a:visited.active {color:#fff;} /* Subnav */ #subnav {width:382px; margin:93px 0 0 0px;} #subnav ul {} #subnav ul li {display:block; float:left;} #subnav ul li a, #subnav ul li a:visited {display:block; color:#fff; height:53px;} #subnav ul li a:hover, #subnav ul li a:active {display:block; color:#fff; height:53px;} #subnav li#s01 a, #subnav li#s01 a:visited {background:url(../images/layout/s01.jpg) top left no-repeat; width:108px;} #subnav li#s01 a:hover, #subnav li#s01 a:active, #subnav li#s01 a:visited.active {background:url(../images/layout/s01.jpg) bottom left no-repeat; width:108px;} #subnav li#s02 a, #subnav li#s02 a:visited {background:url(../images/layout/s02.jpg) top left no-repeat; width:86px;} #subnav li#s02 a:hover, #subnav li#s02 a:active, #subnav li#s02 a:visited.active {background:url(../images/layout/s02.jpg) bottom left no-repeat; width:86px;} #subnav li#s03 a, #subnav li#s03 a:visited {background:url(../images/layout/s03.jpg) top left no-repeat; width:91px;} #subnav li#s03 a:hover, #subnav li#s03 a:active, #subnav li#s03 a:visited.active {background:url(../images/layout/s03.jpg) bottom left no-repeat; width:91px;} #subnav li#s04 a, #subnav li#s04 a:visited {background:url(../images/layout/s04.jpg) top left no-repeat; width:97px;} #subnav li#s04 a:hover, #subnav li#s04 a:active, #subnav li#s04 a:visited.active {background:url(../images/layout/s04.jpg) bottom left no-repeat; width:97px;}