﻿#container #headCont, #container #visualContStatic, #container #pageCont, #container #pageCont #content
{
	background-image: none;
}
#bgdiv
{
	width: 1010px;
	background-image: url(../../media/img/z_bg-content.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#question
{
	background-image: url(../../media/img/z_bg-question-windows.jpg);
}
#question H2
{
	background-image: url(../../media/img/z_ttl-question.gif);
}
#cntCommunity
{
	background-image: url(../../media/img/z_bg-hcommunity.jpg);
}
#cntCommunity UL LI
{
	color: #f29400;
}
#cntCommunity H3
{
    width: 329px;
	background-repeat: no-repeat;
	background-image: url(../../media/img/z_ttl-hcommunity3.gif);
}
/*wat is 7*/
#z_777
{
	position: relative;
	float: left;
	margin-left: 16px;
	width: 545px;
	height: 228px;
	background-repeat: no-repeat;
	background-image: url(../../media/img/z_netbook.jpg);
}
#z_777 a
{
	position: absolute;
	top: 189px;
	left: 18px;
}
#makkelijker, #persoonlijk, #mogelijkheden, #videos, #tour
{
	position: relative;
	margin-top: 20px;
	float: left;
	width: 302px;
	height: 149px;
	background-repeat: no-repeat;
}
#makkelijker a, #persoonlijk a, #mogelijkheden a
{
	position: absolute;
	top: 105px;
	left: 14px;
}
#makkelijker
{
	background-image: url(../../media/img/makkelijker.jpg);
}
#persoonlijk
{
	margin-left: 20px;
	background-image: url(../../media/img/persoonlijk.jpg);
}
#mogelijkheden
{
	margin-left: 20px;
	background-image: url(../../media/img/mogelijkheden.jpg);
}
#vereenvoudigd, #tour, #videos
{
	position: relative;
	margin: 13px 0 20px 0;
	float: left;
}
#vereenvoudigd a, #tour a
{
	position: absolute;
	top: 190px;
	left: 14px;
}
#vereenvoudigd
{
	height: 212px;
	width: 302px;
	background-image: url(../../media/img/vereenvoudigd.jpg);
}
#videos, #tour
{
    margin-left: 20px;
    background: url(../../media/img/win7-videos.jpg) no-repeat top left;
    height: 212px;
}
#tour
{
    background: url(../../media/img/win7-tour.jpg) no-repeat top left;
}
#videos .videolinks
{
    float: left;
    margin: 100px 0 0 7px;
}
#videos .videolinks a
{
    float: left;
}
#z_777 div, #makkelijker div, #persoonlijk div, #mogelijkheden div, #vereenvoudigd div, #tour div, #videos div
{
	display: none;
}


/*hoe over op 7*/
#klaar_voor_7, #hulp_nodig, #welke_versie
{
	position: relative;
	margin-top: 20px;
	float: left;
	width: 302px;
	height: 140px;
	background-repeat: no-repeat;
}
#klaar_voor_7 a, #hulp_nodig a, #welke_versie a
{
	position: absolute;
	top: 105px;
	left: 14px;
}
#klaar_voor_7
{
	background-image: url(../../media/img/klaar_voor_7.jpg);
}
#hulp_nodig
{
	margin-left: 20px;
	background-image: url(../../media/img/hulp_nodig.jpg);
}
#welke_versie
{
	margin-left: 20px;
	background-image: url(../../media/img/welke_versie.jpg);
}

#ideale_laptop, #specialisten, #hardware_check
{
	position: relative;
	margin: 20px 0 20px 0;
	float: left;
	width: 302px;
	height: 215px;
	background-repeat: no-repeat;
}
#ideale_laptop a, #specialisten a, #hardware_check a
{
	position: absolute;
	top: 184px;
	left: 14px;
}

#ideale_laptop
{
	background-image: url(../../media/img/ideale_laptop.jpg);
}
#specialisten
{
	margin-left: 20px;
	background-image: url(../../media/img/specialisten.jpg);
}
#hardware_check
{
	margin-left: 20px;
	background-image: url(../../media/img/hardware_check.jpg);
}
#koop_nu, #laten_installeren
{
	position: relative;
	float: left;
	width: 263px;
	height: 215px;
	background-repeat: no-repeat;
}
#koop_nu a, #laten_installeren a
{
	position: absolute;
	top: 192px;
	left: 14px;
}
#koop_nu
{
	margin-left: 16px;
	background-image: url(../../media/img/koop_nu.jpg);
}
#laten_installeren
{
	margin-left: 20px;
	background-image: url(../../media/img/extra_hulp.jpg);
}
#klaar_voor_7 div, #hulp_nodig div, #welke_versie div, #ideale_laptop div, #specialisten div, #hardware_check div, #koop_nu div, #laten_installeren div
{
	display: none;
}

/*hoe werkt 7*/

#w7experience, #nieuwe_pc
{
	position: relative;
	margin-top: 20px;
	float: left;
	width: 302px;
	height: 140px;
	background-repeat: no-repeat;
}
#w7experience a, #nieuwe_pc a
{
	position: absolute;
	top: 105px;
	left: 14px;
}
#w7experience
{
	background-image: url(../../media/img/w7experience.jpg);
}
#nieuwe_pc
{
	width: 620px;
	margin-left: 20px;
	background-image: url(../../media/img/nieuwe_pc.jpg);
}

#nog_leuker, #ie8, #optimale_bescherming
{
	position: relative;
	margin: 20px 0 20px 0;
	float: left;
	width: 302px;
	height: 215px;
	background-repeat: no-repeat;
}
#nog_leuker a, #ie8 a, #optimale_bescherming a
{
	position: absolute;
	top: 184px;
	left: 14px;
}

#nog_leuker
{
	background-image: url(../../media/img/nog_leuker.jpg);
}
#ie8
{
	margin-left: 20px;
	background-image: url(../../media/img/ie8.jpg);
}
#optimale_bescherming
{
	margin-left: 20px;
	background-image: url(../../media/img/optimale_bescherming.jpg);
}

#ontdekkingstocht
{
	position: relative;
	float: left;
	width: 550px;
	height: 215px;
	background-repeat: no-repeat;
	margin-left: 17px;
	background-image: url(../../media/img/ontdekkingstocht.jpg);
}
#ontdekkingstocht a
{
	position: absolute;
	top: 184px;
	left: 14px;
}

#w7experience div, #nieuwe_pc div, #nog_leuker div, #ie8 div, #optimale_bescherming div, #ontdekkingstocht div
{
	display: none;
}
/*content pages*/
#blueblock
{
	color: #555152;
	margin: 20px 0 20px 0;
	padding: 22px 15px 0 22px;
	position: relative;
	width: 909px;
	height: 591px;
	background-repeat: no-repeat;
	background-image: url(../../media/img/blueblock.jpg);
}
#blueblock .titletext
{
	display: none;
}
#blueblock H2
{
	font-size: 13px;
	color: #106fac;
	margin-bottom: 0;
}
#blueblock .blue
{
	color: #106fac;
}
#blueblock UL
{
	margin-left: 17px;
	margin-top: 0;
}

#live1, #live2, #live3, #live4
{
	position:relative;
	float: left;
	background-repeat: no-repeat;
	width: 225px;
	height: 220px;
}
#live1 a, #live2 a, #live3 a, #live4 a
{
	position:absolute;
	bottom:0px;
}
#live1 div, #live2 div, #live3 div, #live4 div
{
	display:none
}
#live1
{
	background-image: url(../../media/img/livemessenger.jpg);
}
#live2
{
	background-image: url(../../media/img/livegallery.jpg);
}
#live3
{
	background-image: url(../../media/img/livemail.jpg);
}
#live4
{
	background-image: url(../../media/img/livemoviemaker.jpg);
}

