/* @override http://ihwesterkwartier.dev/css/wiz/wiz-style.1.css */

@charset "UTF-8";

/* @override 
	http://welkom.dev/css/wiz/wiz-style.1.css
	http://www.welkominzuidhorn.nl/css/wiz/wiz-style.1.css
*/

body {
	font: 14px/18px sans-serif;
	color: #333;
	padding-bottom: 44px;
}

i,em {
	font-style: italic;
}

b,strong {
	font-weight: bold;
}

a {
	color: #1d6b6e;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

h1,h2,h3,h4, p {
	padding-bottom: .8em;
	line-height: 1em;
}

h1,h2,h3,h4 {
	
}

h1 {
	font-size: 24px;
	padding-bottom: .4em;
}

h2 {
	font-size: 20px;
	padding-bottom: .3em;
}

/* bedrijfspresentatie ruimte */

div > h2 {
	padding-top: 12px;
}

/* override homelist */

div.home_side > h2 {
	padding-top: 0;
}

h3 {
	font-size: 16px;
	padding-bottom: .4em;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	padding-bottom: .2em;
}

p {
	line-height: 1.3em;
}

.div_imgright {
	overflow: auto;
	margin-bottom: 12px;
}

/*.p_imgright:after{
	content: '';
	clear: both;
}*/

.div_imgright img {
	float: right;
	padding: 1px;
	margin: 0 0 10px 10px;
	border: 1px solid #999;
}

/*  END  @import url("wiz_textstyles.css");  */

html {
	background: #fff url(body_bg.gif) repeat-y center top;
}

.layout-978 {
	padding: 0 12px;
}

/* -- Headlogo */

.headwrap {
	background: #fff url(headwrap_bg.gif) repeat-x center bottom;
	border-bottom: 2px solid #73a36b;
}

#header {
/*outline: 1px solid red;*/
}

#headlogo {
	background: url(headlogo_bg.png) no-repeat left top;
	height: 80px;
	margin-top: 20px;
}

#headlogo .subhead {
	display: block;
	padding: 0 0 0 30px;
	color: #444;
	font-size: 13px;
}

a.sitename {
	display: block;
	font-size: 27px;
	line-height: 27px;
	padding: 20px 0 0 30px;
	text-decoration: none;
	color: #000;
}

a.sitename:hover {
	color: #555;
	text-decoration: underline;
}

#headlogo_ihw{
	height: 80px;
	margin-top: 12px;
}
#headlogo_ihw .sitename{
	padding: 20px 0 0;
	font-size: 32px;
	line-height: 34px;
	color: #00a4d6;
	word-spacing: -3px;
	letter-spacing: -1px;
	
	border-bottom: 2px solid #ddd;
}
#headlogo_ihw strong{
	color: #23a550;
}
#headlogo_ihw .subhead{
	/*color: #00a4d6;*/
}


/* -- Top actueel en banner */

.topactueel {
	float: left;
	width: 200px;
	padding-top: 16px;
}

.topactueel h2 {
	font-size: 12px;
}

.topactueel h3 {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 6px;
}

.topactueel h3:before {
	content: "» ";
	font-size: 14px;
	margin-left: -.9em;
}
.topbanner {
	float: right;
	padding-top: 20px;
}
.topbanner_ihw{
	margin-top: 12px;
	height: 80px;
}

.footer{
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}


.topnav {
	font-size: 14px;
	/*border: 1px solid green;*/
}
.topnav a {
	display: block;
	float: left;
	padding: 4px 6px;
	margin-top: 22px;
	color: #777;
	/*border: 1px solid blue;*/
}
.topnav .tweet{
	margin-top: 20px;
	padding: 0 0 0 6px;
}
.topsearch {
	padding: 12px 0 0;
	margin: 0;
	/*border: 1px solid orange;*/
}
.searchinput{
	padding: 2px;
	width: 120px;
}
.topsearch button,
.topsearch a.button {
	margin: 0 0 0 4px;
	padding: 3px 6px 2px;
	font-size: 12px;
	line-height: 14px;
}
.topsearch a.button {
	display: inline-block;
	float: none;
}



/* -- Hoofdnavigatie  */

/* ----------- Suckerfish stuff -----------
Gratefully stolen from http://www.htmldog.com/articles/suckerfish/dropdowns/
where you can find an explanation of the entire damn thing.
*/

#navcontainer {
	margin-top: 12px;


/*margin-bottom: -3px;*/
}

