@charset "utf-8";
/* ToughZebra */
/* Amir Aran & Michael Koek */
/* 2011 */

/*------------ ALGEMEEN ----------------*/
*		{margin:0; padding:0;}
body	{font-family: Verdana, Geneva, sans-serif; height:100%; width:100%; font-size:11px; overflow:visible; background-color:#fff;}
h1		{text-transform:uppercase; font-size:13px; color:#666;}
h2		{text-transform:uppercase; font-size:12px; color:#000;}
#zwartelijn	{width:100%; height:1px; background-color:#000;}

.pusher {width:320px; height:40px; float:left;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------ TOP ----------------*/
#top {
	width:100%;
	height:24px;
	background-image:url(../afbeeldingen/top.png);
	background-repeat:repeat-x;
	margin-bottom:2em;
}	
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------ LOGO ----------------*/
#logo {
	background-color:#43687c;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------ NAVIGATIE ----------------*/
/*--- algemeen ---*/
a {
	color:#666;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
	text-decoration:underline;
}

.leesverder {
	margin-top:2em;
}


/*--- hoofdnavigatie ---*/
#menu {
	width:150px;
	height:300px;
	background-color:#f6f6f6;
	padding:.7em;
	border:solid thin;
	border-color:#dbdada;
	text-decoration:none;
	list-style:none;
	margin-top:50px;
	margin-right:2em;
}

.sec {
	display:block;
	padding:.5em;
	margin-top:.5em;
	list-style:none;
}

a.sec {
	color:#000;
	text-decoration:none;
	list-style:none;
	padding-left:2em;
}

a.sec:hover {
	color:#Fff;
	text-decoration:none;
	background-color:#43687c;
	background-image:url(../afbeeldingen/navigatie-arrow.png);
	background-repeat:no-repeat;
}

/*--- social media ---*/
#menusoc {
	width:150px;
	height:33px;
	background-color:#f6f6f6;
	padding:.7em;
	border:solid thin;
	border-color:#dbdada;
	text-decoration:none;
	list-style:none;
	margin-top:19px;
	text-align:center;
	padding-top:1em;
	text-align:center;
}

span.socialmedia {
	display:none;
}

a#facebook {
	display:block;
	width:29px;
	height:29px;
	text-decoration:none;
	list-style:none;
	background-image:url(../afbeeldingen/socialmedia.png);
	background-position:-31px 0px;
	background-repeat:no-repeat;
	float:left;
	margin-right:.6em;
	margin-left:2em;
	filter:alpha(opacity=40);
	opacity:0.4;
}
a#facebook:hover {
	background-image:url(../afbeeldingen/socialmedia.png);
	background-position:-31px 0px;
	background-repeat:no-repeat;
	filter:alpha(opacity=100);
	opacity:1;
}


a#twitter {
	display:block;
	width:29px;
	height:29px;
	text-decoration:none;
	list-style:none;
	background-image:url(../afbeeldingen/socialmedia.png);
	background-position:-63px 0px;
	background-repeat:no-repeat;
	float:left;
	margin-right:.6em;
	filter:alpha(opacity=40);
	opacity:0.4;
}
a#twitter:hover {
	background-image:url(../afbeeldingen/socialmedia.png);
	background-position:-63px 0px;
	background-repeat:no-repeat;
	filter:alpha(opacity=100);
	opacity:1;
}


a#linkedin {
	display:block;
	width:29px;
	height:29px;
	text-decoration:none;
	list-style:none;
	background-image:url(../afbeeldingen/socialmedia.png);
	background-position:-94px 0px;
	background-repeat:no-repeat;
	float:left;
	margin-right:.6em;
	filter:alpha(opacity=40);
	opacity:0.4;
}
a#linkedin:hover {
	background-image:url(../afbeeldingen/socialmedia.png);
	background-position:-94px 0px;
	background-repeat:no-repeat;
	filter:alpha(opacity=100);
	opacity:1;
}

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



/*------------ CONTENT PAGINAS ----------------*/
/*--- totaal ---*/
#wrapper {
	width:1000px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5em;
}
/*-------------*/

#socialmediawrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;

}


h1.titel {
	text-transform:uppercase;
	font-size:13px;
	color:#FFFFFF;
}

#headerid {
	width:790px;
	padding:.5em;
	background-color:#777777;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}


.contentwrapper {
	width: 700px;
	margin-left:200px;
	margin-top:-390px;
	margin-right:auto;
	position:absolute;
	margin-right:2em;
	float: left;
}



