/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#ececec;
	}
/*body { behavior:url("csshover.htc"); }*/
img {
   behavior: url("iepngfix.htc");
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body {
	font: 12px Arial, Helvetica, sans-serif;
	background:#ececec;
	}
h1 {display:none}
#wrap-satu {
	background:url(images/bg-body.gif) top repeat-x #0081c3;
	}
#wrap-dua {
	background:url(images/bg-body-bottom.gif) bottom repeat-x transparent;
	}
#wrap-dua-dalam {
	background:url(images/bg-body-bottom.gif) bottom repeat-x transparent;
	padding-bottom:9px;
	}
#header {
	width: 875px;
	margin:0 auto;
	}
#content-holder {
	width:875px;
	margin:0 auto;
	margin-top:expression("1px");
	}
#footer{
	margin:0 auto;
	padding: 10px 10px 30px 30px;
	font-size:11px;
	background:#ececec;
	}
.foot-txt {
	width:875px;
 	margin:0 auto;
 }	
.contact-addr {
	background:url(images/contact-bg-top.gif) 10px 0 no-repeat;
	width: 275px;
	float:right;
	}
.logo {
	width: 425px;
	float:left;
	margin-top:70px;
	padding-left: 10px;
	margin-left: 40px;
	}
.contact-atas {
	margin-top: 25px;
	margin-left: 92px;
	font-size: 17px;
	font-weight:bold;
	margin-bottom:20px;
	margin-bottom: expression("17px");
	}
.contact-atas a {
	text-decoration:none;
	color:white;
	}
.contact-bwh {
	color:#4c4c4c;
	font-size:10px;
	width:216px;
	margin-left: 35px;
	}
.contact-bwh p.alamat, .contact-bwh p.notel, .contact-bwh p.emailad {
	margin: 3px;
	padding-left: 25px;	line-height:13px;

	}
.contact-bwh p.alamat {
	background:url(images/alamat.gif) left center no-repeat;
	}
.contact-bwh p.notel {
	background:url(images/phone.gif) 3px center no-repeat;
	}
.contact-bwh p.emailad {
	background:url(images/email.gif) left center no-repeat;
	}
.contact-bwh a, #footer a {
	text-decoration:none;
	color:#0575AD;
	}	
.contact-bwh a:hover {
	color:#000;
	}	
	
/**-------------- ganti-ganti background per page ------------------------ **/
.homeblue {
	background:url(images/bg-home-stabilo.jpg) center -3px  no-repeat;
	}
.aboutpage {
	background:url(images/bg-about.gif) center -3px no-repeat;
	}
.programmerpage {
	background:url(images/bg-yellow.gif) center -3px no-repeat;
	}
.serverpage {
	background:url(images/bg-green.gif) center -3px no-repeat;
	}
.webdesignpage {
	background:url(images/bg-orange.gif) center -3px no-repeat;
	}
.nieuwsbriefpage {
	background:url(images/bg-purple.gif) center -3px no-repeat;
	}
.horecapage {
	background:url(images/bg-khaki.gif) center -3px no-repeat;
	}
.cmspage {
	background:url(images/bg-pink.gif) center -3px no-repeat;
	}
.referentiespage {
	background:url(images/bg-grey.gif) center -3px no-repeat;
	}
.klanmodulepage {
	background:url(images/bg-aqua.gif) center -3px no-repeat;
	}
	
/**-------------------------------- **/	
	


/***--- about atau page biru --- ***/

.c-about {
	background:url(images/c-about-mid.gif) left repeat-y;
	margin-bottom: 15px;
	}
.c-about-top {
	background:url(images/c-about-top.gif) left top no-repeat;
	}
.c-about-bot {
	background:url(images/c-about-bot.gif) left bottom no-repeat;
	padding: 10px 10px 10px 15px;
	}
	
/***---- ini sama semua page --- ***/	
.c-page {
	background:url(images/c-page-mid.gif) left repeat-y;
	margin-bottom: 25px;
	}

.c-page-bot {
	background:url(images/c-page-bot.gif) left bottom no-repeat;
	padding: 10px 10px 10px 15px;
	}	
	
/**---- ini yang berubah-ubah tiap page --- ***/
.c-prog-top {
	background:url(images/c-prog-top.gif) left top no-repeat;
	}
.c-server-top {
	background:url(images/c-green-top.gif) left top no-repeat;
	}
.c-webdesign-top {
	background:url(images/c-orange-top.gif) left top no-repeat;
	}
.c-nieuwsbrief-top {
	background:url(images/c-purple-top.gif) left top no-repeat;
	}
.c-horeca-top {
	background:url(images/c-khaki-top.gif) left top no-repeat;
	}
