/*  
Het Dagelijks boek

Version: 1.2
Author: Alfabyte Productions
Author URI: http://www.alfabyte.be/
*/

body, body div, body p, body th, body td, body li, body dd    {font-size: x-small; /* false value for WinIE4/5 */voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */voice-family: inherit;   /* recover from trick */font-size: small/* intended value for better browsers */}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd    {font-size: small/* be nice to Opera */}
html {height: 100%; margin-bottom: 1px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {background-color:#FBFAF6;font-family: Georgia, "Times New Roman", Times, serif;margin:0;padding:0;letter-spacing:0.06em;line-height:1.4em; text-align: center}
p	{font-family: Georgia, "Times New Roman", Times, serif;letter-spacing:0.06em;line-height:1.4em;margin: 0;padding: 3px 0 6px 0;color:#171716;}
p.auteur {font-style:italic;}
p.breadcrumb {font-size: .85em; padding: 0 0 25px 0;}
p.breadcrumb a {text-decoration: none;}
p.breadcrumb a:hover {text-decoration: underline;}
div#breadcrumb {margin: 0 auto;}
h1,h2,h3,h4,h5,h6 {color:#990000;text-align:left;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 0;padding: 0;}
h1 {margin: 0;padding:0;display:inline;text-transform: uppercase;font-size:large;font-weight:bold;}
h2 {margin: 4px 0 0 0;padding:8px 0 0 0;text-transform: uppercase;font-size:small;color:#990000;display:block;}
h3 {display:block;padding:8px 0 0 0;}
.over h3 {display:block;padding:20px 0 0 0;}
h4 {display:block;padding:8px 0 0 0;color: #000;font-family: Georgia, "Times New Roman", Times, serif;}
/*body.home h2 {color:#DDDCD8;}*/
img, img a, img input {border:none}
small {line-height:10px !important;margin:0;padding:0;}

a:link{color:#171716;}
a:visited {color:#333;}
a:hover {color:#990000;}
a:active {color:#990000;}

.error {margin-left:124px;margin-bottom: 14px;color: #990000}
.input_fout   {border:1px solid #CC000F !important;}
.text_fout {color: #CC000F !important;}

blockquote {display:block;background-color:#EBEAE6;color:#171716;font-style:italic; padding:6px;margin:8px 0;}

/* schaduw */
.top  {width: 760px;height:8px;margin: 8px auto 0 auto;padding: 0;background:  url(../images/top.gif) no-repeat left bottom;text-align:left}
.bottom  {width: 760px;height:8px;margin: 0 auto 0 auto;padding: 0;background:  url(../images/footer.gif) no-repeat left top;text-align:left}
.container {position:relative;width: 744px;margin: 0 auto 0 auto;padding:0 8px;background: #fff url(../images/background.gif) repeat-y center top;}
/* schaduw */


/* header*/
#header {width: 760px;margin: 0 auto 0 auto;padding: 0 0 8px 0;text-align:left;background-color: #990000;}
#header h2 {display:block;clear:left;font-weight:normal;color:#000;padding:8px 8px 4px 8px;letter-spacing:0.09em;}
#logo {position:relative;overflow:hidden;height: 37px;width:380px;float:left;display:inline;margin:0 0 0 0;padding: 0;border:none;text-align: left; vertical-align: bottom;}
#logo span {display:block;position:absolute; left:0; top:0; z-index:1000;width:380px; height:37px;margin:0; padding:0;background: url(../images/logo.gif) no-repeat right bottom;}
#logo-veb {position:relative;overflow:hidden;height:84px;width:91px;float:right;display:inline;margin:0 0 0 0;padding: 0;border:none;text-align: left; vertical-align: bottom;}
#logo-veb span {display:block;position:absolute; left:-5px; top:0; z-index:1000;width:99px; height:84px;margin:0; padding:0;background: url(../images/logo-veb-wit.png) no-repeat right bottom;}

h1#logo {text-decoration: none;color: #FFF /* rood */;padding: 0;margin:0;background-color:#990000;margin:8px 0 0 8px;}
p#logo-veb {text-decoration: none;color: #FFF /* rood */;padding: 0;margin:0;background-color:#990000;margin:8px 0 0 8px;}
#header ul {width: 760px;display:block;float:none;clear:left;margin:0;padding:0;}
#header ul li {display:inline;float:left;margin:0 8px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;font-weight:bold;}
#header ul li a {color:#fff;text-decoration:none;}
#header ul li a:link, #header ul li a:visited {color:#fff;text-decoration:none;}
#header ul li a:active, #header ul li a:hover {color:#fff;text-decoration:underline;}
#header ul li a.current {color:#FFF !important;text-decoration:underline;}
/* header*/

#breadcrumb {width: 760px;margin: 0 auto 0 auto;text-align:left;}

#content {width:760px;margin: 8px auto 0 auto;padding:0;text-align:left;}
body.home #content {width:760px;padding:4px 0 4px 0;margin: 0 auto 0 auto;}
.kolon1 {width:518px;display:inline;float:left;padding:0 11px 0 0;border-right:2px dashed #EBEAE6;voice-family: "\"}\""; voice-family:inherit;width:515px;}
.kolon2 {display:inline;float:left;width:240px;margin:0;padding:0 0 0 11px;voice-family: "\"}\""; voice-family:inherit;width:221px;}
.kolon1  img.right {display:block;clear:right;float:none;padding:0;margin:0;border:none;}
.kolon1  img.right {float:right;}
body.home .kolon1 {width:380px;height:auto;padding:0 10px 0 0;margin:0;border:none;color:#FFF;border-right:2px dashed #EBEAE6;}
body.home .kolon1  img {display:block;clear:right;float:none;padding:7px 0;margin:0;}
body.home .kolon2 {background-color:##DDDCD8;padding:0;margin: 0 0 0 10px;border:none;color:#171716;voice-family: "\"}\""; voice-family:inherit;width:358px;}
body.home .kolon2 p {color:#171716;}
body.home #sponsors {width:380px;display:block;float:none;padding:0;margin: 4px 0 0 0;}

.kolon1#artikel {width: 221px;}
.kolon2#artikel {width: 491px;}


body.expo .kolon1 {width:379px;voice-family: "\"}\""; voice-family:inherit;width:369px;} 
body.expo .kolon2 {width:300px;voice-family: "\"}\""; voice-family:inherit;width:360px; padding-left: 18px;}
.icon-kop {text-align: right; width: 110px; margin:0;padding:0;}
.icon-kop img {padding: 0 3px 0 0; clear:both; float: right;}
img.icon-kolom {padding: 0 0 30px 0; clear:both; float: right;}

.kolom-biblio p {font-size: 1em; margin: 200px 0 0 0; padding: 6px;background-color:#EBEAE6;}
.boek-biblio p {font-size: 1em; padding: 6px; background-color:transparent;text-align:center;padding-top:20px;}

.nieuws h3 {font-size:medium;display:inline;float:left;width:360px;padding:10px;padding-bottom:4px;}
.nieuws p {display:inline;float:left;width:360px;padding:0 10px;}

ul.subnavigatie {margin:0;padding:0;list-style:url(none) none outside;}
ul.subnavigatie  li {list-style:url(none) none outside;float:none;color:#171716;margin:0 0 4px 0;}
ul.subnavigatie  li a:link, ul.subnavigatie  li a:visited {text-decoration:none;display:block;background-color: #DDDCD8;color:#171716;padding:10px;}
ul.subnavigatie  li a:hover, ul.subnavigatie  li a:active {text-decoration:none;display:block;background-color: #171716;color:#FFF;}

ul.subnavigatie  li a.current {text-decoration:none;display:block;background-color: #171716;color:#FFF;}

.quote a {width:380px;display:block;float:none;padding:10px;margin: 4px 0 0 0;border:none;background-color: #000;color:#FFF;text-align:center;voice-family: "\"}\""; voice-family:inherit;width:360px;}
.quote a:link, .quote a:visited {display:block;text-decoration:none;color:#FFF;}
.quote a:hover, .quote a:active {display:block;text-decoration:none;color:#FFF;background-color: #990000;}
.iconen a {padding-bottom:12px;width:112px;text-decoration:none;display:inline;float:left;text-align:center;font-weight:bold;}
.iconpadding a {padding-right:12px;}
.icoon a {padding: 0 0 12px 50px;width:112px;text-decoration:none;display:inline;float:right;text-align:center;font-weight:bold;}

.bestel a {text-decoration:none;}

/* footer */
#footer {width: 760px;margin: 21px auto 8px auto;padding:3px 0;background-color:#DDDCD8;color:#FFF;font-family:"Trebuchet MS", Verdana, sans-serif;font-size: small;font-weight:bold;letter-spacing: 0.04em;}
#footer a:link, #footer a:visited {text-decoration:none;color:#FFF;font-family:"Trebuchet MS", Verdana, sans-serif;}
#footer a:hover, #footer a:active {text-decoration:none;color:#171716;font-family:"Trebuchet MS", Verdana, sans-serif;}
#footer a.current {color:#171716 !important;text-decoration:none;cursor:default;}
.subinfo {width: 760px;height:8px;margin: 0 auto 0 auto;padding: 0;font-size: xx-small;color:#BFBEBA;font-family:"Trebuchet MS", Verdana, sans-serif;text-align:left;}
/* footer */

/* styles */
#animatie {text-align:left;width: 744px;height: 567px;display:block;background-color: #171716;}
#animatie p a {text-align:left;text-decoration:none;margin-left:6px;color:#EBEAE6;font-size:xx-small;font-family:"Trebuchet MS", Verdana, sans-serif;}
.fineprint {font-size: 11px;line-height:18px;letter-spacing: 0.04em;}
img.illustratie {margin:0 12px 2px 0;border: 1px solid #000;clear:both;}

a.wegbeschrijving {position:relative;width:auto;display:block;padding:0;text-decoration:none;}
a.wegbeschrijving:link,a.wegbeschrijving:visited {position:relative;border-bottom:1px dotted #171716;}
a.wegbeschrijving:hover,a.wegbeschrijving:active {position:relative;border-bottom:1px dotted #990000;}
a.wegbeschrijving img {position:absolute;right:11px;top:-2px;padding:0;margin:0;}
.wegbeschrijving {display:block;border-bottom:1px dotted #171716;}
span.copyright {width:auto;display:inline;float:left;clear:none; padding-bottom: 5px;}
span.copyright small {display:block;}

/* styles */

/* boeknavigatie */
#navigatie {width:744px;height:auto;padding:8px 0;background-color: #171716;text-align:center;display:block;position:relative;overflow:scroll;overflow-y: hidden;overflow-x: scroll;}
#boeknavigatie {width: 760px;height:auto;margin: -15px auto 8px auto;padding:0;background-color:#DDDCD8;text-align:center;display:block;}
#boeknavigatie dl {margin: 0;padding: 0;clear:both;font-family:"Trebuchet MS", Verdana, sans-serif;font-size: small;font-weight:bold;letter-spacing: 0.04em;}

dl,dt,dd{padding:0;margin:0;}
.pagelist {padding: 0;margin:0;float:left;display:inline;width:60%;text-align:center;}
.back {padding: 0;margin:0;float:left;display:inline;width:20%;text-align:left;clear:left;}
.next {padding: 0;margin:0;float:right;display:inline;width:20%;text-align:right;}
.back a, .next a, .pagelist span {text-decoration:none;padding:0;margin:0;display:block;}
.pagelist span {font-size:small;color:#fff;padding: 3px;margin:0;}
.back a:link, .back a:visited,.next a:link, .next a:visited {display:block;padding: 3px;margin:0;}
.back a:hover, .back a:active,.next a:hover, .next a:active {display:block;padding: 3px;margin:0;background-color:#171716;color:#FFF;}

a.nonav{background-color:#DDDCD8 !important;color:#DDDCD8 !important;cursor:default;}

.pagina {width:120px;height:91px;display:inline;margin:0;padding:0;}
.paginering {width:auto;height:95px;display:block;background-color: #171716;}
.pagina img {border: 2px solid #171716;}
.pagina a:hover img {border: 2px solid #990000;}
.pagina a.current img {cursor:default;border: 2px solid #990000;}

#player {background-color:#FBFAF6;}
/* boeknavigatie */

/* FORMS */
fieldset {margin-bottom:8px;border:none;padding:8px;width: 450px;}
legend {font-weight:bold; color:#000;background-color:#FBFAF6;padding:8px 0;}

.inputwidth {width: 290px;}
input.inputwidth, textarea.inputwidth, select.inputwidth {padding:0;margin:0;margin-left: 160px; border:1px solid #000;}
input, select {border:1px solid #000;margin-bottom:4px !important;}

/*bestel*/
.straat {width: 238px; margin-left: 160px;}
.nummer {width: 36px; margin-left: 8px;}
.postcode {width: 74px; margin-left: 160px;}
.gemeente {width: 200px; margin-left: 8px;}


label {padding:0;margin:0;font-size:small; position: absolute; text-align:right; width:150px; }

label.check, label.radio { position:relative; text-align:left; }
form .button {float:right !important;}
input:focus {border:1px solid #990000;}


/* FORMS */