/*
Theme Name: Nico Komen
Theme URI: http://soenwebdesign.nl/
Description: Themo voor Nico Komen
Author: Soen Webdesign
Version: 1.0
License: Commericeel
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {line-height: 1; font: 100%/20px Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {clear: both; font-weight: normal;}
ol, ul{list-style: none;}
blockquote{quotes: none;}
blockquote:before, blockquote:after{content: ''; content: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}
a img{border: none;}
a{color: #1C1C1C; text-decoration: underline; border: 0;}
#header{background: url(/assets/images/top.png) no-repeat; background-position-x:center;}
.home #header{height: 563px;}
.container, #container{width: 974px; margin: 0 auto; position: relative;}
#header .container.top{height: 83px; z-index: 9999;}
#header .top .logo{padding: 10px 0 0 0; position: absolute;}

.wrapper {
width: 100%;
overflow: hidden;
}

/* =Menu
-------------------------------------------------------------- */

#access{position: absolute; float: left; margin: 20px 0 0 400px;}





/* Navigations
---------------------------------------- */

/* Primary navigation */
nav.primary {
	position:absolute;
	left:297px;
	top:20px;	
}

/* Essential styles for dropdown menu */
.main_menu, .main_menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.main_menu {
	line-height:	1.0;
}
.main_menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.main_menu ul li {
	width:			100%;
}
.main_menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.main_menu li {
	float:			left;
	position:		relative;
}
.main_menu a {
	display:		block;
	position:		relative;
}
.main_menu li:hover ul,
.main_menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		99;
}
ul.main_menu li:hover li ul,
ul.main_menu li.sfHover li ul {
	top:			-999em;
}
ul.main_menu li li:hover ul,
ul.main_menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	margin-left:2px;
}
ul.main_menu li li:hover li ul,
ul.main_menu li li.sfHover li ul {
	top:			-999em;
}
ul.main_menu li li li:hover ul,
ul.main_menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/* Our skin for dropdown menu */
.main_menu {
	max-width:760px;
	float: right;
}
.main_menu a {
	text-decoration:none;
	font-family:"trebuchet MS", Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}
.main_menu a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white;
}
.main_menu > li { margin-right:1px;}
	.main_menu > li > a {
		padding-left:7px;
		background-repeat:no-repeat;
		background-position:left -9999px;	
		background-image:url(/assets/images/nav-hover-left.png);
		height:39px;
		text-shadow:1px 1px rgba(0,0,0,.3);	
	}
		.main_menu > li > a span {
			display:block;
			padding-right:7px;
			background-repeat:no-repeat;
			background-position:right -9999px;
			background-image:url(/assets/images/nav-hover-right.png);
		}
		.main_menu > li > a b {
			display:block;
			padding:0 5px;
			line-height:37px;
			background-repeat:repeat-x;
			background-position:left -9999px;
			background-image:url(/assets/images/nav-hover-tail.png);
		}
		
		.main_menu > li.current_page_item > a,
		.main_menu > li.current_page_item > a:hover { 
			background-image:url(/assets/images/nav-act-left.png);
			background-position:left top;
		}
		.main_menu > li.current_page_item > a span,
		.main_menu > li.current_page_item > a:hover span { 
			background-image:url(/assets/images/nav-act-right.png);
			background-position:right top;
		}
		.main_menu > li.current_page_item > a b,
		.main_menu > li.current_page_item > a:hover b { 
			background-image:url(/assets/images/nav-act-tail.gif);
			background-position:left top;
		}
		
		.main_menu > li > a:hover,
		.main_menu > li.sfHover > a { background-position:left top;}
		
		.main_menu > li > a:hover span,
		.main_menu > li.sfHover > a span { background-position:right top;}
		
		.main_menu > li > a:hover b,
		.main_menu > li.sfHover > a b { background-position:left top;}
		
		.main_menu > li.current_page_item a:hover .sf-sub-indicator,
		.main_menu > li.sfHover .sf-sub-indicator,
		.main_menu > li.current_page_item .sf-sub-indicator,
		.main_menu > li.current_page_item.sfHover .sf-sub-indicator,
		.main_menu > li a:hover .sf-sub-indicator { background:none;}
		

.main_menu li ul {
	background:white;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	box-shadow:0 0 5px rgba(82,82,82,.3);
	-moz-box-shadow:0 0 5px rgba(82,82,82,.3);
	-webkit-box-shadow:0 0 5px rgba(82,82,82,.3);
	padding:7px 1px;
}
	.main_menu li ul li a {
		color:#282828;
		line-height:37px;
		padding-left:12px;
		height:1%;
	}
	.main_menu li ul li a:hover,
	.main_menu li ul li a.current {
		background:#f6f6f6;
		border-top:1px solid #f2f2f2;
		border-bottom:1px solid #f2f2f2;
		line-height:35px;
	}
