* {
margin:0;
margin-left:0px;
padding:0;
}
body {
background:#000000 url(images/CompleetinBeeld-5zw-loweb3.jpg) no-repeat scroll left top;
color:#ddeeff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-top:218px;
}
/* h2=Titel per pagina h3=subtitel h6=gewone tekst per pagina */
h1, h2, h3, h4, h5, h6 {
color:#FFFFFF;
margin-right:35%;
margin-left:130px;
line-height:0.9em;
text-align:left;
}
h1 {
font-size:2.5em;
text-align:left;
margin-left:10%;
}
h2 {
font-size:2.0em;
text-align:center;
}
h3 {
font-size:1.5em;
margin-left:20px;
}
h4 {
font-size:1.2em;
text-align:left;
margin-left:20px;
}
h6 {
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.15em;
font-size:1.1em;
text-align:left;
margin-left:10px;
}
h5 {
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:0.9em;
font-size:1.1em;
margin-left:175px;
text-align:left;
}

p, blockquote, ul, ol {
line-height:1.1em;
margin-bottom:1.1em;
text-align:center;
}
p {
}
blockquote {
font-style:italic;
margin-left:2em;
margin-right:2em;
}
ul {
margin-left:3em;
}
ul li {
line-height:1.9em;
}
ol {
margin-left:3em;
}
ol li {
}
a {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
text-decoration:underline;

}
img {
border:4px solid #C4C2C2;

}
.boxed {
margin-bottom:20px;
}
.boxed .title {
background:transparent url(images/img07.gif) repeat-y top;
font-size:1em;
margin:0;
padding:5px 0;
}
.boxed .content {
padding:15px;
}
#logo {
height:0;
margin:0 auto;
padding:0 0 0;
width:700px;
}
#logo h1, #logo h2 {
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
}
#logo h1 {
float:left;
}
#logo h2 {
float:right;
}
#logo a {
}
#menu {
margin-top: 30px;
height:27px;
/*margin:0 2px 0 0;*/
margin-left:5px;
width:175;
float:left;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:3px 0 0;
}
#menu li {
display:inline;
}
#menu a {
background:transparent url(images/img04c-up.jpg) repeat-x scroll 0 50%;
border:1px solid #000;
color:#FFFFFF;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:25px;
width:125px;
margin-left:5px;
padding:0px 2px 0 0;
text-align:center;
}
#menu a:hover {
background-image:url(images/img04c-down-c.jpg);
color:#FFDDAA;
font-size:14px;
font-weight:heavy;
height:25px;
width:125px;
margin-right:2px;
text-decoration:italic;
letter-spacing: -1px;
}
#menu .active a {
background-image:url(images/img04c-hover.jpg);
font-size: 13px;
font-weight:bold;
height:25px;
width:130px;
color: black;
text-decoration:outline;
text-transform: uppercase;
letter-spacing: -1px;
}
#menu2 {
margin-top: 30px;
height:27px;
margin-left:5px;
width:215px;
}
#menu2 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:3px 0 0;
}
#menu2 li {
display:inline;
}
#menu2 a {
background:transparent url(images/men2-03c.gif) repeat-x scroll 0 50%;
border:1px solid #000;
color:#FFFFFF;
display:block;
font-size:9px;
font-weight:normal;
height:25px;
margin:0 2px 0 0;
padding:1px 2px 0 0;
text-align:center;
}
#menu2 a:hover {
background-image:url(images/img04c.gif);
color:#000000;
font-size:10px;
height:25px;
margin:0 2px 0 0;;
text-decoration:underline, blink;
}
#menu2.active a {
background-image:url(images/img05.gif);
}
#main {
float:right;
padding-top:30px;
padding-left:152px;
top:240px;
}
#main2 {
padding-top:0px;
padding-left:165px;
top:250px;
}
#bijz1 {
line-height:1.2em;
font-weight:heavy;
font-size:30px;
}
#sidebar {
position:absolute;
margin-left:-6px;
background:#000000 url(images/links5.gif) scroll repeat top;
height:800px;
top:217px;
float:right;
width:165px;
}
#sidebar2 {
position:absolute;
left: 150px;
margin-left:5px;
top:197px;
float:right;
width:150px;
}

