*{padding:0px;margin:0px}html,body{font-family:Calibri,Arial;font-size:11px;color:#424242}input,select,textarea{font-family:Calibri,Arial;font-size:12px;color:#8c806e}body{background:#ffd200 url('../images/body-bg.jpg') repeat-x}img{border:0px;display:block}a,input{outline:none}.clear{clear:both;height:1px}#wrapper{position:relative;display:block;width:100%;min-height:1500px;background:url('../images/de-foplijn-bg.jpg') left bottom no-repeat}#layout{width:100%;background:url('../images/boy-bg.jpg') center top no-repeat}#mainCntr{margin:0 auto;width:944px}#headerCntr{position:relative;width:944px;height:256px}#headerCntr h1{position:absolute;top:0px;left:-15px}#headerCntr h1 a{display:block;width:405px;height:273px;z-index:0;text-indent:-9999px;background:url('../images/de-foplijn-logo.jpg') no-repeat}#headerCntr a.enige{margin:15px 36px 23px 0px;display:block;text-transform:uppercase;text-indent:-9999px;float:right;width:496px;height:37px;background:url('../images/de-enige.png') left top no-repeat}#headerCntr h3{display:block;text-indent:-9999px;float:right;width:549px;height:142px;background:url('../images/welcome-text.png') left top no-repeat}#contentCntr{width:944px}#leftCntr{float:left;width:183px}.menuBox{padding-top:15px;margin:18px 0px 38px 0px;position:relative;width:183px;background:url('../images/menu-top.png') left top no-repeat}.menuBox .bottom{padding-bottom:15px;background:url('../images/menu-bottom.png') left bottom no-repeat}.menuBox .mid{padding:0px 7px;overflow:hidden;background:url('../images/menu-mid.png') repeat-y}.menuBox h2{width:137px;height:35px;position:absolute;top:-18px;left:22px;display:block;text-indent:-9999px;background:url('../images/foppen.png') no-repeat}.menuBox ul{padding-top:20px;list-style:none}.menuBox li{padding-bottom:4px;font-size:16px;line-height:23px}.menuBox li a{display:block;color:#5A5959;text-decoration:none}.menuBox li a span{padding-left:32px}.menuBox li a.liefde span{background:url('../images/menu-icon.png') 8px center no-repeat}.menuBox li a.auto span{background:url('../images/menu-icon1.png') 7px center no-repeat}.menuBox li a.geld span{background:url('../images/menu-icon2.png') 11px center no-repeat}.menuBox li a.telefoon span{background:url('../images/menu-icon3.png') 7px center no-repeat}.menuBox li a.bestelling span{background:url('../images/menu-icon4.png') 10px center no-repeat}.menuBox li a.huis span{background:url('../images/menu-icon5.png') 10px center no-repeat}.menuBox li a.politie span{background:url('../images/menu-icon6.png') 9px center no-repeat}.menuBox li a.werk span{background:url('../images/menu-icon7.png') 11px center no-repeat}.menuBox li a.diver span{background:url('../images/menu-icon8.png') 17px center no-repeat}.menuBox li a.feest span{background:url('../images/menu-icon9.png') 16px center no-repeat}.menuBox li a.liefde:hover span,.menuBox li.selected a.liefde span{background:url('../images/icon-hover.png') 8px center no-repeat}.menuBox li a.auto:hover span,.menuBox li.selected a.auto span{background:url('../images/icon-hover1.png') 7px center no-repeat}.menuBox li a.geld:hover span,.menuBox li.selected a.geld span{background:url('../images/icon-hover2.png') 11px center no-repeat}.menuBox li a.telefoon:hover span,.menuBox li.selected a.telefoon span{background:url('../images/icon-hover3.png') 7px center no-repeat}.menuBox li a.bestelling:hover span,.menuBox li.selected a.bestelling span{background:url('../images/icon-hover4.png') 10px center no-repeat}.menuBox li a.huis:hover span,.menuBox li.selected a.huis span{background:url('../images/icon-hover5.png') 10px center no-repeat}.menuBox li a.politie:hover span,.menuBox li.selected a.politie span{background:url('../images/icon-hover6.png') 9px center no-repeat}.menuBox li a.werk:hover span,.menuBox li.selected a.werk span{background:url('../images/icon-hover7.png') 11px center no-repeat}.menuBox li a.diver:hover span,.menuBox li.selected a.diver span{background:url('../images/icon-hover8.png') 17px center no-repeat}.menuBox li a.feest:hover span,.menuBox li.selected a.feest span{background:url('../images/icon-hover9.png') 16px center no-repeat}.menuBox li a:hover,.menuBox li.selected a{color:#fff;background:url('../images/menu-hover.jpg') no-repeat}.linkBox{padding-top:15px;margin-bottom:38px;position:relative;width:183px;background:url('../images/menu-top.png') left top no-repeat}.linkBox .bottom{padding-bottom:15px;background:url('../images/menu-bottom.png') left bottom no-repeat}.linkBox .mid{padding:0px 7px;overflow:hidden;background:url('../images/menu-mid.png') repeat-y}.linkBox h2{display:block;text-indent:-9999px;position:absolute;top:-18px;left:39px;width:104px;height:35px;background:url('../images/link.png') no-repeat}.linkBox ul{padding-top:21px;list-style:none}.linkBox li{padding-bottom:4px;font-size:15px;line-height:23px}.linkBox li a{display:block;color:#5A5959;text-decoration:none}.linkBox li a span{padding-left:35px;background:url('../images/link-icon.png') 13px center no-repeat}.linkBox li a:hover span,.linkBox li.selected a span{background:url('../images/link-hover.png') 13px center no-repeat}.linkBox li a:hover,.linkBox li.selected a{color:#fff;background:url('../images/menu-hover.jpg') no-repeat}#rightCntr{padding-top:15px;margin:18px 0px 22px 0px;position:relative;float:right;width:730px;background:url('../images/top.png') left top no-repeat}#rightCntr .bottom{padding-bottom:15px;background:url('../images/bottom.png') left bottom no-repeat}#rightCntr .mid{padding:0px 4px 0px 14px;background:url('../images/mid.png') repeat-y}#rightCntr img{position:absolute;left:-96px;bottom:-41px}.textBox{padding:12px 0px 10px 15px;width:685px;position:relative;font-family:Calibri,Arial;font-size:12px;color:#6E6E6E}.textBox h2{position:absolute;left:13px;top:-33px;display:block;text-indent:-9999px;width:280px;height:36px;font-family:Arial;font-size:12px;color:#8c806e}.textBox h2.index{background:url('../images/alle-fop-gesprekken.png') no-repeat}.textBox h2.liefde{background:url('../images/liefde-sex-grappen.png') no-repeat}.textBox h2.geld{background:url('../images/geld-telefoongrappen.png') no-repeat}.textBox h2.telefoon{background:url('../images/telefoon-grappen.png') no-repeat}.textBox h2.bestelling{background:url('../images/bestelling-grappen.png') no-repeat}.textBox h2.huis{background:url('../images/huis-fopgesprekken.png') no-repeat}.textBox h2.politie{background:url('../images/politie-grappen.png') no-repeat}.textBox h2.werk{background:url('../images/werk-nepgesprekken.png') no-repeat}.textBox h2.diverse{background:url('../images/diverse-fopgesprekken.png') no-repeat}.textBox h2.feest{background:url('../images/feest-telefoon-grappen.png') no-repeat}.textBox h2.auto{background:url('../images/auto-grap-gesprekken.png') no-repeat}.textBox h3{padding-bottom:12px;font-size:12px;font-weight:light;color:#6E6E6E;text-align:center;font-family:Calibri,Arial}.textBox h3.green{color:#899f00;font-size:14px;font-family:Comic Sans MS,Calibri,Arial}.textBox h3.orange{color:#dc8b03;font-size:14px;font-family:Comic Sans MS,Calibri,Arial}.textBox h3.afzonderlijk{padding-bottom:12px;font-size:14px;font-weight:light;color:#0176e2;text-align:center;font-family:Comic Sans MS,Calibri,Arial}.textBox h3.info{padding-bottom:12px;font-size:12px;font-weight:normal;color:#6E6E6E;text-align:center;font-family:Calibri,Arial}.textBox h3.info a{text-decoration:none;color:#6E6E6E}.textBox p{padding-bottom:15px;text-align:center;font-size:13px}.textBox p.info{padding-bottom:15px;text-align:center;font-size:13px;font-weight:normal}.serviceBox{padding-bottom:30px;width:716px;overflow:hidden}.serviceBox ul{padding-bottom:8px;list-style:none;overflow:hidden}.serviceBox li{padding-right:7px;float:left}.serviceBox li a.img{display:block;width:103px;text-indent:-9999px;height:104px;background:url('../images/soundbg.jpg') left top no-repeat}.serviceBox li a.img:hover,.serviceBox li.selected a.img{background:url('../images/sound-hover.jpg') left top no-repeat}.serviceBox li a.img2{display:block;width:103px;text-indent:-9999px;height:104px;background:url('../images/sound-hover.jpg') left top no-repeat}.serviceBox li a.img2:hover,.serviceBox li.selected a.img{background:url('../images/soundbg.jpg') left top no-repeat}.serviceBox li.last{padding-right:0px}.serviceBox h2{width:103px;font-size:13px;font-family:Calibri,Arial,Verdana;color:#fff;height:23px;text-align:center;line-height:23px;background:url('../images/name-bg.jpg') left top no-repeat}.serviceBox h2.description{padding-left:11px;width:363px;text-align:left;background:url('../images/description-bg.jpg') left top no-repeat}.serviceBox li.naam{padding-top:45px;width:104px;height:59px;display:block;text-decoration:none;font-size:12px;font-weight:bold;font-family:Calibri,Verdana,Arial;font-size:12px;color:#5A5959;text-align:center;line-height:12px;background:url('../images/gezeik-bg.jpg') left top no-repeat}.serviceBox li.naam2l{padding-top:39px;width:104px;height:65px;display:block;text-decoration:none;font-size:12px;font-weight:bold;font-family:Calibri,Verdana,Arial;font-size:12px;color:#5A5959;text-align:center;line-height:23px;background:url('../images/gezeik-bg.jpg') left top no-repeat}.serviceBox li.naamheight{padding-top:33px;width:104px;height:71px;display:block;text-decoration:none;font-size:12px;font-weight:bold;font-family:Calibri,Verdana,Arial;color:#5A5959;text-align:center;line-height:12px;background:url('../images/gezeik-bg-2l.jpg') left top no-repeat}.serviceBox li.naam100p{padding-top:45px;width:104px;height:59px;display:block;text-decoration:none;font-size:12px;font-weight:bold;font-family:Calibri,Verdana,Arial;color:#5A5959;text-align:center;line-height:12px;background:url('../images/gezeik-bg-100p.jpg') left top no-repeat}.serviceBox a:hover{text-decoration:underline}.serviceBox a.text{padding-top:40px;width:104px;height:64px;display:block;text-decoration:none;font-weight:bold;font-size:12px;font-family:Verdana,Arial;font-size:12px;color:#000;text-align:center;line-height:12px;background:url('../images/gezeik-bg.jpg') left top no-repeat}.serviceBox a.text:hover{text-decoration:underline}                        .serviceBox p{padding:18px 16px;width:342px;height:67px;color:#5A5959;font-family:Calibri,Arial;line-height:12px;font-size:13px;background:url('../images/text-bg.jpg') left top no-repeat}.serviceBox p.gap{padding-top:28px;height:57px}.serviceBox span{line-height:104px;text-align:center;font-size:16px;color:#5A5959;font-weight:bold;font-family:Arial,Verdana,Calibri;display:block;width:103px;height:104px;background:url('../images/code-bg.jpg') left top no-repeat}#footerCntr{padding-bottom:30px;overflow:hidden;width:944px;background:url('../images/footer-bg.png') right top no-repeat}#footerCntr p{padding-right:33px;font-size:11px;text-align:right;font-weight:bold;color:#fff;font-family:Calibri,Arial;line-height:37px}#footerCntr a{text-decoration:none;color:#fff}#footerCntr a:hover{text-decoration:underline}#footerlinks p{padding-right:49px;font-size:11px;text-align:right;font-weight:bold;color:#fff;font-family:Calibri,Arial;line-height:37px}#footerlinks a{text-decoration:none;color:#fff}#footerlinks a:hover{text-decoration:underline}.serviceBox ul a,.serviceBox ul a:hover{color:#5a5959;text-decoration:none}li.last a,li.last a:hover{color:#5a5959;text-decoration:none}.naam a,.naam a:hover{color:#5a5959;text-decoration:none}p.extrapages{color:#424242;font-family:Calibri,Arial;font-size:10px;text-align:center}p.extrapages a{color:#424242;text-decoration:none}p.extrapages a:hover{text-decoration:none}
#socialbuttons { position: absolute; left: 527px; top: 5px; z-index: 10; }
.smxboxmid h2 { background: url("../images/fopsms.png") no-repeat scroll 0 0 transparent !important; left: 21px !important; width: 140px !important; }
.smxboxmid h2 a { display: block; width: 100%; height: 100%; }

#alertoverlay { z-index: 1000; display: none; width: 100%; height: 100%; background: #000; filter: alpha(opacity=70); opacity: 0.7; position: absolute; top: 0px; left: 0px; }
#alertmessage { z-index: 1001; position: absolute; display: none; width: 439px; height: 269px; background: transparent url('../images/alertmessage.png') 0 0 no-repeat; }

#alertmain, #alerttext, #alertsub { font-family: Calibri,Arial; display: block; position: absolute; }
#alertmain { font-size: 18px; color: #5a5959; top: 115px; left: 25px; }
#alerttext { font-size: 15px; color: #5a5959; top: 155px; left: 25px; width: 320px; text-align: left; }
#alerttext a, #alertsub a { color: #5a5959; text-decoration: underline; }
#alerttext a:hover, #alertsub a:hover { text-decoration: none; }
#alertsub { color: #5a5959; font-size: 14px; top: 230px; left: 25px;  }
