/*

Theme Name: Ventinella

Theme URI: http://www.westdesign.be

Author: Westdesign

Author URI: http://www.westdesign.be

Description: Ventinella, ontwikkeld door Westdesign

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: Westdesign internet applicaties & ontwerp, email marketting, ...

*/



/*** Reset Styles ***/ 



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,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td

{

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}



:focus {/* remember to define focus styles! */ outline: 0; }



body

{

	background: #F7F7F7;

	margin-top:10px;

	background-image:url(images/bg.jpg);

	background-repeat:repeat-x;

}



ol,

ul { list-style: none; }



table

{/* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}



caption,

th,

td

{

	font-weight: normal;

	text-align: left;

}



blockquote:before,

blockquote:after,

q:before,

q:after { content: ""; }



blockquote,

q { quotes: "" ""; }



a img { border: 0; }



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section { display: block; }



/*** Algemeen ***/



body

{

	font-size:14px;

	line-height:18px;

	color:#333;

	font-family:Arial, Helvetica, sans-serif;

}



.wis { clear:both; }



/*** darkGrid 14 kolommen 980px ***/



.grid_1 { width:70px; }

.grid_2 { width:140px; }

.grid_3 { width:210px; }

.grid_4 { width:280px; }

.grid_5 { width:350px; }

.grid_6 { width:420px; }

.grid_7 { width:490px; }

.grid_8 { width:560px; }

.grid_9 { width:630px; }

.grid_10 { width:700px; }

.grid_11 { width:770px; }

.grid_12 { width:840px; }

.grid_13 { width:910px; }

.grid_14 { width:980px; }



.column

{

	margin: 0 0;

	/*overflow: hidden;*/

	float: left;

	display: inline;

}



.row

{

	width: 980px;

	margin: 0 auto;

	/*overflow: hidden;*/

}



.row .row

{

	margin: 0 0;

	width: auto;

	display: inline-block;

}



.wis { clear:both;}





.gridTest

{

	font:60px/100px Helvetica;

	color: #000;

	text-align: center;

	border: 1px solid #000;

	margin: 0 0 10px 0;

}



/*** Landing pagina ***/



.wrapper-taalkeuze 

{

	background-color:#FFF;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius: 5px;

	border:1px solid #999;

	margin-top:25px;

}



.startbor

{

	border-right:1px dotted #ccc;

	height:80%;

}



.wrapperNL,

.wrapperFR,

.wrapperEN,

.wrapperDE

{

	float:left;

	width:245px;

	text-align:center;

	height:50px;

	margin:50px 0 0 50px;

}



a.taalLink

{

	color:#f00;

	text-decoration:none;

}



a.taalLink:link

{

	color:#f00;

	text-decoration:none;

}



a.taalLink:visited

{

	color:#f00;

	text-decoration:none;

}



a.taalLink:hover

{

	color:#f00;

	text-decoration:none;

}



a.taalLink:active

{

	color:#f00;

	text-decoration:none;

}



/*** Layout ***/



a,

a:link,

a:visited

{

	color:#4384AA;

	text-decoratie:none;

}



a:hover

{

	color:#000;

	text-decoration:none;

}





/*** Header ***/



.wrapper-header-tekst { text-align:left; margin:10px 0 0 0; }

.wrapper-taalkeuze-boven { }





.header-tekst

{

	font-size:24px;

	line-height:24px;

	color:#178AC9;

	font-weight:bold;

	text-shadow: 0px 0px 2px #fff;

	padding:5px 0 0 0;

}



.header-tel

{

	font-size:24px;

	line-height:24px;

	color:#178AC9;

	font-weight:bold;

	text-shadow: 0px 0px 2px #fff;

	padding:5px 0 0 0;

}



/*** Diverse tekstopmaak ***/



h1

{

	color: #000;

	font-size:24px;

	font-weight: bold;

	margin: 0 0 .8125em;

}



blockquote

{

	font-family: Georgia, "Bitstream Charter", serif;

	font-style: italic;

	font-weight: normal;

	text-align: left;

  margin:20px 20px 0 20px;

  padding:7px 0 0 50px;

  background: transparent url(images/quote.jpg) no-repeat;

	height:63px;

	color:#ADC527;

	font-size:15px;

	font-weight:bold;

}



strong { font-weight: bold; }



/*** Navigatie ***/



#ventinella-nav

{

	clear: both;

	display: block;

	float: left;

	margin:10px 0 0 0;

	width: 100%;

	background-image:url(images/navig_bg.jpg);

	background-repeat:no-repeat;

}



#ventinella-nav ul

{

	font-size: 14px;

	list-style: none;

	margin: 0 0 0 10px;

	padding-left: 0;

}



#ventinella-nav li

{

	float: left;

	position: relative;

	background-image:url(images/navig_divider.jpg);

	background-repeat:no-repeat;

	background-position:right 2px;

}



#ventinella-nav a

{

	color:#1187C9;

	font-weight:bold;

	display: block;

	line-height: 3.333em;

	padding: 0 1.2125em;

	text-decoration: none;

}



#ventinella-nav ul ul

{

	display: none;

	float: left;

	margin: 0;

	position: absolute;

	top: 3.333em;

	left: 0;

	width: 188px;

	z-index: 99999;

}



#ventinella-nav ul ul ul

{

	left: 100%;

	top: 0;

}



#ventinella-nav ul ul a

{

	border-bottom: 1px dotted #ddd;

	color: #444;

	font-size: 13px;

	font-weight: normal;

	height: auto;

	line-height: 1.4em;

	padding: 10px 10px;

	width: 168px;

}



#ventinella-nav li:hover > a,

#ventinella-nav ul ul :hover > a,

#ventinella-nav a:focus { text-decoration:underline; }



#ventinella-nav li:hover > a,

#ventinella-nav a:focus { color: #000; }



#ventinella-nav ul li:hover > ul { display: block; }



#ventinella-nav .current_page_item > a,

#ventinella-nav .current_page_ancestor > a { font-weight: bold; }



/*** Promotie Slider Tekst weergave (exerpt) ***/



.promo_</p>r_wrapper { /*margin:5px 0 15px 0;*/ }



.promo_slider_excerpt

{

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:405px;

	height:250px;

}



.promo_slider_excerpt h1

{

	margin:10px;

	padding:25px 15px 5px 15px;

	font-size:20px;

	color:#FFF;

	line-height:25px;

}



.promo_slider_excerpt h2

{

	margin:10px;

	padding:5px 10px 5px 22px;

	font-size:16px;

	color:#EFEFEF;

	line-height:25px;

	font-weight:bold;

}





div.promo_slider_background_image

{

	height:200px;

}





/*** Single post weergave ***/



.single-post-content { padding:15px;}







/*** Single pagina weergave ***/



.pagina-titel

{

	font-size:20px;

	margin-bottom:10px;

}

.wrapperInhoud 

{ 



	

}



.alignleft

{

	float:left;

	margin-right:10px;

}



.alignright

{

	float:right;

	margin-left:10px;

}



em

{

	font-style:italic;

}



.contentInhoud { padding: 5px;}





#spatieContent { height:5px;}





#rondKader

{

	background-color:#FFF;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	border-radius: 4px;

	border:1px solid #999;

	width: 978px;

	margin:0 auto;

	overflow: hidden; 

	margin-bottom:15px;

	margin-top:15px;

	display:block;

}



.contentLinks 

{

	width:680px;

	float:left;

}

.inhoudLinks

{

	padding:15px;

	border-right:1px dotted #ccc;

}

.contentRechts 

{

	width:298px;

	float:left;

}

.inhoudRechts

{

	padding:15px;



}



.inhoudFullpagina { 

	padding:15px;

}







.wrapperInhoudPagina { margin:10px 0 10px 0; }

.wrapperSidebarPagina { }







.pagina-content-wrapper

{

	background-color:#FFF;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	border-radius: 4px;

	border:1px solid #999;

}

.pagina-kleurkataloog-content-wrapper {}



.pagina-content { padding:0px; }



.pagina-content > p

{

	margin-bottom:10px;

	text-align:justify;

	line-height:20px;

}



.pagina-content p a,

.pagina-content p a:link,

.pagina-content p a:visited

{

	background-color:#4384AA;

	text-decoration:none;

	font-weight:normal;

	padding:0 5px 0 5px;

	color:#FFF;

}



.pagina-content p a:hover

{

	color:#1187C9;

	text-decoration:none;

	background-color:#FFF;

}



.pagina-content ul

{

	list-style-type: square;

	list-style-position:outside;

}



.pagina-content ul li { margin:0 0 10px 20px; }



.pagina-content ol

{

	list-style-type: decimal;

	list-style-position:outside;

}



.pagina-content ol li { margin:0 0 10px 20px; }



/*** Kleur Kataloog ***/



.fotoKatWrapper

{

	width:105px;

	height:141px;

	float:left;

	margin:0 15px 15px 0;

}



/*

.kataloogThumb { margin:0 15px 15px 0;}

.wrapperKleurKataloog{ padding:15px;}

*/





/*** Widgets ***/



.widget 

{

	clear: both;

	margin: 0 0 2.2em;

	padding:0 5px 0 5px;

	

}



div.textwidget

{

	font-size:14px;

	line-height:20px;

	padding:5px;

	text-align:justify;

}



div.textwidget p

{

	margin:5px 0 5px 0;

}



h3.widget-title 

{

	color:#fff;
	text-align:center;

	font-size: 14px;

	font-weight:bold;

	padding:3px 5px 3px 5px;

	background-color:#ADC527;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	border-radius: 4px;

	

	

}

.widget ul {

	font-size: 15px;

	margin: 0;

}

.widget ul ul {

	margin-left: 1.5em;

}

.widget ul li {

	color: #777;

	font-size: 13px;

}

.widget a {

	font-weight: bold;

	text-decoration: none;

}

.widget a:hover,

.widget a:focus,

.widget a:active {

	text-decoration: underline;

}



/* Search Widget */

.widget_search form {

	margin: 0 0 1.625em;

}

.widget_search #s {

	width: 77%;

}

