/*

colors used:
#000 for text-color and backgroundcolor header
#000 for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
	background: #e6e3e3 url(pics/bg_bodyz.gif) repeat-x;
}

img a, a img { border: 0px; }
 
#site {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 38px 0px 0px 0px;
	width: 920px;
	min-height: 720px;
	height: auto !important;
	height: 720px;
	font: 11px verdana, arial, sans-serif;
	line-height: 16px;
	color: #000;
}

#circle_body {
position: absolute;
height: 395px;
width: 827px;
background: url(pics/circle_body.png) 0px 0px no-repeat;
top: 0px;
right: 50%;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	width: 920px;
	height: 87px;
	background-color: #fff;
}

#header .logo {
	margin: 0px 0px 0px 0px;
	height: 43px;
	float: right;
}

/* ------------------------------------------------------------------------- TopNavigation */

#header .topnavigation {
	margin: 0px 0px 0px 0px;
	width: 690px;
	height: 43px;
background-color: #010508;
	float: left;
	overflow: hidden;
	text-align: center;
}

#header .topnavigation ul {
	margin: 0px 70px 0px 0px;
	list-style-type: none;
}

#header .topnavigation li {
	padding: 0px 20px;
	float: left;
	line-height: 43px;
}

#header .topnavigation li a:link, #header .topnavigation li a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#header .topnavigation li a:hover, #header .topnavigation li.current a:link, #header .topnavigation li.current a:visited {
	border-bottom: 1px solid #fff;
}

/* ------------------------------------------------------------------------- BlockNavigation */

#header .blocknavigation {
	width: 920px;
	height: 44px;
	float: left;
	overflow: hidden;
}

#header .blocknavigation ul {
	list-style-type: none;
}

#header .blocknavigation li {
	width: 230px;
	float: left;
	line-height: 44px;
	text-align: center;
}

#header .blocknavigation li.red 		{ background: #3a333a; }
#header .blocknavigation li.orange	{ background: #7a737a; }
#header .blocknavigation li.green 	{ background: #a39ca3; }
#header .blocknavigation li.blue 		{ background: #5a535a; }

#header .blocknavigation li a:link, #header .blocknavigation li a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

/* ------------------------------------------------------------------------- image-bar */

#image-bar { 
	position: relative;
	width: 920px;
	height: 180px;
	overflow: hidden;
}

#image-bar img { float: left; }


#transBlue { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 230px; 
	height: 180px; 
	background: url(pics/trans-blue.png) top left repeat;
}

#transGreen { 
	position: absolute; 
	top: 0px; 
	left: 230px; 
	width: 230px; 
	height: 180px; 
	background: url(pics/trans-green.png) top left repeat;
}

#transOrange { 
	position: absolute; 
	top: 0px; 
	left: 460px; 
	width: 230px; 
	height: 180px; 
	background: url(pics/trans-orange.png) top left repeat;
}

#transRed { 
	position: absolute; 
	top: 0px; 
	left: 690px; 
	width: 230px; 
	height: 180px; 
	background: url(pics/trans-red.png) top left repeat;
}


/* ------------------------------------------------------------------------- SubNavigation */

#content #subnavigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content #subnavigation li {
	margin: 0px;
	padding: 0px 15px 10px 15px;
	font-weight: bold;
}

#content #subnavigation ul.red li 		{ background: url(pics/list-image-blue.gif) 		0px 5px no-repeat; }
#content #subnavigation ul.orange li 	{ background: url(pics/list-image-green.gif) 0px 5px no-repeat; }
#content #subnavigation ul.green li 	{ background: url(pics/list-image-orange.gif) 	0px 5px no-repeat; }
#content #subnavigation ul.blue li 		{ background: url(pics/list-image-red.gif) 	0px 5px no-repeat; }
#content #subnavigation ul.black li 	{ background: url(pics/list-image-green.gif) 	0px 5px no-repeat; }

#content #subnavigation li a:link, #content #subnavigation li a:visited {
	text-decoration: none;
	border: none;
	color: #fff;
}

#content #subnavigation li a:hover, #content #subnavigation li.current a:link, #content #subnavigation li.current a:visited {
	border-bottom: 1px solid #fff;
}

/* ------------------------------------------------------------------------- Content */ 

#content {
	width: 920px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	background: #fff url(pics/bg_content.gif) top left repeat-y;
}

#content.enquete{background:url(pics/bg_enquete.gif) repeat-y;}
#content .itmanagement 			 { min-height: 420px; height: 100%; background: #fff url(pics/bg_content_itmanagement.gif) 				top left repeat-y; }
#content .virtualisatie  			 { min-height: 420px; height: 100%; background: #fff url(pics/bg_content_virtualisatie.gif) 				top left repeat-y; }
#content .storage  { min-height: 420px; height: 100%; background: #fff url(pics/bg_content_storage.gif) 	top left repeat-y; }
#content .accessondemand { min-height: 420px; height: 100%; background: #fff url(pics/bg_content_accessondemand.gif) 	top left repeat-y; }

