/* ALGEMENE OPMAAK */

body {
	font-family : arial, verdana;
	font-size : 12px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	background-image : url('../media/bg_scherm.gif');
}

td {
	font-family : arial, verdana;
	font-size : 12px;
}

h1 { /* hoofdmenu + paginatitel */
	color : #000067;
	font-size : 13px;
	margin : 0px;
	padding : 0px;
	text-align : left;
}

h2 { /* toptekst */
	color : #000067;
	font-size : 12px;
	margin : 0px;
	padding : 0px;
	text-align : left;
}

h3 { /* vetgedrukt, helderblauw */
	color : #0099FF;
	font-size : 11px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	text-align : left;
}

li {
	list-style-type : square;
	color : #fff;
	padding : 0;
	margin : 0;
	text-indent : 0px;
}


/* CONTAINER */

.container_table_site {
	width : 760px;
	height : 100%;
	border : 1px solid #ccc;
}

.container_tr_top {
	height : 160px;
}

.container_tr_toptekst {

}

.container_tr_content {
	vertical-align: top;
	height : 100%;
}



/* TOP */

.table_top {
	width : 100%;
	height : 100%;
	background-color : #fff;
}

.td_top_grijsbalk {
	background-color : #ccc;
}

.td_menu {
	vertical-align : bottom;
	width : 100%;
}


/* TOPTEKST / PROJECTENLIJST */

.table_toptekst {
	width : 100%;
	height : 100%;
}

.toptekst_td_vlaklinks {
	background-color : #0099ff;
	width : 160px;
	border-bottom : 1px solid #fff;
	border-top : 1px solid #fff;
	vertical-align : top;
	padding-top: 5px;
	padding-bottom: 5px;
}

.toptekst_td_tekst {
	background-color : #fff;
	width : 240px;
	border-left : 1px solid #ccc;	
	border-right : 1px solid #ccc;
	text-align : justify;
	vertical-align : top;
}

.toptekst_td_projects {
	background-color : #fff;
	width : 240px;
	vertical-align : top;
	border-top: 1px solid #fff;
}

.table_projects {
	width : 100%;
}

.tr_project {
	height : 18px;
	cursor : pointer;
}

.tr_projects_titel {
	height : 23px;
}

.td_projects_titel{
	background-image : url('../media/bg_projects_titel.gif');
	background-repeat : repeat-x;
	background-position : top;
	color : #fff;
	font-weight : bold;
	padding-bottom : 10px;
	padding-top : 3px;
	padding-left : 3px;
}

.td_project_listitem {
	width : 14px;
	border-bottom : 1px dotted #ccc;
	padding-left : 4px;
}

.td_project {
	border-bottom : 1px dotted #ccc;
	padding-left : 4px;
}

a#project {
	text-decoration : none;
	color : #000067;
	font-weight : bold;
}

.toptekst_td_vlakrechts {
	background-color : #000067;
	border-top : 1px solid #fff;	
	border-left : 1px solid #fff;
}

.div_tekst {
	padding-top : 8px;
	padding-bottom : 20px;
	padding-left : 8px;
	padding-right : 8px;
}

.div_projects {
	
}

/* CONTENT */

.table_content {
	width : 100%;
	height : 100%;
	border-top : 1px solid #fff;
}

.tr_content_grijsbalk {
	height : 10px;
}

.td_content_grijsbalk_links {
	background-color : #333;
	border-left : 1px solid #fff;	
	width : 158px;
}

.td_content_grijsbalk_midden {
	background-color : #333;	
	border-left : 1px solid #fff;
}

.td_content_grijsbalk_rechts {
	background-color : #333;	
	border-left : 1px solid #fff;
	border-right : 1px solid #fff;
}

.content_td_vlaklinks {
	height: 100%;
	width : 174px;
	background-image : url('../media/bg_content.gif');
	vertical-align : top;
}

.content_td_pagina {
	background-color : #ccc;
	color : #000;
	border-left : 1px solid #fff;
	vertical-align : top;
	padding : 8px;
	text-align : justify;
}

.content_td_vlakrechts {
	width : 240px;
	background-image : url('../media/bg_content.gif');
	border-left : 1px solid #fff;
	vertical-align : top;
	padding-top: 27px;
}

.div_afbeelding1 {
	text-align: center;
	padding-bottom : 27px;
}

.div_afbeelding2 {
	text-align: center;	
	padding-bottom : 27px;
}

.ct_bedrijf {
	color : fff;
	font-family : Arial, Verdana;
	width: 130px;
}

.ct_naam {
	color : fff;
	font-family : Arial, Verdana;
	width: 130px;
}

.ct_adres {
	color : fff;
	font-family : Arial, Verdana;
	width: 130px;
}

.ct_postcode {
	color : fff;
	font-family : Arial, Verdana;
	width: 130px;
}

.ct_email {
	color : fff;
	font-family : Arial, Verdana;
	width: 130px;
}

.ct_vraag {
	color : fff;
	font-family : Arial, Verdana;
	width: 130px;
	vertical-align : top;
}

.input_contact {
	width : 260px;
}

.textarea_contact {
	width : 260px;
	height : 70px;
}

.button {
	background-color : #333;
	color : #fff;
	border : #fff;
}