body {
 background-color: #333333; 
 background-image: url(img/pattern.jpg);
 font-family: Arial, Helvetica, sans-serif, Verdana;
 font-size: 11px;
 color: #333333;
 margin: 0px;
 padding: 0px;
 line-height: 18px;;
}

#totaal {
  left:50%;
  position:absolute;
  margin-left: -475px;
  margin-top: 25px;
  width: 950px;
}

A.submenu:link	      { color: #FFFFFF;
						size: 11px;
                		text-decoration: none; }
A.submenu:visited     { color: #FFFFFF;
						size: 11px;
                		text-decoration: none }
A.submenu:hover	      { color: #FFFFFF;
		        		size: 11px;
						text-decoration: underline; }

A.blauwelink:link	      { color: #1b3f94;
                text-decoration: none; }
A.blauwelink:visited     { color: #1b3f94;
                text-decoration: none; }
A.blauwelink:hover	      { color: #1b3f94;
		        text-decoration: underline; }
				
A:link	      { color: #000000;
                text-decoration: none }
A:visited     { color: #000000;
                text-decoration: none }
A:hover	      { color: #c43606;
		        text-decoration: none }
				
A.link_wit:link	      { color: #FFFFFF;
                text-decoration: none }
A.link_wit:visited     { color: #FFFFFF;
                text-decoration: none }
A.link_wit:hover	      { color: #c43606;
		        text-decoration: none }
				
A.bottommenu:link	      { color: #FFFFFF;
                text-decoration: none }
A.bottommenu:visited     { color: #FFFFFF;
                text-decoration: none }
A.bottommenu:hover	      { color: #FFFFFF;
		        text-decoration: none }

.slogans {
font-size: 13px;
color: #c43606;
font-style:italic;
font-weight: bold;
}

.header {
font-size: 14px;
color: #c43606;
font-weight: bold;
}

.text_submenu {
font-size: 12px;
color: #FFFFFF; 
}

.papierheader {
font-size: 13px;
color: #c43606;
}

#top {
height: 260px;
width: 950px;
clear:both;
background-color: #333333;
}

#middle {
clear:both;
width: 950px;
background-color:#ebebeb;
}

#footer {
width: 950px;
height: 100px;
}

#test {
	position: relative;
	width: 100px;
	height: 100px;
	left: 479px;
	top: 10px;
	background-color:#3333CC;
	z-index: 1000;
}

#lijntjeboven{
position: absolute;
left: 0px;
top: 0px;
width: 950px;
height: 5px;
background-color: #c43606;
}

#lijntjeonder{
position:relative;
top: 0px;
left: 0px;
width: 950px;
height: 5px;
background-color: #c43606;
}

#logo{
position: absolute;
left: 0px;
top: 5px;
width: 240px;
height: 145px;
background-image: url(../img/logo_progress.jpg);
}

#fotosmall_home{
position: absolute;
left: 0px;
top: 150px;
width: 240px;
height: 110px;
}

#header{
position: absolute;
left: 240px;
top: 5px;
width: 710px;
height: 220px;
}

#submenu{
position: absolute;
left: 0px;
top: 229px;
width: 695px;
height: 21px;
background-color: #c43606;
z-index: 50;
padding-top:5px;
padding-left:15px;
}

#headermenu{
position: absolute;
left: 395px;
top: 151px;
width: 560px;
height: 25px;
font-weight:bold;
font-size:11px;
text-align:justify;
}

#bg_left{
position: absolute;
left: 0px;
top: 260px;
width: 240px;
height: 340px;
background-image: url(../img/bg_left.jpg);
}


#norm{
position: absolute;
left: 0px;
bottom: 40px;
width: 240px;
height: 150px;
z-index:10000;
}


#bg_left_slogans{
position: absolute;
left: 20px;
top: 20px;
width: 200px;
height: 300px;
z-index: 20;
}

#lawlesslotski{
left: 2px;
top: 3px;
width: 200px;
}

#papier_home{
position: absolute;
left: 720px;
top: 200px;
width: 230px;
height: 395px;
background-image: url(../img/papier_home.jpg);
z-index: 60;
}

#papier_text{
position: absolute;
left: 10px;
top: 25px;
width: 200px;
height: 390px;
z-index: 40;
font-size: 10px;
line-height:11pt;
z-index: 70;
}

#home_home{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 0px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.home_menuhome { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #c43606; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.home_menuhome:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#home_werkgever{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 120px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.home_menuwerkgever { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.home_menuwerkgever:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#home_werknemer{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 240px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.home_menuwerknemer { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.home_menuwerknemer:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#home_progress{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 360px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.home_menuprogress { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.home_menuprogress:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
	 
#werkgever_home{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 0px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werkgever_menuhome { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werkgever_menuhome:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#werkgever_werkgever{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 120px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werkgever_menuwerkgever { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #c43606; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werkgever_menuwerkgever:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#werkgever_werknemer{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 240px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werkgever_menuwerknemer { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werkgever_menuwerknemer:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#werkgever_progress{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 360px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werkgever_menuprogress { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werkgever_menuprogress:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
	 
#werknemer_home{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 0px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werknemer_menuhome { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werknemer_menuhome:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#werknemer_werkgever{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 120px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werknemer_menuwerkgever { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werknemer_menuwerkgever:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#werknemer_werknemer{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 240px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werknemer_menuwerknemer { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #c43606; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werknemer_menuwerknemer:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#werknemer_progress{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 360px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.werknemer_menuprogress { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.werknemer_menuprogress:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
	 

#progress_home{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 0px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.progress_menuhome { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.progress_menuhome:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#progress_werkgever{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 120px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.progress_menuwerkgever { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.progress_menuwerkgever:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#progress_werknemer{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 240px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.progress_menuwerknemer { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a0ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.progress_menuwerknemer:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#progress_progress{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 360px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.progress_menuprogress { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #c43606; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.progress_menuprogress:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }	 
	 
#submenu_home{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 0px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.submenu_menuhome { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.submenu_menuhome:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#submenu_werkgever{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 120px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.submenu_menuwerkgever { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.submenu_menuwerkgever:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#submenu_werknemer{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 240px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.submenu_menuwerknemer { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.submenu_menuwerknemer:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }
	 
#submenu_progress{ 
position:absolute; 
width:34px; 
height:110px; 
z-index:40; 
left: 360px; 
top: 195px;
text-align: center;
line-height: 30pt;
}

a.submenu_menuprogress { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 110px; /* width of reactive image */
     height: 34px; /* height of reactive image */
     background-color: #92a9ba; /* source for start image */
     background-repeat: no-repeat;
	 text-decoration: none;
	 color: #FFFFFF;
	 font-weight:bold;
	 font-size: 14px;
     }
a.submenu_menuprogress:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-color: #c43606; /* source for target image */
	 text-decoration: none;
     }