#tekst {
	padding: 30px;
	width: 400px;
	float: left;
	background: #fff;
}

#tekst.enquete{
	padding: 30px;
	width: 630px;
	float: left;
	background: #fff;
}

#content .tekstSmall {
	padding: 34px 20px;	
	width: 190px;
	float: left;
	color: #fff;
}
#content .tekstSmall a:link, #content .tekstSmall a:visited { border-bottom: 1px solid #fff; color: #fff; }
#content .tekstSmall a:hover { border-bottom: 1px solid #fff; }

#content ul.vacatures { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content ul.vacatures li { margin: 0px; padding: 0px; } 

#content ul.home {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#content ul.home li {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#content ul.home li a:link, #content ul.home li a:visited {
	text-decoration: none;
	border: none;
	font-weight: bold;
	color: #fff;
}

#content ul.home li a:hover, #content ul.home li.current a:link, #content ul.home li.current a:visited {
	border-bottom: 1px solid #fff;
}


#content ul#down {list-style-type: none; margin: 20px 0px; line-height: 20px;}
#content ul#down li {width: 200px; line-height: 20px; margin: 0px 0px 10px 0px; padding: 0px; width: 395px;}

#content ul#down img {float: left; margin: 0px 10px 0px 0px; padding: 0px;}
/* ------------------------------------------------------------------------- Partners */ 

#content ul.partners {
	margin: 0px;
	padding: 0px;
	list-style-type: none;


}

#content #tekst ul.partners li {
	margin: 0px 7px 7px 0px;
	padding: 2px;
	width: 120px;
	float: left;
  text-align: center;


}

#content ul.partners li img{
	margin: 0px;
	padding: 0px;

}

#content ul.partners li a:link, #content ul.partners li a:visited {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: none;

}

#content #tekst ul.partners li span.logo { 
	padding: 2px;
	margin: 0px;
	width: 120px;
	height: 90px; 
	display: block; 
	border: 1px solid #ececec;
	cursor: pointer;

}

#content #tekst ul.partners li span.partner-naam {
	padding: 5px;
	margin: 0px;
	height: 20px;
	width: 116px;
	overflow: hidden;
	display: block;
	font-size: 10px;
	line-height: 20px;
	color: #eaeaea;
	font-weight: bold;
	cursor: pointer;
	background: #5a535a;
} 

#content #tekst ul.partners li.nolink span.logo, 
#content #tekst ul.partners li.nolink span.partner-naam { cursor: default; }

h1, td h1 {font: 20px verdana, arial, sans-serif; font-weight: normal; color: #000; margin-bottom: 7px;}
h2, td h2 {font: 17px verdana, arial, sans-serif; font-weight: normal; color: #000; margin-bottom: 7px;}
h3, td h3 {font: 15px verdana, arial, sans-serif; font-weight: normal; color: #000; margin-bottom: 7px;}
h4, td h4 {font: 14px verdana, arial, sans-serif; font-weight: normal; color: #000; margin-bottom: 7px;}
h5, td h5 {font: 13px verdana, arial, sans-serif; font-weight: normal; color: #000; margin-bottom: 7px;}
h6, td h6 {font: 12px verdana, arial, sans-serif; font-weight: normal; color: #000; margin-bottom: 7px;}

h1.white 	{font: 20px verdana, arial, sans-serif; font-weight: normal; color: #fff; margin-bottom: 7px;}
h4.white 	{font: 14px verdana, arial, sans-serif; font-weight: normal; color: #fff; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #000 ;  border-bottom: 1px solid #000;}
#content a:hover { color: #000;  border-bottom: 1px solid #000; }

table {margin: 5px 0px;}
td {
	font: 11px verdana, arial, sans-serif;
	line-height: 16px;
	color: #000;
}

#content img 				{ margin: 10px 0px; }
#content img.left 	{	margin: 5px 10px 10px 0px; float: left; border: 1px solid #afafaf; }
#content img.right 	{ margin: 5px 0px 10px 10px; float: right; border: 1px solid #afafaf; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content span.colorStorage				{ color: #c8c4c8; }
#content span.colorItmanagement				{ color: #5a535a; }
#content span.colorVirtualisatie	{ color: #afabaf; }
#content span.colorAccesondemand	{ color: #c3c1c3; }

.file { height: 30px; overflow: hidden;} 
.file img { float: left; clear: both; }
.file a { margin: 0px 5px; line-height: 35px; }

.dashed-border { margin: 0px 0px 15px 0px; border-bottom: 1px dashed #000; }

.control 					 { width: 400px; height: 25px; }
.control .prev 		 { width: 100px; height: 25px; float: left; }
.control .overview { width: 200px; height: 25px; float: left; text-align: center; }
.control .next		 { width: 100px; height: 25px; float: left; text-align: right; }

/* ------------------------------------------------------------------------- Form */ 

#form .row {
	position: relative;
	margin: 0px 0px 3px 0px;
	float: left;
}

#form .row .errorMsg {
	position: absolute;
	left: 360px;
	height: 18px;
	width: 18px;
	font-size: 0px;
	color: #BC2A2F;
	border: 0px solid #fff;
}

#content #form .row .errorMsg img { margin: 0px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	font: 12px arial, verdana;
	border: 1px solid #BC2A2F;
	background-color: #F2F0EC;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


#form .description {
  width: 150px;
  float: left;
}

#form .description2 {
	width: 370px;
	float: left;
}

#form .description_wide {
  margin-bottom: 10px;
  width: 630px;
  float: left;
}

#form .value {
	width: 250px;
	float: left;
}

#form .value2 {
  width: 260px;
  float: left;
}

#form .value input,
#form .value2 input {
	width: 200px;
	float: left;
	border: 1px solid #6b6b6b;
}

#form .value select,
#form .value2 select {
  width: 202px;
  float: left;
  border: 1px solid #6b6b6b;
}      

