/* set global parameters and remove margins and padings */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

body {
	background: url(../images/bg.gif) repeat-x;
}

td a {  
        color:#000; 
        text-decoration: underline;
}

td a:visited { 
        color:#000; 
        text-decoration: underline;
}

td a:hover { 
        color:#000;         
        text-decoration: underline;
}

hr {
 border: 0px;
 color: #999;
 background-color: #999;
 height: 1px;
}

#prog {
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
}


#progheader {
  font-family: Arial;
  font-size: 13px;
  color: #FFF;
}


/* FORM STYLING */

#zemContactForm {
  font-family: Verdana;
  width:370px;
  background: #eee;
  border: 1px dotted #bbb;
  padding: 15px;
  margin-top: 10px;
}

#zemContactForm input, #zemContactForm textarea {
  margin: 2px 0;
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
}

.naam, .email, .bericht {font-weight:bold;}

#naam, #email, #bericht {
  border: 1px solid #bbb;
  width:320px;
}

/*
#zemContactForm input:focus, #zemContactForm textarea:focus {
  background: #FFCCCC;
}*/

.zemError {
        color: #CC0000;
        list-style: none;
        line-height: 20px;
        font-size: 12px;
}

.thanx {
  font-size: 12px;
  font-family: Verdana;
  width:370px;
  background: #eee;
  border: 1px dotted #bbb;
  padding: 15px;
  margin-top: 10px;
}

/* FORM STYLING */

#gallery {
	float: left;
	margin: 0px 0px 0px 0px;
        width: 720px;
	border: 0px black solid;
}

#gallery-box {
       width: 400px;
       height: 45px;
       margin-bottom: 30px;
       padding: 10px;
       border: 0px solid #ccc;
}

#gallery-box2 {
       width: 400px;
       height: 60px;
       padding-top: 42px;
       margin-bottom: 10px;
       border: 0px solid #ccc;
}


a {  
/*     2006 color:#E12253; 
        2007 color:#10a141; */
        color:#509ac1;
        text-decoration: underline;
}

a:visited { 
        color:#509ac1; 
        text-decoration: underline;
}

a:hover { 
        color:#509ac1;         
        text-decoration: underline;
}

a.terug { 
font-size: 11px;  
      color:#509ac1;         
        text-decoration: underline;
}


#article_single {
	float: left;
	margin: 0px 0px 0px 0px;
        width: 405px;
	border: 0px black solid;
}


#kolom2 {
	float: left;
	margin: 0px 0px 0px 40px;
        width: 240px;
	border: 0px black solid;
	border-left: 1px solid #ccc;
        padding-left: 20px;
	/* margin: 10px 0px 12px 0px; */
}


.info {
        padding-top: 6px;
        padding-bottom: 40px;
        border: 0px solid green;
}

.info li {
        color: #333;
        width: 240px;
        list-style: none;
        line-height: 20px;
        font-size: 12px;
}

p {
        font-family: Verdana, Arial;
        font-size: 12px;
        color: #666;
        line-height: 22px;
        padding: .625em 0;
}

h2 {
        font-family: Georgia, sans-serif;
        font-size:21px; 
/*	margin-bottom: 15px; */
	margin-bottom: 0px;
        letter-spacing: 0.5px;
}

h2.news {
        font-family: Georgia, sans-serif;
        font-size:21px; 
	margin-bottom: 5px;
        letter-spacing: 0.5px;
}

h2.mdw {
        font-family: Georgia, sans-serif;
        font-size:21px; 
	margin-bottom: 22px;
        letter-spacing: 0.5px;
}

h2.side {
        color: #333;
        font-family: Georgia, sans-serif;
        font-size:21px; 
	margin-bottom: 3px;
        letter-spacing: 0.5px;
        /* border-bottom: 1px solid #999; */
}

h4 {
        color: #999;
        font-size:11px; 
        font-family: Verdana, Arial;
	margin-bottom: 8px;
}


/* remove borders from all images */

img { 
        border:none; 
}

.thumbs img { 
       border: 1px solid #ccc; 
       padding: 6px 6px 6px 6px; 
       margin: 20px 10px 0px 0px;
}

.thumbs a, .thumbs a:visited { 
       text-decoration: none; 
       
}

/* SERVICE NAVIGATION 

#center keeps everything in the middle
.service_nav is a class that styles all links within that div

*/

#center {	
	width: 720px;
	margin: 0px auto;
}

#header {
	width: 720px;
	margin: auto;
	text-align: left;
	height: 181px;
	border: 0px purple solid;
}


.nav_service {
	font-size: 11px;
	color: #999999;
	height: 18px;
	border-bottom: 1px solid #515151;
	background-color: #333333;
	text-align: right;
	padding-top: 2px;
	}

.nav_service a:link, .nav_service a:visited, .nav_service a:active {
	color: #999;
	text-decoration: none;
}

.nav_service a:hover {
	text-decoration: none;
	color: #fff;
}

#nav_service li {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	background-image: url(../images/nav_service_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

/* MAIN NAVIGATION */

#nav {
	margin: auto;
	width: 720px;
	height: 29px;
	text-align: left;
	background: url(../images/bg_nav.gif) repeat-x;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
/*float the main list items*/
	height: 29px;
	float: left;
	display: block;
	margin-right: 30px;
	padding: 0;
	text-indent: -9999px;
}

