/* CSS Document */

body, html{
background-color: #333333;
color: #FFFFFF;
margin: 0px;
text-align: center;
height: 100%;
width: 100%;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper1
{
	height: 100%;
	width: 100%; display: table;
	vertical-align: middle;
	overflow: hidden;
}

#outer
{
	display: table-cell;
	vertical-align: middle;
}

#sitewrap
{
	position: relative;
	left: 50%;
	float: left;
}

#sitecontent
{
	position: relative;
	text-align: left;
	left: -50%;
}
/*tekstopmaak*/

h1 { font-size: 13px; font-weight: bold; line-height: 14px; text-align: left; }
h2 { font-size: 11.5px; font-weight: normal; line-height: 13px; text-align: left; }
p { font-size: 11px; font-weight: normal; line-height: 12px; text-align: left; }
p#extra_controls{ line-height: 16px;}
p#extra_controls a{ text-decoration: underline;}
h2 a:link, h2 a:visited {
text-decoration: underline;}

.onderschrift{
font-size: 11px; font-weight: lighter; text-align: center; visibility: hidden;
}

a:link, a:visited, a:hover{
color: #FFFFFF;
text-decoration: none;
}

/* inhoud site */


#wrapper2{
width: 950px;
height: 510px;
position: relative;
background-color: #000000;
	overflow: hidden;
}

#skets, #skets1{
height: 59px;
width: 341px;
padding: 0px;
margin: 0px;
position: absolute;
top: 64px;
left: 609px;
border-top: 1px solid #3c3c3c;
border-left: 1px solid #3c3c3c;
border-bottom: 1px solid #3c3c3c;
}
#skets:hover, #skets1{
background-color: #1a1a1a;
}
.tekstskets{
font-size: 13px; font-weight: normal;
position: relative;
right: 13px;
text-align: right;
top: 78px;
float: right;
z-index: 3;
}

.sketslogo{
width: 151px;
height: 38.5px;
padding: 0px;
margin: 0px;
position: relative;
top: 10px;
left: 12px;
}
#sketslogogr{
width: 151px;
height: 38px;
padding: 0px;
margin: 0px;
position: relative;
top: 10px;
left: 12px;
}


#projectsoort{
height: 59px;
width: 594px;
padding: 0px;
margin: 0px;
background-color: #1a1a1a;
position: absolute;
top: 64px;
left: 0px;
border-top: 1px solid #3c3c3c;
border-right: 1px solid #3c3c3c;
border-bottom: 1px solid #3c3c3c;
}

#projectsoortnaam{
position: absolute;
left: 13px;
top: 7px;
}

#projectsoortnaam h1{
font-size: 13px; font-weight: normal; text-align: left; line-height:0px;
}

img{
border: none;}

.visible{
visibility: visible;
}

.hidden{
visibility: hidden;
}





/* navigatieonderdelen hoofd */

#home{
background-image: url(../_img/nav_home.gif);
top: 454px;
left: 903px;
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
}
#hometext{
width: 200px;
top: 492px;
left: 819px;
position: absolute;
}

#info{
background-image: url(../_img/nav_info.gif);
top: 454px;
left: 856px;
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
}
#infotext{
width: 200px;
top: 492px;
left: 772px;
position: absolute;
}

#mail{
top: 454px;
left: 809px;
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
}
#mailtext{
width: 200px;
top: 492px;
left: 725px;
position: absolute;
}




#extranav1{
top: 454px;
left: 619px;
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
}
#textextranav1{
width: 200px;
top: 492px;
left: 535px;
position: absolute;
}


#extranav2{
top: 454px;
left: 666px;
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
}
#textextranav2{
width: 200px;
top: 492px;
left: 582px;
position: absolute;
}




#back{
background-image: url(../_img/nav_back.gif);
top: 454px;
left: 13px;
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
}
#backtext{
width: 200px;
top: 492px;
left: -71px;
position: absolute;
}

/* knoppen sociale netwerken */
#rss{
background-image: url(../_img/nav_rss.gif);
top: 517px;
left: 900px;
position: absolute;
width: 35px;
height: 21px;
cursor: pointer;
}
#rsstext{
width: 200px;
top: 492px;
left: 678px;
position: absolute;
}
#twitter{
background-image: url(../_img/nav_twitter.gif);
top: 517px;
left: 643px;
position: absolute;
width: 79px;
height: 21px;
cursor: pointer;
}
#facebook{
background-image: url(../_img/nav_facebook.gif);
top: 517px;
left: 747px;
position: absolute;
width: 50px;
height: 21px;
cursor: pointer;
}
#linkedin{
background-image: url(../_img/nav_linkedin.gif);
top: 517px;
left: 822px;
position: absolute;
width: 53px;
height: 21px;
cursor: pointer;
}