/* 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; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
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 {font-family: Arial, Helvetica, sans-serif; color:#000; height:100%; width:100%; text-align: center; background: url(../img/bg.png) top repeat-x #ae9480;}
h1, .Titel {font-size: 22px; font-weight: bold; margin: 10px 0; color: #b91e24; line-height: 28px;}
h2 {font-size:16px; line-height: 20px;}
h3 {font-size:13px;}
a {color:#000;}
a:hover {color:#000; text-decoration: underline;}
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: 934px; z-index: 1; position: relative; padding-left: 1px;}
p {margin: 10px 0;}

/*------------------------Website stijl------------------------------*/
.bgNotes {background: url(/img/bgNotes.png) no-repeat 0 0 transparent; height: 442px; width: 1245px; position: fixed; top: 10px; left: 50%; margin-left: -622px; z-index: 0;}
.wrapper { min-height: 100%; height: 100%; height: auto !important; margin: 0 auto; width: 934px; z-index: 1; position: relative; padding-left: 1px;}
.innerWrapper {width: 934px; margin: 0 auto; text-align: left; min-height: 100%; height: 100%; height: auto !important; background:url(../img/main-bg.png) repeat-y;}

#header {position: relative; height: 211px; z-index: 1;}
.header {height:226px; 	background:url(../img/header.png); padding-top: 0px; margin-top: 0px; padding-left: 0px;}
    #logo {position: absolute; margin-left:15px; margin-top: -1px; z-index:5;}
	#hoogstaandschilderwerk {position: absolute; left:601px; z-index:5;}
    #slideshow {position: absolute; right: 13px; z-index: 2; background-color:#FFF; margin-top: 0px;}
	#menuHolder{position: absolute; top: 193px;  height: 35px; z-index: 5; width:940px;}
    #menu {height: 35px; z-index: 5; font-size:12px;}
.sidebar1 {
	float: left;
	width: 167px;
	padding: 20px 0px 10px 40px;
}

.sidebar2 {
	float: left;
	width: 176px;
	padding: 10px 0 0 10px;
}
#content {position: relative; min-height: 100%; height: 100%; height: auto !important; z-index: 1; font-size:12px;}
    .contentHolder {float: left; width: 481px; padding: 10px 30px 5px 30px; }
    .sidebar {float: left; width: 185px; position: relative; z-index: 1;}
        .sidebar .webuser {width: 174px; height: 80px; background: #fff; padding: 20px 0 0 10px; position: relative; z-index: 1;}
        .infoBlock {width: 165px; display: block; position: relative;}
        .bigTitle {color: #3f3f3f; font-size: 18px; font-weight:bold; padding: 10px; display: block;}
        .date, .date a, .AGENDA_SMALL_LIST_StartDate {color: #C1272D; font-size: 12px !important; }
        .title, .title a, .AGENDA_SMALL_LIST_Title, .NIEUWS_info {color: #fff; text-decoration: none; font-size: 12px !important; font-weight: normal !important; text-decoration: none; padding-top:5px;}
        .title a:hover, .AGENDA_SMALL_LIST_Title:hover {text-decoration: underline;}
        .NIEUWS_NieuwsItems a {color: #fff;}
        .sidebar .divider {width: 60px; height: 1px; background: #fff; margin-left: 12px;}
        .AGENDA_detail a {color: #C1272D; text-decoration: none;}
        .AGENDA_detail_kop {vertical-align: top;}
        .colored {color: #C1272D;}
        #CMS_Content {line-height: 1.3em;}
    #footer a {color: #3E261A; text-decoration: none;}
    #footer .web {font-size: 13px; font-weight: bold;}
    #footer .user {font-size: 13px; font-weight: bold; color: #E31B23;}

.footercontainer {
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

.footer {
	background:url(../img/footer.png) no-repeat;
	height: 203px;
	width: 934px;
	padding: 10px 0px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
		margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.footerLinks {
	float:left;
}

.onder {
	padding: 140px 0 0 10px;
	font-size:12px;
	color: #515151;
}

.onder a {
	text-transform:none;
	text-decoration:none;
	padding-left: 20px;
	color:#414141;
}

.footerRechts {
	float:right;
	margin-right: 20px;
}

.adres {
	margin-top: 10px;
	width: 150px;
	font-size:12px;
	text-align:left;
	line-height: 19px;
	color: #676767;
}

.adres a {
	text-transform:none;
	color: #676767;
}

.poweredBy {
	padding: 30px 10px 0 10px;
	font-size:12px;
}

.poweredBy a {color: #3E261A; text-decoration: none;}
.poweredBy .web {font-size: 13px; font-weight: bold;}
.poweredBy .user {font-size: 13px; font-weight: bold; color: #E31B23;}

.plaatjes {
	width: 200px;
	padding: 40px 0 0 10px;
	float: left;
}

/*------------------------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 {}
.HOOFDMENU_hoofditem_td{width:200px; display:block; }
.HOOFDMENU_hoofditem {display: block; padding: 2px 10px 3px 10px; width: 80px; font-weight: bold; text-align: right; text-decoration:none; color: #FFF; 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 {display:block; padding:0 10px 10px;}
.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; margin-bottom: 2px;}
.AGENDA_SMALL_LIST_Title {display:block;}
.AGENDA_SMALL_LIST_field4 {display:block;}

/*------------------------Nieuws stijl------------------------------*/
#CMS_NieuwsItems {display:block; padding: 0 10px 10px; }
.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;}
.NIEUWS_table {font-weight:bold; }
.date{ color: #404040; }
.title a {color: #7e8081; padding-left:12px;}

/*------------------------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 {display:block; padding:10px; color: #fff;}
.vlak_marge, .accountLink {color: #fff; text-decoration: none;}
.accountLink:hover {color: #c7c7c7;}
.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: 580px;}
.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:#1a1a1a; color:#FFFFFF; font-weight:bold; vertical-align:middle; height: 25px;}
.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;}