/* Global styles */

* {
	margin   :0;
	padding  :0;
}

body, html {
	font-family : Arial, sans-serif;
	width       : 100%;
	height      : 100%;
	text-align  : center;
}

#container {
	position   : relative;
	margin     : auto;
	width      : 960px;
	text-align : left;
}

/* HEADER */

#header {
	/*background-image : url('../siteimg/bg_header.gif');*/
	height           : 62px;
}
#header #left {
	float        : left;
	width        : 297px;
}
#header #left .inner {
	padding-left : 50px;
	padding-top  : 36px;
}
#header #left a {
	display : block;
	float   : left;
}
#header #left a .btn_home {
	width  : 53px;
	height : 19px;
	cursor : pointer;
}
#header #left a:hover .btn_home {
	background-position : 0 -19px;
}
#header #left a:hover { /* voor IE6: fixt a:hover bug bij mouseout */
	background-position : 0 0;
}
#header #left .btn_home img {
	position : relative;
	z-index  : -1;
}
#header #right {
	float : right;
	width : 663px;
}
#header #right .inner {
}
#header #right .contentmenu ul li {
	display      : inline;
	margin-right : 16px;
}
#header #right .contentmenu ul li a {
	font-size       : 8pt;
	text-decoration : none;
	color           : #8A8E97;
}
#header #right .contentmenu ul li a:hover {
	color : #FF8507;
}

/* TABS */

#header #tabs {
	margin-top  : 6px;
	#margin-top : 7px;
	height      : 37px;
}
#header #tabs a:hover .tab {
	background-position : 0 -37px;
}
#header #tabs a:hover { /* voor IE6: fixt a:hover bug bij mouseout */
	background-position : 0 0;
}
#header #tabs a {
	cursor : pointer;
}
#header #tabs .tab, #header #tabs .tab_active, #header #tabs .tab_mouseover {
	float        : left;
	height       : 37px;
	margin-right : 79px;
}
#header #tabs .tab img, #header #tabs .tab_active img, #header #tabs .tab_mouseover img {
	position : relative;
	z-index  : -1;
}
#header #tabs .tab_active {
	background-position : 0 -74px;
}
#header #tabs .tab_mouseover {
	background-position : 0 -37px;
}

/* PULLDOWN MENU */

.overlay {
	display  : none;
	position : absolute;
	top      : 62px;
	z-index  : 100;
}

#menu_portfolio {
	background-color : #ebebeb;
	font-size        : 10pt;
	padding          : 10px 15px 8px 8px;
}
#menu_portfolio ul {
	list-style : none;
}
#menu_portfolio ul li {
	background   : url('../siteimg/pulldown_bullet.gif') no-repeat 0 5px;
	padding-left : 14px;
	height       : 20px;
}
#menu_portfolio ul li a {
	color           : #6D7179;
	text-decoration : none;
}
#menu_portfolio ul li a:hover {
	color : #FF8507;
}

/* CONTENT */

h2 {
	color         : #FF8507;
	font-size     : 11pt;
	margin-bottom : 2px;
}

#home h2 {
	color         : #6095C1;
	font-size     : 10pt;
	margin-bottom : 2px;
}

table tr td {
	line-height    : 17px;
	font-size      : 9pt;
	vertical-align : top;
}


.flash_block {
	padding-bottom : 12px;
	#height        : 1; /* laat schaduwrand zien in IE6 */
	background     : url('../siteimg/shadow.jpg') no-repeat bottom right;
}

#left_logo_block {
	float        : left;
	width        : 286px; /* logo plaatje = 286px breed */
	height       : 400px;
	margin-right : 11px;
}

#left_text_block img, #middle_block img, #right_block img {
	border      : 1px #555555 solid;
}
#middle_block .faq-hidden {
	display: none;
}
#middle_block .faq-show {
	display: inline;
}
#middle_block .h2hover {
	cursor: pointer;
}
#left_text_block, #middle_block, #right_block {
	float            : left;
	display          : inline; /* fixt IE double margin bug */
	color            : #000;
	background-color : #ebebeb;
	font-size        : 9pt;
	line-height      : 17px;
	margin-bottom    : 11px;
}
#left_text_block .inner, #middle_block .inner, #right_block .inner {
	padding          : 20px 15px 30px 15px;
}
#left_text_block {
	width        : 269px; 
	min-height   : 341px; 
	_height      : 341px;
	margin-left  : 17px; 
	margin-right : 11px;
}
#middle_block {
	width        : 466px; 
	min-height   : 341px;
	_height      : 341px;
	margin-right : 11px;
}
#right_block {
	width        : 186px; 
	min-height   : 341px;
	_height      : 341px; 
}

