html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
div.bg { width: 100%; height: 100%; }
body, td, div, a { font-family: 'Trebuchet MS'; font-size: 11px;}
body.colorbox { width: 95%; height: 95%; }
td { vertical-align: top; color: #666666; }
a img { border: 0px; }
body.site { background-color: #fff; }
body.print { width: 95px; height: 95px; padding: 10px; text-align: left;}
a { color: #3bc4e2; text-decoration: none; }
a:hover { color: #3bc4e2; text-decoration: underline; }
.sitecontainer { position: relative; top: 0px; left: 50%; margin-left: -490px; width: 980px; height: 100%; }
div.header { position: relative; top: 0px; height: 136px; width: 980px; }
.header .logo { position: absolute; top: 0px; left: 0px; width: 316px; height: 93px; }
.header .headmenu { position: absolute; top: 28px; left: 350px; width: 400px; height: 30px; color: #9f9f9f; }
.header .headmenu a { color: #666666; text-decoration: none; }
.header .headmenu a:hover { color: #333333; text-decoration: none; }
.header .menu { position: absolute; top: 94px; left: 0px; height: 30px; width: 980px; background-image: url(../images/menu_bg.gif); background-repeat: no-repeat; }
.header .zoekcontainer { position: absolute; top: 94px; left: 750px; width: 255px; height: 30px; }
.header .zoekcontainer .inputpos { position: absolute; top: 0px; left: 0px; width: 200px; height: 27px; padding-top: 3px; }
.header .zoekcontainer .inputpos input { width: 194px; height: 22px; border: 0px solid #8d8d8d; font-size: 11px; line-height: 20px; padding-left: 4px; color: #666666; }
.header .zoekcontainer .zoekbpos { position: absolute; top: 3px; left: 200px; width: 55px; height: 30px; }
.header .zoekcontainer .zoekbpos input { width: 24px; height: 24px; }
.header .cartcontainer { position: absolute; top: 10px; right: 0px; width: 200px; }
.header .cartcontainer strong { font-size: 12px; text-transform: uppercase; }
.header .cartcontainer .cart_aantal span { color: #00b2d9; font-weight: bold; margin-right: 5px; }
.contenttop { width: 980px; height: 5px; background-image: url(../images/contenttop.gif); background-repeat: no-repeat; }
.content { width: 980px; min-height: 200px; background-image: url(../images/contentbg.gif); background-repeat: repeat-y; background-color:#fff; color: #333333; line-height: 18px; }
.content .center { display:block; padding: 3px 11px 6px 11px; }
div.imagecontainer { width: 880px; height: 250px; position: relative; top: 26px; margin-bottom: 26px; }
div.imagecontainer .container { position: absolute; top: 0px; left: 0px; width: 880px; height: 250px; z-index: 100; background-image: url(../images/imagecontainer.png); }
div.imagecontainer .img { position: absolute; top: 0px; left: 0px; width: 880px; height: 250px; z-index: 10; }
div.bottom_container { width: 836px; height: 32px; z-index:1000; padding: 0px 22px; color:#999999; line-height: 30px; }
div.bottom_container a { color: #999999; }
div.bottom_container .left { padding-left: 10px;width: 440px; height: 30px; font-size: 10px; color: #666666; }
div.bottom_container .right { padding-right: 10px; width: 440px; height: 30px; text-align: right; font-size: 10px; color: #666666; }
div.bottom_container td a { color: #666666; text-decoration: none; }
div.bottom_container td a:hover { color: #68bd45; text-decoration: none; }
.contactblok { width: 274px; height: 188px; background: url(../images/contactblok.jpg); background-repeat: no-repeat; }
div.doorsturen { width: 312px; }
div.padding { padding: 22px; }
ul.topmenu { margin: 0px 10px 0px 10px; padding: 0; height: 30px; }
ul.topmenu li { cursor: pointer; text-transform: uppercase; height: 30px; min-height: 30px; padding: 0px 10px; line-height: 30px; color: #fff; float: left; list-style-type: none; }
ul.topmenu li:hover, ul.topmenu li.ov { cursor: pointer; text-transform: uppercase; height: 30px; min-height: 30px; padding: 0px 10px; line-height: 30px; color: #fff; background-image: url(../images/menubgov.gif); background-repeat: repeat-x; float: left; list-style-type: none; }
ul.topmenu li a { float: left; line-height: 30px; height: 30px; text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; }
ul.topmenu li a:hover, ul.topmenu li.ov a, ul.topmenu li.ov a:hover { float: left; line-height: 30px; height: 30px; text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; }
.wistjedat { width: 692px; height: 30px; background-color: #eeeded; border: 1px solid #999999; color: #666666; }
.wistjedat div { padding: 0px 10px; line-height: 30px; }
div.skyscraper { float: left; margin-left: 10px; margin-top:20px; width: 120px; min-height: 600px; }
div.centercontent { float: left; margin-left: 30px; margin-top: 20px; width: 555px; color: #404041; }
div.rightcolumn { float: left; margin-top: 20px; margin-left: 30px; width: 245px; }
div.clear { clear: both; }
div.bottombarprint { position: relative; left: 0px;width: 935px; padding: 11px; height: 88px; background-color: #ffffff; margin: 11px 11px 0px 11px; }
div.bottombar { width: 935px; padding: 11px; height: 88px; background-color: #e5e5e5; margin: 11px 11px 0px 11px; }
div.bottombarprint div.inh, div.bottombar div.inh { float: left; width: 180px; color: #999999; }
h2 { font-size: 14px; font-weight: bold; color: #999999; margin: 0; padding: 0; }
.fotooverzicht { float: left; width: 165px; height: 127px; margin-bottom: 30px; }
.fotoverzicht_stemaantal { height: 22px; width: 165px; background-image: url(../images/fotooverzicht_stemmen.gif); background-repeat: repeat-x; text-align: center; line-height: 22px; color: #404041; font-size: 12px; font-weight: bold; }
.partnerlinks { width: 233px; margin-top: 5px; background-color: #e9e4e4; padding: 7px;}
hr { height: 1px; border: 0px solid #cccccc; background-color: #cccccc; color: #cccccc; margin: 0px; padding: 0px; }
.nieuwsblok { margin: 6px 0px; height: 105px;position:relative; }
.nieuwsblok_zoom { }
.nieuwsblok_zoom span { color: #999999; font-weight: bold; }
.nieuwsblok span { color: #999999; font-weight: bold; }
input.mailfriend { width: 143px; height: 16px; border: 1px solid #e0e0e0; font-family:'Trebuchet MS'; font-size: 11px; }
textarea.mailfriend { width: 143px; height: 100px; font-size: 11px; border: 1px solid #e0e0e0; font-family:'Trebuchet MS'; }
a.pagina { background-color: #fff; color: #68bd45; padding: 0px 3px; margin-right: 3px; text-decoration: none; }
a.pagina_aan { background-color: #3a3a3b; color: #fff; padding: 0px 3px; margin-right: 3px; text-decoration: none; }
/* ANDERE MODULE OPMAAK */
.module_links { position: relative; width: 249px; min-height: 200px; float: left; background-color:#3bc4e2; }
.module_rechts { position: relative; width: 692px; min-height: 200px; float: left; margin-left: 16px; }
.clear { clear: both; }
.module_bottomlinks { position: relative; width: 203px; height: 8px; background-color:#b3d1de; background-image: url(../images/module_links_bottom-bg.gif); background-position: top left; background-repeat: no-repeat; }
h1 { text-transform: uppercase; font-size: 16px; padding: 0; margin: 0; color:#333333; }
h2 { color:#01addb; font-size: 11.5px; text-transform: uppercase; margin:0; padding:0; margin-bottom: 6px;}
h2.bar { width: 722px; height: 25px; background-color:#b3d1de; color:#fff; padding-left: 10px; line-height: 25px; }
h2.crumbles { text-transform: uppercase; font-size: 12px; padding: 0; margin: 0; }
h2.crumbles a.groen, h2.crumbles a.groen:hover { text-transform: uppercase; font-size: 12px; padding: 0; margin: 0; color:#8dc63f; text-decoration: none; }
h2.crumbles a, h1.crumbles a { text-transform: uppercase; font-size: 12px; padding: 0; margin: 0; color:#000; text-decoration: none; }
h1.crumbles { text-transform: uppercase; font-size: 14px; color:#000000; padding: 0; margin: 0; margin-top: 4px; }
/* SHOP SUB MENU */
.bloklinks { width: 230px; position: relative; top: 8px; left: 8px; padding-top: 15px; }
.shopsubmenu { width: 230px; position: relative; top: 8px; left: 8px; }
.shoptop { width: 230px; height: 10px; background: url(../images/shoptop.gif) no-repeat; }
.shopkop { }
.shopkop h2 { color: #fff; font-size: 14px; text-transform: uppercase; }
.shopcenter { width: 216px; background-color:#fff; padding-left: 14px; }
.shopcenter h2 { color:#77af2b; font-size: 11.5px; text-transform: uppercase; margin:0; padding:0; margin-bottom: 6px;}
.shopcenter ul { margin: 0px; padding: 0px; }
.shopcenter ul li { cursor: pointer; list-style-type: none; width: 152px; height:22px; line-height: 22px; color: #ffffff; padding-left: 13px; background: url(../images/shopnav_arrow.gif) no-repeat top left; border-top: 1px solid #e5e5e5; }
.shopcenter ul li a { color:#000; text-decoration: none; }
.shopcenter ul li:hover a { color:#000; font-weight: bold; text-decoration: none; }
.shopcenter ul li.ov a { color:#000; font-weight: bold; text-decoration: none; }
.shopcenter a, .shopcenter a:hover { color: #333333 ; }
.shopbottom { width: 230px; height: 15px; background: url(../images/shopbottom.gif) no-repeat; }
a.kruimelpad { color: #666666; text-decoration: none; }
a.kruimelpad:hover { color: #666666; text-decoration: underline; }
div.zoomkop { margin-top: 18px; margin-bottom: 16px; width: 683px; height: 25px; background-image: url(../images/zoom_kop.gif); background-repeat: no-repeat; line-height: 25px; padding-left: 10px; color: #000; font-weight: bold;}
div.artbg { padding: 3px 0px 0px 11px; width: 316px; height: 37px; background-image: url(../images/artbg.gif); background-repeat: no-repeat; color: #666666; font-weight: bold; line-height: 18px; }
div.kort { width: 316px; padding: 5px 11px 5px 11px; color: #333333; margin-top: 16px; height: 40px; }
div.verz { width: 305px; padding: 0px 11px 0px 11px; line-height: 27px; height: 27px; color:#00b2d9; font-weight: bold; }
div.prodprijs { width: 316px; height: 44px; margin-top: 8px;padding-top: 4px; padding-left: 11px; color: #404041; font-size: 36px; line-height: 48px; }
select.proddropdown { width: 236px; border: 1px solid #8d8d8d; height: 22px; line-height: 16px; font-size: 11px; padding: 0px 0px 0px 0px;}
#shoptxt span { color: #00b2d9; cursor: pointer; }
/* Drop down styles*/
div.selectbox-wrapper {
position:absolute;
width:236;
height: 400px;
background-color:white;
border:1px solid #ccc;
margin:0px;
margin-top:-10px;
padding:0px;
text-align:left;
max-height:200px;
overflow:auto;
}
/*Drop down list styles*/
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
background-color: #EAF2FB;
}
/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
background-color: #CDD8E4;
}
/* Drop down list items style*/
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
line-height: 24px;
}
.selectbox
{
margin: 0px 5px 10px 0px;
padding-left:2px;
font-family:'Trebuchet MS';
font-size:1em;/* Resize Font*/
width : 236px; /* Resize Width */
height: 24px;
display : block;
text-align:left;
background: url('bg_select.png') right;
cursor: pointer;
border:1px solid #8d8d8d;
color:#333;
}
/* BOTTOM MENU */
.bottomcontainer ul { float: right; margin: 0; padding: 0; height: 35px; }
.bottomcontainer ul li { float: left; height: 35px; min-height: 35px; padding: 0px 10px; line-height: 35px; color: #b6b6b6; display: inline-block; list-style-type: none; }
.bottomcontainer ul li:hover, .bottomcontainer ul li.ov { float: left; height: 35px; min-height: 35px; padding: 0px 10px; line-height: 35px; color: #b6b6b6; display: inline-block; list-style-type: none; }
.bottomcontainer ul li a, .bottomcontainer ul li a:hover, .bottomcontainer ul li.ov a, .bottomcontainer ul li.ov a:hover { float: left; line-height: 35px; height: 35px; text-decoration: none; color: #484747; }
td.productoverzicht_home .productoverzicht_data { padding: 0; margin: 0; width: 223px; height: 25px; background: url(../images/prodoverzicht_bg.gif) no-repeat; text-align: left; line-height: 25px; font-size: 11px; font-weight: bold; }
td.productoverzicht_home:hover .productoverzicht_data { padding: 0; margin: 0; width: 179px; height: 25px; background: url(../images/prodoverzicht_bg_ov.gif) no-repeat; text-align: left; line-height: 25px; font-size: 11px; font-weight: bold;}
td.productoverzicht_home .productoverzicht_data a, .productoverzicht_data a:hover { margin-left: 11px; color:#475c3c; text-decoration: none; font-weight: bold; }
td.productoverzicht_home div.productoverzicht_bottom .bekijkveld { position: absolute; top: 0px; left: 136px; width: 87px; height: 40px; background: url(../images/prodoverzicht_bekijken.gif); background-repeat: no-repeat; }
td.productoverzicht_home div.productoverzicht_bottom { height: 40px; width: 223px; position: relative; }
td.productoverzicht_home div.productoverzicht_bottom .prijsveld { padding: 0px 0px 0px 8px; position: absolute; top: 0px; left: 0px; width: 136px; line-height: 40px; height: 40px; background: url(../images/prodoverzicht_prijs.gif) no-repeat; font-weight: bold; color: #fff; }
td.productoverzicht_home div.productoverzicht_bottom .prijsveld strong { font-size: 16px; margin-left: 4px; line-height: 40px; }
div.productoverzicht_bottom .bekijkveld { position: absolute; top: 0px; left: 136px; line-height: 40px; padding-left: 12px; width: 76px; height: 40px; background: url(../images/productoverzicht_bekijk.gif); background-repeat: no-repeat; }
.bekijkveld a, .bekijkveld a:hover { color: #000; text-decoration: none; }
td.productoverzicht .productoverzicht_data { padding: 0; margin: 0; width: 223px; height: 25px; background: url(../images/prodoverzicht_bg.gif) no-repeat; text-align: left; line-height: 25px; font-size: 11px; font-weight: bold; }
.productoverzicht_data a, .productoverzicht_data a:hover { margin-left: 11px; color:#475c3c; text-decoration: none; font-weight: bold; }
td.productoverzicht:hover .productoverzicht_data { padding: 0; margin: 0; width: 205px; height: 25px; background: url(../images/prodoverzicht_bg_ov.gif) no-repeat; text-align: left; line-height: 25px; font-size: 11px; font-weight: bold;}
td.productoverzicht div.productoverzicht_bottom { height: 40px; width: 223px; position: relative; }
td.productoverzicht div.productoverzicht_bottom .prijsveld { padding: 0px 0px 0px 8px; position: absolute; top: 0px; left: 0px; width: 136px; height: 40px; background: url(../images/prodoverzicht_prijs.gif) no-repeat; font-weight: bold; color: #fff; }
td.productoverzicht div.productoverzicht_bottom .prijsveld strong { font-size: 16px; line-height: 20px; }
td.productoverzicht div.productoverzicht_bottom .bekijkveld { position: absolute; top: 0px; left: 136px; width: 87px; height: 40px; background: url(../images/prodoverzicht_bekijken.gif); background-repeat: no-repeat; }
td.productoverzicht_nosub .productoverzicht_data { padding: 0; margin: 0; width: 205px; height: 25px; background: url(../images/prodoverzicht_nosub_bg.gif) no-repeat; text-align: left; line-height: 25px; font-size: 11px; font-weight: bold; }
.productoverzicht_data a, .productoverzicht_data a:hover { margin-left: 11px; color:#3c3e3f; text-decoration: none; font-weight: bold; }
td.productoverzicht_nosub:hover .productoverzicht_data { padding: 0; margin: 0; width: 205px; height: 25px; background: url(../images/prodoverzicht_nosub_bg_ov.gif) no-repeat; text-align: left; line-height: 25px; font-size: 11px; font-weight: bold;}
.product_beschrijving_topper { height: 12px; width: 360px; background: url(../images/product_beschrijving_topper.gif) no-repeat; }
.product_beschrijving_bottom { height: 12px; width: 360px; background: url(../images/product_beschrijving_bottom.gif) no-repeat; }
.product_stippen { width: 16px; background: url(../images/product_stippen.gif) repeat-y; }
.clearfix { }
.clearfix .grey { display: block; width: 120px; }
/* HOME */
.home_top { position: relative; width: 954px; height: 290px; }
.home_slides{ position: absolute; top: 0px; right: 0px; width: 696px; height: 290px; overflow:hidden;}
.home_betaal{ position: absolute; top: 0px; left: 0px; width: 209px; height: 251px; background-color: #3bc4e2; padding: 20px; }
.home_tags { text-align: center; position: absolute; top: 123px; right: 0px; width: 223px; padding: 10px; height: 147px; background-color: #e0ebf0; overflow: hidden; vertical-align: center; }
.home_hr { width: 954px; height: 1px; color:#d4d4d4; background-color:#d4d4d4; border: 0px solid #d4d4d4; margin: 11px 0px; }
/* tag cloud */
.home_tags a:link, #tagcloud a:visited {
text-decoration:none;
}
.home_tags a:hover, #tagcloud a:active {
text-decoration: none;
color: #516f7d;
}
.home_tags span {
padding: 4px;
}
.smallest {
font-size: 11px;
color:#87a9b9;
text-decoration: none;
}
.small {
font-size: 12px;
color:#87a9b9;
text-decoration: none;
}
.medium {
font-size:14px;
color:#87a9b9;
text-decoration: none;
font-weight: bold;
}
.large {
font-size:16px;
color:#87a9b9;
text-decoration: none;
font-weight: bold;
}
.largest {
font-size:18px;
color:#87a9b9;
text-decoration: none;
font-weight: bold;
}
/*home slides*/
.navver { position: absolute; top: 12px; left: 10px; padding-right: 9px; text-align: right; height: 20px; z-index: 100; float:right; }
.navver .active { float:left;cursor: pointer; margin-right: 7px; width: 21px; height: 21px; text-align: center; line-height: 21px; font-size: 12px; font-weight: bold; background: url(../images/navver_ov.png) no-repeat; }
.navver .inactive { float:left;cursor: pointer; margin-right: 7px; width: 21px; height: 21px; text-align: center; line-height: 21px; font-size: 12px; font-weight: bold; background: url(../images/navver.png) no-repeat; }
.navver .active a, .navver .inactive a, .navver .active a:hover, .navver .inactive a:hover { color:#fff; text-decoration: none; }
.fotoslide { position: relative; width: 696px; height: 290px; }
.fotoslide .foto { position: absolute; top: 0px; left: 0px; width: 696px; height: 290px; }
.fotoslide .info { position: absolute; top: 219px; left: 0px; height: 53px; width: 653px; font-weight: 200; background: url(../images/slideinfo_bg.png) repeat-x; line-height: 45px; color:#636466; font-size: 20px; padding: 0px 20px 0px 25px; }
.fotoslide .info .infotitel { position: absolute; top: 0px; width: 600px; height: 30px; left: 25px; color:#404041; font-size: 18px; line-height: 30px; text-transform: uppercase; }
.fotoslide .info .infosubtitel { position: absolute; width: 600px; top: 25px; left: 25px; height: 15px; color:#000; font-size: 12px; line-height: 15px; }
.fotoslide .info .inforechts { position: absolute; top: 0px; right: 25px; color:#000; font-size: 12px; line-height: 45px; height: 45px; width: 170px; text-align: right; }
.fotoslide .info .inforechts strong { color:#636466; font-size: 36px; margin-left: 10px; color:#000; line-height: 45px; height: 45px; width: 170px; text-align: right; }
.home_bottom{ position: relative; width: 954px; height: 414px; vertical-align: top; }
.home_text { position: absolute; top: 0px; left: 0px; width: 203px; height: 414px; background: url(../images/home_text_bg.gif) no-repeat; color: #fff; }
.home_textblok { position: absolute; top: 0px; left: 0px; padding: 10px; width: 229px; height: 270px; background-color:#3bc4e2; z-index: 10; color:#fff; }
.home_textblok h1 { text-transform: none; color:#fff; font-size: 22px; margin: 0; padding: 0; font-weight: 200; background: url(../images/h1_bg.gif) 140px 7px no-repeat; }
.home_textblok div { text-align: justify; font-weight: bold; line-height: 18px; margin-top: 5px; }
.home_textblok div a { color: #fff; text-decoration: none; }
.home_textblok div a:hover { color: #fff; text-decoration: underline; }
.home_but { position: absolute; top: 0px; right: 0px; width: 248px; height: 416px; z-index: 10; background-color:#b3e3ee; }
.home_but2 { width: 249px; height: 416px; z-index: 10; background-color:#b3e3ee; }
.home_prod { position: absolute; top: 0px; left: 0px; width: 695px; height: 414px; }
.home_button0 { color: #333333; font-size: 14px; width: 164px; height: 46px; margin: 16px 0px 0px 16px; }
.home_button0 strong { font-size: 18px; }
.home_button1 { width: 164px; height: 46px; background: url(../images/button1.gif) no-repeat; padding-left: 66px; margin: 8px 0px 0px 8px; font-size:14px; color: #333333; padding-top: 10px; }
.home_button2 { width: 164px; height: 37px; background: url(../images/button2.gif) no-repeat; padding-left: 66px; margin: 8px 0px 0px 8px; font-size:14px; color: #333333; padding-top: 19px; }
.home_button3 { width: 164px; height: 46px; background: url(../images/button3.gif) no-repeat; padding-left: 66px; margin: 8px 0px 0px 8px; font-size:14px; color: #333333; padding-top: 10px; }
.home_button4 { width: 164px; height: 37px; background: url(../images/button4.gif) no-repeat; padding-left: 66px; margin: 8px 0px 0px 8px; font-size:14px; color: #333333; padding-top: 19px; }
.home_button5 { width: 164px; height: 46px; background: url(../images/button5.gif) no-repeat; padding-left: 66px; margin: 8px 0px 0px 8px; font-size:14px; color: #333333; padding-top: 10px; }
.navbar .actief { display: inline-block; width: 18px; height: 16px; background-color:#87c666; text-align: center; line-height: 16px; }
.navbar .actief a, .navbar .actief a:hover { font-weight: bold; color:#fff;text-decoration: none; }
.navbar .inactief { display: inline-block; width: 18px; height: 16px; background-color:#fff; text-align: center; line-height: 16px; }
.navbar .inactief a, .navbar .inactief a:hover { font-weight: bold; color:#000;text-decoration: none; }
.navbar a, .nabar a:hover { color:#000; text-decoration: none; font-weight: bold; }
a.pagina { background-color: #fff; color: #3bc4e2; padding: 0px 3px; margin-right: 3px; text-decoration: none; }
a.pagina_aan { background-color: #3a3a3b; color: #fff; padding: 0px 3px; margin-right: 3px; text-decoration: none; }
td.stap2_links { width: 408px; }
td.stap2_rechts { width: 284px; }
/* FORMULIER */
.formulier {
width: 250px;
border: 0;
}
.formulier .zichtbaar td {
padding: 4px;
font-size: 10px;
color: #767676;
}
.formulier .header td {
font-weight: bold;
padding: 4px;
vertical-align: top;
font-weight: bold;
background-color: #F0F0F0;
}
.formulier .veld td {
padding: 4px 0px;
min-height: 24px;
border-bottom: 1px solid #F0F0F0;
vertical-align: top;
}
.formulier .naam label {
width: 200px;
line-height: 23px;
display: block;
}
.naamform { width: 200px; line-height: 23px; }
.veldform { width: 288px; line-height: 23px; }
.formulier .input textarea {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
width: 288px;
height: 160px;
padding: 3px 3px;
font-family: Arial, Helvetica, sans-serif;
}
.formulier .input textarea:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input .inputveld {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
width: 160px;
padding: 2px 3px;
}
.formulier .input .inputveld-postcode {
text-transform: uppercase;
}
.formulier .input .inputveld:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input select {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
min-width: 166px;
}
.formulier .input select.tijd {
min-width: 30px;
}
.formulier .input select:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input select option {
padding: 1px 5px;
}
.formulier .input, .formulier .knop {
width: 172px;
position: relative;
}
.formulier .input div.error-tekst {
font-size: 10px;
color: #E03131;
width: 160px;
margin-top: 4px;
min-height: 16px;
padding: 6px 4px 4px 24px;
background: #FFE5E5 url(../images/icoon-error.gif) no-repeat 4px 4px;
border: 1px solid #FF7373;
}
.formulier .input .error-tekst {
margin: 0px;
border: 2px solid #FF7373;
background-color: #FFF8F8;
}
.formulier .input .info-tekst {
position: absolute;
left: 172px;
top: 0px;
width: 159px;
font-size: 10px;
display: none;
z-index: 30;
}
.formulier .info-tekst .pijl {
float: left;
width: 6px;
height: 8px;
z-index: 10;
background-image: url(../images/formulier-bg-trans.png);
position: absolute;
left: 0px;
top: 6px;
font-size: 0px;
}
.formulier .info-tekst .inhoud {
margin-left: 5px;
float: left;
width: 124px;
min-height: 16px;
height: auto;
padding: 6px 4px 4px 24px;
background: #F2F2F2 url(../images/icoon-help.gif) no-repeat 4px 4px;
border: 1px solid #B9B9B9;
}
.formulier .info-opmerkingen {
color: #656565;
padding: 2px;
font-size: 10px;
}
.formulier img {
border: 1px solid #656565;
margin: 0px 1px 3px 1px;
}
}
.qtip .qtip-content{
line-height: 130% !important;
}
#contentheader{}
#contentheader h2 b{
color: #68BADA;
}
#contentheader h3.code{
float: right;
cursor: pointer;
}
#contentheader pre{
display: none;
}
#contentheader code{
line-height: 15px;
font-size: 12px;
}
#contentheader ul.index{
margin: 0;
padding: 7px 0 15px;
}
#contentheader ul.index h4{
color: #68BADA;
}
#contentheader ul.index ul.subindex{
margin-right: 60px;
color: #68BADA;
list-style-position: inside;
list-style-type: square;
}
#contentheader ul.index ul.subindex li{
margin-left: 3px;
padding: 1px 0 3px 1px;
}
#contentheader ul.index ul.subindex a,
#contentheader ul.index ul.subindex a:link
#contentheader ul.index ul.subindex a:visited{
color: #454545;
}
#content img.right,
#content img.left{
margin: 0 0 10px 15px;
padding: 3px;
border: 1px solid #555;
}
#content img.left{ margin: 3px 15px 15px 0; }
#content .cloud{
margin-top: 15px;
vertical-align: middle;
line-height: 50px;
text-align: center;
}
#content .cloud a{
padding: 0 4px;
}
#content .cloud .cloud1{ font-size: 14px; }
#content .cloud .cloud2{ font-size: 17px; }
#content .cloud .cloud3{ font-size: 21px; }
#content..cloud .cloud4{ font-size: 26px; }
#content .cloud .cloud5{ font-size: 32px; }
#content .cloud .cloud6{ font-size: 40px; }
#content .cloud .cloud7{ font-size: 45px; }
#content .cloud .cloud8{ font-size: 51px; }
#content.multitooltip h3,
#content.multitooltip h2{
text-align: center;
margin: 0 0 10px;
padding: 0;
}
#content.multitooltip h3{
margin: 0 0 280px;
}
#content.doctype iframe{
width: 100%;
height: 300px;
background: transparent;
border: 0;
}
body.doctype{
background-color: transparent;
}
body.doctype #master{
margin: 90px auto 0;
width: 150px;
background-color: transparent;
text-align: center;
}
body.doctype #master .center{
background-color: transparent;
}
.tooltip{
position: absolute;
padding: 10px 13px;
z-index: 90;
color: #303030;
background-color: #f5f5b5;
border: 1px solid #DECA7E;
font-family: sans-serif;
font-size: 12px;
line-height: 18px;
text-align: center;
}
.tooltip h3{
margin: 0 0 5px;
text-align: left;
}