/* CSS Document */
/*veranderbare KLEUREN*/
/* lichte achtergrondkleur = #ffffff; bodyfont=Verdana, Arial, Helvetica, sans-serif; titelfont=Verdana, Arial, Helvetica, sans-serif; donkerbodyfontkleur=#000000 */
/*CCCCCC ofte #CCCCCC + http://www.brugsebuurten.be/css_images/patern6CCCCCC.gif*/
body {background-color:#CCCCCC;
	background-image:url(http://www.brugsebuurten.be/css_images/patern6CCCCCC.gif);
	margin:0;
	padding:0;
	overflow:auto;
	}
#login{
	position:relative;
	margin:0 0 0 0px;
	padding:5px 10px 5px 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	width:146px;
	float:left;
	background-color:#ffffff;
	border:solid 1px #CCCCCC;
	}
.input_login{
	border:#CCCCCC solid 1px;
	width:140px; 
	height:18px; 
	padding:2px 0 0 3px; 
	background-image:url(http://www.brugsebuurten.be/css_images/patern6CCCCCC.gif);
	/*background-color:#FFCC99;*/
	font:Verdana, Arial, Helvetica, sans-serif bold; 
	font-size:70%;
	font-weight:bold;
	color:#000000;
	margin:4px 0 0 0;
	}
*html .input_login{margin:2px 0 0 0;}
#linkList ul ul{
	background-color:#ffffff;

	padding:2px 0 3px 1px;}
*> #linkList ul ul{
	background-color:#ffffff;
	padding:0 0 3px 0;
	margin:-15px 0 10px 0 ;	
	}
#content3{position:relative; float:left; width:auto; height:350px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	z-index:1O;
	}
	
#footer{
	position:relative;
	text-align:center;
	padding:7px 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	width:590px;
	height:30px;
	margin:0 -2px 0 0;
	float:left;
	border-top:1px solid #CCCCCC;
	background-image:url(http://www.brugsebuurten.be/css_images/patern6CCCCCC.gif);
	}
*html #footer{width:572px; height:40px;}
.table_beheer{border:#CCCCCC 1px solid; margin:15px 0 15px 0; padding:15px 15px 10px 15px; background-image:url(http://www.brugsebuurten.be/css_images/patern6CCCCCC.gif);}
*html .table_beheer{width:540px; margin:0 0 15px 0;}

.tekst_field{
	border: 1px solid;
	border-color: #CCCCCC;
	width: 100%;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#000000;
	background-color: #ffffff;
}
.datum_field{
	border: 1px solid;
	border-color:#CCCCCC;
	width: 75px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#000000;
	background-color: #ffffff;
}	
.tekst_area{
	border: 1px solid;
	border-color: #CCCCCC;
	width: 75%;
	height: 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#000000;
	background-color: #ffffff;
}	


/*666666 ofte #FF6600 + background-image:url(http://www.brugsebuurten.be/users/users/annabil/files/header.jpg); background-repeat: no-repeat; */
#bovenbalk {
	background-image:url(http://www.brugsebuurten.be/users/users/annabil/files/header.jpg); background-repeat: no-repeat; /*kan je leeglaten of zetten naargelang de headerkeuze van piwi*/
	/*background-image:url(../images/patternboven1CCCCCC.gif);*/
	/* in de middenbalk kan een achtergrond gezet worden met een repeat of niet*/
	background-color:#FF6600;
	padding:0;
	height:70px;
	vertical-align:middle;
}

*html #bovenbalk{margin:-1px 0 0 0;}

/*FF6600 ofte #CC3300 + http://www.brugsebuurten.be/css_images/subin_1_CC3300.gif*/
#naam {
	width:auto;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	padding: 0 0 0 15px;
	vertical-align:middle;
	height:70px;
	}
	
#linkList ul ul li a.subnavin:link{
	background-image:none;
	color:#CC3300;
	text-decoration:underline;
	}

#linkList ul ul li a.subnavin:visited{
	background-image:none;
	color:#CC3300;
	text-decoration:underline;
	}
#linkList ul ul li a.subnavin:hover{
	background-image:none;
	color:#CC3300;
	text-decoration:underline;
	}
