body {
	margin:0; padding:0;
	font:10pt/1.3 sans-serif;
	background-color: #999;
	background: url(../media/background.jpg);
	background-position: top center;
}

/* pagina opbouw styles */

#main1 {
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	background-color: #ccc;
	border: 1px solid #666;
}

#main2 {
	margin:0;
	padding:0;
}

.topads {
	width: 962px;
	background-color: #4B4B4B;
	padding: 0px; border-bottom: 0px solid #ccc;
	font-size: 11px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.head {
	width: 962px;
	height: 120px;
	margin: 0; 	margin-bottom: 5px;
	padding: 0;
}

#header01 { background-color: #000;	background: url(../media/headerbac01.jpg) 0px 0px; background-repeat: no-repeat;}
#header02 {	background-color: #000;	background: url(../media/headerbac02.jpg) 0px 0px; background-repeat: no-repeat;}
#header03 {	background-color: #000;	background: url(../media/headerbac03.jpg) 0px 0px; background-repeat: no-repeat;}
#header04 {	background-color: #000;	background: url(../media/headerbac04.jpg) 0px 0px; background-repeat: no-repeat;}
#header05 {	background-color: #000;	background: url(../media/headerbac05.jpg) 0px 0px; background-repeat: no-repeat;}
#header06 {	background-color: #000;	background: url(../media/headerbac06.jpg) 0px 0px; background-repeat: no-repeat;}
#header07 {	background-color: #000;	background: url(../media/headerbac07.jpg) 0px 0px; background-repeat: no-repeat;}


#left {
	float: left;
	width:130px;
	margin:0;
	padding:0;
}

#right {
	float:right;
	width:130px;
	margin:0;
	padding:0;
}

#midleft {
	float: left;
	width: 385px;
	margin: 0px;
	padding: 0;
	margin-right: 4px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	line-height: 130%;
}

#midright {
	float: left;
	width: 312px;
	margin: 0px;
	padding: 0;
	margin-right: 0px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	line-height: 130%;
}

#midfull {
	float: left;
	width: 700px;
	margin: 0px;
	padding: 0;
	margin-right: 0px;
	font-family:  Verdana, Arial, helvetica, sans-serif;
}

inputt 	{ border: 1px solid #003366;	}

/* abonneerlink styles */

.aboblok {
	float: right;
	width: 230px;
	height: 90px;
	font-size: 90%;
	font-family:  Verdana, Arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.aboblok ul {
	padding-left: 10px;
	margin: 0;
	width: 100px;
	color: #ccc;
}

.aboblok li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-bottom: 0px solid #999;
}

.aboblok li a {
	display: block;
	height: 16px;
	width: 100px;
	background: url(../media/pijlstippel.gif) 0px 0px; background-repeat: no-repeat;
	padding: 2px 0px 0px 8px;
	color: #ccc;
	font-weight: normal;
	margin: 0px;
	text-decoration: none;
}

.aboblok li a:hover {
	color: #eee;
	text-decoration: underline;
}

/* kruimelpad styles */

#navbalk {
	font-family:  Verdana, Arial, helvetica, sans-serif;
	display: block;
	height: 15px;
	margin-top: 0px;
	padding: 2px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	border: 0px solid #000;
	}

#navbalk a {
	font-family:  Verdana, Arial, helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
	margin-top: 5px;
	height: 10px;
	line-height: 10px;
	}

#navbalk a:hover {
	/* height: 25px; */
	color: #fff;
	}

hr {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #ccc;
	margin: 5px 0;
	height: 1px;
}

/* tekst styles */

h1,h2,h3,h4 { margin: 0.2em 0 }
p { margin: 0; }

a {
	color: #6666cc;
	}

a:hover  {
	color: #999;
	}

h1  {
	font-family: arial;
	font-size:160%;
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000;
	}

h2  {
	font-size:140%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #999;
	}

h3  {
	font-size:120%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #999;
	}


/* --- linker en rechter kolom styles --- */

