/*** algemeen ***/
body {
  margin: 0;
  padding: 0;
  background-color: #000;
  color: #FFF;
  /*background: #000 url(gfx/bg_body_tekstpagina.jpg) no-repeat 50% top;*/
  font-family: Arial, Verdana, sans-serif;
}
a:link {
	color: #ebebeb;
}
a:hover, a:visited {
	color: #a1a1a1;
}
#container {
  position: relative;
  margin: 0 auto 0 auto;
  padding: 96px 0 0 0;
  background: url(gfx/bg_header.jpg) no-repeat;
  display: block;
  width: 1000px;
}

#logo {
	position: absolute;
	top: 24px;
	left: 68px;
}

/* Menu */

#menu {
  position: absolute; /* zodat de positionering vanaf de div met het menu berekend wordt */
  left: 68px;
  top: 96px;
  clear: both;
  z-index: 9999999;
  display: block;
  margin 0 auto 0 auto;
  min-width: 1%;
}
#menu ul {
  margin: 0;
  padding: 0;
}
#menu li {
  display: inline;
  position: relative;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

#menu li a {
  display: block;
  color: #848383;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
  padding-left: 19px;
  background-image: url(gfx/menu_seperator.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  position: relative;
  z-index: 9999;
}
#menu li.li-first a {
  background-image: none;
  padding-left: 0;
}

/* Submenu */

#menu ul ul {
  display: none;
  position: absolute; /* zorgt er voor dat sub(sub)menu's vrij gepositioneerd kunnen worden */
  left: 19px;
  top: 16px;  
  background-image: url(gfx/bg_submenu.png);
  background-repeat: repeat;
}

#menu ul li:hover ul {
  display: block;
}

#menu ul ul li {
  float: none;
  clear: both;
  margin: 0;
  left: 0;
}

#menu ul ul li a, #menu ul ul li.li-first a {
  display: block;
  width: 140px;
  padding: 4px 5px 4px 5px;
  background-image: none;
  color: #FFF;
  font-size: 10px;
}
#menu ul ul li a span {
  padding: 0;
}
#menu ul ul li a:hover {
  background-image: url(gfx/bg_submenu_over.png);
  background-repeat: repeat;
}


#content {
position: relative;
left: 0;
top: 20px;
width: 1000px;
}

#midden {
display: block;
width: 864px;
height: 70px;
padding-left: 68px;
float:left;
}

#banners {
display: block;
width: 864px;
padding: 0 68px;
background-image: url(gfx/bg_banners.png);
background-repeat: no-repeat;
}

#banners div{
display: block;
width: 200px;
height: 157px;
padding-top: 20px;
float:left;

}
#banners #banner1, #banners #banner2 {
padding-right: 21px;
}
#banners #banner3 {
padding-right: 22px;
padding-top: 20px;
}

#banners #banner2 h1 {
    font-size: 14px;
    margin: 0 0 1em 0;
}

#banners #banner2 p {
    font-size: 12px;
    margin: 0 0 1em 0;
}
#banners #banner2 a {
    color: #FFF;
    text-decoration: underline;
}



#footer {
width: 864px;
height: 24px;
background: url(gfx/bg_footer.png);
background-repeat: no-repeat;
}

/* Left Menu */

ul#leftMenu {
display: block;
margin: 0;
padding: 10px 10px 0 68px;
float: left;
width: 183px;
list-style-type: none;
}

ul#leftMenu li {
list-style: none;
padding: 0;
margin: 0;
display: block;
}

ul#leftMenu a {
font-size: 20px;
color: #4d4d4d;
text-decoration: none;
}

/* Mp3 player  */
#player {
	display: block;
	width: 864px;
	height: 400px;
	margin-left: 68px;
	margin-top: 20px;
}

/*** div tekst ***/
#tekst, #overzicht{
display: block;
width: 652px;
float: left;
margin-top: 10px;
}

#tekst h1, #overzicht h1 {
color: #ea43e3;
font-size: 24px;
font-weight: normal;
margin: 0;
padding: 0;
}

#tekst h2, #overzicht h2 {
font-size: 16px;
color: #ea43e3;
font-weight: normal;
line-height: 1.5em;
/*margin: 25px 0 0 0;*/
margin: 0;
display: block;
}
#tekst .bgp1{
color: #ff9600;
}
#tekst .bgp2{
color: #72ff00;
}
#tekst .bgp3{
color: #ea43e3;
}
#tekst .bgp4{
color: #1551b3;
}
#tekst .bgp5{
color: #4d4d4d;
}
#tekst p, .overzichtitem p {
color: #fff;
font-size: 13px;
font-weight: normal;
margin: 0 0 1em 0;
}

.overzichtitem div {
float: left;
width: 442px;
padding-right: 10px;
}

.overzichtitem img {
float: left;
margin-top: 25px;
width: 200px;
}

#rotate {
display: block;
width: 1000px;
overflow: hidden;
}


/* Slideshow */
#slideContainer {
	position: relative;
	width: 1000px;
	height: 346px;
}
#slideshow { position: relative; z-index: 1; height: 346px; width: 1000px; overflow: hidden; }
#slideshow a { padding: 0; margin: 0; width: 1000px; height: 347px; }
#slideshow a img {border: none;}

#slidenav {
	position: absolute;
	right: 80px;
	top: 10px;
	z-index: 999999;
}
#slidenav a {
	display: block;
	float: left;
	background: #FFF;
	margin-right: 10px;
	line-height: 14px;
	width: 14px;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
#slidenav a.activeSlide {
	background: #D33CCC;
	color: #FFF;
}

#tekst table {
font-size: 11px;
line-height: 1.3em;
color: #faf6f6;
}


/* Google maps */

    #maps {
        position: relative;
        width: 1000px;
        height: 346px;
    }
    
    #mapsLeft {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    #mapsRight {
        position: absolute;
        right: 0;
        top: 0;
    }
    
    #google_maps {
        margin: 0 68px;
    }
    
    #google_maps form {
        margin-top: 10px;
    }

    #google_maps form input.button {
        background-color:#FFF;
        border:1px solid #000;
        color:#000000;
        font-family: Arial,Verdana,sans-serif;
        font-size: 10px;
        margin-left: 5px;
        width:80px;
        padding: 0;
    }


    #gmapsroute {
    	position: absolute;
    	top: 346px;
    	left: 68px;
    	display: none;
    	background: #000;
    	width: 846px;
    }
    
    #gmapsrouteclose{
    	position: absolute;
    	top: 366px;
    	right: 100px;
       	display: none;
       	color: #000;
       	text-decoration: none;
    }

    input#saddr {
        border: 1px solid #4D4D4D;
        width: 100px;
        font-family: Arial,Verdana,sans-serif;
        font-size: 10px;
        padding: 2px;
    }

.gmnoprint, .gmnoprint a {
    font-size: 10px;
    color: #000;;
}

#hmtctl {
	display: none !important;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 250px;
}
select, .input {
  width: auto;
}
input.form_input, textarea {
	border: 1px solid #4D4D4D;
	padding: 2px;
	color: #4D4D4D;
	font-size: 12px;
}

#rssButton {
    position: absolute;
    right: 90px;
    top: 380px;
}

/* Add to any button */
UL#leftMenu li.addToAny {
    margin-top: 10px;
}