#nav {
	margin-bottom: -3px;
}

#mainnav, #mainnav ul {


/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#mainnav strong,
#mainnav a {
	display: block;
	padding: 5px 12px 5px;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	background: #fbfef8;
	border: 1px solid #73a36b;
	border-bottom: 2px solid #73a36b;
}

#mainnav > li:hover a {
	padding-bottom: 7px;
	border-bottom: none;
}

#mainnav li.selected a:hover,
#mainnav a:hover {
	background: #e0ebe2;
}

#mainnav strong {
	padding: 2px 12px 1px;
	font-weight: normal;
	color: #a2a2a2;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;


/*background-color: #f3f3f3;*/
	border: none;
}

#mainnav > li > a {
	border-radius: 4px 4px 0 0
}

#mainnav li.selected a {
	background: lightyellow;
	border-bottom: none;
	padding-bottom: 7px;
}

#mainnav li li.selected a {
	background: lightyellow;
	background-color: #dadfc7;
}

#mainnav li {


/* all list items */
	float: left;
	margin-right: 6px;
}

#mainnav ul li {
	width: 250px;
	border-bottom: 1px solid #ccc;
}

#mainnav ul li a {
	font-size: 13px;
	padding-left: 14px;
	padding-right: 14px;
	border: none;
}

#mainnav li ul {


/* second-level lists */
	position: absolute;
	background: #fff;
	left: -999em;
	width: 250px;
	box-shadow: 1px 4px 6px rgba(0,0,0,0.6);
	border: 1px solid #bbb;
}

#mainnav li ul ul {


/* third-and-above-level lists */
	margin: -33px 0 0 210px;
}

#mainnav li:hover ul ul, 
#mainnav li:hover ul ul ul, 
#mainnav li.sfhover ul ul, 
#mainnav li.sfhover ul ul ul {
	left: -999em;
}

#mainnav li:hover ul, 
#mainnav li li:hover ul, 
#mainnav li li li:hover ul, 
#mainnav li.sfhover ul, 
#mainnav li li.sfhover ul, 
#mainnav li li li.sfhover ul {


/* lists nested under hovered list items */
	left: auto;
	z-index: 999;
}

#mainnav li li.has_kids {
	background-image: url(nav-arrows.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.breadcrumbs {
	font-size: 11px;
	color: #888;
	padding-bottom: 2px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

/* -- Main */

#main {
	margin-top: 16px;
}

.meta {
	font-size: 11px;
	margin-top: -2px;
	color: #555;
}

.pagina_content ul {
	padding-left: 14px;
	list-style-type: circle;
}

.home_side {
	padding: 8px 0 6px;
	border-top: 1px solid #999;
}
.home_side p{
	padding: 0 0 4px 0;
	line-height: 15px;
}
p.arubriek{
/*background: #fff url(rubriek_abg.jpg) repeat-y left top;*/
	margin: 4px 0 0;
	padding: 2px 4px 2px 4px;
	clear: left;
	background-color: #e0ebe2;
	font-size: 13px;
}
.arubriek a:before{
	content: "» ";
}

.home_side h2 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.leesverder:before {
	content: "» ";
}

.linklist a {
	display: inline-block;
	margin-bottom: 3px;
	padding-left: 12px;
	line-height: 1.1;
}

.linklist a:before {
	margin-left: -12px;
	content: "» ";
}

.linklist .intro a {
	font-weight: bold;
}

/* -- zijbalk */

#userlogin {
	margin-bottom: 12px;
}

.zijbanners_wrap img {
	margin-bottom: 2px;
	max-width: 100%;
}

.zijbanners_wrap a {
	display: block;
	line-height: 12px;
}

.zijbanners_wrap a:hover img {
}

.zijbanners_wrap{
	text-align: center;
	font-size: 12px;
}



/* -- content styling */

.thumb_right {
	float: right;
	margin: 0 0 12px 20px;
}

.img_right {
	float: right;
	margin: 0 0 12px 20px;
}

.img_left {
	float: left;
	margin: 0 20px 12px 0;
}

.img_border {
	padding: 1px;
	background: #fff;
	border: 1px solid #999;
}

.nieuwsitem {
	clear: both;
	border-bottom: 1px solid #d1d7b7;
	padding: 4px 0;
}

.nieuwsitem.top_1 h3 {
	font-size: 20px;
}

.vastnieuws {
	clear: both;
	border-top: 1px solid #a9e6f3;
	padding: 12px 0;
}

