@charset "UTF-8";

/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


@import url("colorbox.css");


* {margin: 0;}
html, body {height: 100%;}

body {
	margin:0;
	padding:0;
	background:#fafafa url(../img/bck.gif) repeat-x;
	font: 13px/18px Arial, Helvetica, sans-serif;
	color:#524e47;
}
body.preview {padding-top:35px;background-position:left 35px;}
hr {
	padding: 0;
	display:block;
	margin:5px 0 5px 0;
	height:1px;
	line-height:1px;
	border:none;
	border-top: 1px solid #dbd7d2;
	background:none;
	color: #dbd7d2;
	clear:both;
	}

p { 
	margin: 0 0 10px 0; 
	padding:0;
}

a { 
	color:#ee3a43; 
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
a img { border: none;}
a:hover {
	/*color: #524e47;*/
	text-decoration:underline;
	}

h1 {
	font-size:13px;
	color: #ee3a43;
	border-bottom: 1px solid #e3e1de;
	text-transform:uppercase;
	margin:0 0 15px 0;
	padding:5px 0 5px 0;
}
	
h2 { 
	margin:0 0 8px 0;
	padding:0;
	font-size:13px;
	font-weight:normal;
}

h3 {
	margin:7px 0 15px 0;
	padding:0;
	font-size: 15px;
}

h4 { font-weight:bold; color:#ee3a43;}


div.side h3 {
	font-size: 14px;
	margin-top:0;
	margin-bottom: 8px;
	}

/*h3.indocs {
	width: 68px;
	height: 10px;
	background: url(../img/indocs_bv.gif) no-repeat left center;	
	}
h3.indocs span {display: none;}*/



/*------- MAIN DIVS -------*/

div#wrapper {
	width: 890px;
	position: relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px auto;
}

div#header {
	height:112px;
	padding:0px;
	width:875px;
	height: 78px;
	margin:0 auto;
}

div#content {
	margin:25px 0 0 0;
	position:relative;
	padding: 0 5px;
}

body.home div#content {
	background: url(../img/content_bck.gif) no-repeat center top;
	height: 466px;
	display: block;
	padding:0;
	}

div#footer {
	border-top: 1px solid #e3ddd2;
	background-color: #7f7576;
	width: 100%;
	display:block;
	color: #d3d2d2;
	font-size:12px;
	padding:0;
	margin:0;
	height: 141px;
	position: relative; z-index: 100;
	}
.push {
	height: 150px;
	position:relative;
	z-index:1;
	}



/*------- END MAIN DIVS -------*/
/*-----------------------------*/

/*------- NAVIGATION ---------*/

div#header img.logo {
	float:left;
	margin-top:10px;
	border: none;
	}

ul#nav {
	margin:0;
	padding: 0;
	float:right;
	margin:50px 0 0 33px;
	list-style:none;
	}

ul#nav li {
	margin:0;
	float:left;
	background: url(../img/divider.gif) no-repeat left 5px;	
	z-index:1;
}
ul#nav li.first {background:none;}
ul#nav li a { 
	padding: 2px 12px 3px 12px;
	color:#524e47; 
	text-transform:uppercase; 
	text-decoration:none;
	font-size: 12px;
	margin-right:-1px;
	position:relative;
	z-index:5;
	display:inline-block;
}

ul#nav li a:hover { color:#ee3a43;}
ul#nav li.active a:hover {color: #fff;}

ul#nav li.active a {
	background-color: #ee3a43;
	color:#fff;
	font-style:normal;
	}

/*-------- CONTENT --------*/

div#content h2 {
	font-size: 14px;
	font-weight:bold;
	}

body.home div#content h2 {
	font-weight:bold;
	color:#ee3a43;
}

div#content p { width: 600px;}
body.home div#content p { width: auto;}

body.home div#content img {margin:12px 0 0 12px;}

div.slideshow {
	margin:12px 0 12px 12px;
	padding:10px;
	background: url(../img/slideshow_bck.png) repeat left top;
	position:absolute;
	bottom: 0;
	left:0;
	width: 567px;
	height: 120px;
}

div.slideshow ul {
	margin:0;
	padding:0;
	list-style:none;
}
ul.slideshow li {
	margin:0;
	padding:10px;
	position:relative;
	background: url(../img/slideshow_item_bck.gif) repeat-x left top #D7D5D2;
	display:block;
	height: 100px;
	width: 547px;
}

div.nav {
	position:absolute;
	bottom:15px;
	right:15px;
	text-align:center;
	z-index:10;
	}
div.nav a {
	background: url(../img/slide_1.gif) no-repeat right top;
	display:block;
	width:11px;
	height:11px;
	float: left;
	margin-right:5px;
	font-size:0px;
	color: #4f4f4f;
	}
