/*	
	Theme Name: OSPlus - Standard
	Theme URI: http://osplus.nl/	
	Author: Maurits-Jan Seriese
	Author URI: http://osplus.nl/	
	Description: De standaard website template voor OSPlus
	Version: 0.1
*/

html
{
	-webkit-font-smoothing:	antialiased;
}

html, body
{
	font:			normal 14px/24px Verdana, Arial, Helvetica, sans-serif;
	width:			100%;
	height:			100%;
	color:			#333;
	background:		#fff url(images/bck.jpg) no-repeat center bottom;
	background-attachment:	fixed;
	padding:		0;
	margin:			0;
}

h1, h2, h3
{
	color:			#444;
}

h1
{
	font-size:		28px;
	line-height:		41px;
}

h2
{
	font-size:		14px;
}

h3
{
	font-size:		14px;
}

a
{
	color:			#706f6f;
	text-decoration:	none;
}

a > img
{
	border:			0;
}

a:hover, .current_page_item > a, .current_page_parent > a
{
	color:			#de4b2f !important;
}

blockquote
{
	margin:			0;
	padding:		0;
}

.container1
{
	position:		relative;
	display:		block;
	max-width:		1000px;
	margin:			0 auto;
	padding:		0;
}

.content > h1
{
	font-size:		22px;
	margin:			0 0 24px;
	color:			#706f6f;
}

#logo
{
	display:		inline-block;
	width:			240px;
	margin:			12px 0 0;
}

#logo > img
{
	display:		inline-block;
	width:			100%;
	margin:			0;
	padding:		0;
}

#menu_toggle
{
	position:		fixed;
	width:			100%;
	z-index:		100;
	background:		rgba(255, 255, 255, 0.5);
	text-align:		center;
}

#menu_toggle > span
{
	display:		none;
	margin:			20px 0 0;
	padding:		24px 0;
	background:		#eee;
	cursor:			pointer;
}

.menu > ul
{
	list-style:		none;
	margin:			0;
	padding:		0;
}

.menu > ul > li
{
	display:		inline-block;
	margin:			18px 0;
	border-style:		solid;
	border-width:		0 0 0 1px;
	border-color:		#bbb;
}

.menu > ul > li:first-child
{
	border-width:		0 !important;
}

.menu > ul > li > a
{
	display:		inline-block;
	padding:		0 12px;
}

.content
{
	float:			left;
	width:			67%;
}

#c_menu
{
	float:			left;
	display:		inline-block;
	list-style:		none;
	width:			24%;
	margin:			57px 9% 48px 0;
	padding:		0;
}

.c_home
{
	margin-top:		10px !important;
}

#c_menu > li > a
{
	display:		block;
	padding:		10px 8px;
	border-color:		#ddd;
	border-width:		1px 0 0;
	border-style:		dashed;
}

#c_menu > li:first-child > a
{
	border:			0 !important;
}

ul.children
{
	display:		none;
	position:		fixed;
}

.parallax
{
	position:		relative;
	width:			100%;
	height:			650px;
	overflow:		hidden;
}

.parallax > div
{
	position:		absolute;
	width:			inherit;
	height:			inherit;
	z-index:		1;
}

.parallax > div > img
{
	position:		absolute;
	min-width:		100%;
	height:			auto;
	min-height:		100%;
	z-index:		1;
}

.parallax > h1
{
	position:		absolute;
	top:			290px;
	width:			inherit;
	z-index:		10;
	text-align:		center;
	color:			#fff;
	text-shadow:		0 0 6px rgba(50, 50, 50, 1);
}

.p_bck 
{
	width:			100%;
	height:			22px;
	margin:			0 0 32px;
	background:		url(images/p_bck.png) no-repeat center top;	
}

.spacer
{
	height:			240px;
}

.p_sel
{
	display:		block !important;
	z-index:		2 !important;
}

.p_nav
{
	position:		absolute;
	bottom:			4%;
	width:			100%;
	z-index:		300;
	text-align:		center;
}

.p_nav > span
{
	display:		inline-block;
	margin:			0 3px;
	width:			14px;
	height:			14px;
	border-radius:		11px; 
	-moz-border-radius:	11px; 
	-webkit-border-radius:	11px;
	cursor:			pointer;
	border:			2px solid #fff;
	-webkit-box-shadow:	0 0 5px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow:	0 0 5px 0 rgba(0, 0, 0, 0.6);
	box-shadow:		0 0 5px 0 rgba(0, 0, 0, 0.6);
}

.p_nav > span.p_nav_sel
{
	background:		#de4b2f;
}

#logo_small
{
	display:		block;
	width:			64px;
	height:			64px;
	margin:			16px auto 32px;
}

#logo_small > img
{
	display:		block;
	width:			100%;
}

#copy
{
	padding:		24px 0;
	font-size:		11px;
	background:		#eee;
}

#copy > div > span
{
	display:		inline-block;
	width:			32px;
	text-align:		center;
}

#footer
{
	margin:			72px 0;
}

#footer > div > div.fields
{
	position:		relative;
	float:			left;
	width:			33.33%;
}

#footer > div > div > h2
{
	text-transform:		uppercase;
	margin:			0 0 26px;
}

#footer > div > div > span
{
	display:		inline-block;
	width:			132px;
	margin:			0 0 2px;
}

#sku,
#bgnu
{
	width:			150px;
	margin:			0 0 0 90px;
}

.wpcf7-form > p
{
	position:		relative;
}

.wpcf7-form > p > span.f_name
{
	display:		block;
	float:			left;
	width:			150px;
	padding:		8px 0 0;
}

.wpcf7-submit
{
	-webkit-appereance:	none;
	margin:			-2px 0 0;
	padding:		10px 24px;
	background:		#888;
	color:			#fff;
	border:			0;
	cursor:			pointer;
	border-radius:		2px; 
	-moz-border-radius:	2px; 
	-webkit-border-radius:	2px;
	-webkit-appearance:	none;
}

.wpcf7-submit:hover
{
	background:		#de4b2f;
}

input[type="text"], input[type="email"], input[type="tel"], textarea
{
	display:		inline-block;
	width:			240px;
	padding:		12px;
	color:			#888;
	border:			1px solid #888;
	outline:		0;
	font-size:		12px;
	border-radius:		2px; 
	-moz-border-radius:	2px; 
	-webkit-border-radius:	2px;
}

textarea
{
	height:			122px;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover, input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus
{
	color:			#4c4c4c;
	border:			1px solid #de4b2f;
}

#btt
{
	display:		none;
	position:		fixed;
	bottom:			13px;
	right:			13px;
	width:			40px;
	height:			40px;
	background:		#888 url(images/btt.png) no-repeat center center;
	background-size:	12px 12px;
	cursor:			pointer;
	border-radius:		20px; 
	-moz-border-radius:	20px; 
	-webkit-border-radius:	20px;
	opacity:		0.8;
}

#btt:hover
{
	background-color:	#de4b2f;
	color:			#fff;
}

.clear
{
	clear:			both;
}