#form .value option { width: auto !important; white-space: nowrap; }
#form .value2 option { width: auto !important; white-space: nowrap; }


#form .value input.textsmall { width: 60px; margin-right: 5px; }
#form .value2 input.textsmall { width: 60px; margin-right: 5px; }
#form .value input.textmedium { width: 133px;  }
#form .value2 input.textmedium { width: 133px;  }

#form .value span.radio,
#form .value2 span.radio {
	float: left;
}

span.radio.last{
	margin-left:30px;
}

#form .value span.radio input,
#form .value2 span.radio input {
	width: 30px;
	border: 0px solid #fff;
}


#form .value input.checkbox,
#form .value2 input.checkbox {
	margin: 0px 10px;
	width: 10px;
	clear: left;
}

#form .value textarea,
#form .value2 textarea {
   width: 200px;
	height: 75px;
}

#form .description_wide textarea {
   width: 380px;
  height: 75px;
}

#form .row .value input.button,
#form .row .description_wide input.button {
	margin: 7px 0px 0px 0px;
	height: 20px;
	width: 100px;
	background: #ececec;
	color: #000;
	float: none;
	font-size: 11px;
	border: 1px solid #6b6b6b;
}

/* ------------------------------------------------------------------------- Newsletter */

#content .newsletter .description {
	margin-bottom: 3px;
	width: 79px;
	float: left;
}

#content .newsletter .value {
	margin-bottom: 3px;
	width: 111px;
	float: left;
}

#content .newsletter .value input.text {
	width: 115px;
	float: left;
	border: 1px solid #6b6b6b;
}

#content .newsletter .value input.button {
	margin: 7px 0px 0px 0px;
	height: 20px;
	width: 100px;
	background: #ececec;
	color: #000;
	float: none;
	font-size: 11px;
	border: 1px solid #6b6b6b;
}

/* ------------------------------------------------------------------------- GoogleMap */

#formDirections {
	margin: 0px 0px 25px 0px;
}

#formDirections .row {
	margin: 0px 0px;
	width: 190px;
}

#formDirections .row .value {
	margin: 3px 0px;
	width: 190px;
}

#formDirections .row .value input {
	margin: 0px 2px 0px 0px;
  width: 153px;
  height: 17px;   
	float: left;
	border: 1px solid #3a333a;
        
}
#formDirections .row .value input.small {
	width: 25px;
	float: left;
	border: 1px solid #3a333a;
}

#formDirections .row .value input.button {
	margin: 7px 0px 0px 0px;
	height: 20px;
	width: 100px;
	background: #ececec;
	color: #000;
	float: none;
	font-size: 11px;
	border: 1px solid #3a333a;
}

#map {
	width: 400px;
	height: 300px;
}

/* ------------------------------------------------------------------------- Footer */ 

#footer {
	margin: 0px;
	padding: 0px 30px;
	width: 860px;
	height: 40px;
	font: 11px verdana, arial, sans-serif;
	color: #666666;
	line-height: 40px;
	text-align: left;
	background-color: #e6e3e3;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #666666;
}

#footer a:hover { color: #666666; }

br.clear { height: 0px; font: 0px verdana, arial, sans-serif; line-height: 0px; clear: both; }