body{
			text-align:center;
			margin-left:10%;
			margin-right:10%;
			margin-top:20px;
            background:#F0F0EF;


}
.index{
			text-align:center;
			margin-left:10%;
			margin-right:10%;
			margin-top:0px;
            background-image: url(../images/bg2.png);
            background-repeat: repeat;
}
#container{
			position:relative;
			width:1000px;
			text-align:center;
            overflow: visible;
            background:#F0F0EF;




}
.top{
			text-align:left;
			background:#F0F0EF;
			position:relative;
            margin-top:10px;
			left:0px;
			width:1000px;
			height:160px;
			font-family:Verdana;

}
.tbtop {    left:0px;
            position:relative;
			width:1000px;
            height:4px;
            background-color: transparent;
}


.left{  	color:#4b4b4b;
            background:#F0F0EF;
			position:relative;
			float:left;
			width:200px;
			text-align:left;
			height:565px;
			font-family:verdana;
}
.right{ 	color:#4b4b4b;
			position:relative;
            background:#F0F0EF;
			float:left;
			width:800px;
		    height:565px;
			text-align:left;
			font:10px Verdana;

}

.tbleft {   left:0px;
            position:relative;
			width:4px;
            height:700px;
            float:left;
            background-color:transparent;
}

.col1{		position:relative;
            background:#F0F0EF;
            float:left;
			text-align:left;
			height:500px;
			width:360px;
            border-top:  #A0A0A0  1px solid;
            border-left:  #A0A0A0  1px solid;
            padding:10px;
            margin-left:10px;
			font:12px/15px Verdana, Arial,sans-serif;
			color:#4b4b4b;
            overflow:hidden;
            behavior: url('ie-css3.htc'); /* Script hack voor radius en schaduw */
            -moz-border-radius: 24px; /* Firefox */
            -webkit-border-radius: 24px; /* Safari en Chrome */
            border-radius: 24px; /* Opera 10.5+, IE7, IE8*/
            -moz-box-shadow: 4px 4px 4px #4b4b4b; /* Firefox */
            -webkit-box-shadow: 4px 4px 4px  #4b4b4b; /* Safari en Chrome */
            box-shadow: 4px 4px 4px #4b4b4b; /* Opera 10.5+, IE7, IE8 */
            behavior: url(ie-css3.htc);
}

.textblock1 {
            border:0px;
            background:#F0F0EF;
            border-top:  #A0A0A0  0px solid;
            border-left:  #A0A0A0  0px solid;
            padding:10px;
            margin-bottom:10px;
            width:auto;
            behavior: url('ie-css3.htc'); /* Script hack voor radius en schaduw */
            -moz-border-radius: 16px; /* Firefox */
            -webkit-border-radius: 16px; /* Safari en Chrome */
            border-radius: 16px; /* Opera 10.5+, IE7, IE8*/
            -moz-box-shadow: 4px 4px 4px #4b4b4b; /* Firefox */
            -webkit-box-shadow: 4px 4px 4px  #4b4b4b; /* Safari en Chrome */
            box-shadow: 4px 4px 4px #4b4b4b; /* Opera 10.5+, IE7, IE8 */
            behavior: url(ie-css3.htc);

}


.text{
            position:relative;
            margin: 0px 0px 0px 10px;
            width:auto;
            height:auto;
            overflow:hidden;
            color:#4b4b4b;
            line-height: 15px;

}
.form{
			position:absolute;
			text-align:left;
			font:11px verdana;
			color:#4b4b4b;
			left:100px;
			top:30px;
            padding:0px 10px 10px 0px;
            border-top:  #A0A0A0  1px solid;
            border-left:  #A0A0A0  1px solid;
            behavior: url('ie-css3.htc'); /* Script hack voor radius en schaduw */
            -moz-border-radius: 16px; /* Firefox */
            -webkit-border-radius: 16px; /* Safari en Chrome */
            border-radius: 16px; /* Opera 10.5+, IE7, IE8*/
            -moz-box-shadow: 2px 2px 2px #4b4b4b; /* Firefox */
            -webkit-box-shadow: 2px 2px 2px  #4b4b4b; /* Safari en Chrome */
            box-shadow: 2px 2px 2px #4b4b4b; /* Opera 10.5+, IE7, IE8 */
            behavior: url(ie-css3.htc);

}
label{
            color:#4b4b4b;
            display: block;
            margin:0px 0px 10px 0px;
            padding:10px 0px 0px 10px;

}
input {
            margin:0px 0px 0px 10px;
            width:150px;
            background-color:#686868;
            color:#FFFFFF;
            border: 1px solid black;

}
select{     background-color:#686868;
            color:#FFFFFF;
            border: 1px solid black;
             margin:0px 0px 0px 10px;
            width:150px;
            font-size: 10px;

}
textarea  { background-color:#686868;
            color:#FFFFFF;
            font:11px Verdana;
            border: 1px solid black;
            margin:0px 0px 0px 10px;
            padding:0px 0px 10px 0px;
            width:150px;

}