.kolom {
	font-family: Arial, helvetica, sans-serif;
	width: 125px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.kolom h3 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size:80%;
	font-weight: bold;
	text-align: left;
	height: 17px;
	color: #fff;
	margin: 0px 0px 0px 5px;
	padding: 3px 3px 0px 5px;
	background: url(../media/kopjegrijs11.gif) no-repeat top left;
	text-transform: none;
}

.kolom .image {
	margin: 0px 0px 0px 0px;
	padding: 0;
	}

.kolom .ad {
	margin: 0px 0px 7px 5px;
	padding: 0;
	border: 0px solid #ccc;
	}

.kolom ul {
	margin: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0px;
	border-left: 1px solid #fff; border-bottom: 1px solid #999; border-right: 1px solid #999;
}

.kolom li {
	background-color: #eee;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: url(../media/navbac.jpg) 0px 0px; background-repeat: no-repeat;
}

.kolom li a {
	background: url(../media/pijltje.gif) 0px 5px; background-repeat: no-repeat;
	padding-left: 10px;
	color: #000;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	display: block;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #ccc;
	text-decoration: none;
}

.kolom li a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

.kolom p {
	margin: 0px 0px 7px 5px;
	padding: 5px;
	font-size: 10px;
	line-height: 100%;
	background-color: #eee;
	border: 1px solid #ccc;
	border-top: 0;
	text-align: left;
}

.kolom .kolomform {
	border-top: 5px solid #a3a4a2;
	margin: 0px 0px 0px 5px;
	background-color: #eee;
	padding: 5px;
}

.zoekform {
	border-top: 5px solid #a3a4a2;
	margin: 0px 0px 0px 5px;
	background-color: #eee;
	padding: 3px;

}


.kolom teaserimage {
	margin: 5px 5px 0px 5px;
	padding: 0;
}

.kolom image {
	margin: 0;
	padding: 0;
}

/* class01 = nieuws  */
/* class02 = hardware  */
/* class03 = software  */
/* class04 = internet  */
/* class05 = tipstrucs  */
/* class06 = magazine  */
/* class07 = service  */

