

html {
}

body {
background:#e5e5e5 url(background.jpg) repeat-x left top;
margin:0;
padding:0;
text-align:center;
font:75%/140% Arial, Helvetica, sans-serif;

}

th,td,div {
font:100% Arial, Helvetica, sans-serif;
}

a {
color:#e60002;
text-decoration:underline;
font-weight:700;
}

a:hover {
color:#000;
text-decoration:underline;
}



h1, h2,h3,h4,h5,h6 {
	font:700   1.3em Arial, Helvetica, sans-serif;
	color:#e60002;
	border-bottom: 1px dotted #999999;
	margin: 6px 0px;
	padding: 7px 0px;
}

#maincell {
margin:auto;
height:auto;
width:990px;
text-align:left;
background:url(maincellbg.jpg) repeat-y;
display:table;
}

#header {
display:block;
margin:0;
padding:0;
float:left;
height:130px;
width:990px;
background:url(compuprof_design_01.jpg) no-repeat;
}

#ambiance {
background:url(compuprof_design_02.jpg) no-repeat;
text-align:center;
display:block;
float:left;
height:247px;
width:990px;
}

#contentcell {
background:url(compuprof_design_03.jpg) no-repeat left top;
text-align:center;
display:block;
float:left;
width:930px;
padding:10px 30px;
}

#ambiance2 {
background:url(compuprof_vervolg_02.jpg) no-repeat;
text-align:center;
display:block;
float:left;
height:94px;
width:990px;
}

#contentcell2 {
background:url(compuprof_vervolg_03.jpg) no-repeat left top;
text-align:center;
display:block;
float:left;
width:930px;
padding:10px 30px;
min-height:476px;
}

.linebreak {
width:990px;
float:left;
display:block;
height:auto;
}

#partners {
width:970px;
float:left;
display:block;
height:55px;
background:url(compuprof_design_05.jpg) no-repeat;
text-align:right;
padding-right:20px;
}

#footer {
background:url(compuprof_design_06.jpg) no-repeat;
display:block;
float:left;
height:30px;
width:964px;
font-size:12px;
line-height:30px;
text-align:right;
padding-right:26px;
color:#CCC;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
color:#CCC;
font-weight:400;
text-decoration:none;
}

#footer a:hover {
color:#FFF;
text-decoration:underline;
}

#copyright {
font:11px Arial, Helvetica, sans-serif;
color:#333;
text-align:right;
display:block;
float:left;
height:auto;
width:970px;
padding:6px 20px 6px 0;
background:#e5e5e5;
}

#logo {
display:block;
float:left;
height:130px;
width:297px;
}

#searchpos {
text-align:right;
float:left;
height:30px;
width:666px;
padding-right:27px;
padding-top:4px;
}

#searchpos form {
margin:0;
padding:0;
}

#searchpos .inputimg {
vertical-align:middle;
}

#searchpos .input {
vertical-align:middle;
border:1px inset #FFF;
height:20px;
width:250px;
padding-left:6px;
}

#menupos {
width:auto;
height:45px;
text-align:right;
float:right;
padding-top:49px;
padding-right:20px;
background:url(menubgleft.jpg) no-repeat left 49px;
padding-left:3px;
}

#contentblock {
background:#FFF;
float:left;
min-height:270px;
width:500px;
font:Arial, Helvetica, sans-serif;
color:#333;
text-align:left;
padding:10px 10px 2px;

}

#contentblock h1 {

}

#contentblock p {
margin:0;
padding-top:4px;
padding-bottom:4px;
}

#contentblock2 {
float:left;
min-height:270px;
width:634px;
font:Arial, Helvetica, sans-serif;
color:#333;
text-align:left;
padding:10px;
}

#contentblock2 .actief {
color:#000;
background:inherit;
text-decoration:underline;
}

#contentblock3 {
float:left;
min-height:470px;
width:910px;
font:Arial, Helvetica, sans-serif;
color:#333;
text-align:left;
padding:10px;
}

#colleft {
width:246px;
float:left;
height:auto;
padding:10px;
text-align:left;
color:#333;
}

#contentbg2 {
background:url(contentbg2.gif) repeat-y center;
display:table;
float:left;
height:auto;
width:930px;
}

#contentbg3 {
background:#FFF;
display:table;
float:left;
height:auto;
width:930px;
}

#banner {
float:left;
height:280px;
width:140px;
padding-left:10px;
padding-right:10px;
}

#spotlight {
background:#a3bfbd;
float:left;
height:280px;
width:250px;
}

#spotlight h2 {
color:#FFF;
background:#5f7582;
font:bold 14px/28px Arial, Helvetica, sans-serif;
text-align:left;
height:28px;
margin:0;
padding:0 0 0 4px;
}

#spotlight p {
margin:0;
padding:0;
padding-top:7px;
padding-bottom:7px;
}

#textsize {
text-align:right;
}

.sideblock {
display:block;
padding:4px;
clear:both;
height:auto;
width:238px;
border:1px solid #da0002;
margin-bottom:8px;
background:#f9e5e6;
}

.sideblock h3 {
font:bold 100%/180% Arial, Helvetica, sans-serif;
color:#FFF;
background:#da0002;
margin:0;
padding:0;
width:auto;
padding-left:4px;
}

.blockmarge {
padding:4px;
}

.colleft span {
clear:both;
}

.sideblock2 {
display:block;
padding:4px;
clear:both;
height:auto;
width:238px;
border:1px solid #5f7582;
margin-bottom:8px;
}

.sideblock2 h3 {
font:bold 100%/180% Arial, Helvetica, sans-serif;
color:#FFF;
background:#5f7582;
margin:0;
padding:0;
width:auto;
padding-left:4px;
}

.sideblock2 .actief {
	color:#5F7582;
	text-decoration:none;
	font-weight:700;
	display:block;
	background: url(arrow_right.gif) no-repeat right center;

}

#colleft p {
padding:2px 0 6px;
margin:0;
}

.sitemapdiv {
float:left;
}

.nieuwsdatum {
	font-style: italic;
	color: #999999;
}

.actueeltbl {
	background: #f9e5e6;
	border: 1px dashed #00858a;
	padding:4px;
}

#actiespot {
float:left;
width:200px;
height:123px;
margin-top:9px;
margin-left:10px;
}



ul.vinkje li {
	list-style: circle url(/images/klanten/vinkje.gif);
	
}



.vink li {margin:2px; padding:2px; margin-bottom:4px; list-style: circle url(/images/klanten/vinkje.gif);}