.verzenden {
            font-family: Verdana;
            color:#FFFFFF;
            background: #686868 ;
            border-color: #F5F5F5 ;
            border: 1px solid black;
}
.teldiv {  position:absolute;
            border:0px;
            top:105px;
            left:20px;
            background:transparent;
            border-top:  #A0A0A0  0px solid;
            border-left:  #A0A0A0  0px solid;
            padding:10px;
            margin-bottom:42px;
            margin-left:3px;
            width:935px;
            height:40px;
            z-index:6;
            behavior: url('ie-css3.htc'); /* Script hack voor radius en schaduw */
            -moz-border-radius: 16px; /* Firefox */
            -webkit-border-radius: 16px; /* Safari en Chrome */
            border-radius: 16px; /* Opera 10.5+, IE7, IE8*/
            -moz-box-shadow: 4px 4px 4px #4b4b4b; /* Firefox */
            -webkit-box-shadow: 4px 4px 4px  #4b4b4b; /* Safari en Chrome */
            box-shadow: 4px 4px 4px #4b4b4b; /* Opera 10.5+, IE7, IE8 */
            behavior: url(ie-css3.htc);

}
.phone1 {   position:relative;
            letter-spacing: 2px;
            margin-right:60px;
            float:left;
            color:#4b4b4b;
            font: 12px Verdana;
            font-weight: bold;
            text-align:center;
            height:20px;
            width:135px;
            z-index:15;
}

.phone2 {   position:relative;
            letter-spacing: 2px;
            line-height:6px;
            float:right;
            color:#4b4b4b;
            font: 12px Verdana;
            font-weight: bold;
            text-align:center;
            height:20px;
            width:135px;

            z-index:16;
}
.marquee {  position:relative;
            letter-spacing: 2px;
            line-height:6px;
            float:left;
            color:#4b4b4b;
            font: 12px Verdana;
            font-weight: bold;
            text-align:center;
            height:20px;
            margin-left:120px;
            margin-top:10px;
            left:40px;
            width:400px;
            z-index:17;}


.ill2 {
            width:80px;
            height:80px;
            padding:5px;
            float:left;
}
.imgdiv1 {  text-align: center;
            position:relative;
            margin-top: 60px;

}
.menu{
			list-style:none;
            text-align:cebter;
			font:25px/2 verdana;
			color:#000000;
			left:20px;
			top:20px;
			padding:0px;
			margin:0px;
}
.menudiv { position:relative;
            border:0px;
            top:19px;
            left:20px;
            background:#F0F0EF;
            border-top:  #A0A0A0  0px solid;
            border-left:  #A0A0A0  0px solid;
            padding:10px;
            margin-bottom:22px;
            margin-left:3px;
            width:120px;
            behavior: url('ie-css3.htc'); /* Script hack voor radius en schaduw */
            -moz-border-radius: 16px; /* Firefox */
            -webkit-border-radius: 16px; /* Safari en Chrome */
            border-radius: 16px; /* Opera 10.5+, IE7, IE8*/
            -moz-box-shadow: 4px 4px 4px #4b4b4b; /* Firefox */
            -webkit-box-shadow: 4px 4px 4px  #4b4b4b; /* Safari en Chrome */
            box-shadow: 4px 4px 4px #4b4b4b; /* Opera 10.5+, IE7, IE8 */
            behavior: url(ie-css3.htc);

}

