@import url('reset.css');

html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-size: 14px;
    font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    color: #666;
    overflow-x: hidden;
    background:#24272a;
    /*background: #fff url('_gfx/bg_new.png');*/
}

/* SETTINGS */
/* ================================================================================= */
p 			{margin:0;padding:0;}
a 			{color:#f00;text-decoration: none;}
a:hover 	{color:#000;}
a:focus 	{outline: none;}
.clear		{clear:both;}
hr 			{border: 1px dotted #ccc;}
a:focus 	{outline: none;}
.wit		{color:#fff;}
.zwart		{color:#000;}
.zen		{margin-right:0px;}
.noborder	{border-bottom:0px;}
.shadow 		{
  -moz-box-shadow: 0px 0px 2px #333333; /* Firefox/Mozilla */
  -webkit-box-shadow: 0px 0px 2px #333333; /*Safari/Chrome */
  box-shadow: 0px 0px 2px #333333; /* Opera & hoe het zou moeten */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#333333')"; /* Voor IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#333333'); /* Voor IE 5.5 - 7 */
}

   

/* LAYERS */ 
/* ================================================================================= */
.cntrd 			{float:left;position:relative;width:960px;left:50%;margin-left:-480px;}
.cntrd900 		{float:left;position:relative;width:900px;left:50%;margin-left:-450px;}
.navi			{position:fixed;top:0px;left:0px;right:0px;height:50px;background:transparent url('_gfx/zen_zwart.png');z-index:999999;}
.headerhome		{float:left;width:100%;height:220px;padding:80px 0 0 0;background:#f00;text-align:center;
-webkit-animation: super-rainbow 120s infinite alternate linear;-moz-animation: super-rainbow 120s infinite alternate linear;}
.header			{float:left;width:100%;height:300px;background:#f00;-webkit-animation: super-rainbow 120s infinite alternate linear;-moz-animation: super-rainbow 120s infinite alternate linear;}
/**/
.header p		{position:absolute;left:0px;top:180px;font-size:2em;font-weight:normal;font-style:normal;text-decoration:none;color:#fff;line-height:42px;}
.header p strong {font-size:2em;color:#fff;font-weight:normal;font-style:normal;text-decoration:none;}
.header p a		{color:#fff;}
/**/
.headervideo	{float:left;width:100%;height:500px;background:#000;}

/**/
.logo			{position:absolute;left:0px;top:12px;font-size:2em;border: 0px;}
.content		{float:left;width:100%;background:#ffffff;padding:25px 0 25px 0}
.contenterror	{float:left;width:100%;padding:0 0 0 0;background:transparent;}
.footer			{float:left;width:100%;margin:1px 0 30px 0;padding:29px 0 0 0;}
.langu			{float:left;width:100%;margin:1px 0 30px 0;padding:29px 0 0 0;text-align:center;}
.divider 		{float:left;position:relative;width:960px;margin:40px 0 40px 0;border-bottom:1px solid #ccc;}
.divider1 		{float:left;position:relative;width:960px;margin:0 0 30px 0;}
.divider2 		{float:left;position:relative;width:960px;margin:20px 0 20px 0;border-bottom:1px solid #ccc;}
.div25			{float:left;width:225px;font-size:14px;margin: 0 20px 0 0;padding:0px;line-height:20px;}
.div25opl		{float:left;width:205px;font-size:14px;margin: 0 20px 0 0;padding:0px;line-height:20px;}
.div33			{float:left;width:306px;font-size:14px;margin: 0 20px 0 0;padding:0px;line-height:20px;}
.div33opl		{float:left;width:266px;font-size:14px;margin: 0 20px 0 0;padding:10px;line-height:20px;border:10px solid #f1f1f1;background:#fff;}
.div33oplz		{float:left;width:266px;font-size:14px;margin: 0 20px 20px 0;padding:10px;line-height:20px;border:10px solid #f1f1f1;background:#fff;}
.div33cas		{float:left;width:266px;min-height:250px;font-size:14px;margin: 0 20px 0 0;padding:10px;line-height:20px;border:10px solid #f1f1f1;background:#fff;}
.div33hme		{float:left;width:225px;font-size:14px;margin: 0 20px 0 0;padding:0;line-height:20px;border:10px solid #f1f1f1;background:#fff;}
.div50			{float:left;width:470px;font-size:14px;margin: 0 20px 0 0;padding:0px;line-height:20px;}
.div50opl		{float:left;width:430px;font-size:14px;margin: 0 20px 0 0;padding:10px;line-height:20px;border:10px solid #f1f1f1;background:#fff;}
.div75			{float:left;width:630px;font-size:14px;margin: 0 20px 0 0;padding:0px;line-height:20px;}
.div100			{float:left;width:960px;font-size:14px;margin:0;padding:0px;line-height:20px;}
.div100opl		{float:left;width:920px;font-size:14px;margin:0;padding:10px;line-height:20px;border:10px solid #f1f1f1;background:#fff;}
.div100grey		{float:left;width:920px;font-size:14px;margin:0 0 30px 0;padding:20px;line-height:20px;background:#ccc;color:#111;}
.divzen			{margin: 0 0 0 0;padding:0px;}
.insch			{position:absolute;right:5px;top:228px;}


/* BLOG */
/* ================================================================================= */
.contentblog	{float:left;width:100%;background:#ffffff;padding:0 0 25px 0}
.headerblog		{float:left;width:100%;height:40px;background:#f1f1f1;padding:0 0 10px 0;margin:0 0 25px 0;color:#333;border-bottom:1px solid #ccc;}
.headerblog	a	{color:#f00;}
.headerblog	a:hover	{color:#000;}
.div100blog		{float:left;width:960px;font-size:14px;margin:0;padding:0px;line-height:20px;background:#333;}
.div80blog		{float:left;width:700px;font-size:14px;margin:0 20px 0 0;padding:0px;}
.div80blogcnt	{float:left;position:relative;width:700px;min-height:200px;font-size:14px;margin:0 20px 0 0;padding:0px;}
.div20blog		{float:left;width:240px;font-size:14px;margin:0 0 0 0;padding:0px; background: #fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;} /* url('_gfx/bg_dash.jpg')*/
.div80blog small	{font-size:12px;color:#999;}
.blogimg_home	{float:left;position:relative;width:225px;background:#fff;padding:0px;margin:0 20px 0 0;border:0px solid #ccc;}
.blogimg_intro	{float:left;position:relative;width:700px;background:#fff;padding:0px;margin:0 20px 20px 0;border:0px solid #ccc;}
.blogimg_vid	{width:680px;background:#333;padding:10px;margin:0 0 20px 0;text-align: center;}
.actieimg		{float:left;position:relative;padding:0px;margin:0 0 20px 0;}
h4 				{font-size:2.5em;font-weight:normal;font-style:italic;text-decoration:none;margin: 20px 0 10px 0;padding:0px;line-height:36px;color:#f00;}


/* TWEETS */
/* ================================================================================= */
.tweet, .query {color: #666;}
.tweet_list {list-style: none;margin:0;padding: 0;overflow-y: hidden;background-color: transparent;}
.tweet_list .awesome,.tweet_list .epic {text-transform: uppercase;}
.tweet_list li {overflow-y: auto;overflow-x: hidden;padding: 0 0 0 0;list-style-type: none;line-height:20px;}
.tweet_list li a {color: #111;}
.tweet_list li a:hover {color: #f00;}
.tweet_list .tweet_even {background-color: #fff;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 0.5em ;margin: 0.5em 0 0.5em 0;}
.tweet_list .tweet_avatar {padding-right: .5em; float: left;}
.tweet_list .tweet_avatar img {vertical-align: middle;}



/* NAV */
/* ================================================================================= */
.nav			{padding:0;margin:0;}
ul.nav li {
	float:right;
	display:inline;
	list-style-type:none;
	cursor:pointer;
	font-size: 14px;
	color: #fff;
	margin: 10px 10px 0 0;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}
ul.nav li a 	{color:#fff;text-decoration:none;}
ul.nav li:hover a, .nav a.current {text-decoration:none;color:#000;background: #fff;}
ul.nav li:hover	{color:#000;background: #fff;}
.nav .current	{color:#000;background: #fff;}

.morebut		{padding:0;margin:0;}
ul.morebut li 	{
	list-style-type:none;
	cursor:pointer;
	font-size: 14px;
	color: #fff;
	background:#f00;
	margin: 10px 2px 0 0;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}
ul.morebut li a 		{color:#fff;text-decoration:none;}
ul.morebut li:hover a 	{text-decoration:none;color:#fff;background:#000;}
ul.morebut li:hover		{color:#fff;background:#000;}



/* LISTS */
/* ================================================================================= */
.blockz			{padding:0;margin:0;}
ul.blockz li 	{float:left;width:102px;height:102px;list-style-type:none;font-size:14px;margin: 0 0 0 4px;padding:0;}
#inflist 		{margin: 0px;width:960px;text-align:left;border-collapse:collapse;}
#inflist th 	{font-weight:normal;padding: 10px 8px;color: #f00;}
#inflist td		{padding: 8px;color: #24272a;}
#inflist td small	{font-size:11px;}
#inflist .odd	{background: #f1f1f1;}

.caze			{padding:0 0 0 0;margin:0 0 0 0;}
ul.caze li 		{float:left;width:161px;height:145px;display:inline;list-style-type:none;cursor:pointer;margin: 0 13px 0 0;padding:0px;border:10px solid #f1f1f1;background:#fff;}
/*ul.caze li p 		{margin: 0 0 0 0;}
ul.caze li a 		{color:#333;text-decoration:none;}
ul.caze li:hover a 	{text-decoration:none;color:#f00;background:#fff;}
ul.caze li:hover  	{text-decoration:none;color:#f00;background:#fff;}*/



/* FONTS */
/* ================================================================================= */
h1 	{font-size:1.8em;font-weight:normal;font-style:normal;text-decoration:none;margin: 0 0 10px 0;padding:0px;line-height:28px;color:#24272a;}
h2 	{font-size:1.4em;font-weight:normal;font-style:normal;text-decoration:none;margin: 0 0 10px 0;padding:0px;line-height:22px;color:#24272a;}
h3 	{font-size:1.4em;font-weight:normal;font-style:normal;text-decoration:none;margin: 0 0 0 0;padding:0px;line-height:22px;color:#fff;}


.hred			{color:#f00;}
.hwhite			{color:#fff;}
.zwhite			{color:#fff;}
.zwhite a		{color:#fff;text-decoration:none;}
.zwhite a:hover {color:#f00;}
.fwhite			{font-size:12px;color:#fff;}
.fwhite a		{color:#fff;text-decoration:none;}
.fwhite a:hover {color:#f00;}


/* HOME-CLIENTSLIDE */
/* ================================================================================= */
#slides 					{position:relative;z-index:100;}
.slides_container 			{width:900px;overflow:hidden;position:relative;display:none;}
.slides_container a 		{width:900px;height:175px;display:block;}
.slides_container a img 	{display:block;}
#slides .next,#slides .prev {position:absolute;top:75px;left:-32px;width:24px;height:43px;display:block;z-index:101;color: #fff;}
#slides .next 				{left:903px;}
.pagination {margin:10px auto 0;}/*width:44px;*/
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(_gfx/pagination1.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}


/* COLORS */
/* ================================================================================= */
@-webkit-keyframes super-rainbow {
    0%   { background: #ff0000; }
    20%  { background: #ff9900; }
    60%  { background: #56626b; }
    100% { background: #cc0099; }
}
@-moz-keyframes super-rainbow {
    0%   { background: #ff0000; }
    20%  { background: #ff9900; }
    60%  { background: #56626b; }
    100% { background: #cc0099; }
}


#google_translate_element select 	{background:#24272a;}
#google_translate_element div 		{background:#24272a;border:0px solid;position:absolute;right:0px;top:-2px;}
#google_translate_element span 		{background:#24272a;color:#fff;font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;}


/* TOGGLE */
/* ================================================================================= 
#toggle-view 		{list-style:none;width:100%;margin: 0 0 0 0;padding: 10px 0 10px 0;}
#toggle-view li 	{position:relative;cursor:pointer;}
#toggle-view h3 	{margin: 20px 0 10px 0;padding: 5px 10px 5px 10px;color:#fff;background: #f00;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#toggle-view span 	{position:absolute;right:10px;top:6px;color:#ccc;}
#toggle-view p 		{float:left;width:960px;margin:0 20px 20px 0;display:none;background: red} 
*/




/* FORMS */
/* ================================================================================= */
label
{
	margin:0;
	color:#666;
    margin-bottom: 5px;
    display: block;
    float: left;
    width: 100%;
}	

input {
	padding: 5px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    width:95%;
    margin-bottom: 5px;
    font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color: #111;
}
select {
	padding: 3px;
	border: solid 1px #cccccc;
	width:95.5%;
	margin-bottom: 15px;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color: #111;
}
textarea {
	padding: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    width:96%;
    margin-bottom: 5px;
    height: 150px;
    font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color: #111;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
}

input[type="radio"] {
	width:12px;
	background-color: transparent;
	border: 0px;
	margin-top: 0px;
	margin-right: 5px;
}
input[type="checkbox"] {
	width:12px;
	background-color: transparent;
	border: 0px;
	margin-top: 0px;
	margin-right: 5px;
}

input[type="submit"] {
	float:right;
	padding:5px 3px 5px 3px;
	margin: 0;
	cursor: pointer;
	border: 1px solid #333;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color: #fff;
	background: #333;
}
input:focus, select:focus, input.sffocus,textarea:focus, textarea.sffocus {
	background-color: #f1f1f1; /*f9ef32*/ 
    color:000;
}

/* -------------------------------------------------- tips -------------------------------------------------- */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;*/
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}