/* main */
#main {
	background: url('../../resources/images/header_bg.png') top center no-repeat transparent;
	min-width: 980px;
}

/* Schaduw */
.container {
   width: 980px;
   margin: 0px auto;
}

/* Header */
#header {
	width: 980px;
	margin: 0px;
	height: 224px;
}

   /* Logo (link) */
   #logo {  
   	width: 300px;
   	height: 122px;
   	margin: 39px 0px 0px 0px;
   	float: left;
   	background: url('../../resources/images/logo3.png') center no-repeat transparent;
   } 
   
      /* Logo text */
      #logo h1 {
	      text-indent: -9999px;  
      }
   
   /* navigation */
   .navigation {
   	height: 48px;
   	margin: 175px 0px 0px 0px;
   	float: right;
   	width: 650px;
   }
   
   /* navigation menu */
   #menu {
   	float: left; 
   }
   
      /* Menu list */
      ul#menu {  
          list-style: none;
          float: right;
      } 
      
         /* Menu item first */
         ul#menu li.menu-item-first {
	         background: url('../../resources/images/menu_bg.png') left no-repeat transparent;
	         height: 48px;
	         overflow: hidden;
	         padding-left: 10px;
         }
         
         /* Menu item */
         ul#menu li.menu-item {
	         background: url('../../resources/images/menu_bg.png') center no-repeat transparent;
	         height: 48px;
	         overflow: hidden;
         }
         
         /* Menu item last */
         ul#menu li.menu-item-last {
	         background: url('../../resources/images/menu_bg.png') right no-repeat transparent;
	         height: 48px;
	         overflow: hidden;
	         padding-right: 10px;
         }

         /* Menu item */
         ul#menu li {  
            float: left;  
            height: 48px;
            overflow: hidden;
            margin: 0px;
            text-transform: uppercase;
         } 
         
         ul#menu li:hover {  
            background-image: url('../../resources/images/menu_bg_hover.png');
            float: left;  
            text-transform: uppercase;
         } 
         
         /* Menu item (link) */
         ul#menu li a {  
            display: block;
            font-weight: normal;
            font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 19px;
            color: #fff;
            padding: 14px 8px 14px 8px;
            text-decoration: none;
         } 

/* content */
#content {
   margin: 0px 20px 0px 10px;
	width: 668px;
	float: left;
	line-height: 17px;
   font-size: 14px;
   /*font-family: calibri;*/
   list-style-position: inside;
}

   #content h2 {  
      font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
      font-size: 24px;  
      color: #74848e;  
      font-weight: normal;  
      margin-bottom: 10px;
   } 
   
   #content p {
   	line-height: 23px !important;
   	font-size: 14px !important;
   	color: #222222;
   	font-family: Calibri, Arial;
   	padding-top: 10px;
   }
   
   /*#content ul {
	   padding-top: 10px;
   }*/
   
   /*#content li {
	   padding-left: 15px;
	   list-style-type:square;
	   line-height: 1.5;
   }*/

/* sidebar */
#sidebar {
   margin-top: 3px;
   padding: 0px 0px 0px 22px;
	width: 250px;
	float: left;
	background: url('../../resources/images/border.png') left repeat-y transparent;
}
   
   /* item title */
   #sidebar .sidebar_item_title {
      height: 30px;
      width: 250px;
      background: url('../../resources/images/sidebar_item_title.png') center no-repeat #74848e;
   }
      #sidebar h4 {
         padding: 7px 0px 0px 8px;
      	font-size: 15px;
      	font-family: helvetica;
      	font-weight: normal;
      	color: white;
      	text-transform: uppercase;
      }
   /* item  */
   #sidebar .sidebar_item_content {
      padding: 10px;
      line-height: 21px !important;
      font-size: 13px;
   }
   
   #sidebar .sidebar_item_sponsor {
	   margin: 0px 0px 15px 0px;
	   padding: 0px;
	   overflow: hidden;
   }
   #sidebar img {
	   margin: 0px;
	   border-width: 0px;
	   padding: 0px;
   }
   
   /* COUNTER TEXT */
   #sidebar .timer-text {
	   white-space: nowrap;
	   padding: 8px 0px 0px 0px;
   }
   #sidebar .timer-text-dagen {
      margin: 0 0px 4px 6px;
      font-size: 10px;
   	font-family: helvetica;
   	font-weight: normal;
   	color: black;
   	text-transform: uppercase;
   }
   #sidebar .timer-text-uren {
      margin: 0px 0px 4px 47px;
      font-size: 10px;
   	font-family: helvetica;
   	font-weight: normal;
   	color: black;
   	text-transform: uppercase;
   }
   #sidebar .timer-text-minuten {
      margin: 0px 0px 4px 23px;
      font-size: 10px;
   	font-family: helvetica;
   	font-weight: normal;
   	color: black;
   	text-transform: uppercase;
   }
   #sidebar .timer-text-seconden {
      margin: 0 0px 4px 8px;
      font-size: 10px;
   	font-family: helvetica;
   	font-weight: normal;
   	color: black;
   	text-transform: uppercase;
   }
   
   /* COUNTER */
   #dag01, #dag02, #uur01, #uur02, #minuut01, #minuut02, #seconde01, #seconde02 {
   	height: 38px;
   	width: 26px;
   	background: url('../../resources/images/aftellenxsmall.png');
   	background-repeat: no-repeat;
   	background-position: 0 0px;
   	display: inline-block;
   	float: left;
   }
   #dag02 {
   	margin-right: 26px;
   }
   #minuut01, #seconde01 {
      margin-left: 8px;
   }
   #timer {
      height: 48px;
      float: left;
   }

