@charset "utf-8";
/* SlimmeVakbladen.nl CSS 01 */


/* DIVS */
/* Div structuur */
#total { width:960px; }
#nav { clear:both; }
#nav_left { float:left; width:200px;  }
#nav_rubrieken { overflow:hidden;  white-space:nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis'); height:17px; width:840px;}
#nav_alle_rubrieken { width:60px; float:right; }
#nav_showbox { height:180px; white-space: nowrap; overflow-x:auto; overflow-y:hidden;}
.nav_showbox_box {  width:300px; height:150px; display:inline-block; white-space:normal;}

#header {width:959px;}
#content { min-height:450px;}

.vakbladaanbieding { z-index:1; position:relative; top:-20px; left:0px; width:110px;  }

#left {float:left;width:180px;}
#middle { width:740px; }
#middleleft {float:left;width:560px;}
#right {float:right;width:140px;}
#contentbottom {clear:both; }
#footer {clear:both;}

/* div margins */
body { margin:10px;}
#total { margin:auto; margin-top:5%; }
#nav {margin-top:-1px;}
#nav_left { margin:0px 0px 0px -20px; }
#nav_alle_rubrieken { margin-top:-12px; margin-bottom:-20px;}
#nav_showbox { margin:4px -15px 0px -14px;  }
.nav_showbox_box { margin-top:10px; margin-right:25px; }

#header { margin-bottom:0px;}
#content { margin-top:0px; }
#left {margin-left:0px;}
#middle {margin-left:200px;}
#right { margin-top:-20px; margin-right:-20px; }

/* div padding */
#total { padding:0px; }
#nav { padding:5px 14px 0px 14px; }
#nav_top { padding:5px 14px; }
#nav_showbox {padding:15px 20px 10px 15px; }
.nav_showbox_box { padding-right:15px;}

#content { padding-top:20px; padding-bottom:20px; }
.vakbladaanbieding { padding:2px 0px;  }

#left {padding:10px;  padding-left:15px; }
#right { padding-right:17px; padding-top:20px; padding-left:5px;}
#footer {padding:5px;padding-right:120px;}


/* TEXT */
/* text font family */
body {font-family:Verdana;}

/* text font size */
body {font-size:10pt;}
#middleleft h1 {font-size:18pt;}
#middleleft h2 {font-size:18pt;}
#middleleft h3 {font-size:10pt;}
#nav_top h1 { font-size:10pt;}
.vakbladaanbieding { font-size:8pt;  }
.vakblad_aanbieding { font-size:10pt; } 
.vakblad_prijs { font-size:10pt;}
.sitemapkopje { font-size:14pt; }

/* text font-weight */
#nav_webtitle { font-weight:bold;  }
#middleleft h1 { font-weight:normal;}
#middleleft h2 {font-weight:normal;}
#middleleft h3 {font-weight:normal;}
#nav_showbox h3 { font-weight:normal; }


/* text align */
#nav {text-align:left;}
#nav_left { text-align:left; }
#nav_top { text-align:right;}
#header {text-align:center; }
.vakbladaanbieding { text-align:center; }
#left {text-align:left;}
#right { text-align:left;}
#middle {text-align:left;}
#middleleft {text-align:left;}
#contentbottom {text-align:center;}
#footer {text-align:center;}




/* text margins */
#middleleft h1 {margin:5px 0px -5px 0px; }
#middleleft h2 {margin:5px 0px 10px 0px;}
#middleleft h3 {margin:5px 0px 10px 0px;}
#nav_showbox h3 { margin:0px; }
.sitemapafbeelding { margin-right:540px; }
.sitemapkopje { margin:0px; }

/* text padding */
#nav_showbox h3 { padding:0px; }

/* text overig */
#nav_top h1 { display:inline; }

/* IMAGES */
/* Opmaak images */
img {border:0px;}
#nav_showbox img { height:150px; margin-right:25px; box-shadow:2px 2px 10px #414141; }
#middleleft img{margin:0px 0px 0px 0px;}
#left img { box-shadow:2px 2px 10px #414141;}

/* kleur divs */
body { background-color:#4A4A4A; background-image:url(/images/background2.jpg); background-position:top center; background-repeat:no-repeat; }
#total { box-shadow:0px 0px 5px #404040; background-color:#B4B4B4;  background-image:url(/images/navback.jpg);  background-repeat:no-repeat; }
#nav_showbox {background-color:#787878; }
#content { background-color:#B4B4B4; background-image:url(/images/content-background.png); background-repeat:repeat-y;}
.vakbladaanbieding { background-image:url(/images/blogrolback.png);  }

#footer { background-image:url(/images/content-background.png); background-repeat:repeat-y; }

/* kleur borders */
#total {border:1px solid black;}
#content { border-top:1px solid #414141; }
#nav_showbox { border-bottom:1px solid gray; }
.nav_showbox_box { border-right:1px solid lightgray; }

/* kleur text */
body {color:#000; }
#nav {  color:#FFF; }
#nav_top { color:black;  }
#nav_showbox { color:white; }
.vakbladaanbieding { color:#969696;  }
#middleleft h1 {color:#black;}
#middleleft h2 {color:#black;}
#middleleft h3 {color:#black;}
#middleleft p { color:#3C3C3C; }
#footer { color:#646269;}

/* kleur links */
#nav a { text-decoration:none; color:white; }

#nav_top { text-decoration:none;}
#nav_top a { color:black; text-decoration:none; }
#nav_top a:hover { text-decoration:underline; color:whitesmoke; }
#nav_left a { color:white; padding:5px 10px 5px 20px; text-decoration:none; }
#nav_rubrieken a:hover {  text-decoration:underline; }
#nav_showbox a { display:inline-block; }

.sitemapkopje a { color:black; text-decoration:none; }
#vakbladen_overzicht a { color:black; }

#left a { text-decoration:none; color:#028501; border:1px solid #028501; display:block; padding:10px 5px; width:190px; background-color:#BFFDBF; margin-bottom:-1px;}
#left a:hover { background-color:#028501; color:#BFFDBF;}

#footer a {color:#646269;text-decoration:none;}
#footer a:hover {color:#646269;text-decoration:underline;}



/* DROPDOWN */
/* Positionering */
#dropdown ul{ margin-left:-190px; }
#dropdown li:hover ul{ left:-175px; }

/* Opmaak */
#dropdown {list-style:none; }
#dropdown li{ float:right; margin-top:0px; position:relative; margin-bottom:0px; }
#dropdown a{ margin:0px; margin-left:0px;}
#dropdown a:hover{ color:#cc00000;}

#dropdown ul{ z-index:2; background:#4A4A4A; list-style:none; position:absolute; left:-9999px; font-size:8pt; font-weight:normal; }
#dropdown ul li{ margin-top:0px; padding-top:0px; float:none; margin-bottom:13px;}
#dropdown ul a{ white-space:nowrap;  text-decoration:none;}

#dropdown li:hover a{background:#4A4A4A; padding:5px 3px;  text-decoration:none;}
#dropdown li:hover ul li a:hover{  text-decoration:none; background-color:#2A2A2A;}

/* RSS Blog Nav */
#rssblognav a {  text-decoration:none; border-left:1px solid lightgray; padding:5px 10px; }
#rssblognav a:hover { border:1px solid gray; background-color:lightgray; }
.rssblognav_nu {border:1px solid lightgray; border-right:0px solid white; background-color:whitesmoke; padding:5px;}
#rssblognav a.rssblog_nav_eerste { border-left:0px solid white;}


.jsopen_more { display:none; visibility:hidden; }
.verborgendata { display:none; visibility:hidden; }