html {
height: 100%;
}

body {
 margin: 0;
 padding: 0;
 background-color:  #0067a6;
 font-family:       Arial, Helvetica, sans-serif;
 font-size:         9pt;
 color:             #FFFFFF;
 background-image: url(../images/SIG/backgrnd_body.jpg);
 background-position: right top;
 background-repeat: no-repeat;
 height: 100%;
 }

.rood 		 { color: #ee4035 }
.blauw 		 { color: #0067a6 }
.donkerblauw { color: #002f65 }


/* Tabellen */
.bodycontent {
 background-image: url(../images/SIG/backgrnd_content2.jpg);
 background-repeat: no-repeat;
 height: 100%;
}

.extracontent {
 background-image: url(../images/SIG/backgrnd-small.gif);
 background-repeat: repeat-y;
 height: 100%;
}

.footer {
       height: 70px;
       background-image: url(../images/SIG/footer_content.gif);
       background-position: right bottom;
       background-repeat: no-repeat;
       text-align: center;
       margin-left: 10px;
}
.footerhome {
       background-image: url(../images/SIG/footer_home.gif);
       background-position: right bottom;
       background-repeat: no-repeat;
       margin-left: 10px;
}

.banner_rockfon {
    position: relative;
    float: right;
    padding-top: 20px;
    padding-right: 20px;
}

/* Einde tabellen */
#top {
        position: relative;
        float: left;
        clear: both;
        width: 900px;
        height: auto;
}

#header {
        position: relative;
        float: left;
        clear: both;
        width: 838px;
        height: 170px;
}

#sidebar {
        position: relative;
        float: left;
        width: 190px;
        margin-top: 20px;
}

#main {
        position: relative;
        float: left;
        margin-top: 20px;
        width: 620px;
}



#topleft {
float: left;
height: 170px;
width: 615px;
}

#topright {
float: right;
height: 170px;
width: 190px;
}

.topmenu {
padding: 10px;
}

td {
 font-size: 9pt;
}

h1 {
 text-align: left;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 10px;
 padding-bottom: 5px;
 border-bottom: 1px solid white;
 padding-top: 0;
 margin-top: 0;
 }

h2 {
 font-size: 16px;
 font-weight: bold;
 color: #fff;
}

h3 {
 text-align: left;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 margin: 0;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 }

h4 {
 text-align: left;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding-left: 0px;
 padding-top: 15px;
 padding-bottom: 5px;
 }

h5 {
 text-align: left;
 color: #0067a6;
 font-size: 14px;
 font-weight: bold;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-top: 0px;
 padding-bottom: 3px;
 border-bottom: 1px solid #0067a6;
 }

h6 {
 font-size: 13px;
 color: #ee4035;
 margin: 0;
 padding: 0px;
}

body.print {
 margin: 10px;
 padding: 0;
 background-color:  white;
 font-family:       Arial, Helvetica, sans-serif;
 font-size:         9pt;
 color:             #000;
 background-image: none;
}
 
div.printcontent {
width: 600px;
}

.printcontent h1, .printcontent h2 {
color: #000; 
}

ul {
list-style: circle;
}

ul li {
width: auto;
}

a, a:visited, a:active {
 color: #fff;
 text-decoration: underline;
}

a:hover {
 color: #ee4035;
 text-decoration: none;
 }

a.news, a.news:visited, a.news:active  {
display: block;
margin: 0;
padding-top: 2px;
color: #002f65;
text-decoration: none;
font-weight: bold;
}

a.news:hover {
 color: #ee4035;
 text-decoration: none;
 font-weight: bold;
}

ul.messages li {
color: #ff0000;
font-size: 9pt;
}

.subbuttons {
clear: both;
}

.subbuttons a {
font-size: 10px;
}

/* content links - navigatie */
#contentlinks
 {
 position: relative;
 float: left;
 }

#links
 {
 width: 190px;
 float: left;
 clear: left;
 margin-left: 10px;
 }

#hoofdmenu
{
float: left;
width: 164px;
text-align: left;
}

#banner {
float: left;
margin-top: 3px;
width: 164px;
text-align: left;
}

