* {margin:0; padding:0;}
html{font-size:100%;height:100%;}
body {background:#FFF; color:#666; font-family:Verdana, Helvetica, Sans-Serif;font-size:11px; margin:0; text-align:center;}
#container{background:#FFF url('/includes/styles/images/bg.jpg') repeat-y center top; margin:0 auto; position:relative; text-align:left; width:910px;}

.float-left {float:left;} .float-right {float:right;} .align-left {text-align:left;} .align-right {text-align:right;}
img.float-right {margin:5px 0 10px 10px;} img.float-left {margin:5px 10px 10px 0;}
.banner {text-align:center;} img {border:none;}
.noBorder{border-bottom:0 none !important;}
.hiden{display:none;}
.clear {clear:both;} .clear-right{clear:right;} .clear-left {clear:left;}
ul {margin:5px 20px; padding:0 20px;}

/*** text ***/
h1, h2, h3, p, table {margin:0; padding:10px;}
h1, h2, h3 {color:#333; font-family:'Trebuchet MS', Tahoma, Sans-serif; font-weight:Bold;}
h1 {font-size:160%; font-weight:normal;} h2 {font-size:130%; text-transform:uppercase;} h3 {font-size:130%;}
em{color:#FF0000;}
code {margin-bottom:5px; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#F5F5F5; border-left:3px solid #D4D4D4;}
a, a:visited {background:inherit; color:#326EA1; text-decoration:none;}
a:hover {background:inherit; border-bottom:1px solid #DBD5C5; color:#E9132F; padding-bottom:0;}
strong.red{color:#E9132F;}
/*** header ***/
#header {background:#FFF url('/includes/styles/images/bg_header.jpg') repeat-y center top; color:#FFF; height:35px; padding:0; position:relative; width:910px;}
#header h2#slogan {color:#3878AF; font-family:'Trebuchet MS', Tahoma, Sans-serif; font-size:110%; letter-spacing:2px; margin:0; padding:0; position:absolute; top:8px; left:40px;}
#top-menu {color:#838181; font-size:10px; font-weight:bold; position:absolute; top:8px; right:45px;}
#top-menu p {margin:0; padding:0;}
#top-menu a, #footer a {color:#838181; font-weight:bold; text-decoration:none;}
#top-menu a:hover, #top-menu a.active, #footer a:hover, #footer a.active {border-bottom:1px solid #E9132F; color:#444;}

/*** top ***/
#top {background:#FFF url('/includes/styles/images/photo.jpg') no-repeat center center; clear:both; height:150px; margin:5px auto; position:relative; width:850px;}
#top h1#logo a img {border:none; color:#fff; font:bold 38px 'Trebuchet MS', Arial, Sans-serif; letter-spacing:-1px; margin:0; padding:0; position:absolute; text-transform:none; text-decoration:none; top:0px; left:0px;}

/*** menu ***/
#menu {clear:both; padding:0;}
#menu ul {background:#E4E4E4 url('/includes/styles/images/bg_menu.jpg') repeat-x; display:inline; float:left; height:35px; list-style:none; margin: 0 0 0 30px; padding:0; text-transform:uppercase; width:850px;}
#menu ul li {display:inline; margin:0; padding:0;}
#menu ul li a {border-right:1px solid #DADADA; border-left:1px solid #FAFAFA; border-bottom:none; color:#555; display:block; float:left; font:bold 14px/35px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; letter-spacing:1px; margin:0; padding:0 15px; text-transform:uppercase; text-decoration:none; width:auto;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li#current a {background:#DBDBDB url('/includes/styles/images/bg_menu-current.jpg') repeat-x; color:#FFF;}

/*** content ***/
#content {background:#FFF url('/includes/styles/images/bg_content.jpg') repeat-x; border-top:5px solid #FFF; clear:left; display:inline; float:left; margin-left:30px; padding:0; width:850px;}

/*** sidebar ***/
#sidebar {float:left; width:195px; margin-top:10px;}
#sidebar h1 {color:#444; font:bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; margin:10px 5px 0 5px; padding:5px 5px;}
ul.sidemenu {border-top:1px solid #E5E5E5; list-style:none; margin:2px 8px 8px 10px; padding:0;}
ul.sidemenu li {font-family:Verdana, Helvetica, Sans-Serif;font-size:11px;line-height:15px;padding:3px 0;}
ul.sidemenu li.last {border-bottom:1px solid #E5E5E5;}
ul.sidemenu li.date {text-align:right;}
ul.sidemenu li.date span{float:left;}
ul.voting{list-style:none; margin:10px 0px 8px 0px; padding:0;}
ul.voting li{text-align:center;padding-top:10px;}

/*** main ***/
.col #main {margin:10px 5px 0 200px;}
#main h1 {border-bottom:1px solid #dadada; color:#3878AF; font:normal 1.8em Georgia, "Times New Roman", Times, serif; margin:10px 10px 0 10px; padding:15px 0 2px 0px;}
#main {font-family:Verdana, Helvetica, Sans-Serif;font-size:11px;line-height:15px;padding:0 0 10px 0;}
.news {border-bottom:1px solid #dadada;margin:10px 10px 0 10px;padding-bottom:5px;}
.update {font-size:.95em; padding-top:0;}
ul.sale {list-style:square; margin:2px 8px 8px 10px; padding-left:15px;}
ul.sale li {font-family:Verdana, Helvetica, Sans-Serif;font-size:11px;line-height:15px;padding:3px 0;}

/*** main ** table album ***/
table.album{margin:0 auto;text-align:center;}
/*** main ** table sitemap ***/
table.map {border-collapse:collapse; margin:10px; width:830px;}
table.map th {background:#e7e6e6 url(button.jpg) repeat-x; height:29px; padding-left:12px; padding-right:12px;	text-align:left; border-left:1px solid #f4f4f4; border-bottom: solid 2px #fff; color:#333;}
table.map tr {height:30px;}
table.map td {padding-left:11px; padding-right:11px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
table.map td.first, table.map th.first {border-left:0px;}
table.map tr.row-a {background:#F8F8F8;}
table.map tr.row-b {background:#EFEFEF;}
/*** main ** table stocklist ***/
table.stl{border-collapse:collapse; margin:10px; padding:5px; width:830px;}
table.stl th{background:#E7E6E6; border-left:1px solid #F4F4F4; border-bottom:solid 2px #FFF; height:29px; padding:0 10px; text-align:left;}
table.stl tr{background:#F8F8F8; height:30px;}
table.stl td{border-left:1px solid #FFF; border-bottom:1px solid #FFF; padding:0 11px;}
table.stl td span{font-size:.95em; padding-top:5px; padding-left:0px;}
table.stl td span a{color:#FF0000;}
th.img, td.img{text-align:center; width:90px;}
th.name, td.name{width:460px;}
th.wf, th.stock, th.size, th.price, td.wf, td.stock, td.size, td.price {width:60px;}
th.stock, td.stock{width:40px;}
table.stockinfo td.infoimg{width:40px;text-align:left;}
table.stockinfo td.info{width:120px;text-align:left;}
/*** main ** table links ***/
table.links {border-collapse:collapse; margin:10px; width:830px;}
table.links td {padding:5px; text-align:center;}
/*** main ** table contact ***/
table.contact {border-collapse:collapse; margin:10px; width:830px;}
table.contact td.adres {width:600px; text-align:left;}
table.contact td.map {width:230px; text-align:right;}
/*** main ** table guestbook ***/
table.gb{margin-left:10px;}

/*** main ** form ***/
form {margin:0px; padding:0 5px;}
label {display:block; font-weight:bold; margin:2px 0;}
input, textarea {border:1px solid #dadada; color:#777; font:normal 1em Verdana, sans-serif; padding:2px; width:400px}
input.code {width:100px; margin-bottom:5px;}
textarea {display:block; height:100px; width:400px;}
input.button, table.gb input.input {background:#e7e6e6 url(/includes/styles/images/button.jpg) repeat-x; border:1px solid #dadada; color:#333; font:bold 12px Arial, Sans-serif; height:20px; margin:0; margin-bottom:5px; margin-left:130px; padding:2px 3px; width:100px;}
table.gb select {width:100px; margin-bottom:2px;}
tbale.gb checkbox {width:15px;}

/*** footer ***/
#footer {background: url(/includes/styles/images/bg_footer.jpg) no-repeat center bottom; clear:both; font-size:95%; padding:20px 0; text-align:left; width:910px;}
#footer div {background:#F8F7F7; border-top:1px solid #F2F2F2; clear:both; color:#666; margin:0 auto 10px auto; padding:0; text-align:center; width:850px;}
#footer p {padding:10px 0;}

.nieuws {background:#F5F5F5; color:#666666; font-size:95%; padding:5px; margin:4px 10px 0 10px;}
.nieuws .date{margin:0 10px 0 5px;}
.photo {background:#E9ECEF; border:1px solid #cccccc; font:normal 11px/1.75em Verdana, Tahoma, arial, sans-serif; padding:5px; text-align:center;}
.powered {text-indent:-9000px;}


/* lightbox */
#lightbox{position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a, #lightbox a:hover{border-bottom:0 none !important;}
#lightbox a img{border:0 none;}
#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%; height:100%; background: transparent url(blank.gif) no-repeat; display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(/includes/styles/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(/includes/styles/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em;}	
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix {height:1%;}