@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
body{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3d444f;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
}

a{ color:#009fc3; text-decoration:underline;}
a:hover{ color:#009fc3; text-decoration:none;}
p{ margin:0 0 14px 0; padding:0px;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:44px; line-height:48px;}
h2{ font-size:38px; line-height:42px;}
h3{ font-size:32px; line-height:36px;}
h4{ font-size:26px; line-height:30px;}
h5{ font-size:20px; line-height:24px;}
h6{ font-size:14px; line-height:20px;}

h1, h2, h3, h4, h5, h6{ margin:0 0 5px 0; padding:0px;}

.pngfix{ behavior:url(http://www.samskledingactie.nl/Include/iepngfix.htc);}
.clear{ clear:both; height:0px;}

.blauw{ color:#009fc3;}
.grijs{ color:#3d444f;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	width:886px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:0 auto 0 auto;
	padding:0px;
}
#header{
	background:#f7f7f7;
	width:886px;
	height:256px;
	margin:0 0 9px 0;
	padding:0px;
}
#links{
	width:250px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:0px;
	padding:0px;
	float:left;
}
#midden{
	width:422px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:0px;
	padding:0 10px 0 10px;
	float:left;
}
#rechts{
	width:194px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:0px;
	padding:0px;
	float:left;
}
#footer{
	background:url(../Images/footer_bg.jpg) no-repeat;
	width:886px;
	height:120px;
	margin:0px;
	padding:0px;
	font-size:10px;
}

/**************************************************************
** Header styles
***************************************************************/
#header_links{
	width:255px;
	height:228px;
	margin:0px;
	padding:0px;
	float:left;
}
input.zoekform{
	background:#ffffff;
	width:158px;
	height:16px;
	margin:0px;
	padding:2px 6px 0 6px;
	border:1px solid #a1b1be;
	font-size:11px;
}
.zoeksubmit{
	cursor:pointer;
}
#header_rechts{
	width:631px;
	height:228px;
	margin:0px;
	padding:0px;
	float:left;
}
#menu{
	background:url(../Images/menu_bg.jpg) no-repeat;
	width:886px;
	height:28px;
	margin:0px;
	padding:0px;
	float:left;
}
#menu ul{
	margin:0px;
	padding:0px;
}
#menu ul li.hoofditem, #menu ul li.hoofditem_over{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
	position:relative;
	z-index:12;
}
#menu ul li.hoofditem a{
	height:28px;
	line-height:26px;
	color:#ffffff;
	margin:0px;
	padding:0 4px 0 22px;
	text-transform:uppercase;
	display:block;
	float:left;
	font-size:12px;
	text-decoration:none;
}
#menu ul li.hoofditem a:hover, #menu ul li.hoofditem a.aan{
	background:url(../Images/menu_aan.png) left no-repeat;
	behavior:url(http://www.samskledingactie.nl/Include/iepngfix.htc);
	padding:0 4px 0 22px;
}
#menu ul li.hoofditem_over a{
	background:url(../Images/menu_aan_2.jpg) left no-repeat;
	behavior:url(http://www.samskledingactie.nl/Include/iepngfix.htc);
	height:28px;
	line-height:26px;
	color:#ffffff;
	margin:0px;
	padding:0 4px 0 22px;
	text-transform:uppercase;
	display:block;
	float:left;
	font-size:12px;
	text-decoration:none;
}
/* Begin van submenu styles */
ol.submenu{
	position:absolute;
	width:136px;
	margin:0px;
	padding:0px; 
  	top:25px;
  	left:0px;
	display:none;
}
#menu ul li.hoofditem_over ol.submenu{
	background:url(../Images/submenu_bg.png) left bottom no-repeat;
	width:200px;
  	display:block;
	margin:0px;
	padding:0 10px 24px 5px;
  	position:absolute; 
  	top:25px;
  	left:0px;
}
#menu ul li.hoofditem_over ol.submenu li.subitem{
	float:left;
	list-style-type:none;
}
#menu ul li.hoofditem_over ol.submenu li.subitem a{
	background:url(../Images/nix.gif);
	width:200px;
	height:27px;
	line-height:27px;
	margin:4px 0 4px 0;
	padding:0px;
	color:#ffffff;
	text-align:left;
	overflow:hidden;
	}
