/* ################################################### */
/* # version:   1.0                                  # */
/* # author:    M. Derix | marcderix.com             # */
/* # e-mail:    marc@marcderix.com                   # */
/* # website:   http://www.marcderix.com             # */
/* ################################################### */



/* GLOBAL RESET */
/* ################################################### */

html, body                          { width: 100%; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote
{  
  margin:0; 
  padding:0; 
} 
*                                   { line-height: 140%; }
li, dd                              { margin-left: 0; }
fieldset                            { padding: .5em; }

img
{
  border: none;
}


/* GLOBAL FORM */
/* ################################################### */


form 
{
  margin: 0;
  padding: 0;
  display: inline;
}
 
input, select, textarea 
{
  font: 1em arial, helvetica, sans-serif;
}
 
textarea 
{
  line-height: 1.25;
}
 
label 
{
  cursor: pointer;
  display: block;
  font-size: 14px;
}

/* SITE STYLES */
/* ################################################### */

html
{
  background-color: #451010;
}

#siteContainer
{
  width: 998px;
  height: auto;
  position: relative;
  margin: 0 auto;
}

#siteContainer #header
{
  height: 251px;
  width: 996px;
  position: relative;
  z-index: 2;
  margin: 0;
}

#siteContainer #mainContent
{
  width: 936px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: transparent url('../images/content_block.gif') no-repeat left top;
  margin-top: -50px;
  margin-bottom: 30px;
}

#siteContainer #mainContent #navigation
{
  width: 216px;
  height: 300px;
  position: relative;
  float: left;
  margin: 96px 0 0 29px;
  display: inline;
}

#siteContainer #mainContent #navigation ul
{
  list-style-type: none;
}

#siteContainer #mainContent #navigation ul li.home
{
  width: 216px;
  height: 48px;
}

#siteContainer #mainContent #navigation ul li.home a
{
  width: 216px;
  height: 48px;
  display: block;
  background: transparent url('../images/button_thoes.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.home a:hover
{
  width: 216px;
  height: 48px;
  display: block;
  background: transparent url('../images/button_thoes_over.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.leeje
{
  width: 216px;
  height: 44px;
}

#siteContainer #mainContent #navigation ul li.leeje a
{
  width: 216px;
  height: 44px;
  display: block;
  background: transparent url('../images/button_leeje.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.leeje a:hover
{
  width: 216px;
  height: 44px;
  display: block;
  background: transparent url('../images/button_leeje_over.gif') no-repeat left top;
}


#siteContainer #mainContent #navigation ul li.kweekviever
{
  width: 216px;
  height: 42px;
}

#siteContainer #mainContent #navigation ul li.kweekviever a
{
  width: 216px;
  height: 42px;
  display: block;
  background: transparent url('../images/button_kweekviever.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.kweekviever a:hover
{
  width: 216px;
  height: 42px;
  display: block;
  background: transparent url('../images/button_kweekviever_over.gif') no-repeat left top;
}


#siteContainer #mainContent #navigation ul li.niets
{
  width: 216px;
  height: 41px;
}

#siteContainer #mainContent #navigation ul li.niets a
{
  width: 216px;
  height: 41px;
  display: block;
  background: transparent url('../images/button_niets.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.niets a:hover
{
  width: 216px;
  height: 41px;
  display: block;
  background: transparent url('../images/button_niets_over.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.gastebook
{
  width: 216px;
  height: 44px;
}

#siteContainer #mainContent #navigation ul li.gastebook a
{
  width: 216px;
  height: 44px;
  display: block;
  background: transparent url('../images/button_gastebook.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.gastebook a:hover
{
  width: 216px;
  height: 44px;
  display: block;
  background: transparent url('../images/button_gastebook_over.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.plaetjes
{
  width: 216px;
  height: 47px;
}

#siteContainer #mainContent #navigation ul li.plaetjes a
{
  width: 216px;
  height: 47px;
  display: block;
  background: transparent url('../images/button_plaetjes.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.plaetjes a:hover
{
  width: 216px;
  height: 47px;
  display: block;
  background: transparent url('../images/button_plaetjes_over.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.agenda
{
  width: 216px;
  height: 49px;
}

#siteContainer #mainContent #navigation ul li.agenda a
{
  width: 216px;
  height: 49px;
  display: block;
  background: transparent url('../images/button_agenda.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.agenda a:hover
{
  width: 216px;
  height: 49px;
  display: block;
  background: transparent url('../images/button_agenda_over.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.kontak
{
  width: 216px;
  height: 49px;
}

#siteContainer #mainContent #navigation ul li.kontak a
{
  width: 216px;
  height: 49px;
  display: block;
  background: transparent url('../images/button_kontak.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.kontak a:hover
{
  width: 216px;
  height: 49px;
  display: block;
  background: transparent url('../images/button_kontak_over.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.fillempkes
{
  width: 216px;
  height: 48px;
}

#siteContainer #mainContent #navigation ul li.fillempkes a
{
  width: 216px;
  height: 48px;
  display: block;
  background: transparent url('../images/button_fillempkes.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.fillempkes a:hover
{
  width: 216px;
  height: 48px;
  display: block;
  background: transparent url('../images/button_fillempkes_over.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.links
{
  width: 216px;
  height: 54px;
}

#siteContainer #mainContent #navigation ul li.links a
{
  width: 216px;
  height: 54px;
  display: block;
  background: transparent url('../images/button_links.gif') no-repeat left top;
}

#siteContainer #mainContent #navigation ul li.links a:hover
{
  width: 216px;
  height: 54px;
  display: block;
  background: transparent url('../images/button_links_over.gif') no-repeat left top;
}

#siteContainer #mainContent #mainText
{
  width: 445px;
  height: 495px;
  position: relative;
  float: left;
  margin: 107px 0 0 20px;
  display: inline;
  overflow-y: auto;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 120%;
}

#siteContainer #mainContent #mainTextWide
{
  width: 620px;
  height: 495px;
  position: relative;
  float: left;
  margin: 107px 0 0 20px;
  display: inline;
  overflow-y: auto;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 120%;
}

#siteContainer #mainContent #mainTextWide img,#siteContainer #mainContent #mainText img {
	padding:1px;
	display:inline;
	background:#8d0d26;
	border:4px solid #8d0d26;
}


#siteContainer #mainContent #mainText p
{
	/* border-bottom: 1px dotted #ff0000; */
	padding-bottom: 15px;
}
	
#siteContainer #mainContent #mainTextWide p
{
	/* border-bottom: 1px dotted #ff0000; */
	padding-bottom: 15px;
}

#siteContainer #mainContent #mainText a
{
	text-decoration:none;
	font-weight:bold;
	color:yellow;
	background-color:inherit;
  font-size: 13px;
}

#siteContainer #mainContent #mainTextWide a
{
	text-decoration:none;
	font-weight:bold;
	color:yellow;
	background-color:inherit;
  font-size: 13px;
}

/*
#siteContainer #mainContent #mainText p
{
  width: 425px;
  height: auto;
  position: relative;
  float: left;
  display: inline;
  margin-bottom: 15px;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 120%;
  /* border-bottom: 1px dotted #ff0000; 
  padding-bottom: 15px;
}


#siteContainer #mainContent #mainTextWide p
{
  width: 600px;
  height: auto;
  position: relative;
  float: left;
  display: inline;
  margin-bottom: 15px;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 120%;
  /* border-bottom: 1px dotted #ff0000; 
  padding-bottom: 15px;
}*/

#siteContainer #mainContent #rightColumn a
{
  text-decoration:none;
  font-weight:bold;
  color:white;
  background-color:inherit;
  font-size: 13px;
}

h1
{
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 26px;
  color: #fff;
  margin-top: -8px;
}

h2
{
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
  margin: 0 0 5px 0;
  position: relative;
}

h2.red
{
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;
  color: #ff0000;
  margin: 0 0 5px 0;
  position: relative;
}

h3
{
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #fff;
  position: relative;
}

h3.red
{
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #ff0000;
  position: relative;
}

#siteContainer #mainContent #mainText ul, #siteContainer #mainContent #mainText p ul, #siteContainer #mainContent #mainTextWide ul, #siteContainer #mainContentWide #mainText p ul
{
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 120%;
  list-style-type: disc;
  /* float: left; */
  position: relative;
  margin: 0 0 15px 20px;
}

#siteContainer #mainContent #mainText ul li, #siteContainer #mainContent #mainText p ul li, #siteContainer #mainContent #mainTextWide ul li, #siteContainer #mainContent #mainTextWide p ul li
{
 list-style-type: disc;
 position: relative;
 margin-bottom: 5px;
}

#siteContainer #mainContent #rightColumn
{
  width: 205px;
  height: 495px;
  position: relative;
  float: left;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 120%;
  overflow-y: auto;
  margin: 107px 0 0 20px;
}

#siteContainer #mainContent #rightColumn p
{
  width: 205px;
  height: auto;
  position: relative;
  float: left;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 120%;
  overflow-y: auto;
  margin: 10px 0 0 0;
}

/* GLOBAL CLASSES */
/* ################################################### */


.clear        { clear: both; }
 
.floatleft    { float: left; }
.floatright   { float: right; }
 
.textleft     { text-align: left; }
.textright    { text-align: right; }
.textcenter   { text-align: center; }
.textjustify  { text-align: justify; }
 
.bold         { font-weight: bold; }
.italic       { font-style: italic; }
.underline    { border-bottom: 1px solid; }
.highlight    { background: #ffc; }
 
.imgleft      { float: left; margin: 4px 10px 4px 0; }
.imgright     { float: right; margin: 4px 0 4px 10px; }
 
.nopadding    { padding: 0; }
.noindent     { margin-left: 0; padding-left: 0; }
.nobullet     { list-style: none; list-style-image: none; }

.thumbnail
{
float: left;
margin: 0 3px 3px 0;
padding: 3px;
}