BODY {
	BACKGROUND: url(/img/bg.jpg) center top;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #000;
	HEIGHT: 100%;
}

P { margin: 0px; padding 0px;}

#maincontainer {
 WIDTH: 796px;
 HEIGHT: auto;
 PADDING: 0px;
 MARGIN: 0px 0px 0px 0px;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 10pt;
 text-align: center;
 color: #DDDDDD;
}

#contentcontainer {
 WIDTH: 614px; 
 HEIGHT: auto;
 PADDING: 0px;
 MARGIN: 10px 0px 0px 0px;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 10pt;
 text-align: center;
 color: #DDDDDD;
}

#nieuwsblok {
 FLOAT: left;
 WIDTH: 230px;
 HEIGHT: 285px;
 MARGIN: 0px;
 PADDING: 0px;
 BACKGROUND: url(/img/nieuwsbg.jpg) left top;
 BACKGROUND-REPEAT: no-repeat;
 text-align: center;
 LINE-HEIGHT: 10pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDDDDD;
}

#nieuwsblokinside {
 WIDTH: 190px;
 HEIGHT: auto;
 MARGIN: 50px 20px 20px 20px;
 LINE-HEIGHT: 10pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDDDDD;
 text-align: left;
}

* html nieuwsblokinside { width:170px; padding: 0px;  MARGIN: 50px 0px 0px 0px; }

#nieuwsitem {
 DISPLAY: block;
 WIDTH: 185px;
 HEIGHT: 50px;
 MARGIN: 0px;
 PADDING: 0px;
 text-align: left;
 LINE-HEIGHT: 10pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDDDDD;
}

#nieuwsarchiveitem {
 DISPLAY: block;
 WIDTH: 550px;
 HEIGHT: 20px;
 MARGIN: 0px 0px 0px 0px;
 text-align: left;
 LINE-HEIGHT: 10pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDDDDD;
}

img.nieuwsthumb {
 border:1px solid #CCC;
 margin-left: 2px;
 margin-right: 6px;
 float:left; 
 clear:both; 
}

img.nieuwsknop {
 margin-top: 7px;
}

#spotlightblok {
 FLOAT: right;
 WIDTH: 372px;
 HEIGHT: 285px;
 PADDING: 0px;
 PADDING-top: 18px;
 MARGIN: 0px 0px 0px 0px;
 BACKGROUND: url(/img/spotlight.jpg) left top;
 BACKGROUND-REPEAT: no-repeat;
 LINE-HEIGHT: 14pt; 
 font-family: arial;
 font-size: 10pt;
 color: #555555;
}

* html #spotlightblok {
  margin: 0 -10px; ma\rgin: 0;
} 

#infoblok {
 WIDTH: 614px;
 BACKGROUND: url(/img/bg-info.jpg) left top;
 BACKGROUND-REPEAT: repeat-y;
 HEIGHT: auto;
 PADDING: 0px;
 PADDING-left: 25px;
 MARGIN: 0px 0px 0px 0px;
 LINE-HEIGHT: 12pt;
 font-family: arial;
 font-size: 8pt;
 text-align: center;
 color: #DDD;
}

* html infoblok { padding: 0px; }

#infotekst {
 WIDTH: 550px;
 HEIGHT: auto;
 PADDING: 0px;
 MARGIN: 0px 0px 0px 0px;
 LINE-HEIGHT: 12pt;
 font-family: arial;
 font-size: 8pt;
 text-align: left;
 color: #DDD;
}

#zoeken {
 WIDTH: 614px;
 HEIGHT: 41px;
 PADDING: 0px;
 MARGIN: 0px 0px 0px 0px;
 BACKGROUND: url(/img/zoekbtm.jpg) left top;
 BACKGROUND-REPEAT: no-repeat;
 LINE-HEIGHT: 15pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDD;
 text-align: right;
}

input.zoeken {
   border: 0px;
   margin-top: 4px;
   margin-right: 4px;
   margin-bottom: 4px;
   font-family: arial;
   font-size: 9pt;
   color: #CCCCCC;
   background-color: #444444;
   width:275;
  }

input.zoekbut {
   border: 0px;
   margin-right: 5px;
  }