/* standaard content styles */

#content a {
	color           : #000;
	text-decoration : underline;
}
#content a:hover {
	color : #FF8507;
}

#content ul {
	list-style : none;
}
#content ul li {
	background   : url('../siteimg/list_bullet.gif') no-repeat 0 7px;
	padding-left : 8px;
}
#content ul li a {
	color           : #6095C1;
	text-decoration : none;
}
#content ul li a:hover {
	color : #FF8507;
}
#content ul .selected {
	background: none;
	font-weight: bold;
}

#content .kop {
	margin        : 0;
	border        : none;
	margin-bottom : 5px;
}

/* section-specific content styles */


#newssection .item {
	height        : auto;
	margin-bottom : 11px;
}
#newssection .item a {
	display         : block;
	float           : left;
	text-decoration : none;
	cursor          : pointer;
}
#newssection .item .text {
	width : 310px;
	float : left;
}
#newssection .item .text p {
	margin-bottom:16px;
}
#newssection .item a:hover p {
	color : #000000;
}
#newssection .item a:hover h2 {
	color : #FF8507;
}
#newssection .item .picture {
	float : right;
	width : 115px;
}


#columnsection .item {
	height        : auto;
	margin-bottom : 11px;
}
#columnsection .item a {
	display         : block;
	text-decoration : none;
	cursor          : pointer;
}
#columnsection .item a:hover p {
	color : #000000;
}
#columnsection .item a:hover h2 {
	color : #FF8507;
}

.medewerker {
	float: left;
	width: 215px;
	margin-bottom:25px;
}
.medewerker h3 {
	color: #1A786E;
	font-size: 9pt;
}

.column p {
	margin-bottom: 16px;
}

.right {
	float: right;
	margin-left:8px;
}
.left {
	float: left;
	margin-right: 8px;
}
.readmore {
	color : #FF8507;
}

/* FORMULIER */

form .formrow {
	width: 286px;
	height: 22px;
}
form .formrow .label {
	float: left;
	width: 90px;
	padding-top:3px;
}
form .formrow .input {
	float: left;
	width: 196px;
	_width:192px;
	height: 16px;
}
form .formrow .input input {
	border: 1px #555555 solid;
	height:16px;
	font-size:8pt;
	margin-top:3px;
}
form .formrow .inputnb input {
	height:16px;
	font-size:8pt;
}
form .formrow .input select {
	border: 1px #555555 solid;
	height: 16px;
	font-size: 8pt;
	width:196px;
	#width: 193px;
	_width: 192px;
	margin-top:3px;
}
form .formrow .input label {
	position:relative;
	top:-4px;
	#top: 1px;
}
form .formrow .input .submit {
	width:102px;
	height:20px;
}


/* FOOTER */

#footer {
	height           : 27px;
	background-color : #ebebeb;
	margin-left      : 17px; /* breedte scheepens-blokjes links */
	padding-left     : 10px;
}
#footer .contentmenu ul {
	padding-top : 2px;
}
#footer .contentmenu ul li {
	display      : inline;
	margin-right : 14px;
}
#footer .contentmenu ul li span {
	font-size       : 8pt;
	color           : #6095C1;
}
#footer .contentmenu ul li a {
	font-size       : 8pt;
	text-decoration : none;
	color           : #6095C1;
}
#footer .contentmenu ul li a:hover {
	color : #FF8507;
}

#googlemaps {
	height:0px;
	overflow:hidden !important;
}
.routeplannerCanvas {
	margin-top:2px;
	width: 434px;
	height: 300px;
	border: 1px #888 solid;
}
.routeplannerTekst {
	padding:0 !important; /* overrides google-maps route text */
	margin:0 !important; /* overrides google-maps route text */
	width: 434px;
}
.routeBorder {
	border: 1px solid #c0c0c0;
	background-color: #eeeeee;
	padding: 5px;
	margin-bottom: 15px;
}
.nieuwsImage {
	margin: 3px;
}
