/* Begin Reset
Reset alle basis stijlen naar 0, zodat elke browser de elementen op dezelfde manier laat zien 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px; background: transparent;}*/
body {line-height: 1;}
ol, ul {}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/*------------------------Standaard stijlen------------------------------*/
html {height: 100%; width: 100%; margin: 0; padding: 0; overflow-y: scroll;}
body {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; color:#000; height:100%; width:100%; text-align: center; background: #EEF5F5; background:url(/img/headermenubg.png) repeat-x;}
.Titel {color:#004646; display:block; white-space:nowrap; font-size:20px; margin-top:26px; margin-bottom:27px;}
h2 {font-size:20px;}
h3 {font-size:13px;}

a img {border: none;}
.clearFix {clear: both; content: ''; height: 0; visibility: hidden;} /* Cleared floated elements within there parent */
.wrapper {min-height: 100%; height: 100%; height: auto !important; margin: 0 auto; width: 925px; z-index: 1; position: relative; text-align: left;}

/*------------------------Website stijl------------------------------*/
#templateInformation {text-align: right;}
#content {overflow: hidden; background:url(/img/contentbg.png) repeat-y; width:100%; padding-bottom:20px;}
    #content .column {margin-bottom: -2000px; padding-bottom: 2000px;}
	#header{position:relative; height:116px; width:100%; background:url(/img/headerbg.png) repeat-y;}
		#outerheader{padding-top:20px;}
		#slideshow {width:600px; height:116px; position:absolute; right:4px; top:1px;}
			#menuholder{background:url(/img/contentbg.png) repeat-y; width:100%; height:49px;}
    #leftColumn {width: 316px; float: left; padding-left:5px;}
		#dynamicheader {display:block; height:235px; width:315px;}
		#openingstijden{color:#EEF5F5; font-size:12px; line-height:18px;}
    #centerColumn {width: 413px; float: left; line-height:22px; color:#333; font-size:12px; padding-left:20px; padding-right:20px; min-height:434px; padding-bottom:20px;}
    #rightColumn {float: left; width:148px;}
		#openingstijden{background:#00817E; height:208px; width:133px; padding-left:10px; padding-right:5px; padding-top:77px; font-size:13px;}
	#footer{Background:url(/img/footer.png) no-repeat; height:65px; width:100%; position:relative;}	
		#tweetbox{background:url(/img/tweetbox.png); height:199px; width:240px; font-size:12px; line-height:20px; padding-left:30px; padding-right:45px; color:#004646; position:absolute;  left:5px;}
			
	#poweredbyweb{color:#1D1D25; font-size:12px; float:right; margin-right:15px; margin-top:30px; text-decoration:none;}
	#poweredbyweb a:link, visited, hover, active{color:#1D1D25; font-size:12px; float:right; margin-right:62px; margin-top:-18px; text-decoration:none;}
	#user{color:#004646; font-weight:bold;}




/*------------------------Navmenu stijl------------------------------*/
/*word dit nog gebruikt*/
#nav, 
#nav ul {list-style: none; padding:0; margin:0; list-style:none;}
#nav ul.showbullets {list-style: inside;}
#nav li a {color:#000; text-decoration:none; padding-left:0px; white-space:nowrap;}
#nav li a:hover {text-decoration:underline;}
#nav li {line-height:25px; color:#000; cursor:pointer; width:100%; text-transform:uppercase}
#nav li.down {text-indent:20px;}
#nav li.up {text-indent:20px; display:block}


/*------------------------Transmenu (HOOFDMENU ONLY)------------------------------*/
/*------------------------HOOFDMENU wijzigen voor andere menu stijlen------------------------------*/
.HOOFDMENU {width:910px;padding-left:7px; height:49px; margin-left:5px; background:url(/img/menu.jpg) repeat-x;}
.HOOFDMENU_hoofditem_td{width:200px; display:block; background-color:#666;}
.HOOFDMENU_hoofditem {display: block; padding: 2px 10px 3px 10px; width: 80px; font-weight: bold; text-align: right; text-decoration:none; color: #FFF; background-color:#6C6; width: 250px;}
.HOOFDMENU_hoofditem:link {color:#fff;}
.HOOFDMENU_hoofditem:hover {color:#55555;}


.SUBMENU_hoofditem {font-weight:bold; text-decoration:none; padding: 0 8px;}
.SUBMENU_hoofditem {color:#fff;}
.SUBMENU_hoofditem:hover {color:#55555;}

/*  Onderstaand alleen bij 'TransMenu_BEHAVIOUR = 2'  */
/*------------------------HoofdmenHOVER stijl------------------------------*/
/* .MENUNAAM_ACTIVE */

.HOOFDMENU_ACTIVE{font-weight:bold; text-decoration:none; background-color:#0C0; padding: 0 8px;}
.HOOFDMENU_ACTIVE {color:#fff;}
.HOOFDMENU_ACTIVE:hover {color:#fff;}
/*------------------------HoofdMenuSubHOVER stijl------------------------------*/
.HOOFDMENU_SUBMENU_ACTIVE{font-weight:bold; text-decoration:none; color:#fff; background-color:#F00;}
.HOOFDMENU_SUBMENU_ACTIVE:link {color:#ffffff;}
.SUBMENU_ACTIVE{font-weight:bold; text-decoration:none; padding: 0 8px; background-color:#0C0;}
.SUBMENU_ACTIVE {color:#ffffff;}

/*------------------------SubMenuHOVER stijl------------------------------*/
.SUBMENU_SUBMENU_ACTIVE{font-weight:bold; text-decoration:none; padding: 0 8px; color:#ffffff; background-color:#F00;}
/*  Bovenstaand alleen bij 'TransMenu_BEHAVIOUR = 2'  */

.SHOPCAT_hoofditem {font-size:14px; text-decoration:none; padding:5px; background-color:#999; color:#656262;}
.SHOPCAT_hoofditem:hover {color:#ffffff;}

/*------------------------Sitemap stijl------------------------------*/
.SiteMap_hoofdItem {background-color:#090;}
.SiteMap_subItem {display: block; background-color:#009;}
.SiteMap_LIhoofdItem {background-color:#090;}
.SiteMap_LIsubItem {display: block; list-style: none; background-color:#009;}

/*------------------------Agenda stijl------------------------------*/
#CMS_LaatsteAgendaItems {width:200px; display:block; padding:10px; background-color:#C9F;}
.AGENDA_info_plaats {padding-left:5px;}
.AGENDA_LaatsteAgendaItems {font-size:10px; float:left;}
.AGENDA_titel_LaatsteAgendaItems {background-color:#525252; color:#FFF; font-size:10px;}
.AGENDA_titel_LaatsteAgendaItems {background-color:#525252; font-size:10px;}
.AGENDA_tabel_punten_LaatsteAgendaItems {font-size:10px;}
.AGENDA_SMALL_LIST_ItemHolder {display:block; padding-top:5px; cursor:pointer;}
.AGENDA_SMALL_LIST_ItemHolder:hover {color:#FFF;}
.AGENDA_SMALL_LIST_StartDate {font-weight:bold; display:block; font-size:16px;}
.AGENDA_SMALL_LIST_Title {display:block;}
.AGENDA_SMALL_LIST_field4 {display:block;}

/*------------------------Nieuws stijl------------------------------*/
#CMS_NieuwsItems {}
.NIEUWS_archief_overzicht_datum {width:80px;}
.NIEUWS_archief_bericht_titel {font-size:14px;}
.NIEUWS_archief_overzicht_kortbericht {font-size:9px;}
.NIEUWS_archief_overzicht_titel {font-size:14px; font-weight:bold;}
.NIEUWS_archief_overzicht_link {padding:5px; display:block; float:left;}
.NIEUWS_archief_overzicht_actievepaginanummer{padding:5px; display:block; float:left;}
.NIEUWS_NieuwsItems_titel {background-color:#525252; color:#FFF; font-size:10px;}
.NIEUWS_NieuwsItems {font-size:10px; padding-bottom:10px; float:left;}
.NIEUWS_NieuwsItems_lijst {font-size:10px;}

/*------------------------Blog stijl------------------------------*/
.WEBLOG_WroteOn {padding-top:25px; font-size:10px; border-bottom:1px solid #009;}
.WEBLOG_Title {padding-top:10px; font-weight:bold; font-size:14px;}

/*------------------------Formulieren stijl------------------------------*/
.GetNewFormImgLink {text-decoration:underline; font-weight:bold; cursor:pointer;}

/*------------------------Zoekfunctie stijl------------------------------*/
#CMS_Zoekfunctie {width:200px; display:block; padding:10px; background-color:#F90;}
.ZOEKFUNCTIE_overzicht_datum {width:80px;}
.ZOEKFUNCTIE_bericht_titel {font-size:14px;}
.ZOEKFUNCTIE_overzicht_kortbericht {font-size:9px;}
.ZOEKFUNCTIE_keywoord_inText_replace {font-size:14px; font-weight:bold;}
.ZOEKFUNCTIE_keywoord_inTitle_replace {font-size:14px; font-weight:bold;}
.ZOEKFUNCTIE_overzicht_titel {font-size:14px; font-weight:bold;}
a.ZOEKFUNCTIE_overzicht_link:link {padding:5px; display:block; float:left;}

/*------------------------Googlemaps stijl------------------------------*/
.GOOGLEMAP_map {width: 400px; height: 300px; border : 1px solid Black; margin-left : 1px;}

/*------------------------Youtube stijl------------------------------*/
#CMS_YouTubeRSS {width:200px; display:block; padding:10px; background-color:#030;}
.YOUTUBE_LIST_ItemHolder {display:block; padding-top:20px; cursor:pointer;}
.YOUTUBE_LIST_ItemHolder:hover {color:#09C;}
.YOUTUBE_Title {font-size:15px; display:block;}
.YOUTUBE_Title_Text {font-size:15px; display:block; width:150px;}
.YOUTUBE_Image {display:block;}
.YOUTUBE_Published {display:block;}
.YOUTUBE_Published_Text {display:block; width:150px;}
.YOUTUBE_Updated {display:block;}
.YOUTUBE_Updated_Text {display:block; width:150px;}

/*------------------------Twitter stijl------------------------------*/
#CMS_TwitterRSS{width:200px; display:block; padding:10px; background-color:#C9C;}
#TWITTER_LIST_Container {width: 220px; margin: auto; margin-top: 30px; border: 5px solid #333333;}
#TWITTER_LIST_Container ul li div{border: 1px solid #aaaaaa; background:#C06;}
.TWITTER_Title{font-size:10px; width:200px; display:block;}
.TWITTER_Image{display:block;}
.TWITTER_PubDate{font-size:8px; width:200px; display:block;}
.TWITTER_RSS_LINK {color:#FFFFFF;}
.TWITTER_RSS_LINK:hover{color:#cccccc;}

/*------------------------??????? stijl------------------------------*/
.Box {display:block;}

/*------------------------Fotoalbum stijl------------------------------*/
.FOTOALBUM_fotoklein{width:175px; height:175px; display:block; float:left; padding:5px;}

/*------------------------Gastenboek stijl------------------------------*/
.GASTENBOEK_titel {background-color:#350000; color:#FFFFFF;}
.GASTENBOEK {background-color:#333333; color:#FFFFFF; font-size:14px;}

/*------------------------Webshop stijl------------------------------*/
#CMS_Winkelmandje_klein {    width:200px; display:block; padding:10px; background-color:#090;}
.WEBSHOP_PaymentNOTSucceeded_h1{font-size:14px;}
.WEBSHOP_PaymentSucceeded_h1{font-size:14px;}
.WEBSHOP_PaymentSucceeded_h5{font-size:12px;}
.WEBSHOP_Options_1stTable{background-color:#CCC; width:100%;}
.WEBSHOP_Options_1stColumn{width:200px;}
.WEBSHOP_Options_2ndColumn{width:200px;}

/* betalings templates */
.templates_content{width:650px;}
.templates_innercontent{width:640px;}
/* einde betalings templates */
.WEBSHOP_prijs_doorgestreept{text-decoration:line-through; display:block; float:left;}
.WEBSHOP_aanbiedingsprijs{color:#FF0000;}
.WEBSHOP_winkelmandje {font-size: 8pt; font-weight: bold; color: #000000;}
.WEBSHOP_Product {width: 450px; height: 550px; float: left; border:1px solid #000; background-color: #ffffff; margin:2px; padding:5px; text-align: left;}
.WEBSHOP_link_winkelmandje {display:inline; height: 20px; line-height: 20px; text-decoration: none; font-size: 10pt; padding-bottom: 2px; padding-top: 2px;}
.WEBSHOP_winkelmandje_klein:link {color: #000000; text-decoration: none;}
.WEBSHOP_winkelmandje_klein:hover {text-decoration: underline;}
.WEBSHOP_koppen {font-size:16px; font-weight:bold; padding-left:10px;}
.WEBSHOP_Product_winkelmandje_foto {border: 1px solid #888;}
.WEBSHOP_td_stijl_1 {background-color:#E18C3A; color:#FFFFFF; font-weight:bold; vertical-align:middle;}
.WEBSHOP_basket_row{height:15px;}
.WEBSHOP_basket_titel {clear:both; font-size: 14px; color: #000000; font-weight: bold; text-decoration: none; padding-bottom:5px; text-align:left;}
.WEBSHOP_basket_input {text-align:left;}
.WEBSHOP_basket_label {text-align:left; width:170px; display: inline; float:left; height:25px;}
.WEBSHOP_basket_label {text-align:left; width:170px; display: inline; float:left; height:25px;}
.WEBSHOP_basket_input {text-align:left; width:220px;}
.WEBSHOP_redmark {padding-left:3px; color:red; font-size:9px; display: inline;}
.WEBSHOP_redmark {color:red; text-align:left; display: inline; font-weight: bolder;}
.WEBSHOP_basket_input_hide {text-align:left; display: none; width:220px;}
.WEBSHOP_basket_label_hide {text-align:left; width:170px; display: none; float:left; height:25px;}
.WEBSHOP_basket_input_hide {text-align:left; width:220px; display: none;}
.WEBSHOP_redmark_hide {padding-left:3px; color:red; font-size:9px; display: none;}
.WEBSHOP_basket_label_hide {text-align:left; width:170px; display: none;float:left; height:25px;}
#contentPanel .WEBSHOP_td_stijl_1 input, #contentPanel .WEBSHOP_td_stijl_1 select {width: 160px;}
.WEBSHOP_hide {display:none;}
.WEBSHOP_kop_22_link:link {font-size:15px; color:#656262; text-decoration:none;}
.WEBSHOP_kop_22_link:visited {color:#656262; text-decoration:none;}
.WEBSHOP_kop_22_link:hover {color:#ffffff; text-decoration:none;}
.WEBSHOP_spin_aantal {display:inline; float: left;}

/*------------------------Spinner stijl------------------------------*/
.spinInput, .spinContainer {background-color: #FFFFFF;} /* Change this to modify the default spin control background color*/
.spinLeftRightEdge, .spinTopBottomEdge {position: absolute; overflow: hidden; background-color: #A5ACB2;} /* Change this to modify the default spin control border color*/
.spinContainer {position: relative; font-size: 0px; height: 20px;}
.spinLeftRightEdge{height: 20px; width: 1px;}
.spinTopBottomEdge {height: 1px; left: 1px;}
.spinInput {position: absolute; top: 1px; left: 2px; height: 18px; border: 0px; color: Black; font-size: 9pt;} /* Change this to modify the default spin control font, font color, and font size*/
.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress, .spinDownBtn, .spinDownBtnHover, .spinDownBtnPress {position: absolute; width: 15px; height: 8px; right: 2px; background-image: url('/img/spin_control_buttons.gif');  background-repeat: no-repeat; background-color: #000000;} /* Change this to modify the default button color*/
.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress {top: 2px;}
.spinDownBtn, .spinDownBtnHover, .spinDownBtnPress {top: 10px;}
.spinUpBtn {background-position:0px 0px;}
.spinUpBtnHover {background-position:0px -16px;}
.spinUpBtnPress {background-position:0px -32px;}
.spinDownBtn {background-position:0px -8px;}
.spinDownBtnHover {background-position:0px -24px;}
.spinDownBtnPress {background-position:0px -40px;}