body
{
font-family:verdana, arial, tahoma;
font-size: 12px; 
background-color:#ffffff;
margin:0;
background:url(../img/boven.gif) repeat-x left top;
}

/*TEKST*/
  
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

h2 {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	border-bottom:1px dashed #FFFFFF;
	border-top:1px dashed #FFFFFF;
}
p {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

img{
border:0;
}

/* Page Structure
----------------------------------------------- */
#wrap {
width:1100px;
height:auto;
display: block;
margin-left: auto;
margin-right: auto;
}

#header {
margin:0 0 10px 0;
height:150px;
}

#content {
height:auto;
}

#footer {
height:auto;
background-color:#160d00;
margin:25px 0 0 0;
}

#footer_blok{
color:#ffffff;
width:350px;
height:250px;
float:left;
}

#footer2{
width:1050px;
height:auto;
display: block;
margin-left: auto;
margin-right: auto;
padding-top:30px;
}

#links {
background:url(../img/midden2.gif) no-repeat left top;
width:640px;
height:auto;
float:left;
margin:26px 0 0 0;
}

#links_kader{
width:560px;
height:auto;
margin:0 0 0 20px;
padding:20px 20px 0 20px;
}

#rechts {
width:370px;
height:auto;
float:left;
padding:0 0 0 10px;
}

#rechts_kader{
background:url(../img/rechts_boven.gif) no-repeat left top;
width:370px;
height:310px;
padding:1px 0 0 0;
}

#rechts_kader_zoeken{
background:url(../img/zoeken.gif) no-repeat left top;
width:360px;
height:120px;
}

#rechts_kader_contact{
background:url(../img/contact.gif) no-repeat left top;
width:360px;
height:260px;
}

.link_pijl{
background:url(../img/pijltje.png) no-repeat center left;
display: block;
padding: 2px 0;
padding:0 0 2px 19px;
text-decoration: none;
list-style:none;
width:125px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#fe5c11;
cursor:pointer;
}

.phone{
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	}

#rechts_kader_padding{
padding:60px 0 0 0;
}

#midden {
width:900px;
height:auto;
float:left;
}

#menu_top{
margin:0 0 10px 0;
height:40px;
width:800px}

#introtekst{
margin:0 0px 0 20px;
height:auto;
}

#nieuwsbrief{
margin:10px 10px 10px 0;
height:260px;
}

#leaderbord {
width:600px;
height:100px;
float:right;
margin:5px 125px 5px 0;
}

#skyscraper {
width:120px;
height:600px;
float:right;
margin:0 0 0 10px;
background:url(../img/skyscraper.gif) no-repeat left top;
}

#logo {
width:350px;
height:320px;
float:left;
margin:-50px 0 0 0;
}

#breadcrumb{
width:auto;
float:left;
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff;
}

#breadcrumb_top{
width:330px;
float:left;
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
text-align:left;
margin:20px 0 0 -10px;
}

#titel_rechts{
color:#000000;
width:330px;
padding:0 0 0 5px;
font-size:12px;
font-weight:bold;
}

#divider{
background:url(../img/divider.gif) no-repeat left top;
width:500px;
height:20px;
}
	
/*CLASSES*/

.titel_links{
background-color:#ededed;
color:#000000;
height:30px;
width:340px;
text-transform:uppercase;
padding:6px 0 0 10px;
font-size:20px;
}

.broodkruimel_top {
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
cursor:pointer;
text-decoration:none;
}

.broodkruimel_top:hover{
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
cursor:pointer;
text-decoration:underline;
}

.broodkruimel {
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
}

.broodkruimel:hover{
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
cursor:pointer;
text-decoration:underline;
}

.footerlinks{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
cursor:pointer;
text-decoration:none;
}

.footerlinks:hover{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fe5c11;
cursor:pointer;
text-decoration:none;
}

.bodylinks{
font-family:Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fe5c11;
cursor:pointer;
text-decoration:none;
}

.bodylinks:hover{
font-family:Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
cursor:pointer;
text-decoration:none;
}

.footer_tekst {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
	padding-top:5px;
}
.body_tekst {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}


.rechts_tekst {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding:0 20px 40px 40px;
}

.rechts_titel {
	padding:40px 20px 0 40px;
}

.padding {
	padding:10px 40px 0 40px;
}

.paddingtop {
	padding:50px 0 0 0;
}

.paddingleft {
	padding:50px 0 0 15px;
}

.menu_top{
	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	}

.foto{
padding:5px;
border:1px solid #cccccc;
}

.titel{
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
padding:25px 0 0 0;
}

.titel2{
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#fe5c11;
padding:20px 0 0 0;
}


/* Links
----------------------------------------------- */
a.footer:active, a.footer:visited, a.footer:link, a.footer:active{
	color:#FFFFFF;
	text-transform:lowercase;
}

a.footer:hover{ 
color: #FFFFFF; 
text-decoration: underline; 
text-transform:lowercase;
}

/*Menu Kleine links*/

