/*
-----------------------------------------------
Blixem.nl master CSS File
----------------------------------------------- */

/* Basic body & content style rules
----------------------------------------------- */

html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 100%;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #000000;
	line-height: 145%;
}

#container {
	position: absolute;
	visibility: hidden;
	left: 50%;
	top: 50%;
	margin-left:-481px;
	margin-top:-301px;
	width: 966px;
	height: 625px;
	background: url(/media/images/bg_right.gif) top right no-repeat;
}

#content {
	position: relative;
	overflow: hidden;
	width: 962px;
	height: 602px;
	background: #172331 url(/media/images/bg_main.jpg) no-repeat;
}

#head {
	display: none;
	visibility: hidden;
}

#foot {
	background: url(/media/images/bg_bottom.gif) 0px 0px no-repeat;
	padding: 6px 4px 0px 0px;
	text-align: right;
	font-size: 10px;
	color: #666666;
	line-height: 100%;
}

#foot a:link    {text-decoration: none; color: #666666; outline: none; }
#foot a:visited {text-decoration: none; color: #666666; outline: none; }
#foot a:active  {text-decoration: underline; color: #666666; outline: none; }
#foot a:hover   {text-decoration: underline; color: #666666; outline: none; }	

img {
  border-style: none;
}

a { 
	border-style: none;
	outline: none;
}
a span {
	display: none;
}


/* Content block style rules
----------------------------------------------- */

.contentblock {
	position: absolute;
	width: 320px;
	height: 200px;
	overflow: hidden;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}

.blocklink {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 320px;
	height: 200px;
}

#Logo {
	top: 0px;
	left: 321px;
}
#cLogo {
	background: url(/media/images/logo.gif) 0px 0px no-repeat;
}
#cLogo a {
	cursor: default;
}

#Organisatie {
	top: 201px;
	left: 321px;
}

#Iaas{
	top: 201px;
	left: 0px;
}

#Referenties {
	top: 201px;
	left: 642px;
}

#Systeembeheer {
	top: 402px;
	left: 0px;
}

#Contact {
	top: 402px;
	left: 642px;
}


/* Content block - language specific images
----------------------------------------------- */

#cOrganisatie_nl {
	background: url(/random_img.php?type=home&img=organisatie) 0px 0px no-repeat;
}
#cOrganisatie_en {
	background: url(/random_img.php?type=home&img=organisatie) 0px 0px no-repeat;
}

#cIaas_nl {
	background: url(/random_img.php?type=home&img=iaas) 0px 0px no-repeat;
}
#cIaas_en {
	background: url(/random_img.php?type=home&img=iaas) 0px 0px no-repeat;
}

#cReferenties_nl {
	background: url(/random_img.php?type=home&img=referenties) 0px 0px no-repeat;
}
#cReferenties_en {
	background: url(/random_img.php?type=home&img=referenties) 0px 0px no-repeat;
}

#cSysteembeheer_nl {
	background: url(/random_img.php?type=home&img=systeembeheer) 0px 0px no-repeat;
}
#cSysteembeheer_en {
	background: url(/random_img.php?type=home&img=systeembeheer) 0px 0px no-repeat;
}

#cContact_nl {
	background: url(/random_img.php?type=home&img=contact) 0px 0px no-repeat;
}
#cContact_en {
	background: url(/random_img.php?type=home&img=contact) 0px 0px no-repeat;
}


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

#contentwindow {
	display: block;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 621px;
	height: 381px;
	top: 10px; 
	left: 10px;
	z-index: 100;
	background: #FFFFFF url(/media/images/bg_content.gif) repeat-x;
	visibility: hidden;
	-moz-opacity: 0.0;
	filter:alpha(opacity=0);
}

#windowouter {
	position: relative;
	display: block;
	width: 549px;
	height: 341px;
	padding: 0px;
	margin: 20px;
	overflow: hidden;
}

#windowinner {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
}

#windowscroller {
	width: 32px;
	position: absolute;
	top: 0px;
	left: 589px;
	background-color: #2B445F;
}

.scrollbutton {
	display: block;
	width: 32px;
	border-top: 1px solid #39597B;
	border-bottom: 1px solid #21344A;
	cursor: pointer;
}

#windowscroller a {
	width: 32px;
	display: block;
}
#windowscroller a:hover {
	background-image: none;
}