div.nav a:hover, div.nav a.activeSlide {
	background-image: url(../img/slide_2.gif);
	color: #ee3a43;
	}
p.more a, a.more {
	padding-right:12px;
	}
a.popup {
	float:right;
	background:url(../img/video.gif) no-repeat left;
	padding-left:25px;
}
p.marqueeBody {
	 margin-bottom: 5px;
}
	
p.more a:hover, a.more:hover {
	background: url(../img/more.png) no-repeat right center;
	text-decoration: none;
	}
div.twitterheader a.more {float: right;}

ul.references {
	list-style:none;
	margin:0;
	padding:0;
	width: 888px;
	}
ul.references li {
	width: 211px;
	height: 120px;
	background:#fff;
	margin: 0 11px 11px 0;
	padding: 10px 0 0 0;
	text-align:center;
	position:relative;
	float:left;
	}
ul.references li p {
	background-color:#eeedec;
	padding: 5px;
	margin:0;
	width: 201px!important;
	text-align:left;
	height:36px;
	position:absolute;
	bottom:0;
	left:0;
	}

ul.references li a {z-index: 5;}
	
ul.news {
	list-style:none;
	margin:0;
	padding:0;
}
ul.news li {
	margin: 0 0 25px 0;
	padding:0;
	}


div.sidebar {
	background: url(../img/sidebar_bck.gif) no-repeat left bottom;
	float:right;
	width: 277px;
	margin-top: 40px;
	margin-right: -7px;
	}
div.sidebar div.top {
	display:block;
	margin: 0;
	background: url(../img/sidebar_top.gif) no-repeat left top;
	height: 7px;
	}
div.sidebar img {margin:6px 0 13px 13px;}

div.map {
	background: url(../img/contact_bck.gif) no-repeat left top;	
	width: 403px;
	float:left;
	padding: 10px;
	}
	
div.map div.col {
	float:left;
	width: 30%;
	}
div#content div.map p {width: auto;}
div#content div.map p.more {width: 200px;}
div#content div.map iframe { margin-bottom: 3px;}



div#content div.product{ background:#FFF; width:590px; float:left; margin-bottom:30px; padding:0 0 5px 0;}
div#content div.product p { width:570px; padding:0 10px;}
div#content div.product h2 {border-bottom: 1px solid #e3e1de; padding:0 10px 4px 10px; margin:5px 0 5px 0;} 
div#content div.product h4 { margin:0 10px 0 10px; }

div#content div.product_item{ background:#FFF; width:590px; float:left; margin-bottom:30px; padding:0 0 5px 0;}
div#content div.product_item p { width:570px; padding:0 10px;}
div#content div.product_item h2 {border-bottom: 1px solid #e3e1de; padding:0 10px 4px 10px; margin:5px 0 5px 0;} 
div#content div.product_item h4 { margin:0 10px 0 10px; }

div.hr {height:3px; background:url(../img/hr_bg.gif) repeat-x scroll center; margin:0 0 8px 0;}
div.hr hr { display:none;}

/*-------- FORMS ----------*/

form {
	float: left;
	width:447px;
	margin-right:10px
	}

form br {clear: both;}

label {
	margin: 5px 0;
	width: 100px;
	display:block;
	float: left;
	clear:none;
	vertical-align:top;
	}
	
label.message {margin-top:0;}

div.warning {
	color:#c83749;
	margin: 0 0 10px 90px;
}

input, textarea {
	width: 300px;
	height: 16px;
	padding:2px;
	font: 14px Arial, Helvetica, sans-serif;
	border: 1px solid #bbb6ae;
	color: #3c3935;
}

textarea {height: 100px;}

input#send {
	border: none;
	background:#ee3a43;
	width:auto;
	height: auto;
	font-size:12px;
	clear:none;
	float:right;
	cursor:pointer;
	color: #fff;
	font-weight: bold;
	padding: 3px 12px;
	margin:15px 41px 0 0;
}
	
div#content form p {
	margin:18px 0 0 100px;
	color:#aba9a6;
	width: 150px;
	clear:none;
	float:left;
}
	
div.required
{
	float:left;
	padding:10px 0 0 100px;
	color:#aba9a6;
}

/*-------- TWITTER --------*/

div#scrollable {
	/*nodig voor scrollen*/
	position:relative; 
    overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	color:#7c746c;
	padding:0;
	height:386px;
	width:267px;
	}
ul.items {
	/*nodig voor scrollen*/
	position:absolute;
	height:20000em; 
	padding:0;
	margin:0;
	width: 100%;
	}