.content {
	width:550px;
	/*padding:1em;*/
	border:solid thin;
	border-color:#dbdada;
	background-color:#f6f6f6;
	margin-bottom:2em;
	margin-left:auto;
	margin-right:auto;
}

img.contentthumb {
	width:130px;
	height:100px;
	float:left;
	margin-right:2em;
}

/*--- footer ---*/
#footer {
	width:250px;
	height:50px;
	font-size:10px;
	text-align:right;
	position:absolute;
	right:10px;
	bottom:0px;

}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------ NIEUWS ----------------*/
#nieuws {
	width:195px;

	float:right;
	border:solid thin;
	border-color:#dbdada;
	background-color:#f6f6f6;
	padding:1em;
}

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


/*-------------------------------- CONTACT FORM -------------------------------*/
.inputveld {
	width:300px;
	margin:.5em;
}

.labels {
	display:block;
	width:90px;
	float:left;
	margin:.5em;
}

.bericht {
	width:350px;
	height:100px;
	margin:.5em;
}

.verstuurBTN {
	padding-left:1em;
	padding-right:1em;
	padding-bottom:.2em;
	padding-top:.2em;
	margin-left:107px;
}

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

.trigger {
	padding:5px;
	margin-bottom:5px;
	display:block;
	background-color:#43687C;
	height: 25px;
	line-height:25px;
	width: 564px;
	font-size: 15px;
	font-weight: normal;
	float:left;
}


.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.trigger a:hover {color:#ccc;}
.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 573px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
/*--------------------------------------------------------------------*/
ul#keuzebtnmenu {
	float:left;
	width: 348px; 
	height: 187px;
	list-style: none;
	margin-left: 1em;
	margin-right: auto;
}

ul#keuzebtnmenu li {
	float: left;
}

ul#keuzebtnmenu li a {
	display: block;
	width: 164px; height: 87px;
}

ul#keuzebtnmenu li a#home {	background: url(paginas/afbeeldingen/keuzebtn.png) 0px 0px no-repeat; }
ul#keuzebtnmenu li a#home:hover { background-position: 0px -29px; }

ul#keuzebtnmenu li a#about {	background: url(paginas/afbeeldingen/keuzebtn.png) -63px -0px no-repeat; }
ul#menkeuzebtnmenu li a#about:hover { background-position: -63px -29px; }

ul#keuzebtnmenu li a#services {	background: url(paginas/afbeeldingen/keuzebtn.png) -147px -0px no-repeat; }
ul#keuzebtnmenu li a#services:hover { background-position: -147px -29px; }

ul#menu li a#portfolio {	background: url(paginas/afbeeldingen/keuzebtn.png) -232px -0px no-repeat; }
ul#menu li a#portfolio:hover { background-position: -232px -29px; }

ul#keuzebtnmenu li a span {
	display: none;
}
/*--------------------------------------------------------------------*/

#keuzehouder {width:390px; height:260px;}


#mailonly {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/mailonly-grijs.png);
	background-repeat:no-repeat;
	float:left;
	margin:1em;
}
#mailonly:hover {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/mailonly.png);
	background-repeat:no-repeat;
	float:left;
	margin:1em;
}


#basic {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/basic-grijs.png);
	background-repeat:no-repeat;
	float:right;
	margin:1em;
}
#basic:hover {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/basic.png);
	background-repeat:no-repeat;
	float:right;
	margin:1em;
}


#standard {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/standard-grijs.png);
	background-repeat:no-repeat;
	float:left;
	margin:1em;
}
#standard:hover {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/standard.png);
	background-repeat:no-repeat;
	float:left;
	margin:1em;
}


#advance {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/advance-grijs.png);
	background-repeat:no-repeat;
	float:right;
	margin:1em;
}
#advance:hover {
	display:block;
	width:164px;
	height:88px;
	background-image:url(../afbeeldingen/advance.png);
	background-repeat:no-repeat;
	float:right;
	margin:1em;
}

/*------------ middelste content ----------------*/
.middencontentHolder {
	background-color:#f6f6f6;
	padding:1em;
	border:solid thin;
	border-color:#dbdada;
	margin-bottom:2em;
	padding-bottom:3em
}

.imgthumb {
	float:left;
	margin-right:2em;
	margin-bottom:1em;
}

.leesverder {
	margin-left:400px;

}

p.shorttxt {
	margin-bottom:2em;
}