/* VTU ICT Solutions - by Dennis Bamber */

@import "reset.css";

/* Global elements */

html,
body							{ height: 100%; font-family: Arial, Helvetica, sans-serif; color: #303030; }
h1 								{ font-size: 36px; }
h2 								{ font-size: 26px; color:#6bbb43; }
h3								{ font-size: 20px; color:#6bbb43; font-weight: normal; }
h4								{ font-size: 13px; font-weight: bold; }
strong							{ font-weight: bold; }
p 								{ font-size: 13px; line-height: 150%; }
a								{ color: #6bbb43; }
a:hover							{ text-decoration: underline; }
a:active, a:focus				{ outline: none; }
acronym							{ cursor: help; border-bottom: 1px dotted #303030;}

/* Main site structure */

body 							{ background: url(../images/body-background.jpg) top left repeat-x; background-color: #e8e6e6; }
div#wrapper 					{ position: relative; min-height: 100%; width: 960px; margin: 0 auto; background: url(../images/content-grid.jpg) 0px 212px no-repeat;  }
* html div#wrapper 				{ height: 100%; }
div#header						{ height: 212px; }
div#header div#logo				{ float: left; margin: 20px 0 0 10px; height: 85px; width: 100%; }
div#content 					{ padding: 54px 10px 187px 10px; }
div#footer 						{ position: relative; margin-top: -133px; height: 133px; background: url(../images/footer-background.jpg) top left repeat-x; }
div#footer ul					{ padding: 50px 0 0 0; }
div#footer li					{ font-size: 12px; text-align: center; color:#a4a5a3; clear: both; margin: 0 0 6px 0;}
div#footer li.copy				{ font-size: 11px;}

/* Menu */

ul#menu							{ height: 38px; background: url(../images/menu-background.jpg) top left no-repeat; float: right; margin: 12px 0 0 0;}
ul#menu li						{ float: left; height: 38px; border-right: 1px solid #828282; padding: 0 10px; }
ul#menu li.last					{ border: none; }
ul#menu a						{ display: block; height: 38px; line-height: 38px; color: #fff; font-size: 14px; }
ul#menu a:hover,
ul#menu a.selected				{ color: #6bbb43; text-decoration: none;}

/* Content */

div#content h1					{ height: 40px; width: 608px; padding: 0 10px 17px 12px; }
div#content h3					{ width: 608px; padding: 0 10px 5px 12px; }
div#content h4					{ width: 608px; padding: 0 10px 0 12px; }
div#content a					{ font-weight: bold; }
div#content p					{ width: 608px; padding: 0 10px 20px 12px; }
div#content p.newsdate,
div#content p.jobdate			{ width: 608px; padding: 0 10px 20px 12px; font-size: 11px; font-style: italic; }
div#content ul					{ font-size: 13px; line-height: 150%; width: 608px; padding: 0 10px 23px 12px;}
div#content ul li				{ list-style: none; padding: 0 0 0 18px; background: url(../images/list-bullet.gif) center left no-repeat; }
div#content ul li.listhead		{ list-style: none; padding: 0; margin: 0; background: none; }
div#content ul li ul li			{ margin: 0 0 0 4px; }
div#content div.infoblock 		{ width: 300px; height: 399px; margin: 40px 20px 0 0; float: left;}
div#content div.infoblock h2	{ height: 39px; width: auto; padding: 0 20px 0 20px; margin: 17px 0 14px 0; }
div#content div.infoblock p 	{ width: auto; padding: 0 20px 20px 20px; }
div#content div#systeembeheer 	{ background: url(../images/block-cable.png) top left no-repeat;}
div#content div#itasaservice 	{ background: url(../images/block-server.png) top left no-repeat;}
div#content div#diensten 		{ margin-right: 0; background: url(../images/block-laptop.png) top left no-repeat;}

/* Forms */

form#contactform 				{ width: 302px; padding: 0 10px 20px 12px; float: left; }
form#contactform ol li			{ margin: 0 0 10px 0;}
form#contactform ol li.info		{ font-size: 13px; font-weight: bold; }
form#contactform ol li#msgbox	{ font-size: 13px; font-weight: bold;  }
form#contactform ol li#msgbox span 	{ display: block; background: url(../images/accept.gif) center left no-repeat #fffdd5; text-indent: 22px; border: 1px solid #f6f19f; }
form#contactform input,
form#contactform textarea		{ border: 1px solid #a4a5a3; width: 294px; padding: 3px; font: 13px normal Arial, Helvetica, sans-serif; color: #303030; }
form#contactform textarea		{ height: 244px; }
form#contactform span.error		{ display: block; width: 294px; height: 18px; background: #fffdd5; padding: 3px; margin: 3px 0 0 0; border: 1px solid #f6f19f;}
form#contactform span.error span{ display: block; color: #e96f5f; font-size: 13px; font-weight: bold; text-indent: 22px; background: url(../images/exclamation.gif) center left no-repeat;}
form#contactform span.error img	{ padding: 0 6px 0; }
form#contactform button			{ padding: 2px; margin-right: 5px; float: left; }
form#contactform img#loading	{ margin-top: 5px; float: left; }
div#content ul#contactblock		{ float: left; width: 250px; margin: 26px 0 0 107px; padding: 0; }
div#content ul#contactblock li	{ list-style: none; background: none; font-size: 16px; }
div#content ul#contactblock li strong	{ display: block; float: left; width: 60px; }
div#content ul#contactblock li h5	{ font-weight: bold; margin: 0; padding: 0; }

/* Titles  */

body#home div#content h1			{ background: url(../images/title-home.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#nieuws div#content h1			{ background: url(../images/title-nieuws.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#nieuwsarchief div#content h1	{ background: url(../images/title-nieuwsarchief.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#systeembeheer div#content h1	{ background: url(../images/title-systeembeheer.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#itasaservice div#content h1	{ background: url(../images/title-itasaservice.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#ontwikkeling div#content h1	{ background: url(../images/title-ontwikkeling.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#hardensoftware div#content h1	{ background: url(../images/title-hardensoftware.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#internet div#content h1		{ background: url(../images/title-internet.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#vacatures div#content h1		{ background: url(../images/title-vacatures.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#contact div#content h1			{ background: url(../images/title-contact.gif) 11px 0px no-repeat; text-indent: -9999px; }
body#sitemap div#content h1			{ background: url(../images/title-sitemap.gif) 11px 0px no-repeat; text-indent: -9999px; }

div#content div#systeembeheer h2 	{ background: url(../images/block-title-systeem.gif) 21px 0px no-repeat; text-indent: -9999px; }
div#content div#itasaservice h2 	{ background: url(../images/block-title-service.gif) 21px 0px no-repeat; text-indent: -9999px; }
div#content div#diensten h2 		{ background: url(../images/block-title-diensten.gif) 21px 0px no-repeat; text-indent: -9999px; }

/* Universal clearfix hack */

.clearfix:after 				{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix 						{ display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix 				{ height: 1%; }
.clearfix 						{ display: block; }
/* close commented backslash hack */

/* IE6 specific fixes */

* html ul#menu						{ display: inline; }
* html ul#menu a					{ display: inline; }
* html div#content ul#contactblock	{ display: inline; width: 250px; }