#legal {
font-size: 0.8em;
margin-top: 300px;
margin-left: -15px;
}
#links {
}
.gallerycontainer {
position:relative;
margin-top:20px;
}
.thumbnail img {
border:1px solid white;
margin:0 5px 5px 0;
}
.thumbnail:hover {
background-color:transparent;
}
.thumbnail:hover img {
border:3px solid white;
}
.thumbnail span {
background-color:black;
border:1px white;
color:black;
left:-1000px;
margin-top:5px;
padding:3px;
position:absolute;
text-decoration:none;
visibility:hidden;
}
.thumbnail span img {
border-width:0;
padding:2px;
}
.thumbnail:hover span {
top:220px;
left:170px;
top:0;
visibility:visible;
z-index:50;
}
/********** BUTTONS ******************/
.largeImage_prev
{
color:#000;
position:absolute;
left:0px;
top:0px;
width:48px;
height:48px;
text-align:center;
background:#fff;
display:none;
cursor:pointer;
z-index:999;
background:url(images/arrow_left.png) no-repeat;
}
.largeImage_prev span, .largeImage_next span { visibility:hidden; }

.largeImage_next
{
color:#000;
position:absolute;
right:0px;
top:0px;
width:48px;
height:48px;
text-align:center;
display:none;
cursor:pointer;
z-index:999;
background:url(images/arrow_right.png) no-repeat;
}
.largeImage_nextPage {
width:48px;
height:48px;
position:absolute;
background:url(images/arrow_right_double.png);
bottom:0px;
right:0px;
cursor:pointer;
z-index:999;
display:none;
}
.largeImage_prevPage {
width:48px;
height:48px;
position:absolute;
background:url(images/arrow_left_double.png);
bottom:0px;
left:0px;
cursor:pointer;
z-index:999;
display:none;
}

/********** END BUTTONS ******************/

/********** LARGE IMAGE SECTION ******************/
#Gallery {
width:90%;
margin:0px 0px;
background:#000;
padding:10px;
}
.largeImageWrap {
position:relative;
z-index:100;
background:url(images/ajax-loader.gif) center center no-repeat;
}
.caption
{
color:#fff;
text-align:center;
font-size:20pt;
min-height:35px;
font-style: italic;
clear:left;
margin:15px 0px;
}
.largeImage
{
position:relative;
margin:0px auto;
text-align:center;
}
/********** END LARGE IMAGE SECTION ******************/

/********** THUMBNAILS AND SLIDER ******************/
.thumbs img, .galleryUL img {
width:75px;
cursor:pointer;
height:75px;
opacity:.7;
filter:alpha(opacity=70);
border:0px;
}
.thumbs img:hover {
border:5px;
}
.thumbs, .galleryUL {
top:0px; left:0px;
}
.sliderGallery {
background: url(images/producdtbrowser_background_20070622.png) no-repeat;
overflow: hidden;
position: relative;
padding: 6px;
height: 160px;
width: auto;
z-index:999;
margin:40px 5px 0 10px;
} 
.sliderGallery UL {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 0;
}
.sliderGallery UL LI {
display: inline;
}
.slider {
height: 21px;
margin-top: 80px;
margin-left: -5px;
padding: 0px;
position: relative;
background: url(images/productbrowser_scrollbar.png) no-repeat;
width: 600px;
float: left;
display:inline;
}     
.handle {
position: absolute;
cursor: move;
height: 21px;
width: 200px;
top: 0;
background: url(images/productbrowser_scroller.png) no-repeat;
z-index: 100;
}    
.slider span {
color: #bbb;
font-size: 80%;
cursor: pointer;
position: absolute;
width: 90%;
z-index: 110;
top: 3px;
}
/********** END THUMBNAILS AND SLIDER ******************/