#links2
 {
 position: relative;
 width: 214px;
 float: left;
 clear: left;
 background-color: #E9F1F7;
 }

/* Styles for Menu Items */

ul#nav  
{  
list-style: none;
padding: 0;
margin: 0;
}

ul#nav li {
  position: relative;
  float: left;
  width: 164px;
  overflow: hidden;
  margin-bottom: 4px;
  margin-left: 0;
  padding: 0;
} 

ul#nav li a, ul#nav li a:link,ul#nav li a:active,ul#nav li a:visited, ul#nav li a:hover, ul#nav li.redlink a:hover {
  display: block;
  height: 21px;
  text-align: left;
  color: #002f65;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 3px;
  background-image: url(../images/SIG/btn_off.gif);
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
}

ul#nav li a:hover, ul#nav li.redlink a {
    color: #FFF; 
    background-image: url(../images/SIG/btn_on.gif);
    background-position: right center;
    background-repeat: no-repeat;
 }


/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left;  }
* html ul#nav li a { height: 21px; }


ul#sublinks  {
list-style: disc;
list-style-image: url(../images/SIG/redbullit.gif);
color: #ee4035;
margin-left: 18px;
padding: 0;
}


ul#sublinks li {
  color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
	color: #ee4035;
} 

ul#sublinks li a, ul#sublinks li a:link,ul#sublinks li a:active,ul#sublinks li a:visited, ul#sublinks li a:hover {
  text-align: left;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 9pt;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background-image: none;
  white-space: nowrap;
}

ul#sublinks li a:hover {
    color: #ee4035;
 } 

/* End */
/* END Styles for Menu Items */

#contentmain {
position: relative;
float: left;
clear: right;
width: 736px;
}

#contentmain2 {
position: relative;
width: 950px;
}

#contentmain3 {
position: relative;
width: 950px;
text-align: left;
padding: 10px;
}

.content {
 padding-top: 10px;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 10px;
 text-align: left;
 font-size: 9pt;
}

#maintext {
font-size: 9pt;
text-align: left;
vertical-align: top;
margin-left: 0px;
margin-right: 10px;
padding-bottom: 10px;
}

#maintext2 {
font-size: 9pt;
text-align: left;
vertical-align: top;
margin-left: 20px;
margin-right: 10px;
margin-top: 4px;
padding-bottom: 10px;
}

#image {
    float: right;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

#image_lightbox {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    float: left;
}

#image_lightbox a {
    border: 0px none;
}

#image_lightbox img {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 146px;
    border: 0px none;
}

/* footer vervolg */
.footercontent {
margin-left: 170px;
margin-bottom: 5px;
}

.footercontenthome {
margin-left: 3px;
margin-bottom: 5px;
}

.nieuwscontainer {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px; 
padding-top: 0px; 
margin: 0px;
}

.nieuws {
margin-left: 20px;
background-image: url(../images/SIG/textblok_top.gif);
background-position: center top;
background-repeat: no-repeat;
width: 621px;
padding-top: 14px;
}

.newsitem {
margin-top: 5px;
padding-left: 15px;
background-image: url(../images/SIG/redbullit.gif);
background-repeat: no-repeat;
background-position: left top;
}

.nonewsitem {
 height: 20px;
}

.nieuwstext {
width: 619px;
*width: 621px;
color: #002f65;
background-color: #fff;
border-right: 1px solid #002f65;
border-left: 1px solid #002f65;
}

.aanbiedingen {
margin-left: 20px;
width: 621px;
margin-bottom: 10px;
}

.atop {
background-image: url(../images/SIG/textblok_top.gif);
background-position: center bottom;
background-repeat: no-repeat;
width: 621px;
height: 14px;

}
.abottom {
background-image: url(../images/SIG/textblok_bottom.gif);
background-position: center top;
background-repeat: no-repeat;
width: 621px;
height: 14px;
}

.aanbiedingentext {
width: 619px;
*width: 621px;
color: #002f65;
background-color: #fff;
border-right: 1px solid #002f65;
border-left: 1px solid #002f65;

}

.footertext {
 font-size: 11px;
 padding-top: 50px;
 padding-left: 60px;
 color: #002f65;
}