.c-cms-top {
	background:url(images/c-pink-top.gif) left top no-repeat;
	}
.c-ref-top {
	background:url(images/c-grey-top.gif) left top no-repeat;
	}
.c-klant-top {
	background:url(images/c-aqua-top.gif) left top no-repeat;
	}


/*----------------------------------------------------------*/
	
.top-ilust {
	width:200px;
	text-align:center;
	float:left;
	padding-top: 1px;
	padding-left: 15px;
	}
.top-txt {
	width: 370px;
	margin:10px 10px 10px 255px;
	font-size:12px;
	line-height:18px;
	/*overflow:hidden;*/
	padding: 28px 5px 5px 5px;
	float:left;
	}
	
.costumer-area {
	width:195px;
	float:left;
	margin-top: 35px;
	margin-bottom:10px;
	display:block;
	}
.costumer-area a {
	background:url(images/costumer-area.gif) top left no-repeat;
	height:129px;
	display:block;
	}
.costumer-area a:hover,  .costumer-area a:focus{
	background:url(images/costumer-area.gif) left -129px no-repeat;
	}
.border-round {
	background:url(images/bg-top-txt-mid.gif) center repeat-y;
	}	
	
.border-round-top {
	background:url(images/bg-top-txt-top.gif) top no-repeat;
	padding: 10px 20px;
	height:auto;
	}
.border-round-bot {
	background:url(images/bg-top-txt-bot.gif) bottom no-repeat;
	padding-bottom: 15px;
	}
	
.top-txt h2 {
	font-size:20px;
	margin:0 0 7px 0;
	padding:0;
	}
.top-txt h2 span {
	color: white;
	}
.col-holder {
	width: 610px;
	}	
	
.left-col, .right-col {
	width: 290px;
	float:left;
	margin-right: 15px;
	}
.left-col p, .right-col p {
	margin: 5px 0; padding: 3px 0 2px;
	}
.left-col a, .right-col a, .col-holder a, .top-txt a {
	text-decoration:none;
	color:#003366;
	border-bottom:dotted 1px #CC3333;
	}
/**--------------------------- menu button hover sprites ------- **/
.main-menu {
	width: 800px;
	margin: 0 auto;
	padding-bottom:15px;
	}
#iconmenu li a span, .costumer-area a span {display:none;}
ul#iconmenu, #iconmenu {
	list-style-type:none;
	width:800px;
	margin:0;
	padding:0;
	}

#iconmenu li {
	width: 194px;height:142px;	margin-right: 6px;
	display:block;	float:left;
	margin-bottom: 10px;
	}
#iconmenu li a{
	display:block;
	width: 194px;height:142px;
	margin:0;
	padding:0;
	}
#iconmenu li#panel1c a{
	background:url(images/prog-capaciteit.jpg) 0 top no-repeat;
	}
