/*-------------------+
| CLEAR ALL STYLES   |
+--------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0;font-weight: inherit;
  font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a {outline : none; cursor:pointer;cursor:hand; }
em {font-style: italic;}
* {margin: 0;}
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

/*-------------------+
| SET ALL STYLES     |
+--------------------*/
html {overflow: -moz-scrollbars-vertical;}

a{color:#0072bc;text-decoration:none;} 

/**images**/
.floatLeft{float:left; clear:none !important; }
.floatLeftextra{float:left; clear:none;margin-right:22px; } 
.floatRight{float:right; clear:none !important;margin-right:10px;}

body{font: 12px Arial; color:#666666; background :#ffffff url('../images/bg.gif') top left repeat-x;position:relative}
#container{margin: 0 auto; width:823px;position:relative; z-index: 20; }

/**** TALEN MENU ******/
ul#language_bar { position:absolute;list-style:none;height:25px;right :0 ;top:5px;}
ul#language_bar li{display:inline;padding-left :5px;}
ul#language_bar li a{color:#636467;text-decoration:none;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;}
ul#language_bar li a.active {color:#a6362c;}


/******* MENU ***********/

#menu{width: 823px; height:99px; }
#menu a.logo {width:179px; height:77px;display:block; float:left; background: url('../images/stefca.jpg') left 31px no-repeat;}

#menu ul {list-style:none;text-align:right;width:625px; height:14px;position:relative;top :49px; right:0;float:right;}
#menu  li{margin:0; padding:0; display:inline;padding-left:15px;}
#menu  li a{color:#636467;font:12px arial, sans serif;margin:0 !important; padding:0 !important; text-decoration:none;text-transform:uppercase;}
#menu  li a.active,#menu  li a:hover{color:#a6362c;font: 12px  arial, sans serif;margin:0 !important; padding:0 !important; text-decoration:none;}

/****** BANNER ****/

#banner {width :823px;height :292px; background: url('../images/banner.png') top left no-repeat;position:relative;margin-bottom:20px;}
	/******* SLIDER *******/
	
	.anythingSlider                         { width: 823px; height: 250px; position: relative; margin: 0 auto 15px; }
	.anythingSlider .wrapper                { width: 823px; overflow: auto; height: 250px; margin: 0 ; position: absolute; top: 0; left: 0;overflow:hidden; }
	.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: transparent; border-top:0; border-bottom: 0; margin: 0; }
	.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 250px; width: 823px; margin: 0; }
	.anythingSlider .arrow                  { display:none; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
	.anythingSlider .forward                { display:none;  background-position: 0 0; right: -20px; }
	.anythingSlider .back                   { display:none; background-position: -67px 0; left: -20px; }
	.anythingSlider .forward:hover          { display:none; background-position: 0 -200px; }
	.anythingSlider .back:hover             { display:none;  background-position: -67px -200px; }
	
	#thumbNav                               { position:absolute; right: 85px; top: 160px; height:20px;text-align:right; overflow:hidden; text-align:right; }
	#thumbNav a  ,#thumbNav a:hover         { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: url(../images/witte_bol.png) top left no-repeat; text-align: center;  }
	#thumbNav a.cur  ,#thumbNav a.cur:hover { background: url(../images/rode_bol.png) top left no-repeat; }
	                         
	
	#start-stop                             {display:none;  background: green; background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; }
	#start-stop.playing                     {display:none;  background-color: red; }
	#start-stop:hover                      	{display:none;  background-image: none; }
	
	/*
	  Prevents
	*/
	.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
	.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

	
	/** SEARCH **/
	
	#search {position:absolute ; right:0; top:255px; width:258px;height:25px;background: url('../images/search.png') right -2px no-repeat; }
	#form #input {margin-top: 3px;margin-right:3px;margin-left:5px; width:125px;height:17px;float:right;color:#808080;background:transparent; border:0;} 
	#submit{float:right; clear:none !important;margin-right:3px;margin-top:2px; background:transparent;height:20px; width:20px; border:0px ;cursor:pointer;}
	.search{float:right; font: 12px arial, sans serif;font-weight:bold; text-transform:uppercase;color:#ffffff; padding-top:4px;margin-right:10px;}


/****** CONTENT LEFT *******/

#content_left{width:585px ;  position:relative; float:left;z-index:-1}

/****** CONTENT RIGHT ******/

#content_right{width:236px ;  position:relative; float:left; background: url('../images/rechterkolom_top.png') 10px top  no-repeat;padding-top:14px;z-index:-1}
#content_right_mid {width:215px ;padding:5px 5px 10px 15px !important; position:relative; float:left; background: url('../images/rechterkolom_mid.png') 10px top  repeat-y;}

.text_block_grijs {width:212px; position:relative; float:right; background: url('../images/inner_box_top.png') top left no-repeat;padding-top:3px;margin-top:10px;left:-2px;}
.text_block_grijs_mid {width:202px ;padding:5px 5px 10px 5px !important; position:relative; float:left; background: url('../images/inner_box_midden.png') left top  repeat-y;}
.text_block_grijs_bottom{width:212px ; height:3px;position:relative; float:left; background: url('../images/inner_box_bottom.png') left top  no-repeat;}
.link_extern{width:200px;text-decoration:none;border:0;}
#content_right_bottom{width:236px ; height:8px; position:relative; float:left; background: url('../images/rechterkolom_bottom.png') 10px top  no-repeat;}
h3{font: 13px Arial; color:#939598;font-weight:bold;padding-bottom:3px;}
.shopWrap{margin-bottom:15px;}
.shopper{line-height:2.0em; font-size:12px; font-weight:normal;padding-left:10px;}

/********** FOOTER *********/

.footer {border-top:1px solid #abacad;width:823px;margin-bottom:20px;margin-top:10px;}
.footer img{float:right; width:257px; height:29px;background : url('../images/footer.gif')top left no-repeat;}
.footer span{font: 11px Arial; line-height:3.0em;color:#002849;}

/*********** HOME BLOKJES *****/

.categorie_block, .categorie_block1 {width:195px;  float:left;margin-bottom:25px;text-align:center;z-index:2 !important }
.categorie_banner {padding:3px; border:1px solid #e5e5e5; margin-left:5px;margin-top:7px;} 
.categorie_block1 img  {padding:3px; border:1px solid #e5e5e5; margin-left:5px;margin-top:7px;width:169px;}
.categorie_block p {text-align:justify; padding:5px 12px 5px 8px;}

/********* ACCORDION **************/

.accordion {padding:10px 0;display:block;background:transparent; margin-bottom:20px;}
.accordion h3 {cursor:pointer;width:565px; height:24px; background:#f2f2f2; margin-bottom:1px; font: 12px Arial; color:#939598; font-weight:bold;padding:6px 0 0 8px;}
.acco_content {padding:10px;}
.acco_content a {font: 13px Arial; color:#939598;text-decoration:none;margin:5px 0;line-height:1.0em;display:block; width:500px;}
.acco_content a img{vertical-align:middle;}
.acco_content a span{padding-left:10px;}

/********** NIEUWS BERICHTEN *******/
.box {width:565px; padding:10px  0 10px 5px;}
h1{margin-bottom:1px; font: 23px Arial; color:#939598; padding:6px 0 10px  5px;}
h2{width:565px; height:24px; background:#f2f2f2; margin:1px 0; font: 14px Arial; color:#939598; font-weight:bold;padding:6px 0 0 8px;clear:both;}
p.tekst{padding-left:5px;padding-right:5px;line-height:1.7em;}
p.tekstsmall{padding-left:5px;padding-right:5px;line-height:1.5em;font-size:10px !important;}
p.tekstsmall div{line-height:1.5em;font-size:10px !important;}
.floatLeft{float:left;padding:0 10px 5px 0;}
.floatRight{float:right;clear:none;padding: 0 0 5px 10px;}

/********* NIUEWSBRIEF INSCHRIJVEN *******/
.inputWrap{background : url('../images/input.png') top left no-repeat; width:199px ; height:26px; margin: 0 0 5px 0;padding: 3px 0 0 3px;}
input{width:195px; height:18px;color:#939598;border:0;background:transparent;}
.submit {background : url('../images/submit.gif') right top no-repeat; border:0;width:197px ; height:20px;margin-right:25px;}

/*********** VERHUUR FORMULIER ****************/
#linker_form{float:left; width:287px;}
#rechter_form{float:left; width:287px;}

form h2{margin:10px 0;}
.zebox{float:left; clear:left; width:100%; height:30px;}
.zebox_large{float:left; clear:left; width:100%; height:60px;}
.zebox label, .zebox_large label{width:90px; padding-left:5px;font: 10px Arial ;float:left;color:#939598;}
.zebox input{width:168px; padding-left:5px;font: 11px Arial;height:16px; border:1px solid #c8c4c4 ; background:#f5f5f5;}
.zebox_large textarea{width:168px; padding-left:5px;font: 11px Arial;height:50px; border:1px solid #c8c4c4 ; background:#f5f5f5;clear:none;color:#939598;}
label.small{width:40px;float:left; clear:none;}
label.large{width:180px;float:left; clear:none;}
.zebox input.small{width:58px; padding-left:5px;font: 11px Arial;height:16px; border:1px solid #c8c4c4 ; background:#f5f5f5;float:left;}
.checkbox{width:45px !important; float:left;padding:0;border:0 !important; background:transparent !important;margin-left:4px;}

.zebox_submit{float:left; clear:left; width:100%; height:30px;margin-top:20px;}
input.submitter{background:url('../images/verzenden.gif') top left no-repeat;float:left;border:0;height:20px; width:84px;cursor:pointer;}
input.resetter{margin-left:95px;background:url('../images/annuleren.gif') top left no-repeat;float:left;border:0;height:20px; width:84px;margin-right:25px;cursor:pointer;}

/*********** CONTACT FORMULIER ****************/
.contactform{float:left; width:276px;}
.contactform h3{width:276px; height:24px; background:#f2f2f2; margin-bottom:10px; font: 12px Arial; color:#939598; font-weight:bold;padding:6px 0 0 8px;}
.zebox1 {float:left; clear:left; width:100%; height:30px;}
.zebox1_large{float:left; clear:left; width:100%; height:80px;}
.zebox1 label, .zebox1_large label{width:90px; padding-left:5px;font: 10px Arial ;float:left;color:#939598;}
.zebox1 input{width:173px; padding-left:5px;font: 11px Arial;height:16px; border:1px solid #c8c4c4 ; background:#f5f5f5;}
.zebox1_large textarea{width:173px; padding-left:5px;font: 11px Arial;height:70px; border:1px solid #c8c4c4 ; background:#f5f5f5;clear:none;color:#939598;}
.zebox1_submit{float:left; clear:left; width:100%; height:30px;margin-top:10px;text-align:right;}
input.submitter{background:url('../images/verzenden.gif') top right no-repeat;float:right;border:0;height:20px; width:84px;cursor:pointer;}


/********** GOOGLE ***********/
.google{float:right; width:276px; clear:none !important;overflow:hidden;}
.google h3{width:276px; height:24px; background:#f2f2f2; margin-bottom:10px; font: 12px Arial; color:#939598; font-weight:bold;padding:6px 0 0 8px;}
/******** NIEUWS ************/
.nieuws {margin-bottom:10px;}

/*********** tweedehands ******************/
.secondhand_content {width:400px; float:right;font :11px Arial; line-height:1.5em;margin-bottom:25px;margin-top:10px;}
.secondhand_content h3 {width:400px; height:24px; background:#f2f2f2; margin-bottom:1px; font: 12px Arial; color:#939598; font-weight:bold;padding:6px 0 0 0;}
.second_left{ width:178px;float:left;}
.second_right{ width:220px;float:left;}
.fotobox{float:left; width:157px;padding-left:5px;margin-top:10px;}
.zoom{float:left; clear:both; text-align:right;width:146px;}

/****************************
*  BREADCRUMB       		*
****************************/

#breadcrumb {margin:10px 10px 10px 0;}
#breadcrumb   a{color:#636467;font:12px arial, sans serif;margin:0 !important; padding:0 !important; text-decoration:none;}
#breadcrumb  a:hover {color:#a6362c;}


/****************************
*  MEGA MENU FOR SHOP 		*
****************************/

ul#topnav{margin:0; padding:0;position:absolute; top:254px;; left:0;list-style:none;font-size:10px;width:600px;height:25px;z-index:25;}
ul#topnav li{float:left;margin:0; padding:0 10px;position:relative;z-index:1;}
ul#topnav li a{float:left;height:25px;font:13px arial, sans serif;margin:0 !important; padding:0 !important; text-decoration:none;
				text-transform:uppercase;line-height:2.0em;color:#fff; }
ul#topnav li:hover a,ul#topnav li a:hover{background-position:left bottom;color:#a6362c;  }

ul#topnav li .sub{position:absolute;top:28px; left:0;background:#f8f8f9 ;padding:0 0 15px 15px;float:left;z-index:50;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;display:none;border:1px solid #999999;border-top:0;}

ul#topnav li .row{clear:both; float:left; width:100%; margin-bottom:5px;}
ul#topnav li .sub ul{list-style:none;margin:0; padding:0;width:150px;float:left;}
ul#topnav .sub ul li{width:100%;color:#939598;}
ul#topnav .sub ul li h2{padding:0;  margin:0;font-size:11px;font-weight:normal;background:transparent} /*titel sub */
ul#topnav .sub ul li h2 a{padding:2px 0;color:#a6362c; font-size:11px !important;}
ul#topnav .sub ul li a{float:none; text-indent:0;
/*--Reset text indent--*/
height:auto;background:url(navlist_arrow.png) no-repeat 5px 12px;display:block;text-decoration:none;color:#939598;font-size:11px !important;}
ul#topnav .sub ul li a:hover{color:#333; background-position:5px 12px;font-size:11px !important;}
/*
ul#topnav .sub ul.type {padding:3px 5px !important;}*/
ul#topnav .sub ul.type li a {padding:0px;line-height:2.0em;padding-right:5px;}





ul.lister{list-style:none;}
ul.lister li{margin-bottom:10px;height:100px; display:block;width:100%;float:left; clear:left;}
ul.lister li img{margin-right:5px;border:1px solid #999;display:block; float:left;height:100px; width:130px;}
ul.lister li p{display: block; width: 400px; float:left;padding-left:5px;clear:none !important; padding-top:0px;line-height:1.5em;}

.categorie_block2 {width:134px;  float:left;margin-bottom:25px;margin-right:10px;height:130px;text-align:center;position:relative;}
.categorie_block2 img{ border:1px solid #e5e5e5; width:130px ; height:100px;}
.categorie_block2 p { padding-bottom: 5px; position:relative;}

/***********************
SHOP
**********************/
.bestellijn{height:22px;}
.bestelling{padding:0 3px 0 0 ; margin:0 3px 0 0; border:1px solid #ccc; color:#666666;width:30px;height:17px;text-align:right;font-size:14px;}
.submit_bestelling{padding:0; margin : 2px 0 0 0 ;background:#ccc;color:#104b75;width:80px;height:19px;cursor:pointer;}
h2.shopheader {width:565px; height:24px; background:#f2f2f2; margin-bottom:10px; font: 12px Arial; color:#939598; font-weight:bold;padding:6px 0 0 8px;}
.toegevoegd {color:#a6362c;line-height:1.8em;margin-bottom:10px;padding-left:140px;font-weight:bold;}
.formTitel{width:200x; height:24px; background:#f2f2f2; margin-bottom:10px; font: 12px Arial; color:#939598; font-weight:bold;padding:6px 0 0 8px;clear:left;}
h3.contactheader{font: 13px Arial; color:#939598;font-weight:bold;padding-bottom:3px;width:269px !important;}
#verder_button {padding:4px 0px 2px 0px;text-align:center; margin : 2px 0 0 2px ;background:#ccc;color:#104b75;width:140px;height:19px;cursor:pointer;font-weight:bold;float:right;margin-right:30px; margin-top:10px;}