#windowcontainer {
 WIDTH: 609px;
 HEIGHT: auto;
 MARGIN: 0px;
 padding: 0px;
 MARGIN-LEFT: 3px;
 BACKGROUND: url(/img/window-bg.jpg) left top;
 padding-left: 30px;
 BACKGROUND-REPEAT: repeat-y;
 LINE-HEIGHT: 15pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDD;
 text-align: center;
 align: center;
}

* html #windowcontainer {margin: 0px;
                         padding-left: 0px;
}

#contentwindow {
 WIDTH: 550px;
 HEIGHT: auto;
 MARGIN: 0px;
 padding: 0px;
 LINE-HEIGHT: 15pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDD;
 text-align: left;
 float:center;
}

#artiestenwindow {
 WIDTH: 580px;
 HEIGHT: auto;
 MARGIN: 0px;
 padding: 0px;
 LINE-HEIGHT: 15pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDD;
 text-align: left;
 float:center;
}

* html #artiestenwindow {margin: 0px;
                         padding-left: 13px;
}

img.newsimg {
 float: right;
 clear: both;
 margin-left: 10px;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 10px;
 border: 1px solid #BBB;
}

#linksbtm {
 WIDTH: 550px;
 HEIGHT: 35px;
 PADDING: 0px;
 MARGIN: 0px 0px 0px 0px;
 BACKGROUND: url(img/bg-copyright.jpg) center top;
 BACKGROUND-REPEAT: no-repeat;
 LINE-HEIGHT: 15pt;
 font-family: arial;
 font-size: 8pt;
 color: #DDD;
 text-align: center;
}

#linkscontainer {
 WIDTH: 175px;
 HEIGHT: auto;
 PADDING: 0px;
 MARGIN: 8px 0px 5px 5px;
 LINE-HEIGHT: 15pt;
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
 text-align: left;
 float: left;
}

#emailblok {
 FLOAT: left;
 WIDTH: 372px;
 HEIGHT: 388px;
 PADDING: 0px;
 MARGIN: 0px 0px 0px 0px;
 BACKGROUND: url(/img/bg-email.jpg) left top;
 BACKGROUND-REPEAT: no-repeat;
 LINE-HEIGHT: 14pt; 
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
 text-align: center;
}

#contactblok {
 FLOAT: right;
 WIDTH: 230px;
 HEIGHT: 388px;
 PADDING-top: 30px;
 MARGIN: 0px 0px 0px 0px;
 BACKGROUND: url(/img/bg-contact.jpg) left top;
 BACKGROUND-REPEAT: no-repeat;
 text-align: center;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
}

#contactblokinside {
 WIDTH: 180px;
 HEIGHT: auto;
 MARGIN: 30px 25px 25px 25px;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 8pt;
 color: #BB;
 text-align: left;
}


* html #contactblokinside {
      margin: 55px 20px 20px 20px; 
	  }

#emailblokinside {
 WIDTH: 300px;
 HEIGHT: auto;
 MARGIN: 50px 0px 0px 0px;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
 text-align: left;
}

#artisttn {
 WIDTH: 140px;
 HEIGHT: auto;
 MARGIN: 0px;
 PADDING-left: 2px;
 PADDING-bottom: 10px;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
 text-align: left;
 float: left;
}

#broodkruimels {
 WIDTH: 99%;
 HEIGHT: auto;
 MARGIN: 0px;
 PADDING-bottom: 10px;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
 text-align: left;
}

#afbeelding {
  float: left;
  width: 250px;
  text-align: left;
  padding-left: 0px;
  margin: 0px;
}

* html #afbeelding { margin: 0px;
                     padding-left: 20px;
}

#titelvlak {
  float: right;
  width: 300px;
  text-align: left;
  LINE-HEIGHT: 14pt;
  BACKGROUND-COLOR: #555555;
  font-family: arial;
  font-size: 10pt;
  color: #DDD;
  padding-left: 5px;
}

#mediabox {
  float: right;
  width: 290px;
  text-align: left;
  LINE-HEIGHT: 14pt;
  font-family: arial;
  font-size: 10pt;
  background-color: #111;
  color: #DDD;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 50px;
  padding: 5px;
}

* html #mediabox { width: 300px;
                   margin-right: 30px;
}


#mediacenter {
 FLOAT: left;
 WIDTH: 230px;
 HEIGHT: 388px;
 PADDING-top: 30px;
 MARGIN: 0px 0px 0px 0px;
 BACKGROUND: url(/img/bg-contact.jpg) left top;
 BACKGROUND-REPEAT: no-repeat;
 text-align: center;
 LINE-HEIGHT: 14pt;
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
}