/* Nieuws */
.nieuwsDiv {
	margin-top: 20px;
}
   .nieuwsIconDiv {
	   float: left;
	   height: 50px;
	   width: 50px;
	   text-align: center;
	   background: url('../../resources/images/nieuws_block.png') center no-repeat transparent;
   }
   
   .nieuwsDiv h3 {
      padding: 12px;
      float: left;
      color: #74848e;
   	font-size: 26px;
   	font-weight: normal;
   	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
   }
      .nieuwsDiv h3 img {
      	margin-bottom: -2px;
      	margin-right: 7px;
      }
      
   .nieuwsContent {
	   border-left: 4px solid #74848e;
	   margin: 15px 0px 0px 0px;
	   padding: 0px 0px 15px 15px;
   }
   .nieuwsContent p {
	   margin-top: 0px;
	   padding: 0px;
   }



/* Agenda */
.agendaDiv {
	margin-top: 20px;
}
   .agendaTimeDiv {
	   float: left;
	   height: 50px;
	   width: 50px;
	   text-align: center;
	   background: url('../../resources/images/agenda_time.png') center no-repeat transparent;
   }
   
      .agendaTimeDiv .day {
         color: white;
         font-family: Arial;
         font-size: 20px;
      }
      .agendaTimeDiv .month {
	      color: white;
	      text-transform: uppercase;
	      font-family: Arial;
         font-size: 9px;
         padding: 3px 4px 5px 4px;
      }
   
   .agendaDiv h3 {
      padding: 12px;
      float: left;
      color: #74848e;
   	font-size: 26px;
   	font-weight: normal;
   	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
   }
      .agendaDiv h3 img {
      	margin-bottom: -2px;
      	margin-right: 7px;
      }
      
   .agendaContent {
	   border-left: 4px solid #74848e;
	   margin: 15px 0px 0px 0px;
	   padding: 0px 0px 15px 15px;
   }
   .agendaContent p {
	   margin-top: 0px;
	   padding: 0px;
   }

/* Gastenboek */
.gastenboekDiv {
	margin-top: 15px;
}
   .gastenboekTime {
   	margin-top: 15px;
   	margin-right: -12px;
   	float: right;
   	font-size: 11px;
   	color: gray;
   }
   .gastenboekDiv h6 {
   	padding: 5px;
      color: black;
   	font-size: 16px;
   }
      .gastenboekDiv h6 img {
      	margin-bottom: -2px;
      	margin-right: 7px;
      }
   
   .gastenboekContent {
	   border-left: 4px solid #74848e;
	   margin-left: 10px;
	   padding: 15px;
	   padding-top: 10px;
	   padding-bottom: 0px;
	   overflow: hidden;
   }

/* fotoalbum */
.fotoAlbum {
   background-position: center;
   background-repeat: no-repeat;
   border: 1px solid gray;
   background-color: white;
   width: 321px;
   height: 186px;
   float: left;
   padding: 1px;
   margin: 0px 18px 18px 0px;
}
   .fotoAlbum .top {
	   background-image: url('../../resources/images/fotoalbum_title_bg.png');
	   color: #fff;
	   padding: 5px 5px 5px 7px;
   }
      .fotoAlbum .top .title {
	      font-weight: bold;
	      text-transform: uppercase;
      }
      .fotoAlbum .top .date {
	      float: right;
      }
   .fotoAlbum .bottom {
	   background-image: url('../../resources/images/fotoalbum_title_bg.png');
	   color: #fff;
	   margin: 132px 0px 0px 0px;
	   padding: 5px 5px 5px 7px;
   }
   
/* link */
a .fotoAlbum {
	color: #fff;
	text-decoration: none;
}
a:hover .title {
	color: #fff;
	text-decoration: underline;
}

/* footer - end of page */
#footer {
   width: 980px;
   margin: 0px auto;
}