/* CSS Document */

/*
acato-blauw! #52B3DD 
*/

body {
	margin:0;
	padding:0;
	background-color: #F2F2F2;
	text-align: center;
}

body, html {
	width: 100%;
	height: 100%;
}

div {border:0px solid red;} 

/* FONT */

.sIFR-alternate{
	display: none !important;
}

body, p, div, td, input, select, textarea, li  {
	font-family: arial;
	font-size: 11px;
	line-height:15px;
}

p {
	margin: 0 0 20px 0;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	display: inline;
	color: #52B3DD;
	position: relative;
}

h2 {
	font-size: 14px;
	display: inline;
	color: #000;
}

h3 {
	font-size: 14px;
	display: inline;
	color: #FFFFFF;
}

.tiny {
	font-size: 8px;
	text-decoration: none;
}

ul {
	margin: 0px 0px 20px 16px;
	padding: 0;
	list-style-image: url(../img/bullet.gif);
}

li, form {
	margin: 0px;
	padding: 0px;
}

.btn {
	background-color: #52B3DD;
	color: #FFF;
	border: 1px solid #3E85A3;
}

a:link, a:active {
	color: #52B3DD;
}

a:hover, a:visited {
	color: #356F8A;
}

.go_link:link, .go_link:active  {
	display: block;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 0px 15px;
}

.go_link:hover, .go_link:visited {
	display: block;
	background-image: url(../img/bullet_ro.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 0px 15px;
}

.go_image {
	float: right;
	margin: 0px 0px 3px 3px;
	padding: 2px;
	background-image: url(../img/image_bg.jpg);
	background-repeat: no-repeat;
}

#all {
	width: 100%;
	background-image: url(../img/back_all.jpg);
	background-repeat:repeat-y;
	background-position: center;
}

#shadow {
	background-image: url(../img/back_shadow.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	height: 15px;
	width:100%;
	clear:both;
}

#header_holder, #header_holder_sub {
	width: 100%;
	background-repeat:repeat-x;
	text-align: center;
}

#header_holder {
	background-image: url(../img/back_shadow_holder.jpg);
}

#header_holder_sub {
	background-image: url(../img/back_shadow_holder_sub.jpg);
}

#content_holder {
	width:765px;
	text-align: left;
	margin: 0px auto;
}

#header {
	padding: 34px 0px 9px 23px;
	background-color: #52B3DD;
}

#menu {
	height: 29px;
}

#subheader {
	margin:12px 0px 0px 0px;
}

#titles {
	padding: 6px 0px 12px 25px;
	float:left;
}

.title {
	width: 245px;
	float:left;
}

#title {
	width: 225px;
	float:left;
}

#kolommen {
	float:left;
	padding: 6px 0px 6px 25px;
}

.kolom, .kolom_breed, .kolom_volledig {
	float:left;
}

.kolom {
	width: 245px;
}

.kolom_breed {
	width: 490px;
}

.kolom_volledig {
	width: 715px;
}

.kolom_content {
	padding: 0 35px 0 0;
}

#kolom {
	width: 225px;
	float:left;
}

#showbar {
	clear:both;
	margin: 19px 0px 21px 0px;
}

#footer, #footer a, #footer a:visited, #footer a:active, #footer:hover{
	color: #999999;
	text-decoration: none;
	padding-bottom: 10px;
}
#breadcrumbs, #breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active, #breadcrumbs:hover  {
	color: #999999;
	text-decoration: none;
}

#footer a:hover,
#breadcrumbs a:hover {
	text-decoration: underline;
}

.box {
	width: 225px;
	height: 100px; 
	color: #FFFFFF;
	background-repeat:no-repeat;
	background-image: url(../img/back_empty.jpg);
	float:left;
	overflow: hidden;
	padding: 3px 3px 3px 5px;
}

.box a:link, .box a:active, .box a:visited, .box a:hover  {
	color: #FFF;
}

.box_title {
	height: 21px;
}

#acatonu {background-image: url(../img/back_acatonu.png);}
#acatonu a span {padding: 41px 115px 0 5px; display: block;}
#acatonu a{
	display: block;
	text-decoration: none;
}
#webkeeper {background-image: url(../img/back_webkeeper.jpg);}
#webkeeper a span {padding: 35px 90px 5px 7px; display: block;}
#webkeeper a{
	display: block;
	text-decoration: none;
}
#studytrack {background-image: url(../img/back_studytrack_nw.jpg);}
#studytrack a span {padding: 35px 90px 5px 7px; display: block;}
#studytrack a{
	display: block;
	text-decoration: none;
}
#domeinnaam {background-image: url(../img/back_domeinnaam.jpg);}
#domeinnaam p {margin: 35px 20px 5px 7px;}

