/* CSS Document */
/*normalizing layout*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, legend, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 3.0em; font-weight: bold; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
html, body{
	height:100%;
	text-align:center;
}

html {
	background-color: #ffffff;
	}
body {
	font-family: georgia, "palatino linotype", "times new roman", times, serif; 
	font-size: 0.9em; 
	line-height: 1.4em;
	/*background-image: url(http://www.froon-helmonds.nl/images/bg_01.gif);
		
	font-size:12px;
	color:#000000;
	background-color:#cccccc;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;*/
}
/* Containers */
#rssfeed {
	padding: 0px;
	text-align: left;
	background-color:#ffffff;
	width: 200px;
	height: 400px;
	border: 0px;
	
}

#container {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	background-color:#ffffff;
	width: 976px;
}
#container2 {
	margin-top: 180px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	background-color:#ffffff;
	width: 976px;
}
#balk {
	top:10px;
	position:absolute; 
	z-index: 20;
	background-color:#ffffff;
	height: 122px;
	margin: 0 0 0 0;
}
#cLeft{
	width:244px;
	padding:0px 0px 0px 0px;
	float: left;
	
}
#cMid{
	float:left;
	width: 440px;
	padding: 20px 61px 4px 30px;
}
#cMidNieuws{
	float:left;
	width: 540px;
	padding: 3px 61px 4px 30px;
}
#cMid2{
	float:left;
	width: 722px;
	margin: 0px 0px 0px 10px;
}
#cMid3{
	float:left;
	width: 460px;
	margin: 0px 0px 0px 10px;
}
#cRight{
	float:left;
	padding: 0px;
	width:200px;
}

/*typografie*/

A {
	color: #8d593a;
	page-break-after: always;
	TEXT-DECORATION: none;
	list-style-position: inside;
}

A:hover {
	COLOR: #8d593a; 
	page-break-after: always;
	TEXT-DECORATION: underline;
}
.header2 {
	FONT-SIZE: 18px; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none
}
h1 {
	font-family: arial; 
	font-weight: bold;
	font-size: 24px;
}
h2 {
	line-height: 22px;
	font-family: arial;
	font-weight: bold;
	font-size: 20px;
	color: #666;

}
h3 {
color: #7c9fff;
font-style: italic;
font-family: arial;
	font-variant: small-caps; 
	font-size: 12px; 
	line-height: 3px;
}

h5 {
	line-height: 22px;
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: #666;

}

#hrHeight {line-height: 30px;
}

/*primaire navigatie */

/* GLOBALHEADER */
#globalheader { width: 982px; height: 18px; margin: 0 auto; position: absolute; z-index: 9998;top: 136px; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 122px; height: 0; padding-top: 38px; overflow: hidden;background-image: url(http://www.froon-helmonds.nl/images/globalnavbg.gif); _background-image: url(http://www.froon-helmonds.nl/images/globalnavbg.gif); background-repeat: no-repeat; }
#globalheader #globalsearch { background-image: url(http://www.froon-helmonds.nl/images/globalnavbg.gif); _background-image: url(http://www.froon-helmonds.nl/images/globalnavbg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-english a { background-position: 0 0;}
#globalheader #globalnav li#gn-start2 a { background-position: -122px 0; }
#globalheader #globalnav li#gn-uitspraken a { background-position: -244px 0; }
#globalheader #globalnav li#gn-specialismen a { background-position: -366px 0; }
#globalheader #globalnav li#gn-nieuws a { background-position: -488px 0; }
#globalheader #globalnav li#gn-nieuwsbrieven a { background-position: -610px 0; }
#globalheader #globalnav li#gn-inforechts a { background-position: -732px 0; }
#globalheader #globalnav li#gn-vacatures a { background-position: -854px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-kantoorprofiel a:hover { background-position: 0 -38px; }
#globalheader #globalnav li#gn-kantoorprofiel a:hover { background-position: -122px -38px; }
#globalheader #globalnav li#gn-uitspraken a:hover { background-position: -244px -38px; }
#globalheader #globalnav li#gn-specialismen a:hover { background-position: -366px -38px; }
#globalheader #globalnav li#gn-nieuws a:hover { background-position: -488px -38px; }
#globalheader #globalnav li#gn-nieuwsbrieven a:hover { background-position: -610px -38px; }
#globalheader #globalnav li#gn-inforechts a:hover  { background-position: -732px -38px; }
#globalheader #globalnav li#gn-vacatures a:hover  { background-position: -854px -38px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-kantoorprofiel a:active { background-position: 0 -76px; }
#globalheader #globalnav li#gn-kantoorprofiel a:active { background-position: -122px -76px; }
#globalheader #globalnav li#gn-uitspraken a:active { background-position: -244px -76px; }
#globalheader #globalnav li#gn-specialismen a:active { background-position: -366px -76px; }
#globalheader #globalnav li#gn-nieuws a:active { background-position: -488px -76px; }
#globalheader #globalnav li#gn-nieuwsbrieven a:active { background-position: -610px -76px; }
#globalheader #globalnav li#gn-inforechts a:active { background-position: -732px -76px; }
#globalheader #globalnav li#gn-vacatures a:active { background-position: -854px -76px; }

 /* ON STATES */