.footertexthome {
 font-size: 11px;
 padding-top: 50px;
 padding-left: 160px;
 color: #002f65;

}

.footertext a,.footertext a:active,.footertext a:visited {
color: #002f65;
}

.footertexthome a,.footertexthome a:active,.footertexthome a:visited {
color: #002f65;
}

table.products td {
width: 180px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
vertical-align: top;

}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* Extranet */

#contentb {
margin-left: 0px;
border:	1px;
border-style: solid;
border-color: #000000;
}
#containerb {
position: relative;
float: left;
}

#line {
position: relative;
float: left;
height: 5px;
background-color: #FFFFFF;
clear: both;
}

.scrolla {
position: relative;
float: left;
width: 180px;
height: 400px;
overflow: auto;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 3px;
padding: 3px;
background-color: #CCC;
border-style: solid;
border-width: 1px;
}

.scrollb {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 3px;
width: 500px;
height: 250px;
padding: 3px;
background-color: #CCC;
overflow: auto;
border-style: solid;
border-width: 1px;
}

.scrollc {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 3px;
width: 150px;
height: 250px;
padding: 3px;
background-color: #CCC;
border-style: solid;
border-width: 1px;
overflow: auto;
}

#navigatiecontainerb {
position: relative;
float: left;
height: 39px;
}

#inhoudb {
position: relative;
float: left;
text-align: left;
background-image: none;
}

#tekstb {
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 20px;
padding-right: 5px;
text-align: left;
}

.pathinfo {
float: left;
clear: both;
height: 20px;
border:	1px;
padding-top: 10px;
padding-left: 10px;
margin-bottom: 5px;
font-size: 11px;
}

.path {
text-align: left;
clear: both;
width: 510px;
border:	1px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 10px;
}

.knoppenbalk {
position: relative;
float: left;
clear: both;
text-align: left;
padding: 0;
margin-bottom: 10px;
}

.knop {
text-align: center;
margin-left: 0;
margin-right: 5px;
padding: 0;
}

.usertable {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 5px;
clear: both;
}

.buttonblock {
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
}

.contentblock {
position: relative;
float: left;
margin-top: 5px;
padding: 0;
}

.clearblock {
position: relative;
float: left;
margin-top: 5px;
padding: 0;
clear: both; 
}

.clearrightblock {
position: relative;
float: left;
margin-top: 5px;
padding: 0;
clear: right; 
}

.clearleftblock {
position: relative;
float: left;
margin-top: 5px;
padding: 0;
clear: left; 
}

.textBox {
font-size: 11px;
}

.selectBox {
font-size: 11px;
}

.textArea {
font-size: 11px;
}

.regel {
float: left;
clear: both;
white-space: nowrap;
}

.regeltext {
text-align: left;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 11px;
color: #fff;
}

#folderlist ul {
list-style: none;
margin: 0;
padding: 10px;
}

#folderlist li {
list-style-image: url(../images/SIG/folders.gif); 
padding-left: 5px;
padding-top: 3px;
font-size: 12px;
}

#folderlist li a {
display: block;
white-space: nowrap;
}

#documentlist ul {
margin-top: 5px;
list-style: inside;
}

#documentlist li {

list-style-image: url(../images/SIG/paginas.gif); 
font-size: 12px; 
padding-left: 10px;
padding-top: 3px;
}

#documentlist li a {
padding-left: 3px;
display: block;
white-space: nowrap;
}

/* sitemap */
.maplevel1 { FONT-SIZE: 18px; padding-top: 30px;}
.maplevel2 { FONT-SIZE: 15px; padding-top: 20px;}
.maplevel3 { FONT-SIZE: 13px; padding-top: 10px;}
.maplevel4 { FONT-SIZE: 12px; padding-top: 5px;}
.maplevel5 { FONT-SIZE: 11px; padding-top: 3px;}
.maplevel6 { FONT-SIZE: 10px; padding-top: 1px;}

.maptext { FONT-SIZE: 10px;}
.maptext a    { FONT-SIZE: 10px; text-decoration: none}
.maptext a:visited { color: #fff; text-decoration: none}
.maptext a:hover   { color: #fff; text-decoration: underline}
.maptext a:active  { color: #fff; text-decoration: none}