*,html { margin: 0; padding: 0;}
h1, h2, h3 { margin: 0; padding: 0; font-weight: normal;}
body{ margin:0; padding:0; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, helvetica, sans-serif; font-size: 1em; background: url(../images/background.jpg) top left #fff; }
div#wrapper{ width:100%; background:url(../images/h1.jpg) top left repeat-x; margin: 0; padding: 0; }

/* HEADER */

div#header{ width:990px; height:224px; background:url(../images/header.jpg) no-repeat; margin: 0 auto; position:relative; }
div#headercontent{ margin: 0 auto; width:960px; }

/* TOPBAR (ICASA SERVICES) */

div#topbar{ text-align:right; }
div#topbar ul{ list-style:none; float: right; width: 220px;}
div#topbar li{float:left; display:inline; width: 100px;}
div#topbar a, div#topbar a:link, div#topbar a:visited, div#topbar a:hover, div#topbar a:active { padding: 6px 10px; text-decoration: none;  display: block; color:#fff; font-size: 0.75em;  }
div#topbar form { float: left; margin-left: 10px; margin-top: 5px; }

/* NAVIGATION MENU (TOP) */

div#nav{ position:absolute; bottom:2px; left:210px; border-left: 1px solid #da6400;}

div#nav ul { /* all lists */ 
    padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1em;
	width: 100%;
	z-index: 99;
}

div#nav a {
	display: block;
	text-align: center;
	width: 100px;
	text-decoration: none;
}

div#nav a:hover {
	background: url(../images/li_hover.jpg) top left repeat-x;
}

div#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
}

div#nav li a {
	text-align: center;
	color: #b6b3ac;
	padding: 4px 0px 6px 0px;
	border-right: 1px solid #da6400;
	font-size: 0.75em;
	color:#fff;
}


div#nav li ul { /* second-level lists */
	position: absolute;
	width: 170px;
	left: -999em;
	background: url(../images/dropdown_bg.jpg) 0 0 repeat-x #eee;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-top: 1px solid #4a6f7f;
	margin: 0px 0px 0px 0px;
	
}

div#nav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 150px;
}

div#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

div#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
div#nav li li a {
	text-align: left;
	font-size: 0.75em;
	color: #000;
	padding: 5px 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #ccc;
	font-variant: normal;
	border-right: none;
	width: 159px;
	background: transparent;
	border-collapse: collapse;
}

div#nav li li a:hover {
	color: #43a8d4;
	background: none;
	background-color: #fff;
	text-decoration: none;
}

div#nav li:hover, #nav li.hover {
    position: static;
}

/* CONTENT */

div#contentwrapper{
width:990px;
margin:0 auto;
background:url(../images/cbg.jpg) top left repeat-y #fff;
}

div#content{
width: 760px;
float: right;
margin-right: 20px;
}

div#content h1{
	font-size:1.6em;
	color:#43a8d4;
	margin: 30px 0px 10px 0px;
}
div#content h2{
	font-size:1em;
	color:#43a8d4;
	margin: 15px 0px 7px 0px;
}

div#content h2.soll {
	font-size: 1.2em; font-weight: bold; margin-top: 35px;
}

div#pers h1, div#event h1, div#vac h2 {
	background: #43a8d4;
	color: #fff;
	padding: 5px 0px 5px 10px;
	font-size: 0.88em;
	text-transform: uppercase;
	font-variant: small-caps;
	margin: 0;
}

div#pers h1, div#event h1 {
	background: url(../images/headpers.jpg) top left no-repeat;
}

div#vac h2 {
	background: url(../images/head2pers.jpg) top left no-repeat;
}

div#pers h3, div#event h3, div#mainblock h3, div#events h3, div#persberichten h3, div#getuig h3, div#kwaliteit h3 {
	font-size: 0.75em;
	color:#535353;
	border-bottom: 1px solid #aaa;
	border-top: 2px solid #ddd;
	margin: 15px 0px 10px 0px;
	padding: 5px 10px;
	text-transform: uppercase;
	background: #fafafa;
	font-weight: bold;
}