#linkList li a.subin{
	background-image:url(http://www.brugsebuurten.be/css_images/subin_1_CC3300.gif);
	background-position:left;
	background-repeat:no-repeat;
 	padding: 3px 0 0px 37px;
	height:20px;
	color:#CC3300;
	width:auto;
}
*html #linkList li a.subin{height:23px; padding:2px 0 0 37px;}
#linkList li a:hover.subin{
	background-image:url(http://www.brugsebuurten.be/css_images/subin_1_CC3300.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#CC3300;
}
.button_login{
	background-color:#CC3300; 
	border:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:70%; 
	font-weight:bold; 
	color:#ffffff; float:right; margin:4px 0 0 0;}
*html .button_login{
	margin:2px 0 0 0;
	}
	
.button{
	background-color:#CC3300; 
	border:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:100%; 
	font-weight:bold; 
	color:#ffffff; 
	float:left; 
	margin:4px 0 0 0;
}

#login a.login_link_in:link{color:#CC3300; text-decoration:underline;}
#login a.login_link_in:visited{color:#CC3300; text-decoration:underline;}
#login a.login_link_in:hover{color:#CC3300; text-decoration:underline;}

*html #login{width:170px;}

*html #login h2{font-size:100%;}



/*336600 ofte #CC3300*/

#content a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	}


#content a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	}

*html #login table{margin:-13px 0 -13px 0}


/*003300 ofte #CC3300 (is ook hoofdlinkkleur) + http://www.brugsebuurten.be/css_images/sub_1_CC3300.gif*/
#linkList ul ul li a{
	display:block;
	font-size:80%;
	text-transform:none;
	text-decoration:none;
	background-image:none;
	color:#CC3300;
	text-align:left;
	padding: 0 0 5px 37px;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
	}
*> #linkList ul ul li a{padding:2px 0 2px 37px;}

#linkList li a{
	display:block;
	font-size:80%;
	text-transform:none;
	width:190px;
	text-decoration:none;
	background-image:url(http://www.brugsebuurten.be/css_images/sub_1_CC3300.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#CC3300;
	text-align:left;
	vertical-align:middle;
	padding: 3px 0 0px 37px;
	min-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
*html #linkList li a{vertical-align:top; height:23px;}

#content h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:140%;
	color:#CC3300;
	}


#login p{
	margin:0px 0 2px 0; 
	font-size:70%; 
	color:#CC3300;}
#login a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	}
#login a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:none;
	}
#linkList ul ul li a:visited{
	background-image:none;
	color:#CC3300;
	text-decoration:none;
	}
	
/*009900 ofte #CC3300(staat ook voor hoofdlinkkleuren(onOVER))+ http://www.brugsebuurten.be/css_images/subover_1_CC3300.gif*/
#middenbalk{
	background-color:#CC3300;
	height:24px;
	border-style:solid;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	width:auto;
	}
#login h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	font-size:100%;
	margin-bottom:5px;
	margin-top:0;
	}

#linkList ul ul li a:active{
	background-image:none;
	color:#CC3300;
	text-decoration:underline;
	}

#linkList li a:hover{
	background-image:url(http://www.brugsebuurten.be/css_images/subover_1_CC3300.gif);
	background-position:left ;
	background-repeat:no-repeat;
	color:#CC3300;
}
#linkList ul ul li a:hover{
	background-image:none;
	color:#CC3300;
	text-decoration:underline;
	}
#linkList li a:active{
	background-position:left ;
	background-repeat:no-repeat;
	color:#CC3300;
}
#footer a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:none;
	}

#footer a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:none;
	}
#footer a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	}
#login a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	}
#content a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	}

/*EINDE HOOFDKLEUREN*/



/*ONDVERANDERBAAR*/
#debugger{width:1000px; margin:-20px 0 0 0;}
#naamstuk {
	vertical-align:middle;
	float:left;
	width:950px;
	}
#naam p{
line-height:10px;
padding:0;
margin:0;
font-size:70%;
	}
*html #naam p{margin:0 0 3px 0;}
#naam h2{ padding:0; margin:10px 0 0 0; font-size:160%}
#logo{
	float:left;
	width:200px;
	height:70px
	}
#crumb {
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:80%;
	float:left;
	width:780px;
	margin:0;
	padding:2px 0 2px; 0;
	}
*html #crumb {height:18px; width:955px;}
/*#breadcrumb{ float:right; text-align:right; padding:0 15px 0 0;}
*html #breadcrumb{ padding:0 45px 0 0; float:right; margin:0 80px 0 0;}
#size{float:left; margin:-3px 0 0 18px; font-weight:bold; vertical-align:top; }
*html #size{margin:-3px 0 0 9px;}*/

#breadcrumb{ float:left; text-align:left; padding:1px 15px 0 15px; height:20px; position:absolute;}

#size{ position:absolute;float:left; margin:-3px 0 0 630px; font-weight:bold; vertical-align:top; height:16px; }
*html #size{margin:-3px 0 0 615px; }

#size a:link{
	color:#FFFFFF;
	text-decoration:none;
	}
#size a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
#size a:link{
	color:#FFFFFF;
	text-decoration:none;
	}
#size a:active{
	color:#FFFFFF;
	text-decoration:none;
	}
.style1 {/*font-size: 14px;*/ font-size:120%;}
.style2 {/*font-size: 16px;*/ font-size:140%;}

#containter {
	width:auto;
	min-width:900px;
	}
#linkList {
	position:absolute;
	padding:0 0 0 0;
	text-align:left;
	width:190px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	overflow:hidden;
	margin:15px 0 0 10px;
	z-index:2;
	}

#linkList li, ul{
 	list-style-type:none;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	float:left;

	}



#linkList li{
 	display:block;
 	width:190px;
 	margin-bottom:15px;

	}

#linkList ul ul li{
	margin:0;
	height:18px;
	}
*> #linkList ul ul li{min-height:20px; height:auto;}
#linkList li .c{
	display:none;
}


#content {
	width:590px;
	position:absolute;
	background-color:#FFFFFF;
	min-height:350px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin:0 0 0 0;
	}
*html #content{height:350px;  width:570px;}
#content h3{font-size:120%;}
.contenth1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:140%;
	color:#CC3300;
	padding:0 0 -7px; 0;
	}
*> #content h3{ margin:15px 0 0 0;}
#content table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	}
#content table h1{font-size:140%;}

#content table p{font-size:100%;}
#content2 {
	z-index:1;
	width:590px;
	position:absolute;
	margin:0 0 0 200px;
	min-height:350px;
	}
*html #content2{ width:570px;}

*> #content3{min-height:350px; height:auto;}

#fotos{float:right; position:relative; text-align:right;}
.tekstvlak{position:relative; width:560px; float:right; padding:0 15px 0 0; overflow:hidden; margin:0 0 0 0;}

*html .tekstvlak{width:570px; float:left; padding:15px 15px 15px 15px; position:relative; z-index:2;}
.foto {margin:0 0 15px 15px; position:relative;}
*html .foto{padding: 0 0 15px 15px; margin:0 0 15px 0;}
.foto_overzicht{float:left; position:relative; padding:0 15px 15px 0;}
#aankeilers{
	position:absolute;
	margin: 5 0 0 803px;
	}
*html #aankeilers{margin: 5 0 0 782px;}
.aankeiler{
	background-image:url(../images/aankeilerwiek.gif);
	margin:10px 10px 10px 0;
	width:167px;
	height:64px;
}
.aankeiler a:link{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	font-size:80%;
	
	}
.aankeiler a:hover{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	}
.aankeiler a:visited{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	font-size:80%;
	}
#scrollalbum{width:540px; overflow:auto; height:auto; }
*html #scrollalbum{height:115px;}
#fotoalbumfoto {height: 400px; overflow: hidden; position: relative; width:540px; margin-top:-15px;}
#fotoalbumfoto[id] {display: table; position: static; width:540px; text-align:center;}

#vertical {position: absolute; top: 50%; } /* for explorer only*/
#vertical[id] {display: table-cell; vertical-align: middle; position: static; width:540px;}

#inner {position: relative; top: -50%; width:540px; text-align:center;} 

.fotoalbum_crumbs{float:right; margin:5px 0 0 0; padding:0 15px 0 0; position:relative;}

#hm {
	float:left;
	}
.red_link {
	float:left;
	}
#sm {
	}
/*EINDE ONVERANDERBAAR*/