/* ============================================	
    hannah SIRC - Voorthuizen
    Developed by iCREW Creative Web Development	
    Copyright - http://www.icrew.nl		
   ============================================	
	Red		af0707
	DarkGrey	363636
   ============================================	
*/

* {margin:0; padding:0}
body {font:12px verdana, arial, helvetica, sans-serif}


h1,h2,h3,h4,h5,h6 {padding:0 0 5px 0; color:#af0707; font-weight:normal}
h1	{font-size: 1.6em} h4	{font-size: 1.3em}
h2	{font-size: 1.5em} h5	{font-size: 1.2em}
h3	{font-size: 1.4em} h6	{font-size: 1.0em}


#columnRight_content ul	{margin:0 0 0 16px}
#columnRight_content ol	{margin:0 0 0 35px; text-align:left}

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

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

hr {margin:10px 0}
td {font:12px verdana, arial, helvetica, sans-serif}


#portal_headline {display:none}

/* Body
 ============================================ */
#bg_portal_red {background:white url(/media/bg_portal_red.png) repeat-x;}

#bg_sub_red {background:white url(/media/bg_sub_red.png) repeat-x;}
#bg_sub_blue {background:white url(/media/bg_sub_blue.png) repeat-x;}
#bg_sub_grey {background:white url(/media/bg_sub_grey.png) repeat-x;}
	
/* Wrapper & Header
 ============================================ */
#wrapper {position:relative;}
#header_portal {position:relative; width:900px; height:461px; margin:0 auto;}
#header_sub {position:relative; width:900px; height:361px; margin:0 auto;}

	#logo_bg {position:absolute; top:0; left:190px; background:url("/media/bg_logo_red.png") no-repeat; width:503px; height:125px; z-index:100}
	#logo_bg_blue {position:absolute; top:0; left:190px; background:url("/media/bg_logo_blue.png") no-repeat; width:503px; height:125px; z-index:100}

	#logo {position:absolute; top:20px; left:350px; background:url("/media/logo_big.png") no-repeat; width:205px; height:75px; cursor:pointer; z-index:100}
	
	#header_items {position:absolute; top:10px; left:690px; width:210px; height:50px; padding:5px 0 0 0; background:url("/media/ico_bg_headeritems.png") 44px 0 no-repeat; z-index:100}
	#header_items img {border:0px; margin:3px 1px}
		#header_items a:link, #header_items a:visited {position:relative; color:white; background:none; text-decoration:none;}
		#header_items a:hover, #header_items a:active {position:relative; color:white; background:none;  text-decoration:none;}

	#fieldHolder {position:absolute; top:4px; left:50px; width:155px; background:url("/media/bg_searchborder.gif") no-repeat}
	#searchInput {width: 110px; margin:2px 10px 0 8px; padding:0px 0; border:0; color:#363636}
	#btnSearch {vertical-align:top}
	
/* Flash banner
 ============================================ */
#portal_banner {position:absolute; top:0; width:900px; height:475px; /*background:url("/flash/portal_01.jpg") no-repeat; */ z-index:1;}
#sub_banner {position:absolute; top:0; width:900px; height:375px; /*background:url("/flash/portal_01.jpg") no-repeat; */ z-index:1;}
 
 /* Menu
 ============================================ */
#nav {position:absolute; top:400px; width:900px; height:69px; background:url("/media/nav.png"); z-index:100}
#nav li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
#nav li, #nav a {height:70px;	display:block;}

#nav_portal {position:absolute; top:400px; width:900px; height:69px; background:url("/media/nav.png"); z-index:100}
#nav_portal li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
#nav_portal li, #nav_portal a {height:70px; display:block;}

#nav_sub {position:absolute; top:300px; width:900px; height:69px; background:url("/media/nav.png"); z-index:100}
#nav_sub li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
#nav_sub li, #nav_sub a {height:70px;	display:block;}

#nav01 {text-indent:-300em; overflow:hidden; left:0px; width:104px;}
#nav02 {text-indent:-300em; overflow:hidden; left:104px; width:152px;}
#nav03 {text-indent:-300em; overflow:hidden; left:256px; width:112px;}
#nav04 {text-indent:-300em; overflow:hidden; left:368px; width:139px;}
#nav05 {text-indent:-300em; overflow:hidden; left:507px; width:126px;}
#nav06 {text-indent:-300em; overflow:hidden; left:633px; width:158px;}
#nav07 {text-indent:-300em; overflow:hidden; left:790px; width:110px;}

#nav01 a:hover {background:transparent url("/media/nav_overhannah.png") no-repeat; z-index:1001}
#nav02 a:hover {background:transparent url("/media/nav_hoofdkantoor.png") no-repeat; z-index:1001}
#nav03 a:hover {background:transparent url("/media/nav_products.png") no-repeat; z-index:1001}
#nav04 a:hover {background:transparent url("/media/nav_opleidingen.png") no-repeat; z-index:1001}
#nav05 a:hover {background:transparent url("/media/nav_huidcoach.png") no-repeat;}
#nav06 a:hover {background:transparent url("/media/nav_coachingcenter.png") no-repeat;}
#nav07 a:hover {background:transparent url("/media/nav_webshop.png") no-repeat;}

.nav01on {background:transparent url("/media/nav_overhannah.png") no-repeat}
.nav02on {background:transparent url("/media/nav_hoofdkantoor.png") no-repeat}
.nav03on {background:transparent url("/media/nav_products.png") no-repeat;}
.nav04on {background:transparent url("/media/nav_opleidingen.png") no-repeat;}
.nav05on {background:transparent url("/media/nav_huidcoach.png") no-repeat;}
.nav06on {background:transparent url("/media/nav_coachingcenter.png") no-repeat;}
.nav07on {background:transparent url("../media/nav_webshop.png") no-repeat;}

/* content
 ============================================ */
#wrap_contentbg {background:white url("/media/bg_wrap_content_main.gif") repeat-y; width:950px; height:100%; margin:0 auto}
#wrap_content {background:white url("/media/bg_wrap_content.gif") repeat-y; width:900px; height:100%; margin:0 auto}

#content_columnLeft {float:left; background:white; width:250px}
#content_columnRight {float:left; background:none; width:650px}
  
 /* columnLeft
 ============================================ */
#columnLeft_submenu, #columnLeft_news, #columnLeft_searchdepo, #columnLeft_buttons {width:210px; margin:20px}

#columnLeft_submenu {}
#columnLeft_submenu li {background:url("/media/ico_bullet02.gif") 0 4px no-repeat; border-bottom:1px solid #dfdfdf; margin:0; padding:2px 16px; list-style-type:none}
	#columnLeft_submenu a:link, #columnLeft_submenu a:visited {color:black; background:none; text-decoration:none}
	#columnLeft_submenu a:hover, #columnLeft_submenu a:active {color:#af0707; background:none; text-decoration:none}

	.submenu_active {color:#af0707; font-weight:bold}

#columnLeft_news {color:black}
#columnLeft_news li {background:url("/media/ico_bullet01.gif") 0 6px no-repeat; border-bottom:1px solid #dfdfdf; margin:0; padding:2px 16px; list-style-type:none}
	#columnLeft_news a:link, #columnLeft_news a:visited {color:black; background:none; text-decoration:none}
	#columnLeft_news a:hover, #columnLeft_news a:active {color:#af0707; background:none; text-decoration:none}

	.news_active {color:#af0707; font-weight:bold}	

#columnLeft_searchdepo {line-height:18px; text-align:justify}
	fieldset {border:0px; margin:10px 0}
	.contactForm ul {list-style:none;}
	.contactForm ul label { display:block; float:left; width:95px; padding:3px 0;}
	.txtField {display:block; float:left; padding:2px; width:105px; margin:2px 0;  border:1px solid #c4c4c4}
	#box_zoekspecialist_zoek {border:1px solid #c4c4c4; background:#ccc; width:110px; margin:5px 0 0 95px; padding:2px; font:12px verdana, arial, helvetica, sans-serif}

	#box_extranet {border:1px solid #c4c4c4; background:#ccc; width:110px; margin:5px 0 0 95px; padding:2px; font:12px verdana, arial, helvetica, sans-serif}

 #columnLeft_buttons {}
	#columnLeft_buttons img {border:0px; margin:5px 0}
 
 /* columnRight
============================================ */
 #columnRight_content {margin: 20px 20px 20px 30px; text-align:justify; line-height:18px}
 
  /* Footer
 ============================================ */
#wrap_footer {background:url("/media/bg_footer.png") no-repeat; width:950px; height:200px; margin:0 auto}
	
	#footer_items {width:910px; height:37px; text-align:right; padding:0 40px 0 0}
	#footer_items li {display:inline; color:white}
	#footer_items img {vertical-align:middle; border:0px; margin:12px 0; padding:0 5px}
		#footer_items a:link, #footer_items a:visited {color:white; background:none; text-decoration:none; padding:3px 5px}
		#footer_items a:hover, #footer_items a:active {color:white; background:#888;  text-decoration:none;}
		
	#footer_address {width:910px; height:80px; word-spacing:1px; text-align:right; padding:20px 40px 0 0; color:#dbdbdb; line-height:26px}
	#footer_address span {word-spacing:4px; margin:0 5px}
		#footer_address a:link, #footer_address a:visited {color:#dbdbdb; background:none; text-decoration:underline; padding:3px 5px}
		#footer_address a:hover, #footer_address a:active {color:white; background:#888;  text-decoration:none;}

		
	#footer_disclaimer {float:left; width:630px; padding:0 0 0 50px; line-height:26px; color:#939393}
		#footer_disclaimer a:link, #footer_disclaimer a:visited {color:#939393; background:none; text-decoration:underline; padding:3px 5px}
		#footer_disclaimer a:hover, #footer_disclaimer a:active {color:white; background:#888;  text-decoration:none;}
		
	#footer_member {float:left; width:450px}

	#member {float:left; display:block; background:url("/media/logo_member.png") no-repeat; width:121px; height:13px; margin:20px 0 0 0}
	#member_ncv {float:left; display:block; background:url("/media/logo_member_ncv.png") no-repeat; width:144px; height:30px; margin:10px 10px 10px 35px; cursor:pointer;}
	#member_btea {float:left; display:block; background:url("/media/logo_member_btea.png") no-repeat; width:101px; height:51px; margin:5px 10px 5px 13px; cursor:pointer}


/* Pagina - Contact
 ============================================ */

.txtField_contact {display:block; float:left; padding:2px; width:220px; margin:2px 0;  border:1px solid #c4c4c4}
#txtArea { padding:2px; border:1px solid #c4c4c4; font:12px verdana, arial, helvetica, sans-serif}

/* PrettyPhoto Gallery / SHADOWBOX
 ============================================ */

#list1a ul {margin:0; padding:0}

#columnRight_content #gallery {margin:0 0 5px 0; padding:0}
#columnRight_content #gallery li {float:left; margin:0 5px 0 0; list-style-type:none}

#persgallery {font:11px verdana; color:#333; margin:10px 0; padding:0}
#persgallery li {float:left; margin: 0 25px 0 0; padding:0; list-style-type:none; height:190px}
#persgallery a:link, #persgallery a:visited {text-decoration:none}
#persgallery a:hover, #persgallery a:active {background:none; text-decoration:none}



/* Webshop Categorie OVERZICHT
============================================ */

.main_cat {width:100%}
.main_catIMG {float:left; width:90px}
.main_catDESC {float:left; width:510px}

.hr {background:#dfdfdf; height:1px; width:100%; margin:10px 0; font-size:0px}
.hr2 {background:#dfdfdf; height:1px; width:100%; margin:2px 0; font-size:0px}

#shopnavbar {margin:0 0 20px 0} 
	#shopnavbarLeft {float:left; width:240px; display:block}
	#shopnavbarRight {float:left; width:360px; text-align:right}


/* Webshop PRODUCT DETAIL
============================================ */

#pdet_cont {width:600px; height:380px}
	#pdet_img, #pdet_img img, #pdet_desc {float:left; margin:0; padding:0}
	#pdet_img {width:360px; margin:0 20px 0 0}

	#pdet_fulldesc img, #pdet_order img {vertical-align:middle}

	#pdet_fulldesc {float:left; width:200px; margin:0; padding:0 10px; text-align:left}
	#pdet_fulldesc a:link, #pdet_fulldesc a:visited {color:#af0707; text-decoration:none}
	#pdet_fulldesc a:hover, #pdet_fulldesc a:active {color:#af0707; text-decoration:underline}


	#pdet_desc {float:left; background:#af0707; width:200px; margin:0; padding:10px; text-align:left; color:white}
	#pdet_desc h3 {color:white; margin:0; padding:0}


	#pdet_order {float:left; width:200px; background:green; margin:10px 0; padding:10px; background:#af0707;}

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

/* Webshop PRODUCT OVERZICHT
============================================ */

.catIMG {float:left; width:200px;}
.catDESC {float:left; width:400px;}

.pover_prods {float:left; width:280px; height:80px; margin:8px 8px 0 0; padding:4px; border:1px solid #af0707; text-align:left}
.pover_prods img {float:left; margin:0 6px 0 0; padding:0}
.pover_prods h1, .pover_prods h2, .pover_prods h3, .pover_prods h4, .pover_prods h5, .pover_prods h6 {margin:0; padding:0; font-weight:bold}


/* Webshop PRODUCT ORDER
============================================ */

#order {background:#af0707; margin:5px 0}
#order a:link, #order a:visited {color:white}
#order a:hover, #order a:active {color:white; text-decoration:underline}



.txtField2 {padding:2px; width:20px; border:1px solid #c4c4c4}


/* Rounded corners
============================================ */

#jquery-corner {position: relative;}
.jquery-corner {position: relative;}


.basic {width: 600px; margin:0 0 20px 0}


.basic p {
margin: 5px 0 10px 0; margin: 0px; padding:10px 0}
	.basic a {
cursor:pointer; display:block; padding:3px;
 font-weight:bold;
 color:#af0707;
 border-bottom: 1px solid #ccc}

	.basic a:hover {

color:white;
 background-color: #af0707}
	.basic a.selected {
color:white;
 background-color: #af0707}



	.basic p a {display:inline; padding:0; font-weight:bold; border:0}

	.basic p a:hover {

color:white;
 background-color: #af0707}
	.basic p a.selected {
color:white;
 background-color: #af0707}




/* Extranet formulier
============================================ */
.ex_table {margin:0 0 0px 0; border:1px solid #fafafa}
.ex_table td {text-align:right; border:1px solid #fafafa}

.ex_table_strong {font-weight:bold}
.txtField3 {padding:2px; width:20px; border:1px solid #c4c4c4; background:#ffff99}