#globalheader #globalnav li#gn-kantoorprofiel .selected { background-position: -244px -38px}
#globalheader #globalnav li#gn-uitspraken .selected { background-position: -244px -38px; }
#globalheader #globalnav li#gn-specialismen .selected { background-position: -366px -38px}
#globalheader #globalnav li#gn-nieuws .selected { background-position: -488px -38px}
#globalheader #globalnav li#gn-nieuwsbrieven .selected { background-position: -610px -38px}
#globalheader #globalnav li#gn-inforechts .selected { background-position: -732px -38px}
#globalheader #globalnav li#gn-vacatures .selected { background-position: -854px -38px}

/* knopje */
#kn_vlag{
	z-index: 21;
	position:relative;
	left:943px;
	top:17px;
	width: 23px;
	height: 13px;
	}
	
/* secundaire navigatie */

#navigatie , #navigatie2 {
 font-size: 14px;
 font-weight: normal;
 line-height: 1.3em;
 margin-bottom: 1px;
}

#navigatie ul , #navigatie2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 
}
#navigatie ul li , #navigatie2 ul li, #navigatie ul li .blokje, #navigatie2 ul li .blokje {
 margin: 0;
 border-top: 0px solid #003;
}
#navigatie ul li a , #navigatie2 ul li a {
 display: block;
 padding: 8px 2px 4px 8px;
 border-left: 0px solid #ccc;
 border-right: 0px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #726351;
 color: white;
 /*color: #5c8eb8;*/
 text-decoration: none;
 width: 100%;
}

#navigatie ul li .blokje {
	background-color: 666666;
	border-bottom: 1px solid #ccc;
	color: fff;
	padding: 2px 0px 15px 20px;
	font-size: 0.9em;
	width: 224px;	
	}
#navigatie ul li .blokjetop{
 height:48px;
	background-image: url(http://www.froon-helmonds.nl/images/nav_sec-top.gif);
	border-bottom: 1px solid #ccc;
	}
#navigatie ul li .blokjebot{
height:60px;
	background-image: url(http://www.froon-helmonds.nl/images/nav_sec-bot.gif);
	}


html>body #navigatie ul li a , html>body #navigatie2 ul li a{
 width: auto;
}
#navigatie ul li a:hover , #navigatie2 ul li a:hover {
 border-bottom: 1px solid #ccc;
 background-color: #5c8eb8;
 color: #fff;
 border-right: 0px solid #fff;
}	
 
#navigatie ul li .selected{
background-color: #5c8eb8;
}

/* tertiare navigatie */

#navigatie2 ul li a  {
 background-color: #000;
}



