body { background-color: #fff; margin: 0; padding: 0; font-family: Verdana; font-size: 11px;}
a img { border: 0;}
#container { width:960px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}

#header { height: 199px; overflow: hidden; z-index: 100; position: relative;}
#header .header_foto { border-right: 1px solid #fff; width: 720px; height: 199px; background-image: url(../images/header_05.jpg); float: left;}
#header .logo_rood { width: 720px; height: 88px; background-image: url(../images/logo_rood.png);}
#header .logo_rood img { display: none;}
#header .logo_rood a { position: absolute; top: 0; left: 0; display: block; width: 120px; height: 88px; text-indent: -9999px;}

#header .categorie { float: left;}
#header .categorie ul { margin: 0; padding: 0;}
#header .categorie ul li { list-style: none;}
#header .categorie ul li a.btn_maastricht { text-indent: -9999px; border-bottom: 1px solid #fff; background-position: bottom; background-image: url(../images/btn_service_center_maastricht.jpg); width: 239px; height: 49px; display: block;}
#header .categorie ul li a.btn_multisteel { text-indent: -9999px; border-bottom: 1px solid #fff; background-position: bottom; background-image: url(../images/btn_multisteel.jpg); width: 239px; height: 49px; display: block;}
#header .categorie ul li a.btn_feijnen { text-indent: -9999px; border-bottom: 1px solid #fff; background-position: bottom; background-image: url(../images/btn_service_center_feijen.jpg); width: 239px; height: 49px; display: block;}
#header .categorie ul li a.btn_fabrication { text-indent: -9999px; background-position: bottom; background-image: url(../images/btn_fabrication.jpg); width: 239px; height: 49px; display: block;}
#header .categorie ul li a:hover { background-position: top;}
#header .categorie ul li.active a { background-position: top;}

#right_column { width: 239px; height: 351px; background-image: url(../images/right_09.jpg); margin: 0; padding: 0; position: absolute; right: 0; bottom: 25px; z-index: 10;}
#foto_links { width: 239px; height: 239px; background-image: url(../images/left_1.jpg);}

#left_column {margin: 0 25px 0 0; width: 239px; float: left; padding: 0;}
#left_column #menu { position: relative; float: left; margin: 0 0 20px 0; padding: 0;}
#left_column #menu ul { padding: 0; margin: 0 25px 0 0; list-style: none; float : left; width : 239px;}
#left_column #menu li { position : relative; float : left; width: 239px; margin-bottom: 1px;}
#left_column #menu li ul { position : absolute; left: -9999px; margin-left : 239px; top: 0;}
#left_column #menu li a { width: 219px; display : block; color : #000; text-decoration : none; background: #dddddd url(../images/pijltje.png) right top no-repeat; border-bottom: 1px solid #dddddd; padding : 6px 0 6px 20px;}
#left_column #menu li.active a { color : white; background-color: #ed1b24; border-bottom: 1px solid #ed1b24;}
#left_column #menu li.activeSub a { color : white; background-color: #ed1b24; border-bottom: 1px solid #ed1b24;}
#left_column #menu li.nonActiveSub a {width: 219px; display : block; color : #000; text-decoration : none; background: #dddddd url(../images/pijltje.png) right top no-repeat; border-bottom: 1px solid #dddddd; padding : 6px 0 6px 20px;}

#left_column #menu li a:hover { color : white; background-color: #ed1b24; border-bottom: 1px solid #ed1b24;}
#left_column #menu li:hover ul ul, #left_column #menu li:hover ul ul ul, #left_column #menu li.sfhover ul ul { left: -239px;}
#left_column #menu li:hover ul, #left_column #menu li li:hover ul, #left_column #menu
li.sfhover ul, #left_column #menu li li.sfhover ul { left: auto;}

#content { width: 432px; min-height: 351px; float: left; margin: 5px 0 15px 0; padding: 0 0 0 0; overflow: hidden;}
#content .util { color: #c5c5c5; margin: 10px 0 15px 0;}

#content img { /*float: right; margin: 10px 0 10px 10px;*/ max-width: 432px; overflow: hidden; border: 0;}
#content p { margin: 15px 0 15px 0; padding: 0;}
#content a { color: #ed1c24; text-decoration: none;}
#content a:hover { text-decoration: underline;}
#content ul li { list-style-image: url(../images/bullet_rood.jpg); margin: 0 0 5px 0; padding: 0;}
#content ul li a { color: #000; text-decoration: none;}
#content ul li a:hover { text-decoration: underline;}

#content ul li.sitemap { font-weight: bold; list-style-image: url(../images/bullet_rood.jpg); margin: 0 0 5px 0; padding: 0;}
#content ul li.sitemap ul li { font-weight: normal; list-style-type: square; color: #ed1c24; list-style-image: none; margin: 5px 0 5px 0; padding: 0;}

#content .tabel table {padding:0 10px 0 0px; margin:0 0 20px 0;text-align:left; border-top: 1px dotted #ed1c24; border-bottom:1px dotted #ed1c24; width:432px; background-image: url(../images/list_background.png); overflow:hidden;}
#content .tabel table tr.gegevens {padding:0 20px 0 0px; margin:0; height:20px; line-height:30px; }
#content .tabel table th.column1 { width: 130px; padding:0 0 0 10px; margin:0; }
#content .tabel table td {padding:0 0 10px 10px; margin:0;}

h1 { color: #ed1c24; font-family: Arial; font-size: 18px; margin: 0 0 10px 0; padding: 0;}
h2 { color: #414141; font-family: Arial; font-size: 14px; margin: 0 0 5px 0; padding: 0; font-style: italic;}
h3 { margin: 0 0 5px 0; padding: 0; font-size: 13px;}
#content .vacature span { background-image: url(../images/span_rood.jpg); width: 432px; height: 1px; display: block; margin: 5px 0 15px 0; float: left;}

#content .actie span { background-image: url(../images/span_rood.jpg); width: 432px; height: 1px; display: block; margin: 5px 0 15px 0; float: left;}
#content .actie p { margin: 0 0 10px 0; padding: 0;}
#content .actie p.datum { color: #ed1c24; margin: 0 0 5px 0; padding: 0;}

#content .nieuwsitems { margin: 0 0 10px 0; padding: 0; clear: both;}
#content .nieuwsitems img.foto { margin: 0 10px 10px 0; width: 180px; float: left; border: 0;}
#content .nieuwsitems img.foto_groot { border: 0; margin: 0 0 10px 0; padding: 0; float: left;}
#content .nieuwsitems .teasertekst { margin: 0 0 10px 0;}
#content .nieuwsitems .tekst { margin: 0 0 10px 0; clear: both;}
#content .nieuwsitems .datum { font-style: italic; color: #515151; margin: 10px 0 10px 0; padding: 0;}
#content .nieuwsitems a.lees { clear: both; float: right; background-color: #ed1b24; color: #fff; display: block; width: 60px; text-decoration: none; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; font-size: 10px;}
#content .nieuwsitems a.overzicht { clear: both; float: right; background-color: #ed1b24; color: #fff; display: block; width: 148px; text-decoration: none; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; font-size: 10px;}
#content .nieuwsitems span { background-image: url(../images/span_rood.jpg); width: 432px; height: 1px; overflow: hidden; display: block; margin: 5px 0 15px 0; padding: 0; float: left;}

form { background-color: #fff; overflow: hidden; margin: 20px 0 20px 0; padding: 0;}
form input{ font-family: Verdana; font-size: 11px; width: 180px;}
form input.radio{ font-size: 11px; width: 50px;}
form input.submit { width: auto; float: left;}
form legend{ display: none;}
form fieldset { border: 0; padding: 0; margin: 0;}
form label { float: left; width: 160px;}
form label.geslacht { margin: 0 0 10px 0; width: 90px;}
form label.aanhef { margin: 5px 0 0 0;}
form select.categorie { margin: 10px 0 10px 160px; font-size: 10px;}

form div { margin-bottom: 3px; clear: both;}
form div.submit input { background-color: #ed1b24; color: #fff; text-decoration: none; margin: 0 0 10px 0; padding: 3px 10px 3px 10px; border: 0; font-size: 10px;}
form textarea { font-family: Verdana; font-size: 11px; width: 180px;}


#taalkeuze { position: absolute; right: 0; top: 210px; z-index: 1000;}
#taalkeuze ul { margin: 0; padding: 0;}
#taalkeuze ul li { float: left; list-style: none; padding: 0; margin: 0 0 0 5px;}
#taalkeuze ul li a { width: 17px; height: 17px; display: block; text-indent: -9999px;}
#taalkeuze ul li a.nl { background-image: url(../images/btn_nl.png); }
#taalkeuze ul li a.gb { background-image: url(../images/btn_gb.png); }
#taalkeuze ul li a.de { background-image: url(../images/btn_de.png); }
#taalkeuze ul li a.fr { background-image: url(../images/btn_fr.png); }

#footer { background-color: #dddddd; height: 20px; width:945px; padding: 5px 15px 0 0; margin: 0 0 0 0; text-align: right; clear: both;}
#footer a { text-decoration: none; color: #000;}
#footer a:hover { text-decoration: underline;}


.groen #header .header_foto { background-image: url(../images/header3.jpg);}
.groen #right_column { background-image: url(../images/right_10.jpg);}
.groen #left_column #menu li a { background-color: #dddddd;}
.groen #left_column #menu li a:hover {background-color: #94d1b0; border-bottom: 1px solid #94d1b0;}
.groen #left_column #menu li.active a { color : white; background-color: #94d1b0; border-bottom: 1px solid #94d1b0;}
.groen #left_column #menu li.activesub a { color : white; background-color: #94d1b0; border-bottom: 1px solid #94d1b0;}
.groen #header .logo_rood { width: 720px; height: 88px; background-image: url(../images/logo_groen.png);}
.groen #content a { color: #7cbf9b; text-decoration: none;}
.groen #content a:hover { text-decoration: underline;}
.groen #content ul li a { color: #000; text-decoration: none;}
.groen #content ul li a:hover { text-decoration: underline;}
.groen #content ul li { list-style-image: url(../images/bullet_groen.jpg);}
.groen #content ul li.sitemap { font-weight: bold; list-style-image: url(../images/bullet_groen.jpg); margin: 0 0 5px 0; padding: 0;}
.groen #content ul li.sitemap ul li { font-weight: normal; list-style-type: square; color: #7cbf9b; list-style-image: none; margin: 5px 0 5px 0; padding: 0;}
.groen form div.submit input { background-color: #7cbf9b;}
.groen h1 {color: #7cbf9b;}
.groen #content .vacature span { background-image: url(../images/span_groen.jpg);}
.groen #content .actie span { background-image: url(../images/span_groen.jpg);}
.groen #content .actie p.datum { color: #7cbf9b;}
.groen #content .nieuwsitems a.lees { background-color: #7cbf9b;}
.groen #content .nieuwsitems span { background-image: url(../images/span_groen.jpg);}
.groen #content .nieuwsitems a.overzicht { clear: both; float: right; background-color: #7cbf9b; color: #fff; display: block; width: 148px; text-decoration: none; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; font-size: 10px;}
.groen #content .tabel table {padding:0 10px 0 0px; margin:0 0 20px 0;text-align:left; border-top: 1px dotted #7cbf9b; border-bottom:1px dotted #7cbf9b; width:432px; background-image: url(../images/list_background.png); overflow:hidden;}
.groen #content .tabel table tr.gegevens {padding:0 20px 0 0px; margin:0; height:20px; line-height:30px; }
.groen #content .tabel table th.column1 { width: 130px; padding:0 0 0 10px; margin:0; }
.groen #content .tabel table td {padding:0 0 10px 10px; margin:0;}


/*.blauw #header .header_foto { background-image: url(../images/header_06.jpg);}*/
.blauw #header .header_foto { background-image: url(../images/header_08.jpg);}
.blauw #right_column { background-image: url(../images/right_10.jpg);}
.blauw #left_column #menu li a { background-color: #dddddd;}
.blauw #left_column #menu li a:hover {background-color: #6bc8cd; border-bottom: 1px solid #6bc8cd;}
.blauw #left_column #menu li.active a { color : white; background-color: #6bc8cd; border-bottom: 1px solid #6bc8cd;}
.blauw #left_column #menu li.activesub a { color : white; background-color: #6bc8cd; border-bottom: 1px solid #6bc8cd;}
.blauw #header .logo_rood { width: 720px; height: 88px; background-image: url(../images/logo_blauw.png);}
.blauw #content a { color: #5fa7ab; text-decoration: none;}
.blauw #content a:hover { text-decoration: underline;}
.blauw #content ul li a { color: #000; text-decoration: none;}
.blauw #content ul li a:hover { text-decoration: underline;}
.blauw #content ul li { list-style-image: url(../images/bullet_blauw.jpg);}
.blauw #content ul li.sitemap { font-weight: bold; list-style-image: url(../images/bullet_blauw.jpg); margin: 0 0 5px 0; padding: 0;}
.blauw #content ul li.sitemap ul li { font-weight: normal; list-style-type: square; color: #5fa7ab; list-style-image: none; margin: 5px 0 5px 0; padding: 0;}
.blauw form div.submit input { background-color: #5fa7ab;}
.blauw h1 {color: #5fa7ab;}
.blauw #content .vacature span { background-image: url(../images/span_blauw.jpg);}
.blauw #content .actie span { background-image: url(../images/span_blauw.jpg);}
.blauw #content .actie p.datum { color: #5fa7ab;}
.blauw #content .nieuwsitems a.lees { background-color: #5fa7ab;}
.blauw #content .nieuwsitems span { background-image: url(../images/span_blauw.jpg);}
.blauw #content .nieuwsitems a.overzicht { clear: both; float: right; background-color: #5fa7ab; color: #fff; display: block; width: 148px; text-decoration: none; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; font-size: 10px;}

.blauw #content .tabel table {padding:0 10px 0 0px; margin:0 0 20px 0;text-align:left; border-top: 1px dotted #5fa7ab; border-bottom:1px dotted #5fa7ab; width:432px; background-image: url(../images/list_background.png); overflow:hidden;}
.blauw #content .tabel table tr.gegevens {padding:0 20px 0 0px; margin:0; height:20px; line-height:30px; }
.blauw #content .tabel table th.column1 { width: 130px; padding:0 0 0 10px; margin:0; }
.blauw #content .tabel table td {padding:0 0 10px 10px; margin:0;}

.bliw #header .header_foto { background-image: url(../images/header_09.jpg);}
.bliw #right_column { background-image: url(../images/right_10.jpg);}
.bliw #left_column #menu li a { background-color: #dddddd;}
.bliw #left_column #menu li a:hover {background-color: #6bc8cd; border-bottom: 1px solid #6bc8cd;}
.bliw #left_column #menu li.active a { color : white; background-color: #6bc8cd; border-bottom: 1px solid #6bc8cd;}
.bliw #left_column #menu li.activesub a { color : white; background-color: #6bc8cd; border-bottom: 1px solid #6bc8cd;}
.bliw #header .logo_rood { width: 720px; height: 88px; background-image: url(../images/logo_blauw.png);  }
.bliw #content a { color: #5fa7ab; text-decoration: none;}
.bliw #content a:hover { text-decoration: underline;}
.bliw #content ul li a { color: #000; text-decoration: none;}
.bliw #content ul li a:hover { text-decoration: underline;}
.bliw #content ul li { list-style-image: url(../images/bullet_blauw.jpg);}
.bliw #content ul li.sitemap { font-weight: bold; list-style-image: url(../images/bullet_blauw.jpg); margin: 0 0 5px 0; padding: 0;}
.bliw #content ul li.sitemap ul li { font-weight: normal; list-style-type: square; color: #5fa7ab; list-style-image: none; margin: 5px 0 5px 0; padding: 0;}
.bliw form div.submit input { background-color: #5fa7ab;}
.bliw h1 {color: #5fa7ab;}
.bliw #content .vacature span { background-image: url(../images/span_blauw.jpg);}
.bliw #content .actie span { background-image: url(../images/span_blauw.jpg);}
.bliw #content .actie p.datum { color: #5fa7ab;}
.bliw #content .nieuwsitems a.lees { background-color: #5fa7ab;}
.bliw #content .nieuwsitems span { background-image: url(../images/span_blauw.jpg);}
.bliw #content .nieuwsitems a.overzicht { clear: both; float: right; background-color: #5fa7ab; color: #fff; display: block; width: 148px; text-decoration: none; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; font-size: 10px;}

.bliw #content .tabel table {padding:0 10px 0 0px; margin:0 0 20px 0;text-align:left; border-top: 1px dotted #5fa7ab; border-bottom:1px dotted #5fa7ab; width:432px; background-image: url(../images/list_background.png); overflow:hidden;}
.bliw #content .tabel table tr.gegevens {padding:0 20px 0 0px; margin:0; height:20px; line-height:30px; }
.bliw #content .tabel table th.column1 { width: 130px; padding:0 0 0 10px; margin:0; }
.bliw #content .tabel table td {padding:0 0 10px 10px; margin:0;}