.rightbox{
			background:transparent;
			position:absolute;
            left:0px;
            top:0px;
			width:796px;
			height:565px;
			text-align:left;
			font:10px Verdana;
			margin:0;
			padding:0;
}
.webthumbs{
			background:#F0F0EF;
			color:#FFFFFF;
			position:absolute;
            left:20px;
            top:25px;
			width:740px;
			height:470px;
			text-align:left;
			font:10px Verdana;
			margin:0;
			padding:0;
}
.clientlogo{
            margin:0px 20px 10px 20px;
            padding:0px;
            float:left;
            height:220px;
            width:220px;
            text-align:left;
}
.clientweb{ position:relative;
            margin:3px;
            padding:0px 0px 10px 0px;
            float:left;
            left:10px;
            height:40px;
            width:160px;

}
.copyright {position: absolute;
            font-style: italic;
            font-size:8px;
            letter-spacing: 2px;
            color: #4b4b4b;
            left: 20px; top:7px;
}


.ill1{      margin-bottom:5px;
            margin-left:20px;
            margin-top:30px;
            padding:0px;
            border: #000000 0px solid;
            overflow:hidden;
            behavior: url('ie-css3.htc'); /* Script hack voor radius en schaduw */
            -moz-border-radius: 16px; /* Firefox */
            -webkit-border-radius: 16px; /* Safari en Chrome */
            border-radius: 16px; /* Opera 10.5+, IE7, IE8*/
            -moz-box-shadow: 2px 2px 2px #4b4b4b; /* Firefox */
            -webkit-box-shadow: 2px 2px 2px  #4b4b4b; /* Safari en Chrome */
            box-shadow: 2px 2px 2px #4b4b4b; /* Opera 10.5+, IE7, IE8 */
            behavior: url(ie-css3.htc);
}


#lightbox{	position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;}
#lightbox img{
        width: auto;
        height: auto;}
#lightbox a img{
        border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto; }
#imageContainer{
        padding: 2px; }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0; }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10; }
        #imageContainer>#hoverNav{
        left: 0;}
#hoverNav a{
        outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




.ulmenu{
			list-style:none;
			position:absolute;
			line-height:4;
			padding:0;
			margin:0;
}


a.normal:active{
			text-decoration:none;
}


a.normal:hover{
			text-decoration:none;
}


a.normal:link{
			color:#000000;
			text-decoration:none;
}


a.normal:visited{
			text-decoration:none;
}
a.thumb:active{
			text-decoration:none;
            color:#FFFFFF;
}


a.thumb:hover{
			text-decoration:underline;
            color: #FFCC00;

}


a.thumb:link{
			color:#000000;
			text-decoration:none;
            color:#FFFFFF;
}


a.thumb:visited{
			text-decoration:none;
            color:#FFFFFF;
}

a.weblinks:active{
			color:#4b4b4b;
			text-decoration:none;
}


a.weblinks:hover{
			color:#4b4b4b;
			text-decoration:none;
}


a.weblinks:link{
			color:#4b4b4b;
			text-decoration:none;
}


a.weblinks:visited{
			color:#4b4b4b;
			text-decoration:none;
}
h3 {        font-size:13px;
            letter-spacing:2px;
            margin:0px;
            padding:0px;
            margin-bottom:15px;
            color:#4b4b4b;
}

.rsvErrors {position:absolute;
            top:305px;
            left:0px;
            background-color: transparent;
            font-family: Verdana;
            font-size: 11px;
            font-weight:bolder;
            color: #4b4b4b ;
            width: 340px;
            padding:10px;
            margin:10px;
            line-height: 2;
            border-top:  #A0A0A0  1px solid;
            border-left:  #A0A0A0  1px solid;
            behavior: url('ie-css3.htc'); /* Script hack voor radius en schaduw */
            -moz-border-radius: 16px; /* Firefox */
            -webkit-border-radius: 16px; /* Safari en Chrome */
            border-radius: 16px; /* Opera 10.5+, IE7, IE8*/
            -moz-box-shadow: 2px 2px 2px #4b4b4b; /* Firefox */
            -webkit-box-shadow: 2px 2px 2px  #4b4b4b; /* Safari en Chrome */
            box-shadow: 2px 2px 2px #4b4b4b; /* Opera 10.5+, IE7, IE8 */
            behavior: url(ie-css3.htc);
}