img.thumb {
 margin: 0px;
 padding: 0px;
 border: 1px solid #BBB;
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}

img.kleinethumb {
 margin-left: 2px;
 border: 1px solid #BBB;
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
 cursor: hand;
}


TD {
 LINE-HEIGHT: 10pt;
 font-family: arial;
 font-size: 8pt;
 color: #BBB;
}

h1 {
	COLOR: #dd7d00; 
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
	font-size: 13pt;
    PADDING: 0px;
    MARGIN: 0px;
}

h2 {
	COLOR: #dd7d00; 
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
	font-size: 11pt;
    PADDING: 0px;
    MARGIN: 0px;
	MARGIN-BOTTOM: 4px;
}

h3 {
	COLOR: #CCC; 
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
	font-size: 9pt;
    PADDING: 0px;
    MARGIN: 0px;
	MARGIN-BOTTOM: 4px;
}

a {
	COLOR: #666; 
	TEXT-DECORATION: none;
	font-family: arial;
}

a:hover {
	COLOR: #DDD; 
	TEXT-DECORATION: underline;
	font-family: arial;
}

a.links {
	COLOR: #BBB; 
	TEXT-DECORATION: none;
    font-family: arial;
}

a:hover.links {
	COLOR: #FFF; 
	TEXT-DECORATION: underline;
    font-family: arial;
}

a.link {
	COLOR: #dd7d00; 
	TEXT-DECORATION: none;
    font-family: arial;
}

a:hover.link {
	COLOR: #FFF; 
	TEXT-DECORATION: underline;
    font-family: arial;
}

input.contact {
   border: 1px solid #666;
   font-family: arial;
   font-size: 10pt;
   color: #CCC;
   background-color: #222;
   width:200;
  }

textarea.contact {
   border: 1px solid #666;
   font-family: arial;
   font-size: 10pt;
   color: #CCC;
   background-color: #222;
   width:295px;
   scrollbar-arrow-color: #CCC;
   scrollbar-face-color: #666;
   scrollbar-highlight-color: #CCC;
   scrollbar-3dlight-color: #999;
   scrollbar-shadow-color: #333;
   scrollbar-darkshadow-color: #222;
   scrollbar-track-color: #777;
  }

input.contactbut {
   margin-top:4px;
   border: 1px solid #666;
   font-family: arial;
   font-size: 8pt;
   color: #000;
   background-color: #666;
   width: 100px;
  }

input.form {
   border: 1px solid #666;
   font-family: arial;
   font-size: 10pt;
   color: #CCC;
   background-color: #222;
   width:300;
  }

textarea.form {
   border: 1px solid #666;
   font-family: arial;
   font-size: 10pt;
   color: #CCC;
   background-color: #222;
   scrollbar-arrow-color: #CCC;
   scrollbar-face-color: #666;
   scrollbar-highlight-color: #CCC;
   scrollbar-3dlight-color: #999;
   scrollbar-shadow-color: #333;
   scrollbar-darkshadow-color: #222;
   scrollbar-track-color: #777;
   width:300;
  }

select.form {
   border: 1px solid #666;
   font-family: arial;
   font-size: 10pt;
   color: #CCC;
   background-color: #222;
   scrollbar-arrow-color: #CCC;
   scrollbar-face-color: #666;
   scrollbar-highlight-color: #CCC;
   scrollbar-3dlight-color: #999;
   scrollbar-shadow-color: #333;
   scrollbar-darkshadow-color: #222;
   scrollbar-track-color: #777;
   width:300;
  }

input.formbut {
   margin-top:4px;
   border: 1px solid #666;
   font-family: arial;
   font-size: 8pt;
   color: #000;
   background-color: #666;
   width: 200px;
  }


input.inp {
   border: 1px solid #f8a2b3;
   font-family: arial;
   font-size: 10pt;
   color: #444444;
   background-color: #f7e2e6;
   width:250;
  }

textarea.inp {
   border: 1px solid #f8a2b3;
   font-family: arial;
   font-size: 10pt;
   color: #444444;
   background-color: #f7e2e6;
   width: 250px;
  }

newspl {
   border: 0px;
   float: right;
  }

#contactform { margin-left: 30px; 
               margin-top: 0px; }

* html #contactform {margin-left: 0px;
                     margin-top: 10px;}
