@charset "UTF-8";
/* CSS Document */




body {
	background-color: #ffffff;
}



#back{
	position:absolute;
	width: 1322px;
	height:720px;
	margin-left:0px;
	margin-top:0px;
	left:0px;
	top:153px;
	background-image:url(https://www.surveysupport.nl/images/back60.jpg);
	z-index: 5;
}

.opmaak11 {
	color: #0a2048;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
	font-size:12px;
	line-height:23px;
	letter-spacing:0.05em;
}


/*
h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#e10019;
	
	font-size:12px;
	
	
}
*/


.opmaak12 {
	color: #0a2048;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
	font-size:12px;
	line-height:20px;
	letter-spacing:0.05em;
}

span.oranje {
	color: #eb6d10;
	
	}

#nav1 {
	font-family:"Arial", "Lucida Sans Unicode";
	font-size:9px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:121px;
	height:87px;
	z-index:55;
	left: 421px;
	top:163px;
}
#nav1 ul {margin: 0;padding: 0;list-style-type: none;text-align: right;}
#nav1 ul li { display: block;}
#nav1 ul li a {text-decoration: none;
font-weight:normal;color: #747474;/*background-color: #036;*/}
#nav1 ul li a:hover {color: #eb6d10;}

#nav2 {
	font-family:"Arial", "Lucida Sans Unicode";
	font-size:9px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:95px;
	height:87px;
	z-index:55;
	left: 568px;
	top: 163px;
}
#nav2 ul {margin: 0;padding: 0;list-style-type: none;text-align: right;}
#nav2 ul li { display: block;}
#nav2 ul li a {text-decoration: none;font-weight:normal;color: #747474;/*background-color: #036;*/}
#nav2 ul li a:hover {color: #eb6d10;}

#nav3 {
	font-family:"Arial", "Lucida Sans Unicode";
	font-size:9px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:95px;
	height:87px;
	z-index:55;
	left: 725px;
	top: 163px;
}
#nav3 ul {margin: 0;padding: 0;list-style-type: none;text-align: right;}
#nav3 ul li { display: block;}
#nav3 ul li a {text-decoration: none;font-weight:normal;color: #747474;/*background-color: #036;*/}
#nav3 ul li a:hover {color: #eb6d10;}





#viewer {
	position:absolute;
	width:372px;
	height:476px;
	margin-left:0px;
	margin-top:0px;
	z-index:100;
	left: 662px;
	top: 260px;
}
#surveysupport {
	position:absolute;
	width:267px;
	height:57px;
	z-index:5;
	left: 65px;
	top: 164px;
}
#grijzebalk {
	position:absolute;
	width:100%;
	height:613px;
	z-index:3;
	left: 0px;
	top: 260px;
	background-color: #bcbbb8;
}
#logo {
	position:absolute;
	width:184px;
	height:153px;
	z-index:6;
	left: 70px;
	top: 0px;
}
#box1 {
	position:absolute;
	width:391px;
	height:359px;
	z-index:50;
	left: 202px;
	top: 294px;
}

#box1 p {
	font-family:"Arial", "sans-serif";
	font-size:12px;
	position:absolute;
	color:#002c56;
	line-height:20px;
	letter-spacing: 1.0px;
	
	
	
}


#box1 h2 {
	font-family:"Arial", "sans-serif";
	font-size:16px;

	color:#002c56;
	line-height:20px;
	letter-spacing: 1.0px;
	
	
	
}


#rechtsonder {
	position:absolute;
	width:289px;
	height:137px;
	z-index:50;
	left: 1034px;
	top: 736px;
}
#vlakgijs-onder {
	position:absolute;
	width:372px;
	height:115px;
	z-index:50;
	left: 662px;
	top: 873px;
	background-color: #bdbdb9;
}
#onder {
	position:absolute;
	width:372px;
	height:137px;
	z-index:50;
	left: 663px;
	top: 736px;
}



/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}







#idkliniek {
	position:absolute;
	width:103px;
	height:18px;
	z-index:101;
	left: 1051px;
	top: 884px;
}
#box7 {
	position:absolute;
	width:209px;
	height:100px;
	text-align:right;
	z-index:102;
	left: 247px;
	top: 780px;
}

#box7 p {
		font-family:"Arial", "sans-serif";
	font-size:11px;
	font-weight:bold;
	color:#002c56;
	line-height:20px;
	letter-spacing: 1.0px;
	
}










#box8 {
	position:absolute;
	width:164px;
	height:101px;
	text-align:right;
	z-index:103;
	left: 470px;
	top: 781px;
}

#box8 p {
		font-family:"Arial", "sans-serif";
	font-size:11px;
	color:#002c56;
	font-weight:bold;
	line-height:20px;
	letter-spacing: 1.0px;
	
}


span.email a:link{
	font-family:"Arial", "sans-serif";
color:#002c56;
font-size:11px;
font-weight:bold;
text-decoration:none;
	line-height:20px;
	letter-spacing: 1.0px;
}


span.email a:visited{
	font-family:"Arial", "sans-serif";f
color:#002c56;
font-size:11px;
font-weight:bold;
text-decoration:none;
	line-height:20px;
	letter-spacing: 1.0px;
}
/*voorbeeld hoe je de email link kan stylen*/
span.email a:hover {
	color: #eb6d10;}



/*SCROLLER*/

.Container {
	position: absolute;
	top: 302px;
	left: 203px;
	width: 380x;
	height: 325px;
	/*background: #FFF url(images/container_background.gif) no-repeat;*/
  z-index: 150;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 380px;
  height: 325px;
  z-index: 150;
}

/*LINK STYLING */

#Scroller-1 ul {margin: 0;padding: 0;list-style-type: none;text-align: left;
}

#Scroller-1 a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#002c56;
font-weight:normal;
line-height: 20px;
letter-spacing: 1.0px;
text-decoration:none;
margin: 0;padding: 0;list-style-type: none;text-align: left;
}









#Scroller-1 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#002c56;
font-weight:normal;
line-height: 20px;
letter-spacing: 1.0px;
text-decoration:none;
margin: 0;padding: 0;list-style-type: none;text-align: left;
}

#Scroller-1 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:normal;
line-height: 20px;
letter-spacing: 1.0px;
text-decoration:none;
margin: 0;padding: 0;list-style-type: none;text-align: left;
}

#Scroller-1 a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#002c56;
font-weight:normal;
line-height: 20px;
letter-spacing: 1.0px;
text-decoration:none;
margin: 0;padding: 0;list-style-type: none;text-align: left;
}































#Scroller-1 p {
   z-index: 150;
   font-family:Arial, Helvetica, sans-serif;
   	font-size:12px;
	color:#002c56;
	line-height:20px;
	letter-spacing: 1.0px;
   
}


#Scroller-1 h2 {
	 font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	color:#002c56;
	line-height:20px;
	letter-spacing: 1.0px;
}

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 40px; left: 60px;
   z-index: 150;
}
.Scrollbar-Up {
	cursor: pointer;
	position: absolute;
	left: 604px;
	top: 167px;
}
.Scrollbar-Track {
	width: 48px;
	height: 325px;
	position: absolute;
	top: 266px;
	left: 545px;
	background: transparent url(https://www.surveysupport.nl/images/scroll-track.png) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
 padding-top:30px;
 padding-bottom:30px;
  width: 48px; height: 45px;
}
.Scrollbar-Down {
	cursor: pointer;
	position: absolute;
	top: 362px;
	left: 605px;
}

/*END-SCROLLER*/