/* ============================================	*/
/*  Kok Wooncenter Amersfoort / Hoogland						*/
/*  Developed by Semantico				*/
/*  http://www.semantico.nl										*/
/* ============================================	*/
/*  orange	#ec4a23											*/
/*	red		#cc0e2a											*/
/*  grey		#6a6a6a										*/
/*  Kok Richard grey	#786f68 									*/
/* ============================================	*/

* 	{margin:0; padding:0}
body	{background:#786f68 url(/media/bg_wrapper3.gif) top left repeat-x; font:11px verdana, arial, helvetica, sans-serif; color:#786f68}
html, body, wrapper, wrapper2 	{height:100%}

h1,h2,h3,h4,h5,h6 {padding:5px 0; font-weight:bold; color:#cc0e2a; font:11px arial black}
h1	{font-size: 160%}	h4	{font-size: 120%}
h2	{font-size: 130%}	h5	{font-size: 110%}
h3	{font-size: 260%}	h6	{font-size: 100%}

form {margin:0; padding:0}
img  {border:0px}
p 	{margin:0; padding:0}
ul 	{margin:0 0 0 15px}
ol 	{margin:0 0 0 38px}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

a:link, a:visited {text-decoration:none; color:#6a6a6a; text-align:left}
a:hover, a:active {text-decoration:none; text-align:left}

 /* ============================================	*/
/* Wrapper & Header	

#wrapper {background:url(/media/bg_wrapper.png) bottom left repeat-x}
#wrapper2 {background:url(/media/bg_wrapper2.png) top center no-repeat}*/

#introkok {display:none}

#header {background:url(/media/1bg_header.png) no-repeat; width:926px; height:35px; margin:0 auto; color:#cc0e2a; text-align:right}
	#header p {padding:10px 30px 0 0}
	#header a:link, #header a:visited {position:relative; color:white; background:none; text-decoration:none; padding:2px 5px}
	#header a:hover, #header a:active {position:relative; color:white; background:#cc0e2a;  text-decoration:none;}

	#header input {border:1px solid #d2d2d2; font:11px verdana; color:#6a6a6a; height:13px; margin:0; padding:1px 4px}
	#zoeken {background:#beb7b2}
	#header .btnsearch {border:0px; vertical-align:middle; margin:0 0 3px 0; height:12px}

/* ============================================	*/
/* Mainnav wrap	*/

#wrap_mainnav {background:black; width:100%; height:58px; margin:0px 0}
#contain_mainnav {width:926px; margin:0 auto}
#logo {float:left; width:270px; padding:5px 0 0 33px}

/* ============================================	*/
/* Mainnav wrap	*/



#nav {float:left; list-style:none; font:11px verdana; margin:0; padding:0; width:590px; background:url(/media/bg_nav_dividers.gif) 0 12px no-repeat}
	.navmain {font:13px arial black}
	.navsub, .navsubpic {font:11px verdana}
	
	.navmain a:link, .navmain a:visited {text-decoration:none; padding:20px 15px 20px 16px; display:block; color:white; background:none}
	.navmain a:hover, .navmain a:active {text-decoration:none; background:none}

	.navsub {width:170px; border:1px solid black}
		.navsub a:link, .navsub a:visited {width:145px; text-decoration:none; padding:11px 10px 11px 15px; display:block; color:black; background:white}
		.navsub a:hover, .navsub a:active {color:white; background:#786f68;  text-decoration:none}
	
	.navsubpic {width:235px; border:1px solid black}
		.navsubpic img {vertical-align:middle; border-right:2px solid white; margin:0 10px 0 0; color:blue}
		.navsubpic a:link, .navsubpic a:visited {width:228px;text-decoration:none; padding:0 0px 0 0; display:block; color:black; background:white; border-bottom:1px solid white; border-left:2px solid white; margin-left:5px}
		.navsubpic a:hover, .navsubpic a:active {color:white; background:#786f68;  text-decoration:none;border-left:2px solid white; margin-left:5px}
		
	#nav ul {color:blue; border-bottom:1px solid black; list-style:none; z-index:10;margin:0px;}
	#nav li {float:left; margin:0; padding:0}
	#nav li ul {position:absolute; left:-999em; margin:0; padding:0}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto; background:white}

	#nav .navmain:hover, #nav .navmain.sfhover {background:#cc0e2a url(/media/bg_mainnav.gif); cursor:pointer; margin:0 0 0 0px; padding:0}
	#nav .navsub li:hover, #nav .navsub li.sfhover {background:#656565; cursor:pointer; margin:0; padding:0; color:blue}
	#nav .navsubpic li:hover, #nav .navsubpic li.sfhover {background:#656565; cursor:pointer; margin:0; padding:0; color:blue}

	#nav_active, #sub_active {color:white; background:#cc0e2a url(/media/bg_mainnav.gif)}
	#navsub_active, #navsubpic_active {color:white; font-weight:bold; background:#786f68}

	#navtext {color:black; margin:10px}

/* 2nd level */
	#nav li ul ul {margin: -82px 0 0 235px; border:1px solid black}
	#nav, #nav ul {padding: 0; margin: 0; list-style: none; }
	#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}


/* ============================================	*/
/* Container	*/

#bg_containertop {background:url(/media/bg_containertop.png) no-repeat; width:926px; height:10px; margin:20px auto 0 auto; font-size:1px}
#bg_containermid {background:url(/media/bg_containermid.png) repeat; width:926px; margin:0 auto}
#bg_containerbot {background:url(/media/bg_containerbot.png) no-repeat; width:926px; height:20px; margin:0 auto}

#container {background:white; width:860px; margin:0 auto 0px auto; padding:12px 20px 10px 20px}

/* ============================================	*/
/* Content	*/

#content_left {float:left; width:256px; margin:0 14px 0 0; padding:0}
	#content_left h2 {margin:0 0 5px 0; padding:4px 0 4px 12px; background:black; color:white;}

#content_left_column {margin:10px 0; text-align:left; line-height:18px}
	#content_left_column a:link, #content_left_column a:visited {color:#cc0e2a; background:none; text-decoration:none; }
	#content_left_column a:hover, #content_left_column a:active {color:white; background:#cc0e2a; text-decoration:none}

.content_left_block {margin:20px 0; padding:0; width:250px; text-align:left; line-height:18px}
.content_left_block img {margin:0}
	.content_left_block a:link, .content_left_block a:visited {color:#cc0e2a; background:none; text-decoration:none; }
	.content_left_block a:hover, .content_left_block a:active {color:white; background:#cc0e2a; text-decoration:none}

.content_right_block {float:left; width:275px; margin:5px 10px 5px 0; padding:0; font-style:italic; text-align:left; line-height:18px}

#content_right {float:left; width:589px; margin:0 0 20px 0; padding:0; text-align:left; line-height:18px}
	#content_right h2 {margin:0 0 5px 0; padding:4px 0 4px 12px; background:#786f68; color:white;/* line-height:13px*/}
	#content_right a:link, #content_right a:visited {color:#cc0e2a; background:none; text-decoration:none}
	#content_right a:hover, #content_right a:active {color:white; background:#cc0e2a; text-decoration:none}

	#breadcrumb a:link, #breadcrumb a:visited {color:white; background:none; text-decoration:none}
	#breadcrumb a:hover, #breadcrumb a:active {color:white; background:none; text-decoration:none}


table a:link, table a:visited {color:#cc0e2a; background:none; text-decoration:none}
table a:hover, table a:active {color:white; background:#cc0e2a; text-decoration:none}

#box_addthis {width:150px; padding:5px 0 5px 440px;}
	#box_addthis a:link, #box_addthis a:visited {color:#000; background:none; text-decoration:none}
	#box_addthis a:hover, #box_addthis a:active {color:#000; background:none; text-decoration:underline}
	
/* ============================================	*/
/* Subnavigation	*/

#subnav {border-top:1px solid #dddddd; margin:0; padding: 0; list-style-type:none}
#subnav li {background:url(/media/ico_subnav.gif) 240px -61px no-repeat;  margin: 0px 0; border-bottom:1px solid #dddddd}
#subnav a:link, #subnav a:visited {border-left:5px solid #786f68 ; display:block; width:237px; padding:5px 0 5px 14px; text-decoration:none}
#subnav a:hover, #subnav a:active {border-left:5px solid #786f68 ; background:#d6d6d6 url(/media/ico_subnav.gif) 235px 7px no-repeat; color:black}

#subnav_sub {border-top:1px solid #dddddd; margin:1px 0; list-style-type: none}
#subnav_sub a:link, #subnav_sub a:visited {border:0px; width:236px; padding:5px 0 5px 20px; text-decoration:none;}
#subnav_sub a:hover, #subnav_sub a:active {border:0px; background:#d6d6d6 url(/media/ico_subnav.gif) 240px 7px no-repeat; color:black}

#subnav_sub2 {border-top:1px solid #dddddd; margin:1px 0; list-style-type: none}
#subnav_sub2 a:link, #subnav_sub2 a:visited {border:0px; width:221px; padding:5px 0 5px 35px; text-decoration:none;}
#subnav_sub2 a:hover, #subnav_sub2 a:active {border:0px; background:#d6d6d6 url(/media/ico_subnav.gif) 240px 7px no-repeat; color:black}

#subnav_active {background:#d6d6d6 url(/media/ico_subnav.gif) 235px -26px no-repeat; color:black; font-weight:bold}
#subnav_sub_active {background:#d6d6d6 url(/media/ico_subnav.gif) 240px 7px no-repeat; color:black; font-weight:bold}
#subnav_sub_active2 {background:#d6d6d6 url(/media/ico_subnav.gif) 240px 7px no-repeat; color:black; font-weight:bold}


/* ============================================	*/
/* Klanten reacties	*/

.tmblock {border:1px solid #333; clear:both}
.tmblockleft {float:left; width:260px; border:1px solid green}
.tmblockright {float:left; border:1px solid red}


/* ============================================	*/
/* Sitemap */	

/*#sitemap {background:url(/media/ico_list01.gif) -5px 0 no-repeat}*/
#sitemap ul {/*background:url(/media/ico_list01.gif) no-repeat;*/ margin:0; padding:0 0 0 10px}
#sitemap li {/*background:url(/media/ico_list03.gif) no-repeat; border-top:1px solid #ccc;*/ padding:0px}

#sitemap ul {/*background:url(/media/ico_list01.gif) no-repeat;*/ margin:0; padding:0 0 0 10px}
	#sitemap a:link, #sitemap a:visited {color:black; background:none; text-decoration:none}
	#sitemap a:hover, #sitemap a:active {color:white; background:#cc0e2a; text-decoration:none}


#sitemap {margin:0}
#sitemap ul {margin:0}
#sitemap ul li li a:link {background:white url(http://kok.icrew.nl/media/ico_list04.gif) 31px 4px no-repeat; width: 272px; margin: 0; padding:2px 0 2px 48px}
#sitemap li {background:url(http://kok.icrew.nl/media/ico_list01.gif) 0 8px no-repeat; width:320px; list-style-type: none}

#sitemap a:link {}
#sitemap a:hover {color:red; background:none}
#sitemap li a:link {display: block;  width: 300px; padding: 2px 0 2px 14px; text-decoration: none}

#sitemap li li a:link {display: block; color: #333; background:white url(http://kok.icrew.nl/media/ico_list02.gif) 14px 8px no-repeat; width: 290px; margin:0;padding: 2px 0 2px 30px; }
#sitemap li li a:hover {color:#cc0e2a; text-decoration:underline}


#sitemap ul {margin: 0;padding: 0;list-style-type: none;}
#sitemap a {display: block;color: #FFF;background-color: #036;width:300px; padding: 3px 12px 3px 8px;text-decoration: none;border-bottom: 1px solid #fff;font-weight: bold;}
#sitemap a:hover {text-decoration:underline; background:none; color:#cc0e2a}
#sitemap li li a {display: block;color: #FFF;background-color: #69C;width:300px; padding: 3px 3px 3px 17px;text-decoration: none;border-bottom: 1px solid #fff;font-weight: normal;}
#sitemap li li li a {display: block;color: #FFF;background-color: #69C;width:300px; padding: 3px 3px 3px 27px;text-decoration: none;border-bottom: 1px solid #fff;font-weight: normal;}
/*
*/

/* ============================================	*/
/* Footer	*/

#footer {width:860px; height:110px; margin:0 auto}

#address {float:left; width:256px; text-align:justify; line-height:18px}
	#address img {margin:0 0 0px 0}
	#address a:link, #address a:visited {color:white; background:none; text-decoration:none}
	#address a:hover, #address a:active {color:white; background:none; text-decoration:underline}

#banners_bottom {float:left; width:602px; margin:0; padding:0; text-align:right}
	#banners_bottom li {display:inline; list-style-type:none; padding: 0 0 0 5px}

/* ============================================	*/
/* Disclaimer	*/

#disclaimer {width:926px; height:46px; margin:0 auto; padding:10px 0; text-align:center; color:white}
	#disclaimer a:link, #disclaimer a:visited {color:white; background:none; text-decoration:none; padding:2px 5px}
	#disclaimer a:hover, #disclaimer a:active {color:white; background:black; text-decoration:none}

/* ============================================	*/
/* sIFR	*/

	.sIFR-active h1 {visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 20px}
	.sIFR-active h2 {visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 13px}
	.sIFR-active h3 {visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 18px}
	.sIFR-active h4 {visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 16px}
	.sIFR-active h5 {visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px}
	.sIFR-active h6 {visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 12px}


/* ============================================	*/
/* Contact pagina	*/

#contact_form input {font:11px verdana, arial, helvetica, sans-serif; color:#786f68; line-height:18px; margin:2px 0 2px 6px; padding: 3px; border:1px solid #6a6a6a}
#contact_form_txt, #contact_form_subject {font:11px verdana, arial, helvetica, sans-serif; color:#786f68; line-height:18px; padding: 3px; border:1px solid #6a6a6a}
#contact_left { float:left; width: 380px; margin-right:30px}
#contact_right {float:left; width: 179px; text-align:left}
#btn_submit {float:right}

/* ============================================	*/
/* Column template	*/

#content_right_col1wide, #content_right_col1, #content_right_col2, #content_right_col3 {float:left; text-align:left; overflow-x:hidden}

#content_right_col1wide {width:389px; margin:0 9px 0 0}

#content_right_col1 {width:190px; margin:0 9px 0 0}
#content_right_col2 {width:190px; margin:0 9px 0 0}
#content_right_col3 {width:190px}