/*
	Design by Toonzetting
	http://www.toonzetting.nl
*/

body {
	background: #666;
	font: 0.95em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#fff;
}

/*headings*/
h1{font-size:1.3em;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1.1em;font-style:italic;color:#808080;}
h5{font-size:1.0em;}
h6{font-size:1.0em;;}

/*links*/
a:link{outline: none;color:#fff;text-decoration:none;}
a:visited{outline: none;color:#fff;text-decoration:none;}
a:hover{outline: none;color:red;text-decoration:none;}
a:active{outline: none;color:#fff;text-decoration:underline;}


img {display:block;}

#container
{
margin-top:-10px;
padding-top:0px;
margin-right:auto;
margin-left:auto;
width:800px;
background-color:#000;
}

#kop
{
padding-top:0px;
min-height:145px;
background:black  url(../img/kop3.png) no-repeat;
border-bottom:1px solid #bbb;
}

#kop_en
{
padding-top:0px;
min-height:145px;
background:black  url(../img/kop3.png) no-repeat;
border-bottom:1px solid #bbb;
}

#lsw
{
padding-left:10px;font-size:0.9em;font-weight:bolder;}
}


#menu
{
min-height:30px;margin-right:auto;margin-left:auto;background-color:transparent/*green*/;
}
			div#menu ul{list-style-type:none;float:right;margin-right:40px;}
			/*div#menu ul li ul{display:none;}*/
			/*div#menu ul li:hover ul{display:block;}*/
			div#menu li{float:left;margin-top:2px;padding:0px;font-size:1.2em;font-weight:bolder;text-align:center;border:1px solid #000;}
			/*div#menu ul li ul li{float:none;padding:2px;background-color:#eee;border:2px solid #eee;}*/
			div#menu a:link {padding:4px;text-decoration:none;color:#000;background-color:#909090;}
      div#menu a:visited {padding:4px;text-decoration:none;color:#000;background-color:#909090;}
      div#menu a:hover {padding:4px;color:red;text-decoration:none;background-color:#fff;}
      div#menu a:active {padding:4px;color:#600;text-decoration:underline;}
			


			
#content
{
margin-top:20px;
padding:10px 20px 10px 20px;
/*min-height:600px;*/
background: #000;
}

div.socmed
{
/*margin-top:20px;*/margin-left:20px;
}

div.socmed img
{
display: inline;
}

div.content {width:80%;padding:4px; margin-top:30px; margin-left: 40px; margin-right:20 px;}
div.content ul{list-style-type:none;font-size:0.9em;}
div.content h1 {font-size: 1.2em; letter-spacing: 0.1em; /*margin-bottom: 0em;padding-top: 4px;	padding-left:0px;border-bottom: solid 1px #fff;*/}
div.content h2 {font-size: 1.1em; letter-spacing: 0.1em; /*margin-bottom: 2px;padding-top: 0px;padding-left:0px;*/}
div.content h5 {font-size: 1.1em; letter-spacing: 0.1em; /*margin-bottom: 0em;padding-top: 4px;	padding-left:0px; */border-bottom: solid 1px #fff;}
div.content p {font-size:1em;}
div.content a:link{color:orange;text-decoration:underline;}
div.content a:visited{color:orange;text-decoration:underline;}
div.content a:hover{color:red;text-decoration:none;}
div.content a:active{color:orange;text-decoration:underline;}
div.content {vertical-align:top;}
div.content img{display:block;margin-top:10px;}
div.content p{margin-top:10px;/*font-size:0.8em;*/}
div.content li{font-size:1.0em;/*text-indent:-36px;*/}

div.pix {
border-top: 2px solid #fff;
margin-left: 50px;
margin-bottom: 40px;
}

div.pix img {
display: block;
margin-bottom: 8px;
}

td.logo {width:50%;padding-left:40px;}
td.logo img {display:block;margin-top:40px;border:0px;}
td.logo a:link{color:transparent;text-decoration:none;}
td.logo a:visited{color:transparent;text-decoration:none;}
td.logo a:hover{color:red;text-decoration:none;}
td.logo a:active{color:transparent;text-decoration:none;}
td.adres {width:30%;vertical-align:top;}

div.footer {padding:10px 80px 10px 80px;margin-top:0px;border-top:1px solid #bbb;background-color:black;}
div.footer {font-size:0.7em;line-height:1em;color:#fff;}
div.footer a:link {color:#fff;}
div.footer a:visited {color:#fff;}
div.footer a:hover {color:red;}
div.footer a:active {color:#fff;}

/*modal*/
/*pop-up schermpje voor extra info in agenda*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    color: #000;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

