/* ========================================================================================== Project: VMRG website Original author : Gaston Jamin (g.jamin@nexwork.nl) ========================================================================================== */ /* ----------------------------------------------------------------------------------------- Basis opbouw ----------------------------------------------------------------------------------------- */ html, body { background-color: white; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; behavior:url("lib/css/csshover.htc");} #paginacontainer{ width: 903px; background-color: transparent; border: 0px solid silver; text-align: left; margin: 0 auto; overflow: hidden; margin-bottom: 0px; } #contentcontainer{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat: repeat-y; background-position: top left; border: 0px solid silver; min-height: 500px; } *html #contentcontainer{ height: 500px; } #contentcontainer .clearer{ clear: both; } #footercontainer{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 auto; margin-top: 10px;font-size: 11px; width: 903px; height: 60px;background-color: transparent; text-align: right;} #popupcontainer{ text-align: left; background-color: white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;} /* Deze classes hangen aan de divs voor de contentcontainer als class (naast de id) */ .home{ background-image: url(../media/homecontentcontainer_bg.gif); } .content{ background-image: url(../media/contentcontainer_bg.gif); } .printlogo{ display: none;} /* Dit logo staat hard in de html, en wordt in het print-css gebruikt */ /* ----------------------------------------------------------------------------------------- Header en menu ----------------------------------------------------------------------------------------- */ #header{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 113px; background-color: transparent; border: 0px solid black;} #header .logo{ margin: 0px 0px 0px 0px; height: 103px; width: 177px; border: 0px solid black; float: left;} #header img{ border: 0px; } #header .sectiefoto { position: absolute; left: 0px; top: 60px; z-index: 100; width: 531px; height: 220px; border: 0px solid black; overflow: hidden;} #header .homefoto { position: absolute; left: 0px; top: 60px; z-index: 100; width: 531px; height: 240px; border: 0px solid black; } #header .architect { position: absolute; left: 0px; top: 113px; z-index: 1000; width: 177px; height: 187px; border: 0px solid black; } #header #util{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; width: 450px; height: 103px; background-color: transparent; float: left; } #header #util ul{ width: auto; height: 25px; background-color: transparent; margin: 20px 0px 0px 72px; padding: 0px 0px 0px 0px; } #header #util ul li { display: inline; list-style: none;} #header #util a { color: black; font-size: 11px; text-decoration: none; } #header #util a:hover { text-decoration: underline; } ul#menu { background-color: transparent; padding: 16px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 97px; list-style: none; width: 270px; float: right; text-align: right; } ul#menu li { float: right; position: relative; } ul#menu li a { display: block; text-decoration: none; background-color: transparent; padding: 4px 9px 4px 9px; margin: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: black; border-right: 1px solid black; text-decoration: none; } ul#menu li a.second { padding: 0 9px; background: #FFF url(../media/vmrg.jpg) left top no-repeat; height: 21px; width: 42px; } ul#menu li a.second span { display: none; } ul#menu li ul { position: absolute; right: -6px; top: 21px; background-color: transparent; margin: 0; padding: 0px 5px 10px 5px; list-style: none; width: 137px; border: 0px solid #6E6E5C; text-align: right; } ul#menu li ul li { padding: 0px 0; border-bottom: 0px solid #CACABB; } ul#menu li ul li a { font-size: 10px; color: black; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; height: auto; line-height: 16px; background-color: transparent; border: 0px; width: 125px; text-decoration: none; } ul#menu li ul li a:hover { background-image: url(../media/header_submenu-bg.gif); background-position: right; background-repeat: no-repeat; text-decoration: none; } ul#menu a:hover { text-decoration: underline; background-color: transparent; } ul#menu li ul a:hover{ text-decoration: underline; background: transparent; } ul#menu ul, li:hover ul ul { display:none; } ul#menu li:hover ul, ul#menu li:hover li:hover ul { display:block; } ul#menu li img { margin-top: 8px; border: 0; } ul#menu li a img { margin: 0; border: 0; } ul#menu li img { visibility: hidden; } ul#menu li img.blok { visibility: visible; } /* ----------------------------------------------------------------------------------------- Contencontainer: de linker kolom van de homepage met het grote menu ----------------------------------------------------------------------------------------- */ #contentcontainer #homeleftcol{ position: relative; background-color: transparent; width: 510px; float: left; margin: 139px 20px 0px 0px; padding: 0px 0px 10px 0px; } #contentcontainer #homeleftcol h2{ font-size: 16px; color: white; font-weight: normal; font-style: italic; height: 30px; width: 280px; background-color: transparent; margin-top: 20px; margin-left: 15px; margin-bottom: 0px; } #contentcontainer #homeleftcol .menu{ background-color: transparent; width: 333px; font-size: 15px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; float: right; } #contentcontainer #homeleftcol .menu ul{ margin: 5px 0px 10px 0px; padding: 0px 0px 0px 10px; list-style: none; } #contentcontainer #homeleftcol .menu ul li{ background-color: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #homeleftcol .menu ul li a{ display: block; height: 27px; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 5px; text-decoration: none; color: white; background-color: transparent; border-bottom: 1px solid #b3655e; } #contentcontainer #homeleftcol .menu .first{ /* Deze rule zorgt voor de border-top bij het eeste menu-item */ border-top: 1px solid #b3655e; } #contentcontainer #homeleftcol .menu ul li a:hover{ background-color: #ac574f; } #contentcontainer #homeleftcol .menu .active{ background-color: white; } /* ----------------------------------------------------------------------------------------- Contentcontainer: de linker kolom ----------------------------------------------------------------------------------------- */ #contentcontainer #leftcol{ position: relative; background-color: transparent; width: 177px; float: left; margin: 167px 0px 0px 0px; padding: 0px 0px 10px 0px; } /* basiselementen van de leftcol. De titels zorgen voor de plaatjes boven de verschillende menu's */ #contentcontainer #leftcol h2{ font-size: 14px; height: 22px; width: 177px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid black; text-indent: -9999px; } #contentcontainer #leftcol .titel_thema{ background-image: url(../media/kolomtitel_thema.gif); background-repeat: no-repeat; } #contentcontainer #leftcol .titel_zoeken{ background-image: url(../media/kolomtitel_zoek.gif); background-repeat: no-repeat; } #contentcontainer #leftcol .titel_gevelbouwer { background-image: url(../media/kolomtitel_gevelbouwer.gif); background-repeat: no-repeat; } /* Een menu kan verschillende soorten informatie bevatten: thema's, zoeken, etc. */ #contentcontainer #leftcol .menu{ background-color: transparent; width: 100%; font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #contentcontainer #leftcol .menu ul{ margin: 5px 0px 10px 0px; padding: 0px 0px 0px 10px; list-style: none; } #contentcontainer #leftcol .menu ul li{ background-color: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #leftcol .menu ul li a{ display: block; height: 15px; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 5px; text-decoration: none; color: black; background-color: transparent; } #contentcontainer #leftcol .menu ul li a:hover{ background-color: white; } #contentcontainer #leftcol .menu .active{ background-color: white; } /* Soms kun je ook klikken op een titelblokje (bijvoorbeeld bij gevelbouwer), daar is deze class voor */ #contentcontainer #leftcol .button img{ border: 0px; border-top: 1px solid black; background-color: transparent; width: 100%; font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} /* Bij de projecten staat een architectfoto met overzicht van project-kenmerken */ #contentcontainer #leftcol .project{ background-color: #003366; width: 100%; font-size: 9px; color: white; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; overflow: hidden; /* overflow zorgt ervoor dat firefox de hoogte van de gefloate label en content erkent *//* overflow zorgt ervoor dat firefox de hoogte van de gefloate label en content erkent */ } #contentcontainer #leftcol .project .label{ text-align: right; width: 82px; padding: 1px 0px 1px 0px; background-color: transparent; font-weight: normal; float: left; margin: 0px 5px 0px 0px; } #contentcontainer #leftcol .project .projectcontent{ text-align: left; width: 88px; padding: 1px 0px 1px 0px; background-color: transparent; font-weight: bold; float: left; } #contentcontainer #leftcol .project .projectcontent a{ color: white; text-decoration: underline; } #contentcontainer #leftcol .project .projectcontent a:hover{ text-decoration: none; } #contentcontainer #leftcol #architect{ position: absolute; left: 0px; top: -187px; z-index: 10000; width: 177px; height: 187px; border: 0px solid black; } /* Opmaak van de projectdetail groot logo */ #contentcontainer #leftcol #logocontainer{ background-color: transparent; height: 100px; width: 177px; border: 0px solid blue; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1px; font-size: 1px; } #contentcontainer #leftcol #logocontainer img{ width: 177px; border: 0px solid black; background-color: transparent; line-height: 1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /* ----------------------------------------------------------------------------------------- Contentcontainer: werkveld ----------------------------------------------------------------------------------------- */ /* in de p tag is height: 1% en oveflow: visible; toegevoegd om de italic-tekst bug van IE tegen te gaan */ /* Basisopmaak van de contentelementen */ #contentcontainer #contentcol{ z-index: 1000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: transparent; width: 353px; float: left; margin: 111px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #contentcol h1{ font-size: 17px; color: #003366; font-style: italic; font-weight: normal; margin: 11px 12px 10px 12px; padding: 0px 0px 0px 0px; width: 175px; border: 0px solid black; } #contentcontainer #contentcol h5{ font-size: 17px; color: #003366; font-style: italic; font-weight: normal; margin: 11px 12px 10px 12px; padding: 0px 0px 0px 0px; width: 300px; border: 0px solid black; } #contentcontainer #contentcol h2{ font-size: 11px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; background-color: transparent; } #contentcontainer #contentcol p{ text-align: justify; margin-top: 0px; padding: 0px 0px 0px 0px; background-color: transparent; line-height: 14px; } #contentcontainer #contentcol ul{ margin: 10px 0px 10px 0px; padding: 0px 0px 0px 15px; clear: left; background-color: transparent; } #contentcontainer #contentcol ol{ margin: 10px 0px 10px 0px; padding: 0px 0px 0px 18px; clear: left; background-color: transparent; } *html #contentcontainer #contentcol ol{ padding: 0px 0px 0px 23px;} #contentcontainer #contentcol img{ float: left; margin: 3px 8px 8px 0px; border: 1px solid #c8c6c6; } #contentcontainer #contentcol a{ color: black; text-decoration: underline; font-weight: bold;} #contentcontainer #contentcol a:hover{ color: #8f1c11; text-decoration: underline; font-weight: bold;} #contentcontainer #contentcol em{ background-color: transparent; height: 1%; overflow: visible; display: inline-block;} /* Dit zijn de verschillende sub-containers die in het werkveld voorkomen */ #contentcontainer #contentcol .paragraaf{ border: 0px solid red; font-size: 11px; color: black; margin: 0px 12px 0px 12px; padding: 0px 0px 0px 0px; background-color: transparent; } #contentcontainer #contentcol .formulier{ border: 0px solid red; font-size: 11px; color: black; margin: 0px 12px 0px 12px; padding: 0px 0px 0px 0px; background-color: transparent; } #contentcontainer #contentcol .nieuwsoverzicht{ border: 0px solid red; font-size: 11px; color: black; margin: 15px 12px 0px 12px; padding: 0px 0px 0px 0px; background-color: white; } #contentcontainer #contentcol .nieuwsdetail{ border-top: 1px solid #b5b5b5; font-size: 10px; font-style: italic; color: black; margin: 0px 12px 0px 12px; padding: 10px 0px 0px 0px; background-color: transparent; } #contentcontainer #contentcol .gevelbouwers{ border: 0px solid red; font-size: 11px; color: black; margin: 15px 12px 15px 12px; padding: 0px 0px 0px 0px; background-color: transparent; } #contentcontainer #contentcol .toeleveranciers{ border: 0px solid red; font-size: 11px; color: black; margin: 0px 12px 0px 12px; padding: 0px 0px 0px 0px; background-color: transparent; } /* sub-container nieuwsoverzicht bevat de volgende elementen: */ #contentcontainer #contentcol .nieuwsoverzicht p{ line-height: 18px; margin: 0px; padding: 0px; text-align: left;} #contentcontainer #contentcol .nieuwsoverzicht ul{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; background-color: transparent; } #contentcontainer #contentcol .nieuwsoverzicht ul li{ display: inline; list-style: none; } #contentcontainer #contentcol .nieuwsoverzicht ul li a{ display: block; margin: 0px 0px 0px 0px; padding: 8px 5px 8px 5px; text-decoration: none; color: black; background-color: transparent; border-top: 1px solid #DBDBDB; } #contentcontainer #contentcol .nieuwsoverzicht ul li a:hover{ background-color: #E5EAEF; } /* De foto's onderaan de content van een project */ #contentcontainer #contentcol .fotocontainer { background-color: transparent; height: 1%; padding: 0px 0px 10px 15px; overflow: hidden; margin: 0px 0px 10px 0px;} *html #contentcontainer #contentcol .fotocontainer { overflow: visible; } #contentcontainer #contentcol .fotocontainer .fotobox{ width: 155px; height: 104px; float: left; overflow: hidden; border: 1px solid #c8c6c6; margin: 0px 10px 10px 0px; } #contentcontainer #contentcol .fotocontainer img{ border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 155px; height: 104px;} /* De toeleveranciers onderaan de content van een project, die met logo in blokken worden getoond */ #contentcontainer #contentcol .leverancier { background-color: transparent; height: 1%; padding: 0px 0px 10px 15px; overflow: hidden; margin: 0px 0px 10px 0px; } *html #contentcontainer #contentcol .leverancier{ overflow: visible; } #contentcontainer #contentcol .leverancier p{ font-size: 11px; text-decoration: none; padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px; text-align: left; background-color: transparent; width: 100%; } #contentcontainer #contentcol .leverancier a{ font-size: 11px; text-decoration: none; } #contentcontainer #contentcol .leverancier a h2{ padding: 0px 5px 0px 5px; text-align: left; background-color: transparent; height: 30px;} #contentcontainer #contentcol .leverancier .logobox{ width: 155px; float: left; overflow: hidden; border: 1px solid #c8c6c6; margin: 0px 10px 10px 0px; text-align: center; cursor: hand; } #contentcontainer #contentcol .leverancier img{ border: 0px solid red; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 155px; height: 90px;} /* sub-container leveranciersoverzicht bevat de volgende elementen: */ #contentcontainer #contentcol .gevelbouwers .adres{ overflow: hidden; height: 1%; background-color: transparent; } #contentcontainer #contentcol .gevelbouwers p{background-color: transparent; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; line-height: 15px; text-align: left; height: auto; } #contentcontainer #contentcol p.zeromargin { margin: 0px 0px 0px 0px; } /* deze zorgt er voor dat de standaard adresblok niet teveel witruimte onderin heeft. */ #contentcontainer #contentcol .gevelbouwers img{ float: right; margin: 2px 0px 3px 5px; padding: 0px 0px 0px 0px; } #contentcontainer #contentcol .gevelbouwers div.normal{ width: 319px; display: block; margin: 0px 0px 0px 0px; padding: 8px 5px 8px 5px; text-decoration: none; color: black; background-color: white; border-top: 1px solid #DBDBDB; float: left; cursor: hand; } #contentcontainer #contentcol .gevelbouwers div.extra{ width: 319px; display: block; margin: 0px 0px 0px 0px; padding: 8px 5px 8px 5px; text-decoration: none; color: red; background-color: transparent; border-top: 1px solid #DBDBDB; float: left; cursor: hand; } #contentcontainer #contentcol .gevelbouwers div.active{ width: 319px; display: block; margin: 0px 0px 0px 0px; padding: 8px 5px 8px 5px; text-decoration: none; color: black; background-color: #E5EAEF; border-top: 1px solid #DBDBDB; float: left; cursor: hand; } #contentcontainer #contentcol .gevelbouwers .fullinfo{ display: block; width: 309px; margin: 10px 0px 0px 0px; padding: 5px 5px 5px 5px; text-decoration: none; color: black; background-color: white; float: left; cursor: hand; } /* De opsommingen van de toeleveranciers worden in list-vorm getoond */ #contentcontainer #contentcol .toeleveranciers h2{ background-color: transparent; height: 20px; border-bottom: 1px dotted black; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 5px; } #contentcontainer #contentcol .toeleveranciers ul{ margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px; list-style: none; } #contentcontainer #contentcol .toeleveranciers ul li{ list-style-type: none; background-color: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #contentcol .toeleveranciers ul li a{ list-style-type: none; display: block; height: 15px; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 5px; text-decoration: none; color: black; background-color: transparent; } #contentcontainer #contentcol .toeleveranciers ul li a:hover{ background-color: #E5EAEF; } #contentcontainer #contentcol .toeleveranciers .active{ background-color: #E5EAEF; } /* ----------------------------------------------------------------------------------------- Contentcontainer: contactformulier ----------------------------------------------------------------------------------------- */ #contactformulier { background: transparent; border: 0px outset #315161; margin-bottom: 10px; margin-top: 15px; padding-top: 15px; border-top: 1px dotted black; border-bottom: 1px dotted black; } #contactformulier P{ margin: 5px 0px 5px 0px; } #contactformulier p input { width: 200px; height: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: white; margin: 0px 0px 0px 0px; padding: 3px 4px 0px 4px; color: black; border: 1px solid #B5B5B5; font-size: 11px; } #contactformulier p label { background-color: transparent; color: black; float: left; display: block; width: 90px; padding: 4px 0px 0px 0px; margin: 0px 10px 0px 0px; text-align: right; font-size: 11px; } #contactformulier p textarea { background-color: white; color: black; font-size: 11px; width: 200px; height: 60px; margin-bottom: 6px; border: 1px solid #B5B5B5; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px 0px 0px 0px; padding: 3px 4px 0px 4px; } #contactformulier p select {color: #336666; width: 250px; margin: 10px 0px 10px 10px; font-size: 11px; background-color: transparent;} #contactformulier select { color: black; width: 200px; margin: 0px 0px 10px 10px; font-size: 11px; background-color: white; } #contactformulier p .checkbox { width: 15px; background-color: transparent; border: 0px; margin: 2px 5px 0px 100px; } *html #contactformulier p .checkbox { margin: 2px 5px 0px 103px;} #contactformulier .rad label {background-color: transparent; margin: 4px 0 0 0; padding: 0 0 0 15px;} #contactformulier .rad input { background-color: transparent; float: left; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 3px; width: auto; } #contactformulier .rad .lbl {width: auto; margin: 4px 2px 10px 5px; padding: 0; } #contactformulier .rad .lblbreed {background-color: transparent; width: 200px; margin: 4px 2px 10px 5px; padding: 0; } #contactformulier .selectdb {width: 50%;float: left; padding: 0 0 0 0;} #contactformulier .selectdb input {float: left; margin: 0; padding: 0; font-family: Verdana; font-size: 10px;} #contactformulier .selectdb .lbl {width: auto; margin: 4px 2px 0 2px; padding: 0;} #contactformulier .space {background-color: #315161; height: 15px;} #contactformulier .btnSubmit {border: 0px; text-align: right; width: 100px; margin: 10px 0px 15px 208px; cursor: hand; background-image: url(../media/form_buttonicoon.gif); background-repeat: no-repeat; background-position: 3px 5px; padding: 0px 0px 0px 0px; height: 18px;} *html #contactformulier .btnSubmit {margin: 10px 0px 15px 200px;} #contactformulier .btnCancel {width: 100px; margin: 15px 0px 15px 0px; cursor: hand;} #contactformulier .btnDelete {width: 100px; margin: 15px 0px 15px 0px; cursor: hand;} .clear {clear: both;} /* ----------------------------------------------------------------------------------------- Popupcontainer: Tell a Friend contactformulier ----------------------------------------------------------------------------------------- */ #popupcontainer h1{ font-size: 17px; color: #003366; font-style: italic; font-weight: normal; margin: 11px 12px 10px 12px; padding: 0px 0px 0px 0px; width: 175px; border: 0px solid black; } #tafformulier { background: silver; border: 0px outset #315161; margin-bottom: 10px; margin-top: 12px; padding-top: 15px; padding-bottom: 0px; border-top: 1px dotted black; border-bottom: 1px dotted black; } #tafformulier P{ margin: 5px 0px 5px 0px; } #tafformulier p input { width: 165px; height: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: white; margin: 0px 0px 0px 0px; padding: 3px 4px 0px 4px; color: black; border: 1px solid #B5B5B5; font-size: 11px; } #tafformulier p label { background-color: transparent; color: black; float: left; display: block; width: 110px; padding: 4px 0px 0px 0px; margin: 0px 8px 0px 0px; text-align: right; font-size: 11px; } #tafformulier p textarea { background-color: white; color: black; font-size: 11px; width: 165px; height: 60px; margin-bottom: 6px; border: 1px solid #B5B5B5; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px 0px 0px 0px; padding: 3px 4px 0px 4px; } #tafformulier p select {color: #336666; width: 250px; margin: 10px 0px 10px 10px; font-size: 11px; background-color: transparent;} #tafformulier select { color: black; width: 160px; margin: 0px 0px 10px 10px; font-size: 11px; background-color: white; } #tafformulier p .checkbox { width: 15px; background-color: transparent; border: 0px; margin: 2px 5px 0px 100px; } *html #tafformulier p .checkbox { margin: 2px 5px 0px 103px;} #tafformulier .rad label {background-color: transparent; margin: 4px 0 0 0; padding: 0 0 0 15px;} #tafformulier .rad input { background-color: transparent; float: left; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 3px; width: auto; } #tafformulier .rad .lbl {width: auto; margin: 4px 2px 10px 5px; padding: 0; } #tafformulier .rad .lblbreed {background-color: transparent; width: 200px; margin: 4px 2px 10px 5px; padding: 0; } #tafformulier .selectdb {width: 50%;float: left; padding: 0 0 0 0;} #tafformulier .selectdb input {float: left; margin: 0; padding: 0; font-family: Verdana; font-size: 10px;} #tafformulier .selectdb .lbl {width: auto; margin: 4px 2px 0 2px; padding: 0;} #tafformulier .space {background-color: #315161; height: 15px;} #tafformulier .btnSubmit {border: 1px solid #B5B5B5; text-align: right; width: 100px; margin: 10px 0px 15px 183px; cursor: hand; background-image: url(../media/form_buttonicoon.gif); background-repeat: no-repeat; background-position: 3px 5px; padding: 0px 0px 0px 0px; height: 18px;} *html #tafformulier .btnSubmit {margin: 10px 0px 15px 187px;} #tafformulier .btnClose {border: 1px solid #B5B5B5; text-align: center; width: 117px; margin: 10px 0px 15px 183px; cursor: hand; padding: 0px 0px 0px 0px; height: 18px; background-color: White;} *html #tafformulier .btnClose {margin: 10px 0px 15px 187px;} #tafformulier .btnCancel {width: 100px; margin: 15px 0px 15px 0px; cursor: hand;} #tafformulier .btnDelete {width: 100px; margin: 15px 0px 15px 0px; cursor: hand;} .clear {clear: both;} /* ----------------------------------------------------------------------------------------- Contentcontainer: nieuwskolom ----------------------------------------------------------------------------------------- */ #contentcontainer #nieuwscol{ background-color: transparent; width: 181px; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #nieuwscol h2{ font-size: 14px; height: 22px; width: 181px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid black; text-indent: -9999px; } #contentcontainer #nieuwscol img { float: right; margin: 8px 0px 5px 0px;} #contentcontainer #nieuwscol .titel_actueel{ background-image: url(../media/kolomtitel_actueel.gif); background-repeat: no-repeat; } #contentcontainer #nieuwscol .titel_nieuwsbrief{ background-image: url(../media/kolomtitel_nieuwsbrief.gif); background-repeat: no-repeat; } #contentcontainer #nieuwscol .menu{ background-color: transparant; width: 100%; font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #contentcontainer #nieuwscol .menu ul{ margin: 5px 0px 10px 0px; padding: 0px 0px 0px 10px; list-style: none; } #contentcontainer #nieuwscol .menu ul li{ background-color: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #nieuwscol .menu ul li a{ display: block; height: 15px; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 5px; text-decoration: none; color: black; background-color: transparent; } #contentcontainer #nieuwscol .menu ul li a:hover{ background-color: white; } #contentcontainer #nieuwscol .button img{ border: 0px; border-top: 1px solid black; background-color: transparent; width: 100%; font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} #contentcontainer #nieuwscol .teaser{ overflow: hidden; background-color: #b5b5b5; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; } #contentcontainer #nieuwscol .teaser h3{ margin: 0px 10px 5px 10px; padding: 8px 0px 0px 0px; font-size: 10px; font-weight: bold; color: #8f1c11; background-color: transparent; } #contentcontainer #nieuwscol .teaser h4{ margin: 0px 10px 5px 10px; padding: 0px 0px 0px 0px; font-size: 10px; font-weight: bold; color: black; background-color: transparent; } #contentcontainer #nieuwscol .teaser p{ margin: 0px 10px 5px 10px; padding: 0px 0px 0px 0px; font-size: 10px; background-color: transparent; } #contentcontainer #nieuwscol .teaser a{ margin: 0px 10px 0px 10px; padding: 0px 0px 8px 0px; font-size: 10px; text-decoration: underline; background-color: transparent; display: block; height: 15px; color: black; } #contentcontainer #nieuwscol .teaser a:hover{ text-decoration: none; } #contentcontainer #nieuwscol .teaser2{ overflow: hidden; border: 0px solid blue; background-color: transparent; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; } #contentcontainer #nieuwscol .teaser2 h3{ margin: 0px 10px 5px 10px; padding: 8px 0px 0px 0px; font-size: 10px; font-weight: bold; color: #8f1c11; background-color: transparent; } #contentcontainer #nieuwscol .teaser2 h4{ margin: 0px 10px 5px 10px; padding: 0px 0px 0px 0px; font-size: 10px; font-weight: bold; color: black; background-color: transparent; } #contentcontainer #nieuwscol .teaser2 p{ margin: 0px 10px 5px 10px; padding: 0px 0px 0px 0px; font-size: 10px; background-color: transparent; } #contentcontainer #nieuwscol .teaser2 a{ margin: 0px 10px 0px 10px; padding: 0px 0px 8px 0px; font-size: 10px; text-decoration: underline; background-color: transparent; display: block; height: 15px; color: black; } #contentcontainer #nieuwscol .teaser2 a:hover{ text-decoration: none; } /* ----------------------------------------------------------------------------------------- Contentcontainer: rechterkolom ----------------------------------------------------------------------------------------- */ /* Basisopmaak van de rechterkolom (rightcol) */ #contentcontainer #rightcol{ background-color: transparent; width: 181px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #rightcol h2{ font-size: 14px; height: 22px; width: 181px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid black; text-indent: -9999px; } #contentcontainer #rightcol .titel_projecten{ background-image: url(../media/kolomtitel_projecten.gif); background-repeat: no-repeat; } #contentcontainer #rightcol .titel_producten{ background-image: url(../media/kolomtitel_produkten.gif); background-repeat: no-repeat; } /* Opmaak van de projectenblok: foto en selectbox */ #contentcontainer #rightcol .projectcontainer{ width: 100%; height: auto; background-color: transparent; border: 0px solid blue; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #rightcol .projectcontainer img{ width: 181px; border: 0px; } #contentcontainer #rightcol .projectcontainer form{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #contentcontainer #rightcol .projectcontainer select{ margin: 10px 0px 10px 10px; font-size: 11px; width: 160px; } /* Opmaak van het produkten menu Let op: in deze CSS zit alleen het basis icoon als achtergrond opgenomen (dus als een produkt geen icoon heeft. De style voor de "echte" iconen zit hard in de template opgenomen, omdat deze dynamisch uit het CMS komen. */ #contentcontainer #rightcol .productmenu{ background-color: transparant; width: 100%; font-size: 9px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #contentcontainer #rightcol .productmenu hr{ margin: 5px 0px 15px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #rightcol .productmenu ul{ margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px; list-style: none; } #contentcontainer #rightcol .productmenu ul li{ background-color: transparent; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; } #contentcontainer #rightcol .productmenu ul li a{ display: block; height: 21px; margin: 0px 0px 0px 0px; padding: 9px 0px 0px 40px; text-decoration: none; color: black; background-color: transparent; background-repeat: no-repeat; background-position: 3px 0px;} /* met achtergrond: #contentcontainer #rightcol .productmenu ul li a{ display: block; height: 21px; margin: 0px 0px 0px 0px; padding: 9px 0px 0px 40px; text-decoration: none; color: black; background-color: transparent; background-image: url(../media/productmenu_img.gif); background-repeat: no-repeat; } */ #contentcontainer #rightcol .productmenu ul li a:hover{ background-color: white; } #contentcontainer #rightcol .productmenu ul .active{ background-color: white; } #contentcontainer #rightcol .productmenu ul li:hover{ background-color: transparent; } /* ----------------------------------------------------------------------------------------- Footercontainer ----------------------------------------------------------------------------------------- */ #footercontainer a{ font-size: 10px; text-decoration: underline; color: black; } #footercontainer a:hover{ text-decoration: none; }