#buttonup1_i {
	height: 94px;
	background: url(/media/images/scroll_up1.jpg) 0px 50% no-repeat;
	}
#buttonup1_o {
	height: 94px;
	background: url(/media/images/scroll_up1.jpg) -32px 50% no-repeat;
}

#buttonup2_i {
	height: 93px;
	background: url(/media/images/scroll_up2.jpg) 0px 50% no-repeat;
	}
#buttonup2_o {
	height: 93px;
	background: url(/media/images/scroll_up2.jpg) -32px 50% no-repeat;
}

#buttondown1_i {
	height: 93px;
	background: url(/media/images/scroll_down1.jpg) 0px 50% no-repeat;
	}
#buttondown1_o {
	height: 93px;
	background: url(/media/images/scroll_down1.jpg) -32px 50% no-repeat;
}

#buttondown2_i {
	height: 93px;
	background: url(/media/images/scroll_down2.jpg) 0px 50% no-repeat;
	}
#buttondown2_o {
	height: 93px;
	background: url(/media/images/scroll_down2.jpg) -32px 50% no-repeat;
}

#pageloader {
	visibility: visible;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 170px;
	height: 100px;
	margin: -50px 0px 0px -85px;
	background: #FFFFFF url(/media/images/loader.gif) 50% 20px no-repeat;
}

#pageloader span {
	display: block;
	padding-top: 50px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #888888;
	line-height: 100%;
}

#pageloader a:link    {text-decoration: none; color: #888888; outline: none; }
#pageloader a:visited {text-decoration: none; color: #888888; outline: none; }
#pageloader a:active  {text-decoration: underline; color: #888888; outline: none; }
#pageloader a:hover   {text-decoration: underline; color: #888888; outline: none; }	

#loader {
	visibility: hidden;
	display: block;
	position: absolute;
	margin: -8px 0px 0px -8px;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	background: url(/media/images/loader.gif) no-repeat;
}


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

#contentwindow a:link    {text-decoration: none; color: #1C1E7C; outline: none; }
#contentwindow a:visited {text-decoration: none; color: #1C1E7C; outline: none; }
#contentwindow a:active  {text-decoration: underline; color: #D1241B; outline: none; }
#contentwindow a:hover   {text-decoration: underline; color: #D1241B; outline: none; }	

#contentwindow h2 {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 85px;
	height: 80px;
	
	font-family: "verdana", sans-serif;
	font-size: 44px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #23374E;
	line-height: 100%;
}

#contentwindow h3 {
	margin: 0px 0px -10px 0px;
	padding: 0px;
	font-family: "verdana", sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #23374E;
	line-height: 100%;
}

#contentwindow h4 {
	margin: -30px 0px 20px 87px;
	padding: 0px;
	
	font-family: "verdana", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #666666;
	line-height: 100%;
}

#head_iaas {
	background: url(/random_img.php?type=thumb&img=iaas) no-repeat;
}

#head_organisatie {
	background: url(/random_img.php?type=thumb&img=organisatie) no-repeat;
}

#head_referenties {
	background: url(/random_img.php?type=thumb&img=referenties) no-repeat;
}

#head_systeembeheer {
	background: url(/random_img.php?type=thumb&img=systeembeheer) no-repeat;
}

#head_contact {
	background: url(/random_img.php?type=thumb&img=contact) no-repeat;
}

table {
	width: 100%;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #000000;
	line-height: 145%;
}

table td {
	padding: 2px 0px 2px 0px;
	border-bottom: 1px dotted #CCCCCC;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table th {
	text-transform: lowercase;
	font-weight: bold;
}

li {
	margin-top: 6px;
}

.medewerker {
	cursor: default;
	float: left;
	display: block;
	width: 350px;
			font-weight: normal;
	line-height: 100%;
	margin-bottom: 20px;
	margin-right: 20px;
}

.medewerker td, .medewerker th {
	border-style: none;
	text-transform: none;
}

.medewerkertitel {
	height: 20px;
	width: 220px;
	font-size: 10px;
	color: #666666;
	overflow: hidden;
}

.medewerkernaam {
	height: 18px;
	font-weight: normal;
	font-size: 14px;
	color: #000044;
}

.flag {
	float: right;
	width: 24px;
	height: 20px;
	margin: 2px 5px 0px 7px;
	border-style: none;
}

#printtag {
	display:block;
	float:right;
	clear:both;
}