#citroen {
	position: absolute;
	margin-top: -180px;
	margin-left: 165px;
}

.lijn { 
	margin: 12px 0px 12px 0px;
}
.thin_line { 
	margin: 4px 0px 1px 0px;
	display: block;
}

/*decoy */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 22px;
	display: inline;
	margin:0 -30px 0 -1px;
	padding:0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 16px;
	display: inline;
	margin:0;
	padding:0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 14px;
	display: inline;
}


/*SIFR // Dynamisch flash kopjes */
/* standaard // do not modify! */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	width: 100%;
	height: 20px;
}

/* aanpassing Charis */

.kolom_blog {
	width: 475px;
	float: left;
}

.kolom_projecten {
	width: 245px;
	float: left;
}

	.kolom_projecten .kolom_content {
		padding: 0px;	
	}

	.kolom_projecten .box {
		background-repeat:no-repeat;
		color:#FFFFFF;
		height:54px;
		width:245px;
		margin-bottom: 1px;
		padding: 0px;
		overflow: hidden; 
		display: table; 
	}
	
	.kolom_projecten .box div {
		text-decoration: none;
		width: 120px;
		display: block;
		display:table-cell;
		vertical-align:middle;
		color:#FFFFFF;
	}
	
	.kolom_projecten .box div span{
		width: 125px;
		display: block;
		margin-left: 115px;
		margin-right: 5px;
	}
	
	.kolom_blog .intro_homepage {
		margin-bottom: 30px;
	}
	.kolom_projecten .block_project {
		margin-bottom: 48px;
	}
	
#tnt { background: url(../img/back_tnt.png); }
#life { background: url(../img/back_life.png)}
#abn { background: url(../img/back_abn.png)}
#telengy { background: url(../img/back_telegy.png)}
#product { background: url(../img/back_product.png)}
#telengy { background: url(../img/back_telengy.png)}
#troostwijk { background: url(../img/back_troostwijk.png)}

#crashhouse { background: url(../img/back_crashhouse.png)}
#spring { background: url(../img/back_spring.png)}
#spring div {color: #000 !important;}
#beelden { background: url(../img/back_beelden.png)}
#seeds { background: url(../img/back_seeds.png)}
#korzo { background: url(../img/back_korzo.png)}
#korzo div {color: #000 !important;}

.neem_contact_op {
	color: #fff;	
	position: absolute;
	top: 80px;
	right: 0px;
}

.neem_contact_op a, .neem_contact_op a:visited, .neem_contact_op a:hover {
	color: #fff;	
}

#intro_homepage {
	position: relative;	
}

#intro_homepage #andersBtn {
	position: absolute;
	top: 124px;
	left: 230px;
	z-index: 0;
}

#intro_homepage #slider2 {
	position: absolute;
	top: 120px;
	left: 0;
}

#nextBtn, .meer_link {
	float: right;	
	margin-top:3px;
	color: #52B3DD;
}

#andersBtn a {
	background: url(../img/btn_anders.png) no-repeat;
	height: 38px;
	width: 68px;
	display:block;
}

#andersBtn a:hover {
	background: url(../img/btn_anders_hover.png) no-repeat;
}

#slider li { 
	/* hier is de breedte gedefineerd */ 
	width:245px;
	height:121px;
	overflow:hidden; 
	cursor: pointer;
}	

#slider2 li { 
	/* hier is de breedte gedefineerd */ 
	width:380px;
	height:50px;
	overflow:hidden; 
	cursor: pointer;
}	

#slider2 li a {  margin-left: 102px; }	
#slider2 li.contact_variant a { margin-left: 0px;}

.contact_variant li{
	position: absolute;
}
	
#slider ul, #slider2 ul { 
	margin: 0px;
}	

#andersBtn span { 
	position: absolute;
	left: -2000px;
}	

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

/* kolommen & header zijn al eerder genoemd */
/* a kleur is lichter geworden */
#kolommen {
	padding:36px 0 6px 25px;
}

#header {
	position: relative;	
}

#blog .alignleft {
	float: left;
	padding: 0 5px 5px 0;
}
#blog .alignright {
	float: right;
	padding: 0 5px 0 5px;
}
#blog, #blog p {
	
	line-height: 160% !important;
}
#blog .spacing {
	clear: both;
	height: 12px;
	overflow: hidden;
}


#tijdelijk_niet_bereikbaar {
	background-color: #52B3DD;
	border: 2px solid #11729C;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	padding: 22px;
	margin: 0 0 34px 0;
}
#tijdelijk_niet_bereikbaar_small {
	background-color: #52B3DD;
	border: 1px solid #11729C;
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	padding: 14px;
	margin: 0 0 12px 0;
}