/****************************************************
*                                                   *
*  Door Krijn Hoetmer <http://krijnhoetmer.nl/>     *
*  Voor Deco Top Vorm <http://www.decotopvorm.nl/>  *
*                                                   *
****************************************************/

* { margin: 0; padding: 0; }
html, body { height: 100%; background: #3c3993; color: #fff; }
body { position: relative; font-family: 'Arial Black', Arial, sans-serif; font-size: 100%; background: url(img/back.jpg) no-repeat center center; }

#qontainer { width: 799px; height: 560px; position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -400px; background: url(img/back-right.jpg) no-repeat center right; }

#home { font-size: 80%; position: absolute; bottom: 5px; right: 15px; margin: 0; }
#home a { color: #fff; }
#home a:hover { color: #3c3993; text-decoration: none; }

#menu, #routebeschrijving { height: 100%; width: 220px; margin-left: 12px; overflow: hidden; font-size: 13px; }
#menu li { list-style-type: none; }
#menu li a { display: block; color: #fff; text-transform: uppercase; padding-left: 10px; text-decoration: none; overflow: auto; }
#menu li a:hover { color: #000; }
#menu span { display: none !important; }
#menu em { font-style: normal; padding-top: 15px; display: block; }

#menu-profiel a { background: #7A66AB; height: 79px; line-height: 79px; }
#menu-belettering a { background: #EE834E; height: 79px; }
#menu-borden a { background: #06943F; height: 81px; }
#menu-zuilen a { background: #32A3D3; height: 81px; }
#menu-vlaggen a { background: #C70F70; height: 80px; }
#menu-promotie a { background: #85B15B; height: 81px; }
#menu-contact a { background: #D9C951; height: 79px; line-height: 79px; }

#menu-profiel { background: #7A66AB; }
#menu-belettering { background: #EE834E; }
#menu-borden { background: #06943F; }
#menu-zuilen { background: #32A3D3; }
#menu-vlaggen { background: #C70F70; }
#menu-promotie { background: #85B15B; }
#menu-contact { background: #D9C951; }


.profiel #menu-profiel a, .autobelettering-raambelettering #menu-belettering a, .reclameborden-gevelreclame #menu-borden a, .reclamezuilen-bewegwijzering #menu-zuilen a, .vlaggen-masten-spandoeken-banners #menu-vlaggen a, .promotie-producten-presentatie-systemen #menu-promotie a, .contact #menu-contact a { color: #000; }

#qontent { position: absolute; top: 0; left: 232px; width: 195px; color: #fff; height: 540px; padding: 20px 30px 0 55px; overflow: auto; z-index: 1;}
#qontent a, #routebeschrijving a { color: #fff; text-decoration: underline; }
#qontent a:hover, #routebeschrijving a:hover { color: #000; text-decoration: none; }

.profiel #qontent, .profiel #rechts { background: #7A66AB url(img/pijltje-1.gif) no-repeat 0px 15px; }
.autobelettering-raambelettering #qontent, .autobelettering-raambelettering #rechts { background: #EE834E url(img/pijltje-2.gif) no-repeat 0px 94px; }
.reclameborden-gevelreclame #qontent, .reclameborden-gevelreclame #rechts { background: #06943F url(img/pijltje-3.gif) no-repeat 0px 175px; }
.reclamezuilen-bewegwijzering #qontent, .reclamezuilen-bewegwijzering #rechts { background: #32A3D3 url(img/pijltje-4.gif) no-repeat 0px 256px; }
.vlaggen-masten-spandoeken-banners #qontent, .vlaggen-masten-spandoeken-banners #rechts { background: #C70F70 url(img/pijltje-5.gif) no-repeat 0px 336px; }
.promotie-producten-presentatie-systemen #qontent, .promotie-producten-presentatie-systemen #rechts { background: #85B15B url(img/pijltje-6.gif) no-repeat 0px 417px; }
.contact #qontent, .contact #rechts { background: #D9C951 url(img/pijltje-7.gif) no-repeat 0px 496px; }

.contact #qontent { overflow: visible; }
.contact #qontent h1.lager { position: absolute; top: 205px; }
.contact #qontent img { position: absolute; top: 239px; left: 20px; }
.contact #qontent p.vanuit { position: absolute; bottom: 10px; left: 80px; width: 200px; }

#routebeschrijving { background-color: #D9C951; color: #000; font-family: Verdana, sans-serif; }
#routebeschrijving h3 { font-size: 12px; padding-top: 50px; margin: 0 10px 10px 20px; }
#routebeschrijving ul { font-size: 11px; margin-left: 20px; }
#routebeschrijving li { margin-left: 20px; line-height: 160%; }
#routebeschrijving p { margin: 10px 20px; }
#routebeschrijving #print { margin-right: 80px; }

#rechts { position: absolute; right: 12px; top: 222px; height: 275px; width: 275px; z-index: 0; background-image: none !important; text-align: center; }
#rechts object, #rechts embed, #rechts #images { display: block; margin: 5px auto; width: 265px; height: 265px; overflow: hidden; }

h1 { text-transform: uppercase; font-size: 13px; font-weight: normal; color: #000; margin-bottom: 5px; }
h2 { display: none; }
p, #qontent ul { margin-bottom: 1em; font-size: 10pt; font-family: arial; font-weight: bold; line-height: 150%; }
#qontent ul { list-style: none; line-height: 130%; }
#qontent ul li.laatste { list-style: none; }
abbr { border: none; }

.zwart { color: #000; }

.home #menu { display: none; }
/* .home #qontainer { background: url(img/home-foto.jpg) no-repeat bottom right; } */
.home #qontainer { background-image: none; }
.home #qontent { left: 0; width: 714px; background: url(img/home.jpg) no-repeat top left; }
.home h1 { font-size: 130%; margin-top: 2em; width: 420px; color: #3c3993; text-transform: none; font-weight: normal; }
.home h1 em, .home p#enter a em, .home p#foto a em { visibility: hidden; }
.home p#enter, .home p#foto { position: absolute; margin: 0 !important; }
.home p#enter a, .home p#foto a { display: block; height: 100%; text-decoration: none; }
.home p#enter { top: 170px; left: 90px; height: 370px; width: 300px; }
.home p#foto { top: 410px; width: 200px; right: 20px; height: 130px; }
.home p#foto a { display: none; }

.home #designtekst, .home #style-plus { position: absolute; margin: 0; right: 35px; top: 370px; }
 .home #designtekst a, .home #designtekst img, .home #style-plus a, .home #style-plus img { display: block; border: none; }

.home #style-plus { top: 425px; }

.foto-schilderij { font-family: Verdana, sans-serif; background: #333; }
.foto-schilderij #qontainer { background: #000 url(img/schilderij-back.jpg) no-repeat left center; }
.foto-schilderij #sub-container { padding-top: 166px; padding-left: 70px; position: relative; }
.foto-schilderij h1 { display: none; }
.foto-schilderij h2 { display: block; color: #E07D29; font-size: 13pt; padding-bottom: 15px; }
.foto-schilderij p, .foto-schilderij table { width: 440px; font-family: Verdana, sans-serif; font-size: 10pt; font-weight: bold; }
.foto-schilderij table { width: auto; }
.foto-schilderij td { padding: 1px 0; }
.foto-schilderij td.ruimte { padding-right: 50px; }
.foto-schilderij #bestellen { position: absolute; top: 460px; left: 585px; width: 150px; height: 54px; }
.foto-schilderij #bestellen a { display: block; height: 50px; background: transparent; text-decoration: none; zoom: 1; }
.foto-schilderij #bestellen em { visibility: hidden; }
.foto-schilderij a { color: #E07D29; }
.foto-schilderij a:hover { text-decoration: none;  }

.foto-schilderij #home { width: auto; }
.foto-schilderij small { color: #E07D29; }

.bestelformulier #qontainer { background-image: url(img/schilderij-bestelform-back.jpg); }
.bestelformulier #sub-container { padding-top: 76px; padding-left: 70px; }
.bestelformulier h2 { margin-left: 350px; font-size: 17pt; }

.bestelformulier .first { margin-top: 90px; }
.bestelformulier table.first { margin-top: 60px; }
.bestelformulier table, .bestelformulier p { margin-left: 70px; }
.bestelformulier tr.ruimte th, .bestelformulier tr.ruimte td { padding-top: 20px; }
.bestelformulier th { text-align: right; padding-right: 20px; vertical-align: top; }
label { cursor: pointer; }

.bestelformulier select, .bestelformulier input, .bestelformulier textarea { width: 350px; font-family: Verdana, sans-serif; font-weight: bold; }
.bestelformulier .submit { width: auto; background: #E07D29; }

/* Fixes voor IE 6 */

* html #qontent { _overflow-x: hidden; _width: 196px; }
* html #rechts { _right: 11px; }