div#events h3, div#getuig h3 {
	clear: left;
}

div#pers h3, div#event h3 {
	clear: right;
}

#content p
{
font-size: 0.75em;
font-weight: normal;
text-align: left;
margin: 0px 15px 12px 0px;
line-height: 1.6em;
}

#mainblock, #persberichten, div#getuig, div#kwaliteit {
	width: 480px;
}
#content ul { list-style: none; }
#content li { background: url(../images/pijltje.png) 0 2px no-repeat #fff; font-size: 0.75em; line-height: 1.6em; padding-left: 17px; }
#content ul li ul {
	list-style: circle;
	list-style-position: inside;
}
#content ul li ul li {
	font-size: 1em;
	background: none;
}
#content ol { margin: 0; padding: 0; font-size: 1em;
	list-style-type: lower-roman;
}
#content ol li { font-size: 1em; list-style-position: inside; background: none; margin: 0; padding: 0;}
#content ol li strong { font-size: 1.3em;}
#content a { color: #43a8d4; text-decoration: none; border-bottom: 1px solid #eee;}

#content a.solliciteer { display: block; width: 190px; height: 26px; background: url(../images/head2pers.jpg) top left no-repeat; padding: 5px; color: #fff; border: none; margin: 20px 0 0 0;}

#content form#solform { width: 600px; }

#content form#solform label { display: block; width: 200px; float: left;}
#content form#solform input { width: 300px; }
#content form#solform fieldset { border: none; padding-top: 10px; margin-bottom: 20px;}
#content form#solform legend { color: #43a8d4; margin: 0px 0px 10px 0px; padding: 0; }
#content form#solform textarea { width: 300px; height: 100px; }
#content form#solform fieldset#algemeen label { width: 100%; }
#content form#solform fieldset#algemeen input, #content form#solform fieldset#algemeen select { margin: 10px 0px; margin-left: 200px;}
#content form#solform fieldset#algemeen input { width: 300px; }

/* Promo */
#content #promo { width: 600px; height: 200px; background: url(../images/promo.jpg) top left no-repeat; border: 1px solid #000; margin-top: 30px;}
#content #promo h1 {  float: right; width: 350px; margin: 10px 10px 0px 0px; padding: 0; color: #fff; font-size: 1.2em; }
#content #promo p { float: right; font-size: 0.75em; margin: 0px 10px 5px 10px; width: 350px; color: #fff; line-height: 1.4em;}
#content #promo p a { color: #fff; text-decoration: underline; border: none; }


/* SIDEBAR */
div#sidebar{ width:190px; float:right; margin: 10px 10px 0 20px; }

/* SITEMAP */
#sitemap li{ text-decoration:none; background:none; }
#sitemap ul { list-style: none; }
#sitemap li li { background: url(/exp/assets/images/bullet.jpg) 0 50% no-repeat #fff; font-size: 0.75em; padding-left: 20px; line-height: 25px; width: 500px;}

/* LEFTNAV*/

#leftnav { width:150px; float:left; margin:0px 0px 0px 30px; }
#leftnav ul { margin: 30px 0 0 0; padding: 0; list-style: none; border-bottom: 1px solid #eee; }
#leftnav li { border-top: 1px solid #eee; font-size:0.75em; float: left; width: 150px;}
#leftnav ul li a { text-decoration:none; color:#43a8d4; display: block; padding: 6px 0px 6px 3px;}
#leftnav a:hover { background: #43a8d4; color: #fff; }

/* FOOTER */

div#footer{ width:990px; height:45px; margin:auto; background:url(../images/cbgbottom.jpg) no-repeat; }
div#footer p{ font-size:0.65em; text-align:center; }