.main_menu li li li {
}
.main_menu li:hover, .main_menu li.sfHover,
.main_menu a:focus, .main_menu a:hover, .main_menu a:active, .main_menu > li.current-menu-item > a {
	outline:		0;
}

/*** arrows **/
.main_menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/* background:		url(/assets/images/arrows-ffffff.png) no-repeat -10px -100px; 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.main_menu ul .sf-sub-indicator { background-position:  -10px 0; }
.main_menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.main_menu ul a:focus > .sf-sub-indicator,
.main_menu ul a:hover > .sf-sub-indicator,
.main_menu ul a:active > .sf-sub-indicator,
.main_menu ul li:hover > a > .sf-sub-indicator,
.main_menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#slider-wrapper{width: 100%;
overflow: hidden;
position: relative;
background: url(/assets/images/slider-tail.png) repeat-x center 373px;
min-width: 974px;}
#slider-wrapper .container{height: 432px;
padding-top: 27px;
overflow: hidden;}
#slide-border{background: url(/assets/images/slider-mask.png) no-repeat left top;
width: 584px;
height: 416px;
position: absolute;
left: 0;
top: 0;
z-index: 999;}




/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0;
	left:0px;
	width:531px;
	height:363px;
	border:0;
	padding:0;
	margin:0;
	display:none;
}

/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	right:0;
	top:-5px;
	color:#fff;
	width:297px;
	z-index:89;
	height:385px;
}
	.nivo-caption h2 {
		font-size:53px;
		line-height:1em;
		letter-spacing:-2px;
		color:white;
		text-shadow:1px 1px 1px rgba(0,0,0,.6);
		margin-bottom:25px;
		font-weight: bold;
	}
	.nivo-caption p p {
		margin:0;
		padding:0 10px 20px 0;
		font-size:14px;
		line-height:24px;
		text-shadow:1px 1px rgba(0,0,0,.4);
		height:108px;
	}
.nivo-caption a.link {
	display:block;
	color:#181818;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	width:146px;
	height:74px;
	line-height:65px;
	font-size:18px;
	letter-spacing:-1px;
	font-family:"trebuchet MS", Helvetica, sans-serif;
	margin-left:-33px;
	padding-left:95px;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(/assets/images/link-sprite.png);
}
.nivo-caption a.link:hover {
	color:white;
	background-position:left -74px;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav { display:none;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	width:974px;
	height:20px;
	left:0;
	bottom:0;
	text-align:center;
	z-index:9999;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	display:inline-block !important;
	height:0;
	padding-top:15px;
	width:15px;
	background-repeat:no-repeat;
	background-position:-21px top;
	background-image:url(/assets/images/pagination.png);
	overflow:hidden;
	margin:0 3px;
}
.nivo-controlNav a:hover { background-position:-41px top;}
.nivo-controlNav a.active { background-position:left top;}

.nivo-directionNav {

	}
.nivo-directionNav a {
	position:absolute;
	display:block;
	width:36px;
	height:35px;
	text-indent:-9999px;
	border:0;
	top:50%;
	background:url(/assets/images/direction_nav.png) no-repeat 0 0;
}
a.nivo-nextNav {
	right:0;
	background-position:-36px 0;
}
a.nivo-nextNav:hover {
	background-position:-36px -35px;
	}
a.nivo-prevNav {
	left:0;
	background-position:0 0;
}
a.nivo-prevNav:hover {
	background-position:0 -35px;
	}
	
#slider {
position: relative;
width: 903px;
overflow: hidden;
height: 416px;
background: url(/assets/images/loading.gif) no-repeat 212px 43%;
margin-left: 27px;
}

#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
	width:120px;
	height:auto;
}

#container .content{display: block;
float: none;
width: 100%;
overflow: hidden;}

.button {
color: #3E3E3E;
text-transform: uppercase;
text-shadow: 1px 1px white;
font-size: 16px;
text-decoration: none;
float: left;
font-family: "trebuchet MS", Helvetica, sans-serif;
width: 69px;
height: 43px;
line-height: 40px;
font-weight: bold;
background: url(/assets/images/button-sprite.png) no-repeat left -43px;
text-align: center;
}

.button:hover { 
		background-position:left top;
		color:white;
		text-shadow:none;
	}

.read_more{position: absolute; top:310px;}
.box{width: 300px; padding: 10px; float: left;}
.box .text{color: #999; font-size: 13px; line-height: 18px;}
.box .text h2{padding: 0 0 15px; font-size: 23px;
line-height: 1.2em;
font-weight: normal;
color: #343130;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #CFCFCF; }
.box .box-button{padding: 10px 0 0 0;}

#banners {
background: url(/assets/images/tail-bg.gif) repeat-x center top;
min-width: 974px;
height: 86px;
}

#banners .container {
height: 86px;
}

#widget-footer{
background-image: url(/assets/images/footer-top.jpg);
background-color: #014588;
font-size: 13px;
}

#widget-footer .inside {
padding: 44px 0 40px 17px;
}

/* Footer widget */
	#widget-footer {
		background-repeat:no-repeat;
		background-position:center top;
		
		background-color:#014588;
		color:#9bb9d3;
		min-width:974px;
	}
		#widget-footer .inside { padding:44px 0 40px 17px;}
		
		#widget-footer h4 {
			font-size:24px;
			line-height:1.2em;
			color:#f1f1f1;
			text-shadow:1px 1px 1px rgba(0,0,0,.5);
			font-weight:normal;
			margin-bottom:22px;
		}
		
		#widget-footer a { color:white;}
		
		#widget-footer ul { margin:0;}
		#widget-footer ul > li.widget-area {
			float:left;
			width:220px;
			margin-left:20px;
			list-style-type:none;
		}
		#widget-footer .widget-area:first-child { margin:0;}
		#widget-footer ul > li.widget-area:last-child { width:229px;}
			#widget-footer .widget-area li { 
				list-style-type:none;
				background:url(/assets/images/divider.png) repeat-x left top;
				padding-top:13px;
				margin-top:11px;
			}
			#widget-footer .widget-area li:first-child {
				background:none;
				padding:0;
				margin:0;
			}
				#widget-footer .widget-area li a {
					color:white;
					text-decoration:none;
					padding:0 0 0 12px;
					background:url(/assets/images/arrow.gif) no-repeat left 5px;
				}
				#widget-footer .widget-area li a:hover { text-decoration:underline;}
