@import url(/include/css/editor.php);

/** =COLORS **
*/


body {
	}


/** =LAYOUT **/

#container {
	width: 990px;
	margin: 0px auto;
	}
#wrapper {
	clear: both;
	overflow: auto;
}

/** =HEADER **/

#header {
	height: 139px;
	background: url(/image/fixed/header.gif);
	margin-bottom: 20px;
	}

#logo {
	}

#navigation {
	clear: both;
	overflow: visible;
	margin-left: 5px;
	font-size: 12px;
	padding-top: 116px;
	}


/** =CONTENT - HOMEPAGE **/

#homeVisual {
	height: 300px;
	background: silver;
	margin-bottom: 20px;
	}


/** CONTENT - DEFAULT **/

#content {
	float: left;
	width: 660px;
	}
#contentVisual {
	height: auto;
	margin-bottom: 20px;
	background: #ffffff;
	text-align: center;
	}
#content h1 {
	color: #3F3B3C;
	margin-bottom: 13px;
	}
#content p {
	color: #3F3B3C;
	font-size: 12px;
	margin-bottom: 13px;
	}
#sidebarLeft {
	float: left;
	width: 152px;
	margin-right: 13px;
	}
#sidebarRight {
	float: left;
	width: 152px;
	margin-left: 13px;
	}

.generalBarHeader {
	background: url(/image/home/general-bar-header.gif) no-repeat;
	height: 50px;
	line-height: 14px;
	}
.generalBarBody {
	background: url(/image/home/general-bar-body.gif);
	padding: 10px;
	color: #3F3B3C;
	font-size: 12px;
	font-weight: normal;
	}
.generalBarFooter {
	background: url(/image/home/general-bar-footer.gif);
	height: 10px;
	margin-bottom: 20px;
	}

.generalBarHeader h2{
	color: #3F3B3C;
	font-size: 17px;
	padding: 5px 0px 0px 10px;
	}
.generalBarHeader h3{
	color: #3F3B3C;
	font-size: 12px;
	padding: 5px 0px 0px 10px;
	}
.treeNews {
	margin-left: 35px;
	}
.nav2Header {
	background: url(/image/fixed/nav2Header.png) no-repeat;
	width: 151px;
	height: 60px;
	line-height: 12px;
	}
.nav2Body {
	width: 145px;
	min-height: 210px;
	background: url(/image/fixed/nav2Body.png) repeat-y;
	padding: 10px;
	color: #3F3B3C;
	font-size: 12px;
	}
.nav2Footer {
	width: 151px;
	background: url(/image/fixed/nav2Footer.png) no-repeat;
	height: 10px;
	margin-bottom: 20px;
	}

.nav2Header h2{
	color: #3F3B3C;
	font-size: 13px;
	padding: 15px 0px 0px 10px;
	}
.travelHeader {
	background: url(/image/fixed/travel-header.png) no-repeat;
	height: 70px;
	line-height: 12px;
	}
.travelBody {
	background: url(/image/home/general-bar-body.gif);
	padding: 10px;
	color: #3F3B3C;
	font-size: 12px;
	font-weight: bold;
	min-height: 200px;
	}
.travelFooter {
	background: url(/image/home/general-bar-footer.gif);
	height: 10px;
	margin-bottom: 20px;
	}
.travelHeader h2{
	color: #3F3B3C;
	font-size: 19px;
	padding: 5px 0px 0px 10px;
	}
.travelHeader h3{
	color: #3F3B3C;
	font-size: 16px;
	padding: 5px 0px 0px 10px;
	}
.newsSidebar {
	list-style-image: url(/image/fixed/list-bullit.png);
	list-style-type: square;
	}
.newsSidebar li {
	margin-bottom: 5px;
	}
.newsSidebar li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	}
.newsSidebar li a:hover {
	font-weight: bold;
	}


/** =FOOTER **/

#footer {
	clear: both;
	}
#footer p {
	}
#footer a {
	}


/** =CLASSES **/





.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

body {
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #000000;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	overflow: -moz-scrollbars-vertical;
	}

/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }