body{
      margin:0px;
      text-align: center;
      background-color: #000000;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 62.5%; /* = 10px */
}

/*******************************/
/* Indeling                    */
/*******************************/
div#container{
      width: 1100px;
      height: auto;
      background-color: #000000;
      margin: 0 auto 0 auto;
      text-align: left;
}
 
 
/*******************************/
/* TV pagina                   */
/*******************************/
div#containerTV{
      width: 1100px;
      height: auto;
      background-color: #B40404;
      margin: 20px auto 0 auto;
      text-align: left;
}
 
div#redBarsTV{
      width: 1100px;
      height: 8px;
      float: left;
      background-color: #B40404;
}
 
div#slider{
      width: 1100px;
      height: 500px;
      float: left;
      background-color: #B40404;
}

div#newsBannerLeft{
      width: 550px;
      height: 50px;
      float: left;
			text-align: center;
      background-color: #1C1C1C;
}

div#newsBannerRight{
      width: 550px;
      height: 50px;
      float: left;
			text-align: center;
      background-color: #1C1C1C;
}
 
 
/*CSS for the scroller*/
.rssclass .rsstitle{
		  font-weight: bold;
}

.rssclass .rssdate{
			color: gray;
	    font-size: 85%;
}

.rssclass a{
			font-size: 22px;
			line-height: 35px;
			font-family: 'Economica', Arial, sans-serif;
			font-weight: 400;
			text-decoration: none;
}

/*******************************/
/* Index pagina                */
/*******************************/
div#nav{
width: 1100px;
height: 50px;
text-align: center;
background-color: #1C1C1C;
}

div#redBars{
width: 1100px;
height: 500px;
float: left;
background-color: #B40404;
}

div#redBarsLeft{
width: 600px;
height: 500px;
float: left;
background-color: #B40404;
}

div#redBarsRight{
width: 500px;
height: 500px;
float: left;
background-color: #B40404;
}

div#headLogo{
width: 600px;
height: 140px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

div#sideLogo{
width: 490px;
height: 140px;
float: left;
margin: 0px 0px 10px 10px;
background-color: #FFFFFF;
}

div#mainContent{
width: 600px;
height: 340px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

div#sideContent{
width: 450px;
height: 330px;
float: left;
margin: 0px 0px 10px 10px;
padding: 5px 20px 5px 20px;
background-color: #1C1C1C;
}

div#sidePhoto{
width: 450px;
height: 330px;
float: left;
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 0px;
background-color: #1C1C1C;
}

div#footerContent{
width: 1100px;
height: 100px;
float: clear;
text-align: left;
background-color: #1C1C1C;
}

div#footerContentColumn{
width: 255px;
height: 100px;
float: left;
text-align: left;
padding: 5px 10px 5px 10px;
background-color: #1C1C1C;
}

div#footerCopyright{
width: 1100px;
height: 20px;
text-align: center;
background-color: #000000;
}

/*******************************/
/* Over Ons pagina             */
/*******************************/
div#mainContentTekst{
width: 560px;
height: 330px;
float: left;
margin: 0px 0px 10px 0px;
padding: 5px 20px 5px 20px;
background-color: #1C1C1C;
}

/*******************************/
/* Advies pagina               */
/*******************************/
div#adviesPhotoBarBackground{
width: 1100px;
height: 140px;
float: left;
margin: 0px 0px 10px 10px;
background-color: #1C1C1C;
}

div#adviesPhotoBar{
width: 1100px;
height: 140px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #1C1C1C;
}

div#adviesPhotoColumn{
width: 275px;
height: 140px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #1C1C1C;
}

div#adviesColumn{
width: 255px;
height: 320px;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
background-color: #1C1C1C;
}

/*******************************/
/* Haarmode pagina             */
/*******************************/
div#redBarsHaarmodeLeft{
width: 600px;
height: 560px;
float: left;
background-color: #B40404;
}

div#redBarsHaarmodeRight{
width: 500px;
height: 560px;
float: left;
background-color: #B40404;
}

div#sideContentHaarmode{
width: 450px;
height: 560px;
float: left;
margin: 0px 0px 0px 10px;
padding: 20px 20px 20px 20px;
background-color: #1C1C1C;
}

div#mainContentHaarmode{
width: 600px;
height: 400px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

/*******************************/
/* Behandelingen pagina        */
/*******************************/
div#sideContentBehandelingen{
width: 450px;
height: 500px;
float: left;
margin: 0px 0px 0px 10px;
padding: 20px 20px 20px 20px;
background-color: #1C1C1C;
}

div#mainContentBehandelingen{
width: 600px;
height: 340px;
float: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background-color: #1C1C1C;
}

/*******************************/
/* Producten pagina            */
/*******************************/
div#productenRedBars{
width: 1100px;
height: 620px;
background-color: #B40404;
}

/*div#productenPhotoBarBackground{
width: 1100px;
height: 140px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #1C1C1C;
}*/

div#productenPhotoBar{
width: 1100px;
height: 140px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #1C1C1C;
}

div#productenPhotoColumn{
width: 275px;
height: 140px;
float: left;
margin: 0px 0px 10px 0px;
background-color: #1C1C1C;
}

div#productenColumn{
width: 255px;
height: 440px;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
background-color: #1C1C1C;
}


/*******************************/
/* Tekst elementen             */
/*******************************/
h1{
font-family:"Comic Sans MS",Times,serif;
font-weight: bold;
font-size: 22px; 
color: #FFFFFF;
line-height:24px;
}

h2{
font-family:"Comic Sans MS",Times,serif;
font-weight: bold;
font-size: 20px;
color: #B40404;
line-height:22px;
}

h3{
font-family:"Comic Sans MS",Times,serif;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height:18px;
} 

h4{
font-family:"Comic Sans MS",Times,serif;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
line-height:10px;
} 

p{
font-family:"Comic Sans MS",Times,serif;
color: #FFFFFF;
}

p.super{
font-size: 18px;
line-height:20px;
}

p.groot{
font-size: 14px;
line-height:16px;
}

p.medium{
font-size: 13px;
line-height:15px;
}

p.klein{
font-size: 11px;
line-height:13px;
}

p.table{
font-size: 11px;
line-height:11px;
}

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

/*td.normal{
vertical-align: top; 
writing-mode: rl-tb;
}
td.vertical{
vertical-align: bottom; 
writing-mode: tb-rl;
}*/

/*******************************/
/* Navigatie Berlin Sans FB Demi                  */
/*******************************/
ul{
list-style: none;
padding: 10px 0 0 0;
}

li{
display: inline;
margin: 0 32px 0 0;
}

a{
font-family: "Comic Sans MS",Times,serif;
font-weight: bold;
font-size: 20px;
text-decoration: none;
padding: 0px 5px 0px 5px;
}

a:link, a:visited{
color: #FFFFFF;
}

a:hover, a:active{
color: #B40404;
} 

a.normal{
font-family:"Comic Sans MS",Times,serif;
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
background-color: transparent;
}

a.normal:link, a.normal:visited{
color: #FFFFFF;
}

a.normal:hover, a.normal:active{
color: #B40404;
} 

table, th, td {
margin: 0px;
padding: 0px;
border-spacing: 0px;
}

img.grayscale {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}