html,body {
margin: 0;
padding: 0;
background: #333;
color: #bbb;
}

p.bodytext {
margin: .1em 0 .7em 0;
}

b,strong { color: #ddd; }

:link    { color: #9bf; }
:visited { color: #a9b; }

#toplogo {
	margin: 0 auto;
	width: 750px;
	text-align: left;
	padding: 12px;
background: none;

	}


#content {
margin: 50px auto;

width: 752px;
overflow: hidden;
border: none;
text-align: left;
}

#maincontent {
margin-top: 20px;

}

#menu,#submenu {
margin: 0;
padding: 0;
height: 1%;
overflow: auto;
}
#menu ul {
margin: 0;
padding: 0;
float: right;
list-style: none;
}
#menu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#menu a {
display: block;
padding: 15px 0 15px 0px;
margin-left: 20px;
font-family: arial;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: #666;
}


#menu .active a {
color: #fff;
}

#menu a:hover {
color: #fff;
}

#menu .active a:hover {
padding-bottom: 15px;
}



#submenu {
width: 270px;
float: left;

margin: 0 0px 20px 0;
list-style: none;
}

#ppage-Projecten #submenu {
float: none;
}

#page-algemene-informatie #submenu {
display: none;
}

#submenu ul {
margin: 0;
padding: 0;

}

#submenu li {
padding: 1px 0;
}

#submenu a {
display: block;
margin-left: 0px;
text-decoration: none;
margin: 1px 0;
padding-bottom: 2px;
padding-top: 4px;
color: #666;
overflow: hidden;
}


#submenu .active a {
color: #fff;

}

#submenu a:hover {

color: #eee;
}

#dropdown {
clear: left;
float: left;
width: 100%;
margin: 10px 0 20px	0;
color: #333;
}

#footer {

	padding: 0 0 10px 0;
	margin: 20px auto 0px;
	text-align: center;
border: 1px solid #333;
border-width: 0px 0 0 0;
clear: both;
}

#mid  {
margin: 0 auto;
width: 750px;
text-align: left;

}

#footertext {


}

.csc-textpic-caption {
font-size: 82%;
padding: 1px 0 1px 2px;
font-weight: normal;
color: #999;

margin: 2px 0 0 0;
display: block;
}

dl:hover .csc-textpic-caption {
background: none;
color: #fff;
}

.bodytext,
table tbody tr td .bodytext {
margin: 0;
text-align: justify;
}

.contentimage,
.newsimage {
border: 0 solid #ccc;
border-right-color: #999;
border-bottom-color: #999;
padding: 0;
margin: 0;
}

.newsimage {
float: right;
margin: 4px 0 4px 4px;
}

.newsitem {
display: block;
position: relative;
width: 66%;
border: 0 dotted #999;
border-width: 1px 0 0 0;
padding: 12px 0;
}

.newsdate {
font-size: 78%;

font-weight: bold;
color: #565656;
letter-spacing: 0.04ex
}


.csc-form-fieldcell input,
.csc-form-fieldcell textarea {
font-size: 11px;
font-family: verdana, arial;
color: #343434;
width: 240px;
margin: 4px;
padding: 2px;
}

.csc-menu {
list-style: none;
margin: 20px 0 0 0px;
padding: 10px 0;
height: 1%;
overflow: auto;

}

.csc-menu ul,
.csc-menu li {
list-style: none;
}

.csc-menu li a,
.csc-section a {
width: 340px;
margin-right: 15px;
float: left;
display: block;
text-decoration: none;
padding: 5px 0 5px 20px;
background: transparent url(http://www.oxylab.com/_gfx/icons/two-tone/transparent/arrow-right.gif) no-repeat 0 5px;
}

.csc-menu li a:hover,
.csc-section a:hover {
background: transparent url(http://www.oxylab.com/_gfx/icons/two-tone/transparent/arrow-down.gif) no-repeat 0 5px;
border-bottom: 1px solid #555;
padding-bottom: 4px;
}

.csc-linkToTop a {
float: right;
color: #aaa;
text-decoration: none;
padding: 5px 20px 5px 0;
background: transparent url(http://www.oxylab.com/_gfx/icons/two-tone/transparent/arrow-left.gif) no-repeat 100% 5px;
}

.csc-linkToTop a:hover {
background-image: url(http://www.oxylab.com/_gfx/icons/two-tone/transparent/arrow-up.gif);
border-bottom: 1px solid #555;
padding-bottom: 4px;
}

:focus {
outline: 0;
}

.transparant-omlijnd {
padding: 20px;
border: 1px solid #666;
}

table.werken .td-0,
table.werken .td-1 {
padding: 0 20px 30px 0;
vertical-align: top;
}

.clear-right { clear: right; }
.clear-left {  clear: left;  }
.clear-both {  clear: both;  }

hr {
color: #888;
}

.quote-italic .bodytext {
margin: 10px 50px;
line-height: 110%;
font-family: georgia, serif;
font-size: 150%;
font-style: italic;
font-weight: normal !important;
}


.color,
.decolor {
position: absolute;
top: 0;
left: 0;

width: 100%;
height: 100%;
}

.color   { z-index: 20; }
.decolor { z-index: 10; }

.frontfade {
position: relative;
margin-bottom: 10px;

}

.frontfade h3 {
position: absolute;
top: 20px;
left: 20px;
padding: 10px;
background: transparent url(http://www.oxylab.com/_gfx/10shades/ffffff80.png);
color: #555;
font-size: 180%;
margin: 0;
text-transform: uppercase;
}

.frontfade p {
position: absolute;
top: 80px;
left: 0;
width: 700px;
padding: 10px 20px 10px 30px;
background: transparent url(http://www.oxylab.com/_gfx/10shades/ffffff80.png);
color: #555;
}

.frontfade strong {
color: #333;
}

.fflarge {
height: 316px;
width: 750px;
}

.ffsmall {
height: 197px;
width: 750px;
}

.hideonload {
visibility: hidden;
}


#styleswitch {
position: absolute;
top: 0;
right: 10px;
width: 100px;
height: 100px;
}

#styleswitch a {
display: block;
background: #ccc;
color: #111;
margin: 5px;
padding: 5px;
}

.contenttable td {
border: 1px dotted #666;
vertical-align: top;
}

.no-borders td,
.werken td {
border: none;
}

#gmaps-infobox {
color: #222;
}
#gmaps-infobox .company {
font-weight: bold;
}

.videocontainer {
clear: both;
margin: 20px 0;
padding: 30px 0;
text-align: center;
background: #383838;
}

.ww_imagecycle_container {
width: 500px;
height: 280px;
overflow: hidden;
}

#overzicht {
overflow: hidden;
width: 480px !important;
}

#overzicht img {
overflow: hidden;
width: 88px;
height: 88px;
}