.actueel_nav {
	overflow: hidden;
	margin: 12px 0 18px;
	border-bottom: 1px solid #bbd8d8;
}

.actueel_nav a {
	font-size: 16px;
	display: block;
	padding: 8px 16px;
	border-right: 2px solid #fff;
	float: left;
	background-color: #bbd8d8;
}

.actueel_prikker {
	border: 1px solid #9dcfd2;
	overflow: hidden;
	height: 80px;
	border-radius: 3px;
}

.actueel_prik {
	border-bottom: 1px solid #006f97;
	padding: 4px;
	overflow: auto;
	clear: both;
	overflow: hidden;
	width: 388px;
	height: 72px;


/*background: url(prikker_aktueel_bg.png) repeat-x left bottom;*/
}

.actueel_prik h3 {
	font-size: 16px;
	line-height: 18px;
	padding: 0;
}

.actueel_prikker .banner {
	float: right;
	margin: 0 4px 0 12px;
}

/*Nieuwslijst*/

.nieuwslijst h2 {
	font-size: 16px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 8px;
}

.nieuwslijst h3 {
	font-size: 14px;
	padding-bottom: 2px;
}

.nieuwslijst .item {
	margin-bottom: 8px;
}

/*Pagina en prikbord lijsten*/

.prikbord_header {
	color: #777;
}

.pagina_lijst {
	margin: 12px 0;
	padding: 12px 12px;
	background: #eaf1e4;
	border-radius: 4px
}

.prikbord_lijst h2,
.pagina_lijst h2 {
	margin-top: 6px;
	border-bottom: 1px solid #acc8a7;
	margin-bottom: 4px;
	padding: 2px;
	font: 14px/16px verdana, sans-serif;
	color: #636363;
}

.prikbord_lijst h2 > p,
.pagina_lijst h2 > p {
	padding-top: 0;
}

.prikbord_lijst h3,
.pagina_lijst h3 {
	font-size: 17px;
	line-height: 18px;
	padding-bottom: 2px;
}

.prikbord_lijst h3:before,
.pagina_lijst h3:before {


}

.pagina_lijst h3 {
	padding-bottom: 8px;
}

.pagina_lijst h3 span {
	font-size: 11px;
	font-weight: normal;
}

.prikbord_item_rubriek {
	color: #777;
	padding: 0;
	font-size: 12px;
}

.prikbord_lijst div.bedrijf {
}

h3.open a {
	font-weight: normal;
	color: #508a8c;
}

img.deelnemer_banner {
	margin-right: 24px;
}

.nieuwsoverzicht h3 {
	padding-bottom: 3px;
	font-size: 17px;
	/*line-height: 17px;*/
}

.nieuwsoverzicht .intro {
	color: #888;
	padding-bottom: 0;
}

.nieuwsoverzicht .item,
.prikbord_lijst .item {
	border-bottom: 1px solid #ccc;
	padding: 4px 2px;
	overflow: auto;
}

.nieuwsoverzicht .user_meta,
.prikbord_lijst .user_meta,
.prikbord_detail .user_meta {
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin-top: 4px;
	color: #747474;
}

.prikbord_detail .user_meta {
	font-size: 12px;
	line-height: 15px;
	color: #7d7d7d;
}

.nieuwsoverzicht .imgright,
.prikbord_lijst .imgright {
	float: right;
	margin: 0 0 4px 4px;
	border: 1px solid #bbb;
}


/*  ========================================
    Prikbord post-IT 
*/

.prikbord_lijst .item{
	width: 212px;
	padding: 8px;
	margin: 2px 9px 10px 0px;
    display:inline-table;
	border: 1px solid #BEBABA;
	background-color: #FFFFE4;
	min-height: 160px;
	box-shadow: 1px 3px 4px #ddd;
	border-radius: 2px;
	border-bottom-right-radius: 16px;
}
.prikbord_lijst .intro{
	font-size: 13px;
}

.prikbord_detail{
	border: 1px solid #BEBABA;
	background-color: #FFFFE4;
	padding: 18px;
	border-radius: 2px;
	border-bottom-right-radius: 16px;
}




.afbeeldingen {
	margin: 16px 0 16px 16px;
	padding: 4px 0;
	font-size: 12px;
	color: #999;
	float: right;
	width: 190px;
	clear: right;
	text-align: right;
}
.afbeeldingen p {
	clear: left;
}
.afbeeldingen a {
	margin: 0 3px 5px;
	display: inline-block;
	width: 72px;
	height: 72px;
	border: 1px solid #bbb;
	padding: 2px;
	background: #fff;
	overflow: hidden;
	text-align: center;
}
.afbeeldingen img {
}