/* VACATURES */
div#vac { color:#919191; margin: 20px 0 25px 0;}
div#vac ul.vacs { }
div#vac ul.vacs li { width:  190px; margin: 0; padding: 0; background: none; }
div#vac a:hover{ text-decoration: underline;}
div#vac a { color: #3BA1C9; border-bottom: none; }

/* HOMEPAGE */
div#iso { margin-top: 30px;}
div#iso h2 { margin: 15px 0px 0px 0px; }
div#iso p{ }
div#iso img { padding:5px; border: 1px solid #eee; float:right; margin:0;  }

div#twocol{ margin-top: 30px; clear: right; }
div#pers, div#event { width: 360px; float:left; }
div#pers span.datum, div#event span.datum, div#events span.datum, div#persberichten span.datum { font-size: 0.68em; color: #ccc;}
div#pers p, div#event p { text-align: justify; font-size: 0.75em; color: #000; line-height: 1.4em; margin: 0 0 12px 0;}
div#pers img, div#event img { margin: 0 0 10px 10px; padding: 5px; border: 1px solid #aaa; background: #efefef; width: 130px; float: right; }
div#events img {
	width: 400px; border: none; background: none; float: none; margin: auto;
}

div#events img.event { width: 150px; }
div#events span.imgspanner { border: 5px solid #efefef; background: #efefef; overflow: hidden; width: 150px; height: 100px; display: block; background: #000; text-align: center; float: left; margin: 0px 15px 15px 0; }
div#event { margin: 0px 0px 0px 30px; }

div#fl{ width:300px; float:right; margin-top:30px; margin-right:10px; }



/* BREADCRUMB */
div#breadcrumb { margin: 5px 0px 20px 0px; font-size: 0.68em; color: #aaa; height: 15px; width: 480px; clear: both; background: url(../images/bgbread.jpg) top right; padding: 3px 10px;}
div#breadcrumb a { color: #888; text-decoration: none; text-transform: lowercase;}
div#breadcrumb a:hover { color: #000;}

/* GETUIGENISSEN DIV */
div#getuig h2 { margin: 15px 0px 0px 0px; }
div#getuig hr.divider { clear: right; border: none; margin-top: 10px; border-top: 1px solid #eee; }
div#getuig img {border: 1px solid #aaa; padding: 5px; background: #efefef; float:left; margin: 0px 15px 10px 0px; width: 100px;}
div#getuig p { margin-left: 130px; }

/* KWALITEIT DIV */

div#kwaliteit h2 { margin: 15px 0px 0px 0px; }
div#kwaliteit hr.divider { clear: right; border: none; margin-top: 10px; border-top: 1px solid #eee; }
div#kwaliteit img{ padding:5px; border: 1px solid #eee; float:right; margin: -20px 0 10px 15px;}

/* EVENTS DIV */
div#events { width: 480px;}
div#events dt { margin: 0; padding: 0;}
div#events dd { }
div#events dd span.date{ font-size: 0.75em; display: block; text-align: right; padding-right: 6px;}
div#events dd img { width: 100px; height: 100px; padding:5px; border: 1px solid #eee; float:right; margin-left: 10px; }

/* CONTACT PAGINA ICT SOLUTION ADR TAGS */
div#content div#mainblock div.adr { width: 295px; float: left; margin-bottom: 2em;}
div#content div#mainblock div.adr span{ font-size:0.75em; font-style: normal;}
div#content div#mainblock div.adr span.region{ display:none; }
div#content div#mainblock div.adr span.county-name{ display:none; }
div#content div#mainblock div.adr.margin{ margin-left: 50px; }

div#contact{ clear:left; }


/* OVERIGE */

span.firstletter {
	background: url(../images/first.jpg) top left no-repeat; width: 40px; height: 40px; font-size: 2em; color: #fff; display: block; padding: 10px 0px 0px 12px; float: left; margin: -5px -8px -10px 0;
}

.clearer{
clear:both;
font-size:0;
}
.boldblue{
color:#0092CF;
}