#menu ul li.hoofditem_over ol.submenu li.subitem a:hover{
	background:url(../Images/submenu_over.jpg);
	width:176px;
	padding:0 0 0 24px;
	}

/**************************************************************
** Links styles
***************************************************************/
.content_links{
	background:#f7f7f7;
	width:250px;
	min-height:100px;
    height:auto !important;
	height:100px;
	margin:0 0 16px 0;
	padding:0 0 12px 0;
	text-align:center;
}
.geen_ruimte_onder{
	padding:0px;
}
.content_links h1{
	background:url(../Images/links_titel_bg.jpg) no-repeat;
	width:220px;
	height:27px;
	line-height:27px;
	margin:0 0 12px 0;
	padding:0 0 0 30px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
}
.content_links p, .content_rechts p{
	padding:0 12px 0 12px;
	text-align:left;
}
.content_links table, .content_rechts table{
	margin-left:12px;
	display:inline;
	text-align:left;
	float:left;
}
input.nieuwsform{
	background:#ffffff;
	width:153px;
	height:16px;
	margin:0px;
	padding:2px 6px 0 6px;
	border:1px solid #a1b1be;
	font-size:11px;
}

/**************************************************************
** Midden styles
***************************************************************/
.content_midden{
	background:#f7f7f7;
	width:422px;
	min-height:100px;
    height:auto !important;
	height:100px;
	margin:0 0 16px 0;
	padding:0 0 12px 0;
}
#midden h1{
	background:url(../Images/midden_titel_bg.jpg) left no-repeat #ffffff;
	width:392px;
	height:27px;
	line-height:27px;
	margin:0 0 2px 0;
	padding:0 0 0 30px;
	color:#009fc3;
	font-size:12px;
	text-transform:uppercase;
}
#midden p{
	padding:0 0 0 4px;
}
.nieuwsvak{
	width:417px;
	min-height:100px;
    height:auto !important;
	height:100px;
	margin:0 0 10px 3px;
	padding:0px;
}
.nieuws_top_groen{ background:url(../Images/nieuws_groen_top.jpg) bottom no-repeat; width:417px; height:5px; margin:0px; padding:0px;}
.nieuws_midden_groen{ background:url(../Images/nieuws_groen_midden.jpg) repeat-y; width:417px; min-height:90px; height:auto !important; height:90px; margin:0px; padding:0px;}
.nieuws_bottom_groen{ background:url(../Images/nieuws_groen_bottom.jpg) no-repeat; width:417px; height:5px; margin:0px; padding:0px;}

.nieuws_top_oranje{ background:url(../Images/nieuws_oranje_top.jpg) bottom no-repeat; width:417px; height:5px; margin:0px; padding:0px;}
.nieuws_midden_oranje{ background:url(../Images/nieuws_oranje_midden.jpg) repeat-y; width:417px; min-height:90px; height:auto !important; height:90px; margin:0px; padding:0px;}
.nieuws_bottom_oranje{ background:url(../Images/nieuws_oranje_bottom.jpg) no-repeat; width:417px; height:5px; margin:0px; padding:0px;}

.nieuws_top_blauw{ background:url(../Images/nieuws_blauw_top.jpg) bottom no-repeat; width:417px; height:5px; margin:0px; padding:0px;}
.nieuws_midden_blauw{ background:url(../Images/nieuws_blauw_midden.jpg) repeat-y; width:417px; min-height:90px; height:auto !important; height:90px; margin:0px; padding:0px;}
.nieuws_bottom_blauw{ background:url(../Images/nieuws_blauw_bottom.jpg) no-repeat; width:417px; height:5px; margin:0px; padding:0px;}