#iconmenu li#panel1c a:hover, #iconmenu li#panel1c a:focus{
	background:url(images/prog-capaciteit.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel2c a{
	background:url(images/aclassserver.jpg) 0 top no-repeat;
	}
#iconmenu li#panel2c a:hover, #iconmenu li#panel2c a:focus{
	background:url(images/aclassserver.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel3c a{
	background:url(images/websitedev.jpg) 0 top no-repeat;
	}
#iconmenu li#panel3c a:hover, #iconmenu li#panel3c a:focus{
	background:url(images/websitedev.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel4c a{
	background:url(images/elektronischenieuws.jpg) 0 top no-repeat;
	}
#iconmenu li#panel4c a:hover, #iconmenu li#panel4c a:focus{
	background:url(images/elektronischenieuws.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel5c a{
	background:url(images/horeca.jpg) 0 top no-repeat;
	}
#iconmenu li#panel5c a:hover, #iconmenu li#panel5c a:focus{
	background:url(images/horeca.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel6c a{
	background:url(images/cms.jpg) 0 top no-repeat;
	}
#iconmenu li#panel6c a:hover, #iconmenu li#panel6c a:focus{
	background:url(images/cms.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel7c a{
	background:url(images/referenties.jpg) 0 top no-repeat;
	}
#iconmenu li#panel7c a:hover, #iconmenu li#panel7c a:focus{
	background:url(images/referenties.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel8c a{
	background:url(images/klantenmodules.jpg) 0 top no-repeat;
	}
#iconmenu li#panel8c a:hover, #iconmenu li#panel8c a:focus{
	background:url(images/klantenmodules.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel9c a{
	background:url(images/uren-registratie.jpg) 0 top no-repeat;
	}
#iconmenu li#panel9c a:hover, #iconmenu li#panel9c a:focus{
	background:url(images/uren-registratie.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel10c a{
	background:url(images/case-registratie.jpg) 0 top no-repeat;
	}
#iconmenu li#panel10c a:hover, #iconmenu li#panel10c a:focus{
	background:url(images/case-registratie.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel11c a{
	background:url(images/pap.jpg) 0 top no-repeat;
	}
#iconmenu li#panel11c a:hover, #iconmenu li#panel11c a:focus{
	background:url(images/pap.jpg) 0 -143px no-repeat;
	}
#iconmenu li#panel12c a{
	background:url(images/web-offline.jpg) 0 top no-repeat;
	}
#iconmenu li#panel12c a:hover, #iconmenu li#panel12c a:focus{
	background:url(images/web-offline.jpg) 0 -143px no-repeat;
	}
	


#iconmenu-side li a span {display:none;}
ul#iconmenu-side, #iconmenu-side {
	list-style-type:none;
	width:160px;
	margin:0;
	padding:0;
	margin-top: expression("-3px");
	}

#iconmenu-side li {
	width: 157px;height:62px;;
	display:block;
	margin-bottom: 2px;
	margin-bottom: expression("-1px");
	}
#iconmenu-side li a{
	display:block;
	width: 157px;height:62px;;
	margin:0;
	padding:0;
	}
#iconmenu-side li#panel1c a{
	background:url(images/menu1.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel1c a:hover, #iconmenu-side li#panel1c a:focus{
	background:url(images/menu1.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel2c a{
	background:url(images/menu2.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel2c a:hover, #iconmenu-side li#panel2c a:focus{
	background:url(images/menu2.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel3c a{
	background:url(images/menu3.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel3c a:hover, #iconmenu-side li#panel3c a:focus{
	background:url(images/menu3.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel4c a{
	background:url(images/menu4.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel4c a:hover, #iconmenu-side li#panel4c a:focus{
	background:url(images/menu4.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel5c a{
	background:url(images/menu5.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel5c a:hover, #iconmenu-side li#panel5c a:focus{
	background:url(images/menu5.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel6c a{
	background:url(images/menu6.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel6c a:hover, #iconmenu-side li#panel6c a:focus{
	background:url(images/menu6.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel7c a{
	background:url(images/menu7.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel7c a:hover, #iconmenu-side li#panel7c a:focus{
	background:url(images/menu7.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel8c a{
	background:url(images/menu8.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel8c a:hover, #iconmenu-side li#panel8c a:focus{
	background:url(images/menu8.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel9c a{
	background:url(images/menu9.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel9c a:hover, #iconmenu-side li#panel9c a:focus{
	background:url(images/menu9.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel10c a{
	background:url(images/menu10.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel10c a:hover, #iconmenu-side li#panel10c a:focus{
	background:url(images/menu10.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel11c a{
	background:url(images/menu11.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel11c a:hover, #iconmenu-side li#panel11c a:focus{
	background:url(images/menu11.gif) 0 -64px no-repeat;
	}
#iconmenu-side li#panel12c a{
	background:url(images/menu12.gif) 0 top no-repeat;
	}
#iconmenu-side li#panel12c a:hover, #iconmenu-side li#panel12c a:focus{
	background:url(images/menu12.gif) 0 -64px no-repeat;
	}




	
.sponsoren {
	background:url(images/bg-sponsor.jpg) center 2px no-repeat;
	padding: 15px;
	}
.sponsor-txt{
	width:130px;
	float:left;
	margin-left:15px;
	margin-top:25px;
	}


.sidebar-dalam {
	width: 160px;
	float:left;
	margin-left: 40px;
	margin-bottom: 25px;
	padding-top: 75px;
	}
.content-dalam {
	width: 635px;
	float:left;
	margin-top:28px;
	font-size:12px;
	line-height:18px;
	}
.content-dalam h2 {
	font-size:20px;
	margin:0 0 7px 0;
	padding:0;
	}
.content-dalam h2 span {
	color: white;
	}
h2.prog span{
	color:#5f3b03;
	}
h2.prog {
	color:#a32900;
	}
	
input {
	font: 11px Arial, Helvetica, sans-serif;
	}
input.txt {
	padding: 3px 4px;
	border: solid 1px #bbbbbb;
	}
.bdr {
	border-bottom: solid 1px #fff;
	}
ul.mybsg {
	list-style-type:none;
	margin:0 50px;
	padding:0;
	}
ul.mybsg li {
	margin: 7px 0;
	background:url(images/bg-list-mybsg.gif) left no-repeat;
	padding: 7px 0 8px 37px;
	}
ul.mybsg li a {
	text-decoration:none;
	color:white;
	border-bottom:none;
	font-weight:bold;
	}
ul.mybsg li a:hover {
	color:#FFFF00;
	}