/********************
***  Style reset  ***
********************/
*
{
   margin: 0;
   padding: 0;
}


/**********************
***  Global Styles  ***
**********************/
html { background: #252525; }
html, body
{
   color: #000;
   margin: 0 auto;
   font: 13px "Trebuchet MS", arial, verdana, sans-serif;
}
body
{
   width: 960px;
   background: #252525;
   padding: 50px 0px;
}
h1
{
   background-color: transparent;
   color: #fff;
   padding-left: 40px;
   padding-bottom: 10px;
}
h2
{
   font: 16px "Trebuchet MS", sans-serif;
   background-color: transparent;
   color: #979797;
   padding-left: 95px;
}
p
{
   padding: 6px 5px;
}
a:link, a:active
{
   background-color: inherit;
   color:  #b1ae94;
   text-decoration: none;
}
a:visited
{
   background-color: inherit;
   color: #b1ae94;
   text-decoration: none;
}
a:hover
{
   text-decoration: none;
}
ul
{
   list-style-type: none;
}


/*********************
***  Main Content  ***
*********************/
div#main-content
{
   margin: 25px 0 0 0;
   padding: 15px 15px 10px 255px;
   background: #fff url('img/bg.png') repeat-y left;
}
div#main-content h3
{
   font: 18px Georgia, "Trebuchet MS", verdana, arial, sans-serif;
   padding: 15px 15px 15px 15px;
   font-weight: normal;
}
div#main-content h4
{
   background-color: transparent;
   color: #979797;
   font-size: 10px;
   padding: 0 0 5px 15px;
   font-weight: normal;
}
div#side-col
{
   margin: 25px 0 0 0;
   padding: 15px 15px 15px 15px;
   font-size: 10px;
   float: left;
   display: inline;
   width: 225px;
   background: #fff;
}

div#side-col h3 /*Tekst die onder de kolommen staat:*/
{
   font-size: 14px;
   padding: 30px 15px 5px 15px;
}


/*****************
***  Services  ***
*****************/
ul#services
{
   border-top: 1px solid #fff;
   background: #fbf9ed url('img/png/bg-light.png') repeat-y right;
}
ul#services li
{
   background: transparent url('img/png/home-s.png') no-repeat 10px 10px;
   border-bottom: 1px solid #fff;
   padding: 24px 10px 24px 100px;
}
ul#services li#television { background-image: url('img/png/television-s.png'); }
ul#services li#images { background-image: url('img/png/images-s.png'); }
ul#services li#music { background-image: url('img/png/music-s.png'); }
ul#services li#contact { background-image: url('img/png/contact-s.png'); }
ul#services li a:link, ul#services li a:active, ul#services li a:visited
{
   background-color: inherit;
   color: #000;
   font-weight: bold;
   text-decoration: none;
}
ul#services li a:hover
{
   text-decoration: underline;
}


/********************
***  Welcome Box  ***
********************/
div#welcome
{
   background: #fbf9ed url('img/welcome-bg2.png') no-repeat bottom right;
   margin: 0 0 10px 0;
   border: 2px solid #f0eed9;
}
div#welcome p
{
   background: #fbf9ed;
   color: #b1ae94;
   font-size: 14px;
   margin: 10px 150px 10px 10px;
}

/********************
***  Page Footer  ***
********************/
p#footer
{
   background-color: transparent;
   color: #979797;
   font-size: 10px;
   padding: 0px 0 0 0;
   text-align: center;
}


/*****************
***  Images Gallery  ***
*****************/

#gallery {
	clear: both;
	width: 700px;
	height: 480px;
	margin: 0 auto;
}

#top-photo h2 {
	height: 1.4em;
	font-size: 1em;
}

#top-photo p {
	margin: 0;
	padding: 0 0 10px 0;
}

#prev {
	display: block;
	float: left;
	width: 30px;
	height: 100px;
	background: url(_images/buttons/img11.gif) no-repeat;
}

#next {
	display: block;
	float: left;
	width: 30px;
	height: 100px;
	background: url(_images/buttons/img13.gif) no-repeat right top;
}

#prev span, #next span {
	display: none;
}

#thumbs {
	display: block;
	float: left;
	width: 640px;
	height: 100px;
	background: url(_images/buttons/img12.gif) no-repeat;
}

#thumbs img {
	padding: 14px 0 0 10px;
}