a.menu_rechts:active, a.menu_rechts:visited, a.menu_rechts:link, a.menu_rechts:active{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fe5c11;
text-align:left;
text-decoration:none;
}

a.menu_rechts:hover{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left;
text-decoration:none;
}

/*- BODY*/

a.body:active, a.body:visited, a.body:link, a.body:active{
	color:#25ca13;
	text-decoration: underline; 
}

a.body:hover{ 
color: #666666; 
text-decoration:none;
border-bottom:1px dashed #5B8FBE; 
}


/*Menu_right
---------------------------------------------------------------------------*/

li#pijl{

background:url(../img/pijltje.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
list-style:none;
width:125px;
float:left;
}


/*zoeken*/

#zoeken{
margin:0 10px 10px 0;
}

.search{
margin: 0 0 0 50px;
border:1px solid #cccccc;
height:25px;
font-size:16px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

.search2{
padding-top:10px;
}

.search_button{
	margin: -58px 0 0 240px;
	cursor:pointer;
	width:100px;
	height:50px;
	outline: none;
}

/*buttons*/

#meer {
padding: 0 0 0 90px;
margin: 0;
width: 70px;
}

#meer li{
list-style: none;
padding: 0 0 10px 0;
margin: 0;
}

.meer {
background-image: url(../img/meer_hover.gif);
background-repeat: no-repeat;
height: 35px;
width: 70px;
}

.meer a{
background-image: url(../img/meer.gif);
background-repeat: no-repeat;
height: 35px;
width: 70px;
display: block;
}

.meer a:hover{
background: none;
}

#inschrijven {
padding: 0 0 0 90px;
margin: 0;
width: 100px;
}

#inschrijven li{
list-style: none;
padding: 0 0 10px 0;
margin: 0;
}

.inschrijven {
background-image: url(../img/inschrijven_hover.gif);
background-repeat: no-repeat;
height: 40px;
width: 100px;
}

.inschrijven a{
background-image: url(../img/inschrijven.gif);
background-repeat: no-repeat;
height: 40px;
width: 100px;
display: block;
}

.inschrijven a:hover{
background: none;
}

#zoeken_button {
padding: 0 0 0 90px;
margin: 0;
width: 100px;
}

#zoeken_button li{
list-style: none;
padding: 0 0 10px 0;
margin: 0;
}

.zoeken_button {
background-image: url(../img/zoeken_hover.gif);
background-repeat: no-repeat;
height: 40px;
width: 100px;
}

.zoeken_button a{
background-image: url(../img/zoeken_button.gif);
background-repeat: no-repeat;
height: 40px;
width: 100px;
display: block;
}

.zoeken_button a:hover{
background: none;
}

#photodiv {
  background-repeat: no-repeat;
}

.formlijn{
border:1px solid #cccccc;
font-size:12px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

/*contact*/
#contact{
width:480px;
height:auto;
margin:10px 10px 0 10px;
float:left;
}

input.text,textarea { 
width:300px;
font:12px/12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#333;
padding:5px;
margin:1px 0;
border:1px solid #ccc;
}

/*SITEMAP*/
#sitemap{
margin:0 0 0 0;
height:auto;
}

ul#sitemap{ 
list-style-type: none;
}

li#sitemap{

background:url(../img/pijltje.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
}

/*menu*/

.menu5 {
text-align:left; 
font-family: Tahoma, verdana, sans-serif; 
position:relative; 
font-size:14px;
height:2.5em; 
margin:10px 0 0 50px; 
list-style-type:none;
}
.menu5 ul {
padding:0; 
margin:0; 
list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; 
position:relative;
}
.menu5 li a, .menu5 li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
float:left; 
padding-right:2em; 
height:3em; 
line-height:3em; 
color:#ffffff; 
}
* html .menu5 li a, .menu5 li a:visited {
/* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
}
.menu5 li ul {
visibility:hidden; 
position:absolute; 
top:2.5em; left:0; 
height:0; 
overflow:hidden;
}
.menu5 table {
margin:-1px; 
border-collapse:collapse; 
font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:none;
color:#fe5c11;
border:0;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; 
height:auto; 
background:#fff; 
border:1px solid #ddd; 
left:0; 
top:2.5em; 
overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; 
font-weight:normal; 
background:transparent; 
text-decoration:none; 
height:auto; 
line-height:1.5em; 
padding:0.5em; 
width:9em;
color:#666666; 
}
* html .menu5 li a:hover ul li a {

}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
top:0; left:9.5em; 
height:0; 
overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:none;
color:#fe5c11;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; 
color:#000; 
border:1px solid #ddd; 
height:auto; 
background:#fff;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:none; 
}

.sub{
font-size:11px;
}

.sub a:hover{
color:#dfdsfds;
}

/*slideshow*/

.thumbs{
width:500px;
margin:10px 0 0 5px;
float:left;
}

.grotefoto{
width:500px;
height:300px;
margin:0;
float:left;
border:1px solid #cccccc;
padding:5px;
}

.loader { 
background: url('../img/laden.gif') no-repeat center center; 
}

