/*  
Theme Name: KINESIS
Theme URI: http://roxigo.com/kinesis/wp/
Description: KINESIS is created by <a href="http://roxigo.com">Roxigo and Grubforce</a>.
Version: 1.0
Author: Roxigo and Grubforce
Author URI: http://roxigo.com
*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

 
/*-------------------------------------------------------------------------------------------*/

/****************************************************/
/*   Stylesheet developed on:	15-10-09		 	*/
/*	 Developed by:				Grubforce        	*/
/****************************************************/   

/* In this stylesheet you will find the core styles defined for the Kinesis template */

/*******************/
/*   Site Basics   */
/*******************/

*{ border-width: 0; margin: 0; padding: 0; list-style-type: none; outline: 0; text-align: left; }

body { background-color: black; overflow-x: hidden; }

div#contentFRAME_wrapper { width: 100%; position: absolute; z-index: 5; padding-bottom: 40px; }

	div#content_wrapper { height: 100%; max-width: 1600px; min-width: 980px; margin-right: auto; margin-left: auto; }
	
		div#content_01_wrapper { width: 300px; height: 100%; display: inline; float: left; position: absolute; z-index: 10; }
		
		div#content_02_wrapper { max-width: 1600px; min-width: 680px; padding-left: 205px; padding-top: 310px; }

			div#content_02_center { height: 100%; max-width: 855px; min-width: 655px; margin-right: auto; margin-left: auto; overflow: hidden; padding-right: 25px;  }

			div#content_02_center2 { height: 100%; width: 655px; margin-right: auto; margin-left: auto; padding-right: 25px;  }

/*******************/
/*   Text styles   */
/*******************/