#nav a {
	display: block;
	height: 29px;
	text-decoration: none;
}

#nav a:hover {
background-position: bottom left no-repeat;
}

#nav_nieuws, #nav_nieuws a { width: 62px; background: url(../images/nav_button_nieuws.gif) 0 -29px no-repeat; }
#nav_festival, #nav_festival a { width: 64px; background: url(../images/nav_button_festival.gif) 0px -29px no-repeat; }
#nav_beeld, #nav_beeld a { width: 48px; background: url(../images/nav_button_beeld.gif) 0px -29px no-repeat; }
#nav_historie, #nav_histore a { width: 68px; background: url(../images/nav_button_historie.gif) 0px -29px no-repeat; }
#nav_sponsors, #nav_sponsors a { width: 78px; background: url(../images/nav_button_sponsors.gif) 0px -29px no-repeat; }
#nav_organisatie, #nav_organisatie a { width: 99px; background: url(../images/nav_button_organisatie.gif) 0px -29px no-repeat; }

#nav_nieuws a:hover { background: url(../images/nav_button_nieuws.gif) 0px 0px no-repeat; }
#nav_festival a:hover { background: url(../images/nav_button_festival.gif) 0px 0px no-repeat; }	
#nav_beeld a:hover { background: url(../images/nav_button_beeld.gif) 0px 0px no-repeat; }
#nav_historie a:hover { background: url(../images/nav_button_historie.gif) 0px 0px no-repeat; }
#nav_sponsors a:hover { background: url(../images/nav_button_sponsors.gif) 0px 0px no-repeat; }
#nav_organisatie a:hover { background: url(../images/nav_button_organisatie.gif) 0px 0px no-repeat; }

#nav_nieuws a.active  { background: url(../images/nav_button_nieuws.gif) 0px 0px no-repeat; }
#nav_festival a.active  { background: url(../images/nav_button_festival.gif) 0px 0px no-repeat; }
#nav_beeld a.active  { background: url(../images/nav_button_beeld.gif) 0px 0px no-repeat; }
#nav_historie .active { background: url(../images/nav_button_historie.gif) 0px 0px no-repeat; }
#nav_sponsors .active  { background: url(../images/nav_button_sponsors.gif) 0px 0px no-repeat; }
#nav_organisatie .active  { background: url(../images/nav_button_organisatie.gif) 0px 0px no-repeat; }

/* SUB NAVIGATION */

#nav_sub {
	width: 720px;
	margin: auto;
	height: 26px;
	text-align: left;
        border: 0px solid red;
        vertical-align: top;
        padding-top: 3px;
  }


#nav_sub li {
        font: 100%/120% Georgia, sans-serif;
        font-size: 0.8em;
	display: inline;
        padding-right: 15px;
	padding-left: 1px;
	/*background-image: url(../images/nav_sub_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.55em;*/
}

#nav_sub li.active a {
    color: #FFF;  
    text-decoration: none;
    }

#nav_sub li a {
/* 2006 color: #A18290; 
    2007 color: #7f9d87; */
    color: #bad4e8; 
    text-decoration: none;
  }

#nav_sub li a:hover {
 color: #ffffff;
 text-decoration: none;
}

#wrapper {	
	width: 720px;
	margin: auto;
        border: 0px solid green;
        vertical-align: top;
        margin-top: 30px;
}

#wrapper2 {	
        clear: both;
	width: 720px;
	margin: auto;
        border: 0px solid green;
        vertical-align: top;
        margin-top: 58px;

}


#col1 {
	float: left;
	margin: 0px 0px 12px 0px;
}

#col1 a:link {
        border: 0px;
}

#col2, #col3 {
	float: left;
	margin: 10px 0px 12px 20px;
}

#col4 {
	float: left;
	height: 180px;
	padding-left: 20px;
	margin: 10px 0px 12px 0px;
	border-left: 1px solid #ccc;
}


.headlines li {
        color:  #999;
        height: 35px;
        list-style: none;
        border-bottom: 0px solid #999;
        padding: .625em 0px 0px 0px;
        font-size: 11px;
}

.headlines a:link, .headlines a:active, .headlines a:visited { 
         font-family: Arial;
         font-weight: bold;
         color: #509ac1;
         text-decoration: none; 
}

.headlines a:visited {
         font-family: Arial;
         font-weight: bold;
         color: #509ac1;
         text-decoration: none; 
}

.headlines a:hover { 
         font-family: Arial;
         color:#509ac1; 
         text-decoration: underline;
}

h3 {
        font-size:12px; 
        margin-bottom: 2px;
        margin-top: 2px;
}

h5 {
        font-family: Georgia, sans-serif;
        font-weight: bold;
        font-size:12px;
        color: #666; 
        margin-top: 10px;
        margin-bottom: -5px;
        letter-spacing: 0.5px;
}

.footer {
        clear: both;
	width: 720px;
	margin: auto;
	font-size: 11px;
	color: #999999;
	background: white;
        padding-top: 30px;
        padding-bottom: 30px;
}

.footer a:link, .footer a:visited {
	color: #999;
	text-decoration: none;
}

.footer a:hover {
	color: #10a141;
	text-decoration: underline;
}

.thumbs img { 
       border: 1px solid #ccc; 
       padding: 6px 6px 18px 6px; 
       margin: 0px 10px 20px 0px;
}