.prikbord_lijst .intro {
	color: #444;
	padding-bottom: 0px;
}

.prikbord_lijst.vergelijkbaar h3 {
	font-size: 16px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

.prikbord_lijst.vergelijkbaar .user_meta {
	margin-top: 2px;
}

.nieuws_terzijde h2 {
	font-size: 16px;
	padding: 0 0 4px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 4px;
}

.nieuws_terzijde .item {
	border-bottom: 1px solid #ccc;
	padding: 0 0 4px;
	margin: 0 0 4px;
}

.nieuws_terzijde h3 {
	font-size: 13px;
}

.nieuws_terzijde .intro {
	font-size: 12px;
	padding: 0;
}

.nieuws_terzijde .user_meta {
	font-size: 12px;
	padding: 0;
	color: #777;
}

.nieuws_terzijde .imgright {
	float: right;
	margin: 0 0 4px 4px;
}

.playa_deelnemer {
	background: #fff;
	border: 1px solid #ddd;
	width: 400px;
	margin: 8px 0 24px;
	padding: 8px;
	border-radius: 6px;
	box-shadow: 0 0 6px #ddd;
}

.account_prikbord .playa_deelnemer {
	clear: both;
}

.account_prikbord .user_meta {
	clear: both;
}

.prikbord_lijst .verborgen {
	background: #fdebe4;
}

.category_filter {
	margin: 6px 0 6px;
	padding-bottom: 6px;
}

.border_bottom {
	border-bottom: 1px solid #ccc;
}

.category_filter .filter a {
	border: 1px solid #aed7bc;
	background: #d3eedc;
	display: inline-block;
	padding: 2px 4px;
	margin-top: 4px;
	border-radius: 4px;
	font-size: 12px;
}

.category_filter .filter.active a {
	color: #fff;
	background: #148c8a;
}

.category_filter .cat_excluded a {
	background: #eff2ec;
	color: #777;
	border-color: #ccc;
}

.bedrijfinbeeld {
	margin: 20px 0 12px;
}

.bedrijvenhead {
	margin: 8px 0 2px;
	padding: 8px 0;
	font-size: 16px;
	border-top: 1px solid #bbb;
}

.bedrijven {
	margin: 0 0 60px 0;
}

.bedrijven h3 {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #bbb;
	margin: 6px 0 6px;
	padding: 0;
}

.bedrijven h4 {
	font-size: 13px;
	line-height: 14px;
	margin: 0;
	padding: 1px 0;
}

.detail_pagina p {
	line-height: 1.4;
	padding-bottom: 16px;
}

h1,
.detail_pagina h1 {
	font-size: 26px;
	color: #444;
	padding-bottom: .4em;


/*font: 27px/1em "Century Gothic";
	letter-spacing: -1px;*/
}

.nieuws_item h1 {
	margin: 0;
	padding: 0;
}

.nieuws_item .user_meta {
	padding-bottom: 12px;
}

.bedrijfinbeeld h2,
.nieuws_item h2 {
	padding-top: 0;
}

.small {
	font-size: 12px;
	color: #808080;
	margin: 0;
	padding: 0;
}

p.social_media {
	padding-top: 14px;
}

.hj_social_bookmarks {
	list-style: none;
	overflow: hidden;
	margin-bottom: 16px;
	padding: 4px;
}

.hj_social_bookmarks li {
	float: left;
	margin-right: 4px;
	line-height: 18px;
}

.hj_social_bookmarks li a {
	display: block;
	text-decoration: none;
	border: none;
	padding: 2px 0 0 0;
}

.hj_social_bookmarks li a:hover {
	padding: 0 0 2px 0;
}

/* ============= User account */

.account_nav h3 {
	margin: 18px 0 2px;
	padding: 4px 4px 6px;
	border-bottom: 2px solid #ccc;
	background: #f7f6f5;
	border-radius: 4px 4px 0 0;
}

.account_nav a {
	display: block;
	padding: 4px 2px;
	border-bottom: 1px solid #ddd;
}

.account_nav a:hover {
	background: #fffce6;
}

.account_nav .selected a {
	background: #f6fee2;
}

.account_overview p {
	border-top: 1px solid #ddd;
	clear: both;
	padding: 6px 0;
}

.account_overview .label {
	display: block;
	color: #777;
	float: left;
	padding-bottom: 6px;
	margin-right: 12px;
	width: 173px;
	border-right: 1px solid #ddd;
}
p.bio_view{
	padding-left: 184px;
}
.bio_view .label{
	margin-left: -184px;
	margin-right: 0;
}
.pre{
	white-space : pre-wrap;
	*white-space : pre;
	word-wrap: break-word;  /*IE 5.5-7*/ 
}
.error {
	display: block;
	color: red;
}

span.labelpad {
	margin-left: 162px;
}

#member_form p {
	clear: both;
}