.widget_search #searchsubmit {

	background: #ddd;

	border: 1px solid #ccc;

	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	color: #888;

	font-size: 13px;

	line-height: 25px;

	position: relative;

	top: -2px;

}

.widget_search #searchsubmit:active {

	background: #1982d1;

	border-color: #0861a5;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	color: #bfddf3;

}











/*** Footer ***/





.footerTekst{ font-size:12px; color:#fff; padding-top:8px;}



.wrapper-footer-sidebar { height:30px; }



.wrapperFooterKol1, .wrapperFooterKol2 { padding:15px;}



.footer .menu ul

{

	list-style:inside;

	list-style-type:circle;

	margin:0 0 0 10px;

	color:#fff;

}



.footer .menu li a,

.footer .menu li a:link, 

.footer .menu li a:visited

{

	color:#fff;

	text-decoration:none;

	font-size:12px;

	line-height:14px;

}



.wrapperFooterKol1 .menu li a:hover

{

	text-decoration:underline;

}





div.footer

{

/*	background-image:url(images/footer_bg.jpg);

	background-repeat:no-repeat;*/

	background-color:#1386C9;

	height:90px;

	width: 978px;

	margin:0 auto;

	text-align: center;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	border-radius: 4px;

	border:1px solid #999;

}



#lang_sel

{

	float:right;

	margin:10px 15px 0 0;

	

}



.legal

{

	margin:5px 0 15px 10px;

	font-size:12px;

	color:#666;

}



.design

{

	margin:5px 0 15px 10px;

	float:right;

}



a.westdesign

{

	background:url(images/credits.png) no-repeat scroll left top;

	display:block;

	float:right;

	height:16px;

	margin:0 0 0 0;

	text-indent: -9999px;

	width:100px;

}



a.westdesign:hover,

a.westdesign:focus { background-position: left bottom; }





.newslet

{

	

}



.newslet p

{

	color:#666;

	font-size:11px;

	

}



div.newslet input

{

	border:1px solid #ccc;

	padding:3px;

	margin-bottom:10px;

}



div.newslet .knopke

{

	background: #1982d1;

	border-color: #0861a5;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	color: #bfddf3;

}



div.newslet label

{

	font-weight:bold;

	font-size:13px;

}





/*** Contact Form styling ***/



#contact { list-style:none;	margin:0; }

#contact li{

	float: left;

    height: 60px;

	margin:0 0 20px;

    position: relative;

    width: 635px;

}