.afbeelding{
	width:132px;
	margin:0px;
	padding:0 12px 0 8px;
	float:left;
}
.afbeelding img{
	width:132px;
}
.tekst{
	width:257px;
	margin:0px;
	padding:0 8px 0 0;
	float:left;
	color:#ffffff;
}
.tekst.blogtekst{ width:401px; min-height:10px; height:auto !important; height:10px; padding:0 8px;}
.afbeelding2{
	width:100px;
	margin:0px;
	padding:0 12px 0 8px;
	float:left;
}
.afbeelding2 img{
	width:100px;
}
.tekst2{
	width:289px;
	margin:0px;
	padding:0 8px 0 0;
	float:left;
	color:#ffffff;
}
.tekst h2, .tekst2 h2{
	font-size:12px;
	line-height:normal;
	text-transform:uppercase;
}
#midden .tekst p, #midden .tekst2 p{
	padding:0px;
}
.tekst a, .tekst2 a{
	color:#ffffff;
}

.overzicht ul, .overzicht_groen ul, .overzicht_grijs ul{ width:422px; margin:0 0 7px 0; padding:0px;}
.overzicht ul li, .overzicht_groen ul li, .overzicht_grijs ul li{ width:422px; float:left; clear:left; list-style-type:none;}
.overzicht ul li a, .overzicht_groen ul li a, .overzicht_grijs ul li a{ background:url(../Images/overzicht.jpg) no-repeat; width:422px; height:22px; text-decoration:none; display:block; padding:0px; color:#3d444f;}
.overzicht ul li a:hover{ background:url(../Images/overzicht_over.jpg) no-repeat; color:#ffffff; text-transform:uppercase;}
.overzicht_groen ul li a:hover{ background:url(../Images/overzicht_over_2.jpg) no-repeat; color:#ffffff; text-transform:uppercase;}
.overzicht_grijs ul li a:hover{ background:url(../Images/overzicht_over_3.jpg) no-repeat; color:#3d444f; text-transform:uppercase;}

.overzicht ul li a span, .overzicht_groen ul li a span, .overzicht_grijs ul li a span{ cursor:pointer; height:22px; line-height:22px; overflow:hidden;}
.overzicht ul li a span.plaats, .overzicht_groen ul li a span.plaats{ background:url(../Images/blauw_pijltje.gif) no-repeat 5px 7px; float:left; display:block; width:150px; margin:0px; padding:0 0 0 14px;}
.overzicht ul li a span.plaats_over, .overzicht_groen ul li a span.plaats_over{ background:url(../Images/nix.gif); float:left; display:block; width:150px; margin:0px; padding:0 0 0 14px;}
.overzicht ul li a span.straat, .overzicht_groen ul li a span.straat{ float:left; display:block; width:164px;}
.overzicht ul li a span.datum, .overzicht_groen ul li a span.datum, .overzicht_grijs ul li a span.datum{ float:left; display:block; width:94px; text-align:right;}
.overzicht ul li a span.datum_over, .overzicht_groen ul li a span.datum_over, .overzicht_grijs ul li a span.datum_over{ float:left; display:block; width:80px; text-align:right; margin:0px; padding:0 14px 0 0;}
.overzicht ul li a span.clear, .overzicht_groen ul li a span.clear, .overzicht_grijs ul li a span.clear{ clear:both; display:block; width:422px; height:1px; overflow:hidden;}

.overzicht_grijs ul li a span.plaats{ background:url(../Images/blauw_pijltje.gif) no-repeat 5px 7px; float:left; display:block; width:254px; margin:0px; padding:0 0 0 14px;}
.overzicht_grijs ul li a span.plaats_over{ background:url(../Images/nix.gif); float:left; display:block; width:254px; margin:0px; padding:0 0 0 14px;}
.overzicht_grijs ul li a span.straat{ float:left; display:block; width:60px;}

.corner_small{ width:8px; height:8px; font-size:1px; z-index:999; position:absolute; background:url(../Images/corners_small.png) no-repeat}
.tl{ top: 0; left: 0; background-position: 0 0;}
.tr{ top: 0; right: 0; background-position: 100% 0;}
.bl{ bottom: 0; left: 0; background-position: 0 100%;}
.br{ bottom: 0; right: 0; background-position: 100% 100%;}

.overzicht_blog ul{ width:174px; margin:0 0 7px 0; padding:0 10px;}
.overzicht_blog ul li{ position:relative; width:174px; float:left; clear:left; margin:0 0 2px 0; padding:0px; list-style-type:none;}
.overzicht_blog ul li.social_icons a{ background:none; width:auto !important; padding:0px; float:left; border:none;}
.overzicht_blog ul li a{ background:url(../Images/mini_sam_2.jpg) 5px 50% no-repeat #ffffff; width:142px; min-height:22px; height:auto !important; height:22px; text-decoration:none; display:block; margin:0px; padding:8px 8px 8px 22px; color:#3d444f; text-align:left; border:1px solid #65c4da;}
.overzicht_blog ul li a:hover{ background:url(../Images/mini_sam.jpg) 5px 50% no-repeat #65c4da; color:#ffffff;}

table.contactform{
	margin:0 0 0 4px;
	padding:0px;
}
input.contactform{
	background:#ffffff;
	width:269px;
	height:18px;
	margin:0px;
	padding:0px;
	float:left;
	border:1px solid #a1b1be;
	font-size:11px;
}
textarea.contactform{
	background:#ffffff;
	width:269px;
	height:118px;
	margin:0 0 10px 0;
	padding:0px;
	border:1px solid #a1b1be;
	font-size:11px;
}
.contact_id{
	width:96px;
	height:18px;
	margin:0px;
	padding:0 0 6px 0;
	font-weight:bold;
	text-align:left;
}
.contact_input{
	width:292px;
	height:18px;
	margin:0px;
	padding:0 0 6px 0;
	text-align:left;
}
.contactform_straat{
	background:#ffffff;
	width:202px;
	height:16px;
	margin:0px;
	padding:0px;
	border:1px solid #a1b1be;
	font-size:11px;
	float:left;
}
.contact_nummer{
	width:19px;
	height:16px;
	margin:0px;
	padding:2px 0 0 10px;
	font-weight:bold;
	text-align:left;
	float:left;
}
.contactform_nummer{
	background:#ffffff;
	width:36px;
	height:16px;
	margin:0px;
	padding:0px;
	border:1px solid #a1b1be;
	font-size:11px;
	float:left;
}
.contactform_postcode{
	background:#ffffff;
	width:67px;
	height:16px;
	margin:0px;
	padding:0px;
	border:1px solid #a1b1be;
	font-size:11px;
	float:left;
}
.contact_plaats{
	width:36px;
	height:16px;
	margin:0px;
	padding:2px 0 0 12px;
	font-weight:bold;
	text-align:left;
	float:left;
}
.contactform_plaats{
	background:#ffffff;
	width:152px;
	height:16px;
	margin:0px;
	padding:0px;
	border:1px solid #a1b1be;
	font-size:11px;
	float:left;
}

/**************************************************************
** Rechts styles
***************************************************************/
.content_rechts{
	background:#f7f7f7;
	width:194px;
	min-height:50px;
    height:auto !important;
	height:50px;
	margin:0 0 16px 0;
	padding:0 0 12px 0;
	text-align:center;
}
.content_rechts h1{
	background:url(../Images/rechts_titel_bg.jpg) no-repeat;
	width:164px;
	height:27px;
	line-height:27px;
	margin:0 0 12px 0;
	padding:0 0 0 30px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
}
.content_rechts h1.blog{ background:url(../Images/rechts_titel_blog.jpg) 0 0 no-repeat; width:140px; padding:0 0 0 54px;}

/**************************************************************
** Footer styles
***************************************************************/
#footer_links{
	width:144px;
	height:88px;
	margin:0px;
	padding:20px 0 0 16px;
	float:left;
}
#footer a{ color:#616161; text-decoration:none; margin:0 5px 0 0;}
#footer a.bp{ color:#909090; text-decoration:underline;}
#footer a:hover, #footer a.aan{ color:#009fc3; text-decoration:none;}

/*************************************************************
** Kaart informatie NL en Kaart informatie BE
***************************************************************/
#kaart_nl{
	position:relative;
	background:url(../Images/Plattegronden/kaart_nl_geheel.jpg) no-repeat;
	width:279px;
	height:311px;
	margin:0 auto 10px auto;
	padding:0px;
}
#overlay_nl{
	position:absolute;
	z-index:10;
	width:279px;
	height:311px;
	left:0px;
	top:0px;
}
#kaart_nl_klein{
	position:relative;
	background:url(../Images/Plattegronden/Klein/kaart_nl_geheel.jpg) no-repeat;
	width:165px;
	height:185px;
	margin:0 auto 10px auto;
	padding:0px;
}
#overlay_nl_klein{
	position:absolute;
	z-index:10;
	width:165px;
	height:185px;
	left:0px;
	top:0px;
}
/* Locaties in NEDERLAND */
#locatie_1{
	position:absolute;
	z-index:9;
	width:60px;
	height:118px;
	left:88px;
	top:32px;
}
#locatie_2{
	position:absolute;
	z-index:9;
	width:100px;
	height:86px;
	left:122px;
	top:0px;
}
#locatie_3{
	position:absolute;
	z-index:9;
	width:89px;
	height:77px;
	left:41px;
	top:127px;
}
#locatie_4{
	position:absolute;
	z-index:9;
	width:52px;
	height:46px;
	left:111px;
	top:133px;
}
#locatie_5{
	position:absolute;
	z-index:9;
	width:57px;
	height:68px;
	left:130px;
	top:75px;
}
#locatie_6{
	position:absolute;
	z-index:9;
	width:122px;
	height:90px;
	left:123px;
	top:112px;
}
#locatie_7{
	position:absolute;
	z-index:9;
	width:81px;
	height:89px;
	left:182px;
	top:78px;
}
#locatie_8{
	position:absolute;
	z-index:9;
	width:63px;
	height:70px;
	left:204px;
	top:39px;
}
#locatie_9{
	position:absolute;
	z-index:9;
	width:71px;
	height:78px;
	right:0px;
	top:9px;
}
#locatie_10{
	position:absolute;
	z-index:9;
	width:127px;
	height:77px;
	left:61px;
	top:182px;
}
#locatie_11{
	position:absolute;
	z-index:9;
	width:48px;
	height:101px;
	left:155px;
	bottom:0px;
}
#locatie_12{
	position:absolute;
	z-index:9;
	width:64px;
	height:70px;
	left:0px;
	top:181px;
}
/* Locaties in NEDERLAND KLEIN */
#locatie_1_klein{
	position:absolute;
	z-index:9;
	width:34px;
	height:68px;
	left:53px;
	top:22px;
}
#locatie_2_klein{
	position:absolute;
	z-index:9;
	width:58px;
	height:50px;
	left:73px;
	top:2px;
}
#locatie_3_klein{
	position:absolute;
	z-index:9;
	width:52px;
	height:46px;
	left:25px;
	top:76px;
}
#locatie_4_klein{
	position:absolute;
	z-index:9;
	width:30px;
	height:27px;
	left:66px;
	top:80px;
}
#locatie_5_klein{
	position:absolute;
	z-index:9;
	width:32px;
	height:39px;
	left:78px;
	top:46px;
}
#locatie_6_klein{
	position:absolute;
	z-index:9;
	width:72px;
	height:53px;
	left:73px;
	top:67px;
}
#locatie_7_klein{
	position:absolute;
	z-index:9;
	width:48px;
	height:53px;
	right:10px;
	top:47px;
}
#locatie_8_klein{
	position:absolute;
	z-index:9;
	width:37px;
	height:41px;
	right:7px;
	top:24px;
}
#locatie_9_klein{
	position:absolute;
	z-index:9;
	width:42px;
	height:45px;
	right:0px;
	top:6px;
}
#locatie_10_klein{
	position:absolute;
	z-index:9;
	width:75px;
	height:45px;
	left:36px;
	bottom:31px;
}
#locatie_11_klein{
	position:absolute;
	z-index:9;
	width:27px;
	height:58px;
	right:46px;
	bottom:1px;
}
#locatie_12_klein{
	position:absolute;
	z-index:9;
	width:38px;
	height:41px;
	left:1px;
	bottom:35px;
}
/* Popup vakjes */
.kaart_info{
	display:none;
	position:absolute;
	width:146px;
	min-height:99px;
	height:auto !important;
	height:99px;
	z-index:10;
}
.kaart_info_tekst{
	background:url(../Images/kaart_info_tekst_bg.png) no-repeat;
	width:110px;
	height:28px;
	margin:0px;
	padding:4px 0 0 0;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
}