/* CSS Document */
* {margin:0px;padding:0px;}

/* HTML, BODY */

html {width: 100%;height:100%;}

body {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
	background-image:url('/sites/145/images/paradeskv2background.jpg');
	background-position:center top;
	background-repeat:no-repeat;
    font-family:Calibri;
    font-size: 14px;
    color:#252525;
    /*scrollbar-3dlight-color: #f3b113;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #000000;
    scrollbar-darkshadow-color: #f3b113;
    scrollbar-face-color: #f3b113;
    scrollbar-track-color: #0060a9;
    scrollbar-highlight-color: #f3b113;
    scrollbar-shadow-color: #f3b113;*/
}
.Underline{
	text-decoration: underline;
}
/* LINKS */

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

a.homemenu {
	color:#222;
	text-shadow: 0px 1px 1px #555;
}

a.homemenu:hover {
	text-shadow: 2px 3px 3px #555;
}

a.thema:hover {color:#E3E3E3;text-decoration:none;}

a.footer {
	color:#fff;
	margin:0px 0px 0px 5px;
	font-family:Calibri;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
.welkom a{
text-decoration: underline;	
}
/* DIV */

div.frame {
	text-align:center;
	width:100%;
}

div.container {
    width:1000px;
	margin:0px auto;
	text-align:left;
}

div.filmcontainer{
	width:750px;
	height:340px;
}

div.header {
	width:1000px;
	height:500px;
}

div.homemenu {
    height:20px;
    float:right;
    margin-right:110px;
    color:#EEEEEE;
	font-size:12px;
	margin-top:30px;
}

div.paradesklogo {
	width:200px;
	height:40px;
	padding-top:75px;
	margin-left:60px;
}

div.welkom {
	width:350px;
	float:left;
	margin-top:25px;
	margin-left:90px;
}

div.paradeskimage {
	float:right;
	margin-right:125px;
}

div.main {
	width:1000px;
	padding-top:35px;
	overflow:hidden;
}

div.contact_form {
	width:400px;
	margin:0px 100px 0px 100px;
}

div.themaimg {
	margin:5px 0px 0px 100px;
	position:relative;
	float:left;
	text-align:center;
}

div.contactinfo {
	width:400px;
	margin-left:500px;
}

div.thema-container {
	width:1000px;
	min-height:250px;
	margin-top:50px;
}

div.thema {
	position:relative;
	width:165px;
	height:100px;
	float:left;
	margin-left:35px;
}

div.thema img{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

div.thema:hover img{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity: 0.4;
}

div.thema .details {
	margin-top:45px;
	position:absolute;
	top:100;
	left:150;
	z-index:999;
	/*-webkit-transform: scale(0);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;*/
}

div.thema:hover .details{
	border: 2px solid #CCCCCC;
	border-radius:11px;
	-moz-border-radius:11px; /* Firefox 3.6 and earlier*/
	/*-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;*/
}

div.thema .details{
	border: 2px solid transparent;
	border-radius:11px;
	-moz-border-radius:11px; /* Firefox 3.6 and earlier*/
	/*-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;*/
}

div.rep {
	float:left;
}

div.rep2 {
	float:right;
}

div.footer {
	width:100%;
	height:30px;
	padding:5px 0;
	background-color:#eb5701;
	text-align:center;
}

/* H + P */

h1
{

}

h1.welkom {
	font-family:Calibri;
	font-size:36px;
	font-weight:lighter;
	color:#303030;
	text-shadow: 0px 1px 1px #555;
}

h1.welkom:hover {
	text-shadow: 2px 3px 3px #555;
}

h2.contacttitel {
	font-family:Calibri;
	font-size:36px;
	font-weight:lighter;
	color:#303030;
}

h2.contactinfo {
	color:#eb5701;
}

h2.themainfo {
	color:#eb5701;
	text-transform:uppercase;
}

h2.thema {
	font-family:Century Gothic;
	font-size:18px;
	font-weight:lighter;
	text-transform:uppercase;
	text-align:center;
	color:#303030;
}

h2.titel_rep1, h2.titel_rep2 {
	color:#eb5701;
	text-transform:uppercase;
	margin:6px 0px 3px 0px;
}

h3.imgh3 {
	color:#fff;
	position:absolute;
	left:10px;
	top:50%;
	text-transform:uppercase;
	font-size:18px;
	overflow:auto;
	text-align:center;
}

p {

}

p.tekst1, p.tekst2 {
	font-size:12px;

}

p.thema {
	font-family:Calibri;
	margin:5px;
}

p.welkom {
	font-family:Calibri;
	margin-top:20px;
	color:#303030;
}

p.welkom a {
	font-weight:bolder;
}

p.contacttekst {
	margin:15px 0px 15px 0px;
	color:#303030;
}

p.dienst {
	margin:20px 0px 0px 78px;
	font-size:16px;
	color:#303030;
}

p.contactinfo {
	margin:5px 0px 0px 0px;
	color:#303030;
	font-size:14px;
}

p.proberen {
	margin-left:358px;
	font-family:Calibri;
	color:#ed9c26;
	font-weight:bolder;
	width:800px;
	height:35px;
}

p.proberen:hover {
	text-decoration:none;
}

p.footer {
	font-family:Calibri;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
}

p.bericht {font-size: 12px;margin:3px 0px 0px 3px;}
p.berichtfail {font-size: 12px;margin:3px 0px 0px 3px;}

.underline {
	text-decoration:underline;
}

.strikethrough {
	text-decoration:line-through;
}

.right{
	float:right;
}

/* UL, OL, LI */

ul	{margin:0px;padding:0px;	list-style-type:none;}
li	{margin:0px;padding:0px;	list-style-type:none;}

div.homemenu li {
	float:left;
}

div.homemenu ul li a {
	color:#EEEEEE;
}

div.homemenu ul li ul {
	display:none;
}

li.tube {
	margin:0px 20px 0px 20px;
}

/* IMAGES */
	
img {border:0px;padding:0px;margin:0px;}

img.themalogo {
	float:left;
	margin-left:60px;
}

.footer img {
	margin:0px 5px 0px 0px;
	vertical-align:middle;
}

img.themaimg{
	display:block;
}

.black_overlay{
	cursor:pointer;
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url('images/black.png')top left repeat;
}

img.plaatje_klein_img1 {
	float:left;
	margin:10px;
}

img.plaatje_klein_img2 {
	float:right;
	margin:10px;
}

/* CONTACTFORM & NIEUWSBRIEF*/

.contactform2 table {
	width:100%;
}

input.veld, textarea.omschr, textarea.vraag, textarea.contract, textarea.info, textarea.question {
	color: #000000;
	width:250px;
	height:30px;
	margin:10px 0px 1px 0px;
	-webkit-border-color:#000000;
	-webkit-border-width:1px;
	-moz-border-color:#000000;
	-moz-border-width:1px;
	border-color:#000000;
	border-width:1px;
	border-radius:3px;
}

textarea.question {
	height:200px;
}

textarea.omschr, textarea.vraag, textarea.contract, textarea.info {
	height:200px;
}

.klant, .reseller, .vraag, .probleem {
	display: none;	
}

label.radioinfo {
}

.contactform2 span {
	font-size:12px;
	color:#303030;
	font-style:italic;
	display:block;
	margin:10px 0 0 0;
}

table.contact {margin:5px 0px 0px 3px;}

input.button
{
	background-color:#eb5701;
	border:1px solid #fff;
	border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	cursor:pointer;
	padding:5px 10px;
	margin:10px 0px 1px 0px;
}

input.radio {
	margin:0px 5px 5px 5px;
}
    
/*-----------MOGELIJKHEDEN------------------*/
div.mogelijkhedenmenu {
	width:150px;
	float:left;
	margin:0 30px 0 0;
}
.mogelijkhedenmenu ul li {
	margin:10px 0 0 0;
}
.mogelijkhedenmenu ul li ul{
	padding:0 0 0 20px;
	list-style-type:disc;
}
.mogelijkhedenmenu ul li ul li{
	list-style-type:disc;
	margin:0;
}
.mogelijkhedenmenu li a{
	color:#303030;
	text-decoration:none;
}
.mogelijkhedenmenu li a:hover,
.mogelijkhedenmenu li.actief>a{
	color:#eb5701;
}
.mogelijkhedenmenu li.actief>a:hover{
	color:#ffa12d;
}

.divrep {
	width:820px;
	float:right;
	overflow:hidden;
	margin:0 0 20px 0;
}
.main .kolom-half {
	width:400px;
	float:left;
}
.main .kolom-half:first-child {
	padding-right:20px;
}
.divrep .kolom-half .mogelijkhedenimg {
	min-height:100px;
	margin:5px 0px 0px 0px;
	position:relative;
	text-align:center;
}
.divrep .kolom-half + .kolom-heel {
	margin:20px 0 0 0;
}