ul.items li {
	background:#FFF url(../img/twitter_item.gif) no-repeat left bottom;
	padding:6px 6px 26px 6px;
	font-size:12px;
	line-height:16px;
	margin: 9px 0 0 0;
	list-style:none;
	height:auto!important;
	}
ul.items li a {
	color: #7c746c;
	font-weight: bold;
	font-size:12px!important;

	margin:20px 6px 0 0;
}
div.items li a:hover {text-decoration: underline;}

ul.items li a.date {
	position:absolute;
	right:0;
}
div.sideTwitter {
	width: 268px;
	height: 444px;
	padding:5px;
	margin:0;
	background:#ff6f77 url(../img/twitter_bck.gif) repeat-x left top;
	position:absolute;
	top:6px;
	right: 6px;
	}
div.twitterheader {
	display:block;
	background:url(../img/indocs_twittert.gif) no-repeat left top;
	padding:10px 10px 0 40px;
	height:26px;
}
div.prev, div.next {
	width: 134px;
	height:21px;
	float:left;
	cursor:pointer;
	}
div.prev {background: url(../img/up.gif) no-repeat top left; }
div.next {background: url(../img/down.gif) no-repeat top left;}

span.date {
	background-color: #e3e1de;
	padding:4px;
	margin-right:10px;
	font-size: 12px;
	font-weight:normal;
	}
div.twitterheader span {display:none;}



/*-------- POPUP --------*/
div.inline {margin:20px 20px 10px 20px; }
div.popup { display:none;}

div.embed {background-color:#e3e1de;}

div.inline h1 { margin-bottom:6px; padding:5px 0; border-top: 1px solid #e3e1de;}
div.toepassing h1 {border-bottom:none;}
div.inline p {margin:0; }
div.inline p.more {border-top: 1px solid #e3e1de; margin-top:8px; padding-top:7px; }
div.inline object { display:block; width: 500px;}
div.inline span.toepassing a { font-weight:bold;}

/*-------- TOOLTIP --------*/

div.tooltip { 
	width:190px;
	height:120px;
	padding:20px 20px 0 30px;
	display:none;
	position:absolute;
	left:120px;
	top:0;
	background:#960; 
	text-align:left;
	z-index:100;
	background:url(../img/tooltip_bg.png) no-repeat left;
	font-size:11px;
}


div.tooltip h4 { font-size:11px;}
/*-------- END TOOLTIP --------*/


/*-------- FOOTER --------*/

div#footer div.wrap {
	margin: 0 auto;
	width: 876px;
	}	
div#footer div.col {
	float: left;
	width: 290px;
	margin-right:10px;
}
div#footer div.col.last {
	margin-right:0;
	width: 275px;
	}
div#footer div.col h3 {
	color:#fff;
	font-weight: normal;
	text-transform:uppercase;
	font-size: 12px;
	border-bottom: 1px solid #d3d2d2;
	padding: 0 5px 3px 5px;
	margin-bottom:5px;
	}
div#footer ul {
	margin: 0 0 10px 0;
	padding:0 5px;
	list-style:none;
	}
div#footer ul li {list-style:none;}
div#footer ul a {
	color: #d3d2d2;
	}
div#footer ul a:hover {
	color: #fff;
	background: url(../img/footer_link.gif) no-repeat right center;	
	padding-right: 12px;
	text-decoration:none;
}
address {
	font-style:normal;
	width: 120px;
	float:left;
	padding: 0 5px;
	}
	
/*-------- CLEARFIX --------*/

.clearfix:after, div#wrapper:after, ul#nav:after, div#header:after, div#content:after,  div#top:after,  div.banner:after, ul.items li:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
*html .clearfix, div#wrapper, ul#nav, div#content, ul.items li {height: 1%;}


/***********************************/
/************ PREVIEW BAR **********/

div#previewBar {
	position:fixed;
	background:url(../img/bg_topbar.png) repeat-x top center transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	height:35px; /* 30px  */
	line-height:20px; /* 30px */
	padding:6px 0 6px 0;
	top:0px;
	left:0px;
	text-align: center;
	z-index:10;
	width:100%;
}

div#previewBar div#wrap {
	width:960px;
	margin:0 auto 0 auto;
}

div#previewBar span#cmsTitle {
	float:left;
	color:#666;
}

div#previewBar span#userOptions {
	float:right;
	color:#666;
}

div#previewBar span#userOptions span { /* semicolon */
	color:#999; 
	margin:0 3px 0 3px;
}

div#previewBar a {
	color:#5EA2D5;
	text-decoration: none;
}

div#previewBar a:hover {
	color: #333333;
}

div#previewBar img.logo {
	border: none;
}


/************ PREVIEW BAR **********/
/***********************************/