body{margin:0; padding:0;}

a:link {color:#9E9E9E;}     /* unvisited link */
a:visited {color:#9E9E9E;}  /* visited link */
a:hover {color:#FF8000; } /* mouse over link */
a:active {color:#696969;}  /* selected link */ 
.nav:link {color:#222;text-decoration:none}     /* unvisited link */
.nav:visited {color:#222;text-decoration:none}  /* visited link */
.nav:hover {color:#FF8000;text-decoration:none } /* mouse over link */
.nav:active {color:#222;text-decoration:none}  /* selected link */ 
#ex2 {font:14px Arial; color:#FF8000;}
#ex2:hover,#ex2:active {font-weight:bold; } 


#top {
  position: fixed;
  z-index: 999;
  width: 100%;
  max-width: 1280px;
  text-align:center;
  height: 82px;
  background-color:#FFF;opacity: 1.0;filter:alpha(opacity=100); 
}

.wrapper{
max-width: 1280px;
min-height:100%;
margin: 0 auto;
position: relative;
overflow:hidden;
box-shadow: 0px 18px 0px 0px white, 0px 0px 18px 2px #585858;
}

.body-container{
width: 100%;
   max-height:707px;
position: relative;
overflow:hidden;
} 

.body-container2{
width: 100%;
 max-height:450px;
position: relative;
overflow:hidden;
} 



#titel {
  text-align:center;
}

#overlay-touch {position: absolute; top:80; width: 100%; height: 50%; background-color:#FFF;opacity: 0.00;filter:alpha(opacity=00); z-index:500 }
#afstandhouder {position: relative; top:0; right:0;  width: 100%; height: 50px; background-color:#FFF;opacity: 0.00;filter:alpha(opacity=00); z-index:500 }

#c-midden{position: absolute; top:16vw; left:33.5%; padding:10px;  width: 33%; background-color:#FFF;opacity: 0.7;filter:alpha(opacity=70);z-index:899}
#c-links{position: absolute; top:15vmax; right:0; padding:10px; width: 33%; background-color:#FFF;opacity: 0.7;filter:alpha(opacity=70);z-index:899 }
#c-rechts{position: absolute; top:170; right:0; text-align:right; padding:10px; width: 33%; background-color:#FFF;opacity: 0.7;filter:alpha(opacity=70);z-index:899 }
#funda-links{position: absolute; top:170; left:0; padding:10px; width: 17%; background-color:#FFF;opacity: 0.7;filter:alpha(opacity=70);z-index:899 }

#galerij-overlay {position: fixed; top:120px; right:0; width: 33%; padding:10px; background-color:#FFF;opacity: 0.7;filter:alpha(opacity=70); z-index:999; }
#galerij-c-links{ position:inherit; top:300; left:0; padding:10px; width: 100px; background-color:#FFF;opacity: 0.7;filter:alpha(opacity=70);z-index:899 }

#tekst-rechts{align:right; position: absolute; top:170; right:0; padding:30px; width: 47%; background-color:#FFF;opacity: 0.77;filter:alpha(opacity=77);  z-index:899;}
#tekst-rechts-klanten{align:right; position: absolute; top:90; right:0; padding:30px; width: 47%; background-color:#FFF;opacity: 0.77;filter:alpha(opacity=77);  z-index:899;}
#tekst-midden-onder {align:center; position: relative; top:60vw; bottom:0px; width:74vw; margin-left:auto; margin-right:auto; padding:40px; padding-top:15px;  background-color:#FFF;box-shadow: 4px 4px 10px 2px #585858;   z-index:899;}

#footer { position: relative;  bottom:0px; padding-top:3px; padding-bottom:3px ; width: 100%; max-width: 1280px;background-color:#FFF;opacity: 1.0;filter:alpha(opacity=100);  text-align:center; font-family: Arial; font-size: 14px; color:#7A7A7A;  line-height: 200%; z-index:899}
.left, .right {display:inline}
.left {float: left; text-align:left}
.right {float: right; text-align:right}
.marge-links {margin-left: 17%; margin-right: 17%}
.titel {width: 22%; position:absolute;top: 17vmin; right:6vmin; text-align:center}
.tekst {width: 53%; max-width:800px; position:absolute; top: 6vmin; left: 5%; text-align:left}

t1 {font:18px Arial; letter-spacing:1px; color:#999; text-align: center;font-style:italic; margin-top:5px; }
t2 {font:24px Arial; letter-spacing:2px; color:#999; text-align: center;}
t3 {font:13px Arial; color:#9E9E9E; letter-spacing:3px; position:relative; }
t1-onder {font: 22px Arial;	text-align: left;	letter-spacing: 2px;	color: #222;text-decoration:none;line-height:150%}
t2-onder {font:18px Arial; letter-spacing:2px; color:#FF8000;text-decoration:none; font-style:italic}

m1 {float: left; width:25%;text-align:left; font:20px Arial; color:#999;letter-spacing:2px; margin-top:4px; margin-bottom:0px}
m2 {float: left; width:25%; text-align:center; font:20px Arial; color:#9E9E9E;letter-spacing:2px;margin-top:4px }
m3 {float: right; width:25%; text-align:right;font:20px Arial; color:#9E9E9E;letter-spacing:2px;margin-top:4px}

p1 {font:18px Arial; text-align:center; letter-spacing:1px; color:#666; background-color:#FFF;opacity: 0.77;filter:alpha(opacity=77);  z-index:899; }
c01 {font:22px Arial; text-align:center; letter-spacing:2px; color:#666}
c1-L {font: 18px Arial;	text-align: left;	letter-spacing: 1px;	color: #222;text-decoration:none;font-style:italic;}
c2-R {font:18px Arial; text-align:right; letter-spacing:2px; color:#FF8000;text-decoration:none; }

c2 {font:14px Arial; text-align:left; letter-spacing:2px; color:#222; text-decoration:none;}
c2b {font:14px Arial; text-align:right; letter-spacing:2px; color:#222; text-decoration:none;}
c2-oranje {font:16px Arial; color:#FF8000; text-align:center; font-style:italic}
c3 {font:14px Arial; float:left; text-align:left; letter-spacing:2px; color:#F30; }
funda-L {font: 22px Arial;	text-align: left;	letter-spacing: 2px;	color: #222;text-decoration:none;}

/* hieronder SLIDER */

.skdslider{
  width:83vw;
  height:55vw;
   max-width:1063px;
   max-height:708px;
  position: relative;
 margin-right:17.8%;
 float:right;
display: block;
 overflow:hidden;

}

.skdslider2{
 width:75vw;
  height:50vw;
   max-width:960px;
    max-height:639px;
position: relative;
 margin-left:67.5%;
 display: block;
 overflow:hidden;
}


.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display: none;
}
.skdslider ul.slides li img{
    width: 100%;
	height:100%;
	border:0;
	position:relative;

}

.skdslider ul.slides2 li img{
    width: 100%;
	height:100%;
	border:0;
	position:relative;
}


.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	list-style-type: none;
    margin: 0;
    padding: 0;
}


.skdslider ul.slide-navs li {
    float: left;
	background: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
  background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}

.skdslider .slide-desc {
    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 15%;
    max-width: 85%;
	display:inline-block;
}
.skdslider .slide-desc > h2 {
    color: #CFDB0C;
    font-family: 'Oswald';
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}
.skdslider .slide-desc > p a.more {
    color:#990000;
	font-size:20px;
	text-decoration:none;
}
.skdslider .slide-desc > p a.more:hover {
text-decoration:underline;
}

.skdslider a.prev{
    background: url("image/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:2%;
	margin-top:-17px;
}

.skdslider a.next{
    background: url("image/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:2%;
	margin-top:-17px;
}
.skdslider a.prev:hover{
  
}
.skdslider a.next:hover{
  
}

.skdslider a.play{
    background: url("image/play.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

.skdslider a.pause{
    background: url("image/pause.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}
/*Some Responsive CSS */
@media all and (max-width: 1050px) and (min-width: 800px) {	
c2 {		font-size: 13px;	}
t1-onder {		font-size: 16px;	}
t2-onder {		font-size: 12px;	}
c2-oranje{		font-size: 17px;	}
c1-L	{		font-size: 16px;	}
c2-R	{		font-size: 16px;	}
c1b-L	{		font-size: 14px;	}
.skdslider{   max-height:500px;		}
m1	{		font-size: 16px;	}
m2	{		font-size: 16px;	}
m3	{		font-size: 16px;	}

	
}
@media all and (max-width: 799px) and (min-width: 50px) {	
c2 {		font-size: 10px;	}
t1-onder {		font-size: 14px;	}
t2-onder {		font-size: 11px;	}
c2-oranje{		font-size: 15px;	}
c1-L	{		font-size: 14px;	}
c2-R	{		font-size: 14px;	}
c1b-L	{		font-size: 12px;	}
.skdslider{   max-height:400px;		}
m1	{		font-size: 14px;	}
m2	{		font-size: 14px;	}
m3	{		font-size: 14px;	}

}