.kolom .class01 ul	{ border-top: 3px solid #a3a4a2; }
.kolom .class02 ul	{ border-top: 3px solid #6693CF; }
.kolom .class03 ul	{ border-top: 3px solid #a1c06b; }
.kolom .class04 ul	{ border-top: 3px solid #e09f59; }
.kolom .class05 ul 	{ border-top: 3px solid #8881ba; }
.kolom .class06 ul 	{ border-top: 3px solid #c73b34; }
.kolom .class07 ul	{ border-top: 3px solid #f1f2fa; }

.kolom .class01 a { border-top: 1px solid #a3a4a2;	background: url(../media/pijltje_gs.gif) 0px 5px; background-repeat: no-repeat;}
.kolom .class02 a { border-top: 1px solid #6693CF;	background: url(../media/pijltje_bl.gif) 0px 5px; background-repeat: no-repeat; }
.kolom .class03 a { border-top: 1px solid #a1c06b;	background: url(../media/pijltje_gr.gif) 0px 5px; background-repeat: no-repeat; }
.kolom .class04 a { border-top: 1px solid #e09f59;	background: url(../media/pijltje_or.gif) 0px 5px; background-repeat: no-repeat; }
.kolom .class05 a { border-top: 1px solid #8881ba;	background: url(../media/pijltje_pa.gif) 0px 5px; background-repeat: no-repeat; }
.kolom .class06 a { border-top: 1px solid #c73b34;	background: url(../media/pijltje_rd.gif) 0px 5px; background-repeat: no-repeat; }
.kolom .class07 a { border-top: 1px solid #f1f2fa;	background: url(../media/pijltje.gif) 0px 5px; background-repeat: no-repeat; }


/* content kolommen kopjes */

#midleft h3, #midfull h3, #midright h3 {
	font-size: 80%;
	height: 16px;
	color: #fff;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	padding: 2px 3px 2px 10px;
	background-color: #666;
	border: 1px solid #ccc; border-left: 1px solid #ddd; border-right: 1px solid #999;
	}

#midleft .class01 h3, #midright .class01 h3, #midfull .class01 h3 { border-bottom: 5px solid #a3a4a2; }
#midleft .class02 h3, #midright .class02 h3, #midfull .class02 h3 { border-bottom: 5px solid #6693CF; }
#midleft .class03 h3, #midright .class03 h3, #midfull .class03 h3 { border-bottom: 5px solid #a1c06b; }
#midleft .class04 h3, #midright .class04 h3, #midfull .class04 h3 { border-bottom: 5px solid #e09f59; }
#midleft .class05 h3, #midright .class05 h3, #midfull .class05 h3 { border-bottom: 5px solid #8881ba; }
#midleft .class06 h3, #midright .class06 h3, #midfull .class06 h3 { border-bottom: 5px solid #c73b34; }
#midleft .class07 h3, #midright .class07 h3, #midfull .class07 h3 { border-bottom: 5px solid #f1f2fa; }

#midleft h3 a, #midfull h3 a, #midright h3 a { color: #fff; text-decoration: none;}
#midleft h3 a:hover, #midfull h3 a:hover, #midright h3 a:hover { color: #000;}

/* content kolommen inhoud */

#blue {
	background: url(../media/blauwverloop.jpg) 0px 0px; background-repeat: no-repeat;
	list-style: none;
	}

#blue li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#green {
	background: url(../media/groenverloop.jpg) 0px 0px; background-repeat: no-repeat;
	}

#green li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#grey {
	background: url(../media/grijsverloop.jpg) 0px 0px; background-repeat: no-repeat;
	}

.content {
	margin:0;
	margin-bottom: 5px;
	padding: 7px 10px 5px 10px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}

.content p {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;
	}

.content strong {
	color: #333;
	font-weight: bold;
}

.content h2 {
	font-size:13px;
	color: #003399;
	margin-top: 0px;
	margin-bottom: 8px;
	}

.content h2 a {
	color: #333;
	text-decoration: none;
	}

.content h4 {
	font-size:13px;
	color: #666;
	margin-top: 0px;
	margin-bottom: 8px;
	}

.content a {
	color: #003399;
	text-decoration: underline;
	}

.content a:hover  {
	color: #000;
	text-decoration: underline;
	}

.content ul {
	font-size: 95%;
	padding-left: 0px;
	margin: 0px 0px 5px 0px;
	}

.content li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

.content li a {
	display: block;
	height: 18px;
	background: url(../media/pijlstippel_gr.gif) 0px 0px; background-repeat: no-repeat;
	padding-top: 0px;
	padding-left: 8px;
	color: #003399;
	margin: 0px;
	text-decoration: none;
	}



.content .product li a{
	background: url(../media/pijlstippel_prod.gif) 0px 0px; background-repeat: no-repeat;
	}

.content .headlines {
	font-size: 100%;
	}

.content .doorlink  {
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url(../media/pijldoorlink.gif) 0px 1px; background-repeat: no-repeat;
	}

.content a.knoplink  {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 0px 7px 0px 7px;
	background: #eee;
	border: 1px solid #999;
}

.content a.knoplink:hover {
	background: #ccc;
	border: 1px solid #333;
	text-decoration: none;
}

.cleaner  {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	}

/* algemene styles */

.stippel {
	clear:both;
	height:10px;
	font-size:1px;
	margin: 0; padding:0;
	background: url(../media/stippellijn.gif) no-repeat top left;
	}

.datum {
	font-size:11px;
	color: #336699;
	margin-bottom: 5px;
	}

.dag {
	font-size:11px;
	color: #666;
	margin: 5px 0px 5px 0px;
	}

.kopje {
	font-size:90%;
	color: #333;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	}

.kopje a {
	color: #333;
	text-decoration: underline;
	}

.comm {	background: url(../media/iconcomm.gif) no-repeat 0 0; padding-left: 16px;}
.mail {	background: url(../media/iconmail.gif) no-repeat 0 0; padding-left: 22px;}
.print { background: url(../media/iconprint.gif) no-repeat 0 0; padding-left: 20px;}
.ekudos { background: url(../media/iconkudos.gif) no-repeat 0 0; padding-left: 20px;}

.ad {
	margin: 0px;
	padding: 5px;
	text-align: center;
	}

.artimage {
	margin: 2px 6px 2px 0px;
	border: 1px solid #bbb;
	}

.comment {
	background-color: #fff;
}

.smalltext {
	font-size: 10px;
	font-weight: normal;
	color: #999;
	text-align: center;
}

.klik a {
	background-color: #ccc;
	padding: 5px;
	margin: 5px;
	color: #003399;
	text-decoration: none;
	}

.klik a:hover  {
	color: #000;
	text-decoration: underline;
	}

#footer {
	width: 962px;
	margin: 0; 	margin-bottom: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	background-color: #fff;
	font-size: 10px;
}
.footertext {
	font-family: verdana, Arial;
	padding: 5px;
	color: #000000;
}

.pollscore {
  height: 1em;
  margin: 1px 0;
  background-color: #ddd;
}
.pollscore .voorgrond {
  background-color: #000;
  height: 1em;
  clear: left;
  float: left;
}

/* form styles */

.label {
	width: 180px;
	color: black;
	display: block;
	float: left;
}


.select {
	border: 1px solid #ccc;
	color: black;
}

.input {
	border: 1px solid #ccc;
	color: black;
}

.textarea {
	border: 1px solid #ccc;
	color: black;
}

.checkbox {
	color: black;
}

.radio {
	border: 0px solid #ccc;
	margin-left: 10px;
	color: black;
}

.knop {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	background-color: #999;
	color: #fff;
	border: 1px solid #ccc;
	text-align:left;
}

.inputerror {
	width: 200px;
	display: block;
	float: left;
	font-weight: bold;
	color: red;
}

/* categorie navigatie styles */

#categorie ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0px 5px 5px 5px;
	}

#categorie li {
	background: url(../media/bullet_blauw.gif) 0 50% no-repeat;
	padding: 2px 5px 2px 12px;
	font-size: 12px;
	}

#categorie a {
	color: #283986;
	text-decoration: none;
	}

#categorie a:hover {
	color: #000;
	text-decoration: underline;
	}

#categorie h2 {
	background: url(../media/bullet_blauw.gif) 0 50% no-repeat;
	padding: 2px 5px 0px 12px;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: underline;
	}

#categorie h2 a {
	text-decoration: underline;
	color: #000;
	}

#categorie .blokje {
	padding: 0px 5px 2px 12px;
	font-size: 11px;
	}


/* Advertorials  */

#adv {border-top: 0px solid #33339B; padding-top: 0px; margin:0px}
.advtop { background-color:#999999; border: 1px solid #999999; text-align:center; font-size:xx-small; color:#FFFFFF}
.advbox { background-color:#FFFFFF; border: 1px solid #999999; padding: 6px; margin-bottom:6px}
.advsubhead {font-family:arial,helvetica,sans-serif; font-size: 11px; color:#000000; padding-bottom:5px; font-weight:bold}
.advhead {font-family:arial,helvetica,sans-serif; font-size: 11px; color:#001166; padding-bottom:5px; font-weight:bold}
.advtext {font-family:arial,helvetica,sans-serif; font-size: 11px; color:#000000; padding-bottom:5px; font-weight:normal}
.advhead a:link { color:#001166; text-decoration:none }
.advhead a:hover { color:#FF6600; text-decoration:underline }
.advlink {font-family:arial,helvetica,sans-serif; font-size: 10px; color:#001166; font-weight:normal}
.advlink a:link { color:#001166; text-decoration:none }
.advlink a:hover { color:#FF6600; text-decoration:underline }


/* Sponsored links  */

.spltop {color: #ffffff; font-size: 1px}
.splbox {
	margin:0;
	margin-bottom: 5px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	background-color: #fff;
	}

.splbox a {
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	}

.splbox a:hover  {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	}

#spl {margin-top: 1px}


.content #recentcomments li a {
	background-image : none;
}