p { font: 15px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: left; color:#333; line-height:20px;}

	p.white { color: white; }

	p.small_white { color: white; font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

	p.tiny_white, .boxes_text p { font-size: 10px; line-height: 21px; color: black; margin-top: 10px; }

	p.full { margin-bottom: 10px; text-align: justify; float: left; }

	p.blog_month { width: 70px; margin-top: 0px; color: white; text-align: center; font-size: 16px; font-weight: normal; font-style: normal; }

	p.blog_day { width: 70px; margin-top: 5px; height: 35px; line-height: 36px; color: white; text-align: center; font-size: 30px; font-weight: bold; }

	p.blog_comments_number, p.blog_comments_number a { width: 70px; color: white; text-align: center; font-size: 14px; line-height: 30px; }
	
h1 { font: 25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: 40px; float: left; display: inline-block; }

	h1 a { text-decoration: none; color: black; }
	
	h1.header, h1.header p { height: 35px; line-height: 40px; padding-left: 0px; padding-right: 5px; background-color: white;  float: left; margin-bottom: 20px; font-size: 20px; margin-left:0px; width:580px; border-bottom: 3px solid #000;}
	
	h1.nav { float: left; display: inline-block; line-height: 40px; font-size: 20px; }
	
h1.snel, h1.snel p { height: 40px; line-height: 40px; padding-left: 5px; padding-right: 5px; background-color: white;  float: left; margin-bottom: 20px; font-size: 20px; }	
h2 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; font-style: normal; font-size: 13px; color: black; }

h3 { font: normal normal 16px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

	h3.title { display: none; }

	h3.about { background-color: #f4f4f4; margin-top: 10px; margin-bottom: 10px; padding-left: 15px; }
	
/**********************/
/*   FORMS ELEMENTS   */
/**********************/

/* Search form in top of frame */

form.search { float: right; margin-right: 20px; height: 40px; width: 225px; }

	input.searchfield { margin-top: 5px; margin-bottom: 5px; height: 30px; width: 170px; padding-left: 10px; padding-right: 10px; color: #757575; float: left; display: inline-block; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

	input.go_search { color: white; font-weight: bold; height: 40px; line-height: 40px; width: 30px; float: left; display: inline-block; margin-left: 5px; text-align: center; cursor: pointer; background-image: url(images/lan_wrapper.jpg); }

/* Contact form */

label { font: 13px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: inline; float: left; clear: left; }

input.in_medium { height: 30px; border: 1px solid #666; float: left; display: inline-block; clear: left; width: 99%; margin: 0 0 10px; }

textarea.in_textarea { max-height: 200px; min-height: 93px;width: 99%; border: 1px solid #666; float: left; display: inline; clear: left; margin-bottom: 10px; }

input#submit, input.send { float: right; display: inline; height: 30px; padding-left: 10px; padding-right: 10px; background-color: black; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; text-align: center; }

.col_contact form p{
	float:none;
}


/*****************/
/*   Link tags   */
/*****************/

a { text-decoration: none; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#000; }
a.hover {text-decoration:underline;}
	a.small_text { font-size: 9px; text-decoration: underline; color: #000; }

	a.white { color: white; }

	a.small_white { color: white; }

	a.blog_more { line-height: 25px; color: white; font-size: 13px; background-color: black; height: 25px; display: inline-block; float: right; padding-left: 10px; padding-right: 10px; margin-top: 15px; }

	a.blog_older_entrys { margin-left: 40px; height: 25px; width: 125px; float: left; text-align: center; line-height: 25px; font-size: 13px; color: white; background-color: black; }

	a.top { background-image: url(images/b_top.jpg); width: 35px; height: 30px; float: left; display: inline; margin-top: 10px; margin-left: 563px; }
	
	a.comment { background-image: url(images/comment_counter.jpg); width: 36px; height: 30px; float: right; line-height: 30px; text-align: center; font-size: 13px; color: white; }

/**************/
/*   Images   */
/**************/

img.text_img { display: inline-block; float: left; margin-bottom: 15px; margin-top: 15px; }

img.blog_img { margin-bottom: 15px; }

img.single { padding: 5px; background-color: black; margin-bottom: 5px; float: left; display: inline-block; clear: left; }

/*****************/
/*   List tags   */
/*****************/

ul.list { float: left; margin-bottom: 10px; display: inline-block; clear: left; }

/*************************/
/*   Subscribe wrapper   */
/*************************/

div#subscribe_wrapper { position: fixed; width: 100%; height: 40px; z-index: 11; display: inline-block; top: 0; left: 0; background-image: url(images/lan_wrapper.jpg); }

ul.lan_wrapper { height: 25px; float: right; display: inline-block; margin-right: 25px; }

	ul.lan_wrapper li { display: inline-block; float: left; margin-right: 10px; background: url(images/navigation_default.png) no-repeat; }

		ul.lan_wrapper li p.small_white { line-height: 25px; }

/***********************/
/*   Main navigation   */
/***********************/

div#navigation_wrapper { width: 300px; margin-top: 310px; float: left; position: fixed; top: 0; left: 0; }

	div#navigation_wrapper ul { float: left; display: inline-block; width: 100%; }

		div#navigation_wrapper ul li { float: left; display: inline-block; clear: left; padding-left: 20px; padding-right: 20px; margin-bottom: 5px; background-color: #fff; -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000; }

			div#navigation_wrapper ul li.active { background-image: url(images/navigation_active.png); }

				div#navigation_wrapper ul li.active h1.nav a { color: white; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

			div#navigation_wrapper ul li:hover { background-image: url(images/navigation_hover.png); }

				div#navigation_wrapper ul li:hover h1.nav a { color: #424242; }

			

	div#logo { width: 160px; height: 40px; float: left; display: inline-block; background-image: url(images/logo.jpg); }
	
/* SUBNAVIGATION */

div.subnav { display: inline; width: 655px; height: 30px; margin-bottom: 5px; float: left; clear: left; }
div.subnavblog { display: inline; width: 655px; height: 30px; margin-bottom: 5px; float: left; clear: left; }

	div.subnav a.subnav_link { display: inline-block; height: 30px; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; background-color: black; padding-left: 10px; padding-right: 10px; margin-right: 5px; float: left; clear: none; }
	div.subnavblog a { height: 30px; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; background-color: black; display: inline-block;  }
	div.subnavblog span { height: 30px; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; background-color: black; padding-left: 10px; padding-right: 10px; display: inline-block;  }


/***************/
/*   COLUMNS   */
/***************/

div.col1_wrapper { float: left; clear: left; margin-top: 5px; background-color: white; padding: 20px; display: inline-block; }

div.col_full { max-width: 815px; min-width: 580px; padding: 20px; background-color: white; float: left; clear: left; }

div.col_full2 { max-height: 1100px; min-height: 10px; max-width: 815px; min-width: 580px; padding: 20px; background-color: white; float: left; margin-top: 5px; }

div.col_full3 { -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000; width: 580px; background-color: white; float: left; clear: left; display: inline; padding: 20px 26px 20px 20px; margin-bottom: 20px; margin-top:0px;}

div.col_contact {-moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000; width: 580px; padding: 20px; background-color: white; margin-top: 5px; float: left; display: inline-block; clear: left; }

	div.col_contact_01 { float: left; width: 210px; display: inline-block; height: 203px; }

		div.col_contact_01.comment { float: left; width: 210px; display: inline-block; height: 210px; }

	div.col_contact_02 { height: 203px; min-width: 340px; max-width: 545px; display: inline-block; float: right; overflow: hidden; padding-left: 20px; }

		div.col_contact_02.comment { height: 210px; min-width: 340px; max-width: 545px; display: inline-block; float: right; overflow: hidden; padding-left: 20px; }
	
	div.col_contact_03 { float: left; clear: left; display: inline-block; width: 580px; height: 30px; margin-top: 0px; }

		div.col_contact_03.comment { float: left; clear: left; display: inline-block; width: 580px; height: 30px; margin-top: 0px; }

div.col_dark {-moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000; width: 580px; padding: 20px; clear: left; background-image: url(images/bg_text.png); display: inline; float: left; }

.white p{
	color:#FFF;
}

	div.more_entries a { margin-left: 40px; height: 25px; width: 125px; float: left; text-align: center; line-height: 25px; font-size: 13px; color: white; background-color: black; }
	
	div.more_entries .fleft { float:left; }
	
	div.more_entries .fright { float:right; }

/****************************/
/*   Background slideshow   */
/****************************/

/* Slider controls */

.next { background-image: url(images/next.jpg); width: 25px; height: 40px; position: absolute; right: 0; bottom: 50px; z-index: -1; cursor: pointer; cursor: pointer; }

.prev { background-image: url(images/prev.jpg); width: 25px; height: 40px; left: 0; bottom: 50px; position: absolute; z-index: -1; cursor: pointer; cursor: pointer; }

/* Background image control */

div#background { position: fixed; width: 1600px; height: 1200px; overflow: hidden; left: 50%; margin-left: -800px; top: -86px; background: url('http://www.meergezelligheid.nl/wp-content/themes/Kinesis/images/muur.jpg'); }
	
	#images { position: absolute;  overflow: hidden; width: 1600px; height: 1200px; display: inline-block; }

		#images IMG { position: absolute; text-align: center; z-index: -10; overflow: hidden; }

			#images IMG.active {z-index: -8; overflow: hidden; }

			#images IMG.last-active { z-index: -9; overflow: hidden; }
			
/* Shadow effect over images */
			
#shadow { background-image: url(images/Shadow.png); position: absolute; width: 100%; height: 100%; z-index: -3; overflow: hidden; }

/******************/
/*   Googlemaps   */
/******************/

#Googlemaps { width: 100%; height: 100%; position: absolute; z-index: -10; }

/********************/
/*   BLOG entry's   */
/********************/

div.blog_entry { max-width: 575px; min-width: 575px; display: inline-block; float: left; clear: left; text-align: center; }

	div.entry_wrapper { max-width: 575px; min-width: 575px; margin-left: 0px; display: inline-block; margin-bottom: 50px; }
	
		div.blog_info { margin-left: -110px; z-index: 10; float: left; display: inline; }
	
			.blog_date { width: 70px; height: 70px; display: inline; float: left; background-image: url(images/date.jpg); -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000;}

			.blog_comments_number { width: 70px; background-image: url(images/comment.png); height: 30px; float: left; clear: left; display: inline-block; margin-top: 5px; -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000; }

		div.blog_main_entry { float: left; display: inline-block; top: 0; border-bottom: 3px solid #000; padding-bottom:20px;}
			
		

/*******************/
/*   CODA SLIDER   */
/*******************/
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 655px} 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Tabbed nav */
.coda-nav { height: 30px; display: inline; float: left; }
	
	.coda-nav ul { display: inline; overflow: hidden; width: 100%; }
	
		.coda-nav ul li { display: inline }
	
			.coda-nav ul li a { color: #fff; display: block; float: left; margin-right: 5px; padding: 0 15px; text-decoration: none; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background-color: black; height: 30px; }

				.coda-nav ul li a.current { background-image: url(images/bg_text.png); }
	
/* Miscellaneous */
.coda-slider-wrapper { clear: left; overflow: auto }
	
	.coda-slider { float: left; overflow: hidden; position: relative }
	
		.coda-slider .panel { display: block; float: left }
	
			.coda-slider .panel-container { position: relative }
		
/**************/
/*   Footer   */
/**************/

div#footer_wrapper { position: fixed; width: 100%; height: 32px; background-color: #000; z-index: 11; display: inline-block; bottom: 0; left: 0; float: left; clear: both; }

	ul.footer_left { height: 25px; float: left; display: inline-block; margin-left: 25px;  }
	
		ul.footer_left li { display: inline-block; float: left; margin-right: 10px; }
		
			ul.footer_left li p.small_white { line-height: 25px; }
			
	ul.footer_right { padding-top:10px;height: 25px; float: left; display: inline-block; margin-left: 25px; }
	
		ul.footer_right li { display: inline-block; float: left; margin-right: 10px; }
		
			ul.footer_right li p.small_white { line-height: 25px; }
			
/*********************/
/*   SLIDING BOXES   */
/*********************/

#wrapper { max-width: 855px; min-width: 655px; }

	div#boxes_nav { height: 40px; max-width: 855px; min-width: 429px; float: left; margin-bottom: 5px; -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000;}	

		img.scrollButtons.right { clear: left; cursor: pointer; float: left; height: 40px; }

		img.scrollButtons.left { cursor: pointer; float: left;  }

	#slider { margin: 0 auto; position: relative; }

		.scroll { height: 600px; min-height: 375px; max-width: 855px; min-width: 655px; overflow: hidden; margin: 0 auto; clear: left; }

			.scrollContainer { position: relative; display: inline-block; }

				.scrollContainer div.panel { width: 210px; height: 318px; margin-right: 10px; float: left; }

					.inside { float: left; cursor: pointer; }

						.inside img { display: block; border: 1px solid #e6e6e8; margin: 0 0 10px 0; width: 200px; background:#fff;padding: 3px; -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000;}
						
						div.boxes_text { padding: 20px; background-color: #fff; display: inline-block; -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000;}

/*************/
/*   ABOUT   */
/*************/

a.social_link { float: left; display: inline; width: 200px; margin-right: 5px; height: 75px; }

a.ref_list, img.ref_list { display: inline-block; width: 80px; height: 80px; margin-bottom: 15px; margin-right: 22px; clear: none; }
							
/*****************/
/*   PORTFOLIO   */
/*****************/

ul.showcase_wrapper { margin-top: 5px; float: left; width: 655px; }

	ul.showcase_wrapper li { float: left; display: inline; }

		img.zoom { padding: 5px; float: left; background-color: black; margin-right: 5px; margin-bottom: 5px; }
		
	/* Single portfolio page showcase */

	div#portfolio_showcase { float: left; display: inline; clear: left; width: 655px; height: 265px; }
		
/************/
/*   BLOG   */
/************/

/* Categories */

a.categorie_link { float: left; padding-right: 10px; padding-left: 10px; margin-right: 5px; color: white; font-size: 9px; line-height: 20px; height: 20px; background-color: black; display: inline; margin-bottom: 5px; }

/* Comments */

div.comment_entry { display: inline; float: left; margin-bottom: 0px; }

	div.avatar_box { float: left; width: 80px; margin-right: 40px; }

	div.comment_box { display: inline; float: left; padding: 20px; width: 545px; border: 1px solid #f1f1f1; }
	
/* partners */

a.partner_link, .partner_link { float: left; width: 125px; height: 125px; margin-right: 28px; margin-bottom: 5px; }





/*-----------Ultimate Page Ends-------------------*/
.valid .text_input, .valid .text_area{border:1px solid #70A41B!important; } /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid red!important;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628!important;}