/* CSS voor Brighart */

@import url("left_menu.css");


/* Universele selector */
* {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		  margin: 0;
		  padding: 0;	
		  
}

/* Basis voor de pagina bepalen */
body {
	color: #2c2c2c;
	font-size: 12px;
	font-weight: normal;
	background-image: url(../../img/bg_wrapper.gif);
	background-repeat: repeat-x;
}

/* Allesomvattende div */
#wrapper {
	width: 980px;
	height: 600px;
	margin: 0px auto 0px auto;
		
}

#boven-header{
	width: 980px;
	height: 20px;
	margin: 0px;
	
}

#onder-header{
	width: 960px;
	height: 20px;
	padding-right: 20px;
	margin: 0px;
	text-align: right;
	
}

#header{
	width: 980px;
	height: 92px;
	margin: 0px;
	background-color: white;
	background-image: url(../../img/bg_header.gif);
	background-repeat: repeat-x;
}

#header_voor_logo{
	width: 82px;
	height: 92px;
	margin: 0px;
	background-color: #fff;
	float: left;
	background-image: url(../../img/bg_header.gif);
	background-repeat: repeat-x;
}

#header-left{
	width: 300px;
	height: 92px;
	margin: 0px;
	background-color: #fff;
	float: left;
}

/* dit is het vak met de breadcrumbs*/

#header-right{
	width: 320px;
	height: 70px;
	margin: 0px;
	background-color: #fff;
	padding-top: 0px;
	float: right;
	color: orange;
	font-weight: bold;
	
}

/* Div met navigatie (let op ! bij aanpassen padding -> ook width en height aanpassen*/
#navigatie-kader {
	width: 270px; 
	height: 428px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: -18px;
	
}

/* Div met navigatie (let op ! bij aanpassen padding -> ook width en height aanpassen* Bij IE6 mag de width niet hoger zijn
dan 443px, anders geeft hij onderaan extra regel achtergrond!*/
   #midden-kader {
	width: 400px; 
	height: 438px;
	/*background-image: url(../img/foto_kader_home.jpg);*/
	background-color: #fff;
	float: left;
	padding-left: 0px;
	padding-right: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	overflow: auto; 
	scrollbar-arrow-color: orange;
	scrollbar-shadow-color: Silver;
	scrollbar-base-color: #eee;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-highlight-color: White;
	scrollbar-track-color: White;
	
}



/*op pagina's met galleries vervangt deze div het midden-en tekstkader*/
#gallery-kader {
	width: 684px; 
	height: 438px;
	background-color: #fff;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
	margin-left: -10px;
	
	
	
	
}


/* Div met navigaite (let op ! bij aanpassen padding -> ook width en height aanpassen*/
#tekst-kader {
	width: 240px;
	height: 430px; /*background-image: url(../img/foto_kader_home.jpg);*/
	/*background-color: red;*/
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 1px dashed red;
	overflow: auto;
	scrollbar-arrow-color: orange;
	scrollbar-shadow-color: Silver;
	scrollbar-base-color: #eee;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-highlight-color: White;
	scrollbar-track-color: White;
}

/* Div met intro (let op ! bij aanpassen padding -> ook width en height aanpassen*/
#intro-kader {
	width: 980px; 
	height: 438px;
	/*background-color: orange;*/
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}



/* Div met footer*/
#footer {
	width: 980px;
	height: 30px;
	float: left;
	text-align: right;
	background-image: url(../../img/bg_footer.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
}

/* Div met footer voor intro omdat deze afwijkend is qua bg*/
#footer_intro {
	width: 980px;
	height: 30px;
	float: left;
	text-align: right;
	background-image: url(../../img/bg_footer_intro.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
}


.clear_both {
	
	clear: both;

}

		
a:link, a:visited{
	color: red;
	text-decoration: none;
}
a:hover, a:active{
	color: orange;
	text-decoration: none;
}
/*a.nav:link, a.nav:visited{
	color: blue;
	text-decoration: none;
}
a.nav:hover, a.nav:active{
	color: yellow;
	text-decoration: none;
}*/

/*copyright*/
a.footertekst:link, a.footertekst:visited{
	color: #cbcbcb;
	text-decoration: none;
}
a.footertekst:hover, a.footertekst:active{
	color: #3a3a3a;
	text-decoration: none;
}

/*redbanana link*/
a.redbanana:link, a.redbanana:visited{
	color: red;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
}
a.redbanana:hover, a.redbanana:active{
	color: #e10b0b;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
}


/*
input {
	background-color: White;
	border-right: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}


textarea {
	background-color: White;
	border-right: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c3;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	scrollbar-arrow-color: #2c2c2c;
	scrollbar-shadow-color: Silver;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-highlight-color: White;
	scrollbar-track-color: White;
}
*/


h1 {
	font-weight: bold;
	}

h2 {
	color: orange;
	font-size: 18px;	
}

h3 {
	font-size: 14px;
	font-weight: normal;
	clear: both;	
}
h4 {
	font-size: 18px;
	font-weight: normal;
	clear: both;	
}
h5 {
	font-size: 24px;
	font-weight: normal;
	clear: both;	
}
h6 {
	font-size: 32px;
	font-weight: normal;
	clear: both;	
}

/*vormgeving navigatie wayfinder (in deze moet in ie6 nog margin etc aangepast worden!!!! 
Dit zijn de linken in level 1 die geen ul's zijn*/

.leftmenuHere {
	font-weight: bold;
	border-left-color: #ffffff;
	border-bottom-color: #ffffff;
	text-transform: none;
	color: #ff9933;
	border-top-color: #ffffff;
	font-style: normal;
	background-color: #ffffff;
	font-variant: normal;
	text-decoration: none;
	border-right-color: #ffffff;
	background-image: url(../images/bullit_home.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	width: 130px;
	margin-top: 6px;
	margin-left: 0px;
	margin-bottom: 6px;
}

.leftmenuInnerHere {
	font-weight: bold;
	border-left-color: #ffffff;
	border-bottom-color: #ffffff;
	text-transform: none;
	color: #ff9933;
	border-top-color: #ffffff;
	font-style: normal;
	background-color: #ffffff;
	font-variant: normal;
	text-decoration: none;
	border-right-color: #ffffff;
	background-image: url(../images/bullit.gif);
	background-repeat: no-repeat; /*actieve link in level 2*/
	padding-left: 14px;
	width: 130px;
	margin-top: 7px;
	margin-bottom: 6px;
}

/*.menuActive {
	background-image: url(../images/bullit_home.gif);
}