#contact li .text{

	background: #178AC9;

	padding:15px 10px 10px 0;

	position:absolute;

	z-index:100;

	min-width:85px;

	border-bottom-right-radius: 5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-bottom-right-radius:5px;

	border-top-left-radius: 5px;

	-moz-border-radius-topleft:5px;

	-webkit-border-top-left-radius:5px;

	text-indent: 5px;

	color:#FFF;

}

#contact li .required{

	position:absolute;

	right:10px;

	top:10px;

	z-index:100;

	color:#F00;

}

#contact li .wpcf7-form-control-wrap{

	position: absolute;

}

#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea{

	background:#fff;

	border:solid 5px #178AC9;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	padding:15px 10px 25px;

	width: 615px;

	text-indent:95px;

	z-index:100;

	margin:0;

}

#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{

	background:#F0EFEF

}

#contact li .wpcf7-form-control-wrap textarea{

	line-height: 28px;

    padding: 10px;

	height:200px;

}

#contact li#message{

	min-height:220px;

}

#contact li#submit input{

	color:#fff;

	text-decoration:none;

	margin:10px 30px 0 0;

	background:#178AC9;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69d2f9', endColorstr='#09b2f3');

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#178AC9), to(#09b2f3));

	background: -moz-linear-gradient(top, #178AC9, #09b2f3);

	border:none;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	-0-border-radius:3px;

	border-radius:3px;

	display:block;

	padding:10px 25px;

	text-align:center;

	text-shadow:0 1px 0 #09b2f3;

	text-transform:uppercase;

}

#contact li#submit input:hover{

	background:#69d2f9;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09b2f3', endColorstr='#69d2f9');

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09b2f3), to(#69d2f9));

	background: -moz-linear-gradient(top, #09b2f3, #69d2f9);

	-moz-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;

	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;

	-o-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;

	box-shadow:0 1px 2px rgba(0,0,0,.5) inset;

	color:#06506c;

	text-shadow:0 1px 0 rgba(255,255,255,.25);

	text-transform:uppercase;

	cursor:pointer;

}

div.wpcf7-validation-errors {

    clear: left;

}



div.pagina-content table.modellen

{

	

}



div.pagina-content table.modellen tr

{

	

}



div.pagina-content table.modellen td

{

	padding:10px;

	vertical-align:top;

	border-bottom:1px dotted #ccc;

}



div.pagina-content table.modellen td.bor

{

	border-right:1px dotted #ccc;

}



div.pagina-content table.modellen td.last

{

	margin-left:50px;

}