/*
 Theme Name: Nuncxy
 Theme URI:
 Description: Nuncxy
 Author: Nuncxy
 Author URI:
 */
* { padding: 0; margin: 0; }
html, body { height: 100%; }
body { font-family: Tahoma; font-size: 62.5%; text-align: center; /* horizontal centering for IE Win quirks */ }

/*********************/
/*    G L O B A L    */
/*********************/
/*links*/
a, a:link, a:visited { color: #FB8D12; text-decoration: none; }
a:hover, a:active { color: #FB8D12; text-decoration: none; }
blockquote { display: block; margin: .5em 2.0em .5em 2.0em; padding: 0 0 0 1.0em; border-left: dotted black .1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img { border: none; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }
.center{ text-align: left; }
.orange{ color:#FB8D12;}

/*********************/
/* S T R U C T U R E */
/*********************/
#distance { width: 100%; height: 50%; margin-bottom: -266px; /* half of container's height */ float: left; background-color: white; }
#container { margin: 0 auto; position: relative; /* puts container in front of distance */ text-align: left; height: 532px; width: 720px; clear: left; color: #878787; }
#header { float: left; width: 720px; height: 43px; }
#wrapper { width: 720px; margin:0 auto 0 auto; padding:0 0 0px 0; height: auto; min-height: auto; text-align: left; }
#content { float: left; margin: 0px 0 0px 0; padding: 0px 0 0px 0; width: 718px; height: auto; background-color: white; color: white;}
#footer { position:relative; width: 720px; height: 20px; line-height: 20px; top:10px; clear: both; text-align: left; font-size: 1.1em; border-top: 1px solid #A2A2A2; }

/*********************/
/* H E A D E R       */
/*********************/
a:link.logo,
a:visited.logo,
a:hover.logo,
a:active.logo{ float:left; width:120px; height:35px; background-image:url(images/logo.jpg); background-repeat:no-repeat; z-index:999999; text-indent:-9999px;}

/*********************/
/*      P O S T      */
/*********************/
.post-content { width: 718px; height:275px; margin: 0px 0px 0px 0px; padding:0 0 0 0;  border: 1px solid #A2A2A2; z-index:9999;  }
.no-border{ border:none;}
.height-auto{ height:auto;}
.post-content h1{ font-size: 12px; color: white; padding: 0 0 0 0; margin: 0 0 0 0; }
.post-entry { font-size:1.1em; color:#878787; }
.post-entry a,.post-entry  a:link,.post-entry  a:visited { color: white; text-decoration: none; }
.post-entry a:hover,.post-entry  a:active { color: white; text-decoration: none; }
.post-entry p{ padding: 0px 0 10px 0; }
.post-entry ul { padding: 0 0 0 0; }
.post-entry ol { padding:  0 0 0 0; }
.post-entry img { margin: 0px 10px 0px 0px; padding: 0 0 0 0; }

/*********************/
/*    SUCKERFISH MENU      */
/*********************/
/*suckerfish*/
#suckerfishnav {background:none; font-size:11px; font-family:Tahoma;  font-weight:normal; width:auto; z-index:999;}
#suckerfishnav, 
#suckerfishnav ul {float:right; list-style:none; line-height:20px; border:none; margin:17px 0px 0 0; width:auto; z-index:999;text-transform:lowercase;}
#suckerfishnav a {display:block; color:#C5C5C5; text-decoration:none; padding:0px 10px 0px 10px; z-index:999;border:none;}
#suckerfishnav li {float:left; padding:0; z-index:999; text-align:left;border:none;}
#suckerfishnav ul {position:absolute; left:-999em; height:auto; width:151px; font-weight:normal; margin:0;line-height:1; border:0; z-index:999;	}
#suckerfishnav li li { width:151px; z-index:999;border:none;}
#suckerfishnav li li a {padding:8px 10px;	width:130px;font-size:11px;font-weight:normal;color:#C5C5C5; z-index:999;border:none;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px; z-index:999; border:none;}
#suckerfishnav li.current_page_parent ul li a:hover,
#suckerfishnav li.current_page_item ul li a:hover,
#suckerfishnav li li:hover {color:#FB8D12;; z-index:999; border:none;}/*submenu hover*/
#suckerfishnav li ul li:hover a, 
#suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li ul li li li:hover a  {color:#FB8D12; z-index:999;border:none;}
#suckerfishnav li:hover a, 
#suckerfishnav li.sfhover a {color:#FB8D12; z-index:999;border:none;}
#suckerfishnav li:hover li a, 
#suckerfishnav li li:hover li a, 
#suckerfishnav li li li:hover li a,
#suckerfishnav li li li li:hover li a {color:#C5C5C5; z-index:999;border:none;}
#suckerfishnav li:hover ul ul, 
#suckerfishnav li:hover ul ul ul, 
#suckerfishnav li:hover ul ul ul ul, 
#suckerfishnav li.sfhover ul ul, 
#suckerfishnav li.sfhover ul ul ul, 
#suckerfishnav li.sfhover ul ul ul ul  {left:-999em; z-index:999;border:none;}
#suckerfishnav li:hover ul, 
#suckerfishnav li li:hover ul, 
#suckerfishnav li li li:hover ul, 
#suckerfishnav li li li li:hover ul, 
#suckerfishnav li.sfhover ul, 
#suckerfishnav li li.sfhover ul, 
#suckerfishnav li li li.sfhover ul, 
#suckerfishnav li li li li.sfhover ul  {left:auto; background: url(images/bg_menu.png) repeat;   z-index:999;border:none;}
#suckerfishnav li:hover,
#suckerfishnav li.sfhover {background: url(images/bg_menu.png) repeat; z-index:999;border:none;}

/*current*/
#suckerfishnav li.current_page_parent,
#suckerfishnav li.current_page_item {	color:#FB8D12; z-index:999;border:none;}
#suckerfishnav li.current_page_parent a:hover,
#suckerfishnav li.current_page_parent a,
#suckerfishnav li.current_page_item a {color:#FB8D12; z-index:999;border:none;}

#suckerfishnav .current-cat,
#suckerfishnav li.current-cat-parent,
#suckerfishnav li.current-cat {	color:#FB8D12; z-index:999;border:none;}
#suckerfishnav li.current-cat-parent a:hover,
#suckerfishnav li.current-cat-parent a,
#suckerfishnav li.current-cat a {color:#FB8D12; z-index:999;border:none;}

/*********************/
/*   COMMON     */
/*********************/
img.thumbnail{float:left; width:40px; height:40px; margin:0px 0px 0 0; }
.width-118{ width:118px;} /*item1*/
.width-134{ width:134px;} /*item2*/
.width-168{ width:168px;} /*item3*/
.width-135{ width:135px;} /*item4*/
.width-425{ width:425px;} /*item4*/

/*********************/
/*   HOME     */
/*********************/

#content-home { float: left; margin: 0px 0 0px 0; padding: 0px 0 0px 0; width: 718px; height: 273px; background-color: white; color: white; border: none; }
.feat-info{ display:block; position:relative; width:720px; height: 50px;}
.feat-info .block-355 { float:left; width:330px; padding:10px 25px 0 0;}
.feat-info .block-355 img.thumbnail{ margin:0px 10px 0 0; }
.feat-info .block-355 h1 { font-size:12px;}
.feat-info .block-355 h1 a{color: #878787;}
.feat-info .block-355 .text {font-size:1.1em;color: #878787; }
span.readmore { text-align: right; }
span.readmore a {background:url(images/arrow.jpg) no-repeat right; padding:0 10px 0 0; font-size: 11px; text-indent:-9999px; } 

/*********************/
/*   INFO     */
/*********************/
.info-bg{ float:left; width:390px; height: 275px; background:url(images/info.jpg) no-repeat left;}
.info-entry {float:right; width:305px; height:250px; margin:10px 10px 0 0px; font-size:1.1em; color:#878787;}
.info-entry p{ padding:0 0 10px 0;}

/*********************/
/*   CONTACT     */
/*********************/
.contact-form{ float:right; width:335px; height: 230px; margin:10px 10px 0 0; color:#878787;}
.contact-form  { line-height:24px; font-size:11px; color:#878787; }
.contact-form label{ float:left; width:90px;}
.contact-form input{ float:right; width:216px; height:19px; margin:0 0 5px 0; padding:3px 2px 0 2px; border:1px solid #878787; font-size:11px; color:#878787; background-color:white; }
.contact-form textarea{ float:right; width:216px; padding:2px 2px 2px 2px; height:105px; border:1px solid #878787; font-size:11px; color:#878787;}
.contact-form input#contactsubmit{ float:right; width:221px; height:20px; margin:10px 0 0 0; padding:0px 0 2px 0; font-size:11px; background-color:#EDEDED; border:1px solid #878787; color:#878787;}
.contact-entry {float:left; width:335px; height:auto; margin:10px 0 0 10px; font-size:1.1em; font-size:11px; color:#878787;}
.contact-entry p a:link,
.contact-entry p a:visited,
.contact-entry p a:hover,
.contact-entry p a:active{ color:#FB8D12;  }
.contact-form p.orange{ display:block; margin:20px 0 0 0; color:#FB8D12;}

/*contact form 7 plugin*/
div.wpcf7 { margin: 0; padding: 0; }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }
div.wpcf7-mail-sent-ok { position: relative; width: 214px; margin: -55px 0 0 113px; padding: 0 2px 0 2px; font-size: 10px; border: 2px solid #398f14; }
div.wpcf7-mail-sent-ng { position: relative; width: 214px; margin: -55px 0 0 113px; padding: 0 2px 0 2px; font-size: 10px; border: 2px solid #ff0000; }
div.wpcf7-spam-blocked { position: relative; width: 214px; margin: -55px 0 0 113px; padding: 0 2px 0 2px; font-size: 10px; border: 2px solid #ffa500; }
div.wpcf7-validation-errors { position: relative; width: 214px; margin: -55px 0 0 113px; padding: 0 2px 0 2px; font-size: 10px; border: 2px solid #f7e700; z-index:9999; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { position: absolute; top: 11px; left: 23px; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10px; width: 216px; padding: 0 2px 0 2px; }
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }


/*yoast contact form*/
.contactform strong { width:auto; float:right;}
#wpcf { float:right; width:335px; height: 230px; margin:10px 10px 0 0; color:#878787;}

#wpcf label {
	float:left; width:90px;
}
#wpcf input {
	float:right; width:216px; height:19px;margin:0 0 5px 0; padding:3px 2px 0 2px; border:1px solid #878787; font-size:11px; color:#878787; background-color:white; 
}
#wpcf textarea {
	float:right; width:216px; padding:2px 2px 2px 2px; height:105px; border:1px solid #878787; font-size:11px; color:#878787;
}
#wpcf #contactsubmit {
	float:right; width:221px; height:20px; margin:0px 0 0 0; padding:0px 0 2px 0; font-size:11px; background-color:#EDEDED; border:1px solid #878787; color:#878787;
}


.contact-form p.orange{ margin:0px 0 0 0px; clear:both; }
/*********************/
/*   PROJECTENOVERVIEW & NIEUWS CATEGORIES     */
/*********************/

.proj-overview .item a:link,
.proj-overview .item a:visited{  color:#878787; }
.proj-overview .item a:hover,
.proj-overview .item a:active{  color:#FB8D12;}

.show-6-posts{ float:left; width:100%; height:281px;}
.show-6-posts .proj-overview{ display:block; width:100%; height:46px; border-bottom:1px solid #DADADA;}
.show-6-posts .proj-overview img.thumbnail{margin:3px 33px 0px 5px;}
.show-6-posts .proj-overview .item{ float:left; line-height:46px; color:#878787; font-size:1.1em; padding:0 10px 0 0;}


.show-3-posts { float:left; width:718px; height:267px;}
.show-3-posts .proj-overview {display:block; width:100%; height:46px; border-bottom:1px solid #DADADA; padding:10px 0 10px 0;}
.show-3-posts .proj-overview img.thumbnail{margin:3px 33px 0px 5px;}
.show-3-posts .proj-overview .item{ float:left; line-height:12px; color:#878787; font-size:1.1em; padding:0 10px 0 0; }

box-3{ float:left; width:100%; height:200px;}

.show-6-posts .previous a { float: left; position: relative; width: 22px; height: 22px; text-indent: -400px; margin: 130px 0px 0 -37px; background: url(images/nav-left.jpg) no-repeat; overflow: hidden; }
.show-6-posts .nextt a { float: right; position: relative; width: 22px; height: 22px; text-indent: -400px; margin: 130px -37px 0 0px; background: url(images/nav-right.jpg) no-repeat; overflow: hidden; }

.show-3-posts .previous a { float: left; position: relative; width: 22px; height: 22px; text-indent: -400px; margin: 123px 0px 0 -37px; background: url(images/nav-left.jpg) no-repeat; overflow: hidden; }
.show-3-posts .nextt a { float: right; position: relative; width: 22px; height: 22px; text-indent: -400px; margin: 123px -37px 0 0px; background: url(images/nav-right.jpg) no-repeat; overflow: hidden; }

/*********************/
/*  PROJECT DETAILS     */
/*********************/

.block{ display:block; width:100%; height:auto;}
.proj-details{ width:100%; height:auto; font-size:1.1em; color:#878787;}
.proj-details h1{ font-size:11px; color:#878787; line-height:30px;}
.proj-details ul { float:left; width:330px; list-style:none; }
.proj-details ul li span  {color:#878787; font-size:11px; }
.proj-details ul li span.left { width: 130px; float:left; text-align:left;}
.proj-details ul li span.right,
.proj-details ul li a.right{ width: 140px; float:right; text-align:right; font-size:11px;}
.proj-details ul li span.orange,
.proj-details ul li a.orange{ color:#FB8D12; font-size:11px;}

.proj-details .desc{ float:right; width:360px; color:#878787; font-size:11px; }

/*********************/
/* SLIDING EFFECT (project details)     */
/*********************/
#sliding_posts{  width: 735px; height: 430px; }
#sliding_posts ul{ list-style-type: none;  }
#sliding_posts ul li{ float: left; width: 720px; }
.slide_cont{ width: 720px; clear: none; float: left; }

#sliding_posts a.prev { float: left; position: relative; width: 22px; height: 22px; text-indent: -400px; margin: 90px 0px 0 -37px; background: url(images/nav-left.jpg) no-repeat; overflow: hidden; }
#sliding_posts a.next { float: right; position: relative; width: 22px; height: 22px; text-indent: -400px; margin: 90px -22px 0 0px; background: url(images/nav-right.jpg) no-repeat; overflow: hidden; }

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:720px;
	height:277px;
	overflow:hidden; 
	}

#slider li img{border: 1px solid #A2A2A2; }	
	
span#prevBtn a:link,
span#prevBtn a:visited,
span#prevBtn a:hover,
span#prevBtn a:active{float: left; position: relative; width: 22px; height: 22px;margin: -150px 0px 0 -37px; background: url(images/nav-left.jpg) no-repeat; overflow: hidden; text-indent:-9999px;}
span#nextBtn a:link,
span#nextBtn a:visited,
span#nextBtn a:hover,
span#nextBtn a:active{float: right; position: relative; width: 22px; height: 22px;margin: -150px -35px 0 130px; background: url(images/nav-right.jpg) no-repeat; overflow: hidden; text-indent:-9999px;}


/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }