/* CSS Document */

html {
height: 100%;
}
body {
height: 100%;
margin:0px;
text-align: center;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
   background-image:url(../images/bg_hh.gif);
background-repeat:repeat-y;
background-position:center;
}

#container {
width: 950px;
position:relative;
background-color:#EEEEEE;
float:left;
    left: 50%;
	
    margin: 0 0 0 -475px; // helft van breedte

}

a { color:#8E0940; text-decoration:underline;}
a:hover { color:#8E0940; text-decoration:underline;}

#header {
height: 122px;margin-left:3px;
width: 930px;
background-color:#FFFFFF;
color:#FFFFFF;
background: repeat-x url(../images/header_bg.jpg);
margin-left:10px;
}

#logo   	{ width: 110px; float:left; padding:0px; text-align:left; margin-left:5px; }
#naam   	{ width: 470px; float:left; margin:0px; padding:0px; text-align:left; margin-top:47px; font-size: 26px; font-weight:bold;}
#breda  	{ width: 160px; float:left; margin:0px; padding:0px; text-align:left; margin-top:47px; font-size:10px;}
#denbosch 	{ width: 160px; float:left; margin:0px; padding:0px; text-align:left; margin-top:47px; font-size:10px;}

#content {
width: 930px;
margin-left:12px;
color:#8E0940;
 text-align:right; 
}

#blokmenu   		{ width: 292px; float:left; margin:0px; padding:0px; text-align:left; }

#blokmenu ul 				{ margin:0; padding:0; width: 270px;}
#blokmenu ul li  			{ display: inline; float:left; }
#blokmenu ul li a			{ margin-top:10px; display: block; float: left; width: 269px; background: #9FA4A7; text-align: left; padding: 5px 10px; font-weight: bold; border: solid 1px #6B7174; text-transform: uppercase; color:#FFFFFF; font-size:12px;text-decoration: none;}
#blokmenu ul li a:hover		{ margin-top:10px; display: block; float: left; width: 269px; background: #8E0940; text-align: left; padding: 5px 10px; font-weight: bold; border: solid 1px #7C3C56; text-transform: uppercase; color:#FFFFFF;}
#blokmenu ul li a:active	{ margin-top:10px; display: block; float: left; width: 269px; background: #8E0940; text-align: left; padding: 5px 10px; font-weight: bold; border: solid 1px #7C3C56; text-transform: uppercase; color:#FFFFFF;}
#menuimg 					{ border: solid 1px #A50044; margin:10px 0 10px 0;  }

#blokcontent   	{ width: 410px; float:left; margin:10px 0 10px 10px; padding:0px; text-align:left;}
#tekst 			{ width: 378px; float:left; padding:5px; text-align:left; background: #FFFFFF; border: #8E0940 solid 1px;}
#subtekst 			{ width: 378px; float:left; padding:5px; text-align:left; background: #F7E7ED; border: #8E0940 solid 1px; margin-top:10px;}

#tabs 			{ width: 22px; float:right; margin:0px; padding:0px; text-align:right;}
#bloktabs ul 				{ margin-top:3px;}
#bloktabs ul li  			{ display: inline; float:left; }
#bloktabs ul li a			{ padding-top:16px; padding-left:1px; padding-right:1px; display: block; float: left; width: 16px; height: 30px; background: #9FA4A7; text-align: right; color:#FFFFFF;background: url(../images/tab.gif);}
#bloktabs ul li a:hover		{ padding-top:16px; padding-left:1px; padding-right:1px; display: block; float: left;width: 16px; height: 30px; background: #8E0940; text-align: right; color:#FFFFFF;background: url(../images/tab_hover.gif);}

#blokbanners 		{ width: 210px; float:right; margin:0px; padding:0px; text-align:right;}
#ban1			{ cursor: pointer; padding:8px; margin-top:10px; text-align:right; border: solid 1px #2266A7; width:187px; height:127px; color:#2266A7; background: #fff url(../images/klantenportaal.jpg) no-repeat left top;}
#ban2			{ padding:8px; margin-top:10px; text-align:left; border: solid 1px #1E4448; width:187px; color:#1E4448; background: #ABC3C6;}
#ban2 a			{ color:#1E4448; text-decoration: none;}
#ban3			{ cursor: pointer; padding:8px; margin:10px 0 10px 0; text-align:left; border: solid 1px #8E0940; width:187px; color:#8E0940; background: #F7E7ED;}
#ban4			{ cursor: pointer; padding:8px; margin-top:10px; text-align:right; border: solid 1px #8E0940; width:187px; height:58px; color:#8E0940; background: #fff url(../images/crisis.gif) no-repeat left top;}


#footer {
color:#6B7174;
margin-top: 20px;

font-size:10px;
}

/*hhbord*/

#hhb_tel {
background-color:#CCCCCC;
border:#993300 solid 1px;
width:60px;
color:#993300;
text-align:center;
}
#hhb_naam {
background-color:#CCCCCC;
border:#993300 solid 1px;
width:90px;
color:#993300;
text-align:left;
}
#hhb_plaats0 {
background-color:#CCCCCC;
border:#993300 solid 1px;
width:55px;
color:#AAAAAA;
text-align:center;
cursor:pointer;
}
#hhb_plaats0 a { color:#999999; text-decoration:none;}
#hhb_plaats1 {
background-color:#993300;
border:#993300 solid 1px;
width:55px;
color:#FFFFFF;
text-align:center;
}
#hhb_plaats1 a { color:#FFFFFF; text-decoration:none;}
#hhb_titel {
background-color:#993300;
border:#993300 solid 1px;
color:#FFFFFF;
width:546px;
text-align:center;
}
#hhb_opmerking {
background-color:#CCCCCC;
border:#993300 solid 1px;
width:175px;
color:#993300;
text-align:left;
}
#hhb_opmerking2 {
background-color:#CCCCCC;
border:#993300 solid 1px;
color:#993300;
width:7px;
text-align:center;
cursor:pointer;
}

#hhb_opmerking2 a { color:#993300; text-decoration:none;}
#hhb_bottom1 {
background-color:#993300;
border:#993300 solid 1px;
color:#FFFFFF;
width:171px;
float:right;
cursor:pointer;
margin:1px;
}
#hhb_bottom1 a { color:#FFFFFF; text-decoration:none;}
#hhb_bottom2 {
background-color:#993300;
border:#993300 solid 1px;
color:#FFFFFF;
width:190px;
float:right;
cursor:pointer;
margin:1px;
}
#hhb_bottom2 a { color:#FFFFFF; text-decoration:none;}