#member_form label {
	display: block;
	float: left;
	padding: 4px 12px 2px 0;
	width: 150px;
	color: #777;
	border-bottom: 1px solid #ddd;
}

#member_form label.inline {


/* pffft checkboxies */
	border: none;
	display: inline;
	float: none;
	width: auto;
	padding: 0;
}

#member_form input[type=text] {
	width: 220px;
}

#member_form #bday_m {
	width: 51px;
}

#member_form textarea {
	width: 220px;
}

#wachtwoord_notice {
	color: red;
}

.form_uitleg {
	font-size: 12px;
	line-height: 18px;
	color: #777;
}

a.form_uitleg {
	text-decoration: underline;
}

.notice {
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 6px;
	background: #dafcda;
}

form a.button,
form button {
	border: 1px solid #ccc;
	margin: 0 12px 0 0 ;
	padding: 6px 14px;
	background: #eee;
	color: #333;
	font: 14px/16px sans-serif;
	border-radius: 3px;
	box-shadow: 0px 1px 2px #444;
	cursor: pointer;
}
form button[disabled=disabled]{
	color: #a3a3a3;
	background-color: #dde7ee;
}
a.button {
	margin: 8px 6px 8px 0;
	display: inline-block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fefde3;
	box-shadow: 0px 1px 2px #999;
	color: #444;
}

a.green,
button.green {
	background: #e7fde9;
}

a.red,
button.red {
	background: #fdf6ec;
}

.left {
	display: block;
	float: left;
	margin-right: 4px;
}

.right {
	display: block;
	float: right;
	margin-left: 4px;
}

[name=prikbord_body] {
	width: 100%;
	height: 150px;
	font-size: 13px;
}

input#title {
	font-size: 13px;
}

#diashow {
	width: 240px;
	height: 180px;
	overflow: hidden;
}


#contact_formulier p{
	padding: 0 0 4px 200px;
}
#contact_formulier label{
	display: block;
	float: left;
	width: 200px;
	margin-left: -200px;
	padding-right: 12px;
}
#contact_formulier input{
	width: 240px;
}
#contact_formulier .contact_area{
	width: 240px;
	height: 150px;
}
#contact_formulier button{
	margin-top: 12px;
}
#contact_formulier p.check_boxes{
}
#contact_formulier p.check_boxes input{
	width: auto;
	margin: 0 8px 0 12px;
}
#contact_formulier p.check_boxes label{
	margin: 0;
	display: inline;
	float: none;
	width: auto;
	line-height: 1.7em;
	padding-right: 0;
}
.captcha{
	margin-top: 16px;
}
#notices{
	margin:0 0 20px 212px;
	width: 360px;
	display: none;
}
#notices p{
	padding: 0 0 12px 0;
}


.archief {
	margin-top: 24px;
	font-size: 12px;
	line-height: 13px;
	color: #777;
}

.weer_aanbod{
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 4px;
}
.weer_aanbod img{
	height: 36px;
	float: right;
}

.paginate {
	margin-top: 4px;
}

.paginate .p_intro,
.paginate a,
.paginate strong {
	display: block;
	float: left;
	padding: 3px 5px;
	margin-right: 6px;
}

.paginate a,
.paginate strong {
	border: 1px solid #ccc;
	border-radius: 4px;
}

.paginate a:hover {
	background: #e5f9cf;
}

.agenda_item .admin_edit a {
	text-decoration: none;
	border: 0;
}

#simplemodal-overlay {
	background-color: #000;
	cursor: wait;
}

.s_modal {
	background: #eee;
	padding: 48px;
	display: none;
}
.nobreak{
	white-space: nowrap;
}

.clear {
	clear: both;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/*-- debug * /

div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, 
div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { 
	outline: 1px solid #badda5;
}
body{
	background: url(../978/demo-files/978-grid.png) repeat-y center top;
}
/* */