.post, .page{color: #969696;}
.entry-meta {
border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
padding: .5em 0;
width: 100%;
font-size: .813em;
overflow: hidden;
margin-bottom: 1em;
}

#widget-footer .widget-area ul.latestpost li a {
color: #9CBFD7;
text-decoration: none;
display: block;
background: none;
padding: 0;
}

#widget-footer .widget-area ul.latestpost li a:hover {
            text-decoration:underline;
            color:white;
        } 
				
h1.entry-title{font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: normal; padding: 0 0 20px 0;}
.entry-content{font-size: 13px; line-height: 20px;}
.entry-utility{padding: 10px 0;}
#content .inside{padding: 44px 16px;}

.wpcf7-form p.field {
margin-bottom: 6px;
line-height: 1.8em;
font-weight: bold;
position: relative;
}

.wpcf7-form p.field input {
background: white;
padding: 8px 11px;
width: 207px;
border: none;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
color: black;
font-family: "trebuchet MS", Helvetica, sans-serif;
font-size: 13px;
position: relative;
margin: 0;
}

.wpcf7-form textarea {
height: 94px;
background: white;
padding: 8px 11px;
width: 207px;
border: none;
overflow: auto;
font-family: "trebuchet MS", Helvetica, sans-serif;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
color: black !important;
font-size: 13px;
margin-bottom: 10px;
position: relative;
}

span.wpcf7-not-valid-tip {
width: 200px !important;
position: absolute;
left: 5px !important;
top: -4px !important;
padding: 1px 0 1px 5px !important;
background: white !important;
color: red !important;
border: none !important;
}

.wpcf7-form .submit-wrap input {
cursor: pointer;
background: url(/assets/images/send.png) no-repeat left top;
height: 43px;
width: 69px;
font-size: 16px;
float: right;
color: #3E3E3E;
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 1px white;
text-decoration: none;
font-family: "trebuchet MS", Helvetica, sans-serif;
border: none;
letter-spacing: -1px;
}

.wpcf7-form .submit-wrap input:hover { 
        background-position:left -43px;
        color:white;
        text-shadow:none;
    }
    
    

    #footer .copy {
        background-repeat:repeat-x;
        background-position:center top;
        background-image:url(/assets/images/footer-bottom.png);
        margin-top:-4px;
        text-shadow:1px 1px black;
        line-height:1em;
        min-width:974px;
    }
    
    #footer .copy, #footer .copy a{color: #fff; text-decoration: none; font-size: 13px;}
    
        #footer .copy .container {
            height:44px;
            padding-top:34px;
        }
        
        #footer .copy p { 
            margin:0;
            padding-left:18px;
        }
            #footer .copy p,
            #footer .copy p a {
                color:white;
                text-decoration:none;
            }
            
            #footer .copy p a:hover { text-decoration:underline;}
.center{text-align: center; margin: 0 auto;}
#access .menu-header{float: right;width: 550px;}