﻿
A             { text-decoration: none;  color:#b00c0c; font-family:Verdana; font-size:12px;font-weight:}
A:link 	      { text-decoration: none;  color:#b00c0c;  font-family:Verdana; font-size:12px;font-weight:}
A:visited     {text-decoration: none;  color:#b00c0c; font-family:Verdana;font-size:12px;font-weight: }
A:active      { text-decoration: none;  color:#b00c0c; font-family:Verdana;font-size:12px;font-weight:}
A:hover       { color:silver; text-decoration: none; font-family:Verdana; 	font-family:verdana; font-weight:}


BODY{
	
width:100%; 
height:100%;
background:url('/jpg/achter.jpg');
background-repeat:repeat-y;
background-position: top;
background-color:#f8f7f3;
overflow: auto;
font-family:Verdana;
font-size:12px;
color:black;

}




.menu1Link             { text-decoration: none;  color:#b00c0c; font-family:Verdana; font-size:12px;font-weight:bold}
.menu1Link:link 	      { text-decoration: none;  color:#b00c0c;  font-family:Verdana; font-size:12px;font-weight:bold}
.menu1Link:visited     {text-decoration: none;  color:#b00c0c; font-family:Verdana;font-size:12px;font-weight:bold }
.menu1Link:active      { text-decoration: none;  color:#b00c0c; font-family:Verdana;font-size:12px;font-weight: bold}
.menu1Link:hover       { color:#666666; text-decoration: none; font-family:Verdana; 	font-family:verdana; font-weight: bold}



.menu2Link             { text-decoration: none;  color:black; font-family:Verdana; font-size:10;font-weight: }
.menu2Link:link  	      { text-decoration: none;  color:black; font-family: Verdana; font-size:10;font-weight:}
.menu2Link:visited      {text-decoration: none;  color:black; font-family:Verdana;font-size:10;font-weight:}
.menu2Link:active     { text-decoration: none;  color:black; font-family:Verdana;font-size:10;font-weight:}
.menu2Link:hover       { color:#999999; text-decoration: none; font-family:Verdana; 	font-family:verdana; font-weight:}


.menu3Link             { text-decoration: none;  color:#666666; font-family:Verdana; font-size:10;font-weight: normal}
.menu3Link:link  	      { text-decoration: none;  color:#666666; font-family: Verdana; font-size:10;font-weight:normal}
.menu3Link:visited      {text-decoration: none;  color:#666666; font-family:Verdana;font-size:10;font-weight:normal }
.menu3Link:active     { text-decoration: none;  color:#666666; font-family:Verdana;font-size:10;font-weight:normal}
.menu3Link:hover       { color:#999999; text-decoration: none; font-family:Verdana; 	font-family:verdana; font-weight:normal }

.menu4Link             { text-decoration:none;  color:black; font-family:Verdana; font-size:10;font-weight: normal}
.menu4Link:link  	      { text-decoration: none;  color:black;  font-family:Verdana; font-size:10;font-weight:normal}
.menu4Link:visited      {text-decoration: none;  color:black; font-family:Verdana;font-size:10;font-weight:normal }
.menu4Link:active     { text-decoration: none;  color:black; font-family:Verdana;font-size:10;font-weight:normal}
.menu4Link:hover       { color:#999999; text-decoration: none; font-family:Verdana; font-size:10;	font-family:verdana; font-weight:normal }

#buitenkant 
{
    position:absolute;
	top:0px;
    left:0px;
   	width:100%;
	height: auto;
    background:url('/jpg/logo.png');
	background-repeat:no-repeat;
	background-color: Transparent; 
    background-position: top;
   	overflow:  visible;
    z-index:1;
}

#werkblad {
    position:relative;
	top:0px;
    margin:0px;
	width:900px;
		height: auto;
	background:url('/jpg/ach.jpg');
	background-repeat:no-repeat;
	background-position: top;
    background-color: Transparent; 
    z-index:2;	
}



#plaatje{
height:290px;
background:url('/jpg/');
background-repeat:no-repeat;
background-position: top;
background-color: Transparent;
overflow: hidden;
visibility: visible;
z-index:240; 
}

#randonder{
height:50px;
background-color:;
overflow: hidden;
visibility: visible;
z-index:240; 
}


#main {
min-height: 550px;
height: auto !important;
background:url('/jpg/');
background-repeat:no-repeat;
background-color:Transparent;
height:550px; 
overflow: visible; 
visibility:visible; 
z-index:300; 
font-family:Verdana; 
font-size:12px;
}

#menu2 {
height:50px;
overflow: hidden;
background:url('/jpg/rand.jpg');
background-color: Transparent; 
background-position: top;
visibility:visible;
z-index:450; 
}



#menu1
{
height:0px;
width:900px;
background:url('/jpg/bovenng');
background-position: top;
background-repeat:;
background-color: Transparent; 
}


.tekstvak
{
 border:1px solid black; 
 background:url('/jpg/');
background-color: Transparent; 
 cursor: text; 
 color:black;
 font-family:verdana; font-size:12px;

}

.knop
{
 border-style:none;
 background:transparent;
 border-color:black;
 cursor: pointer;
 font-family:Verdana;
 color:black;
 font-size:12px;
}

.tekst
{
 background:transparent;
 border-style: none;
 border-width: 0px;
 border-color:black;
 cursor: auto;
 font-family:Verdana;
 font-weight: normal;
 color:black;
 font-size:12px;
}

.tekst2
{
 background:transparent;
 border-style: none;
 border-width: 0px;
 border-color:black;
 cursor: auto;
 font-family:Verdana;
 font-weight:normal;
 color:black;
 font-size:12px;
}
.tekstgroot

{
font-family: Times New Roman;
font-style: italic; 
color:black;
font-weight: normal;
font-size:24px;
}

	
.tabelbegin
{
	border-width: 1px;
	border-spacing:2px ;
	border-style: none;
	border-color: black
	
	}
.tabelbegintr {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: black;
	background-color: transparent;

}
.tabelbegintd {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: black;
	background-color: transparent;

}

.tabelbegin2
{
	border-width: 1px;
	border-spacing:0px ;
	border-style: solid;
	border-color: black;
	background: transparent;
}
.tabelbegintr2 {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
	background-color: transparent;

}
.tabelbegintd2 {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
	background-color: transparent;

}

.btn {
	border-width:thin;
	cursor:default;
	}
	
.s1	{ font-family: Times New Roman; font-style:italic; color:black;	font-size:24px; font-weight: normal}
.s2	{ font-family: Times New Roman; font-style:italic; color:black;	font-size:110; font-weight: normal}
.s3    { font-family: Verdana;  color:black; font-size:24px; font-weight: normal}
.s4    { font-family: Verdana;  color:black;font-size:110; font-weight: normal}
.s5    { font-family: Verdana; color:black;	font-size:16px; font-weight: normal}
.s6    { font-family: Verdana; color:black;	font-size:14px; font-weight: normal}


.streepmenu1
{
 color:#b00c0c;
 font-weight: bold;
}

.streepmenu2
{
 color:black;
 font-weight: normal;
}

.zwart_overlay{
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			width:100%;
			height:1000px;
			background-color: black;
			z-index:10001;
			-moz-opacity: 0;
			opacity:.0;
			filter: alpha(opacity=0);
		}

		.wit_horizontaal {
			display: none;
			position: absolute;
			top:0px;
			left:25%;
			width: auto;
			height: auto;
			padding: 16px;
			border: 1px solid black;
			background-color:green;
			z-index:10002;
			overflow: auto;
			-moz-opacity: 0;
			opacity:.0;
			filter: alpha(opacity=0);
		}
		
		.wit_vertikaal {
			display: none;
			position: absolute;
			top: 5%;
			left: 10%;
			width: auto;
			height:auto;
			padding: 16px;
			border: 1px solid black;
			background-color: black;
			z-index:10002;
			overflow: auto;
			-moz-opacity: 0;
			opacity:.0;
			filter: alpha(opacity=0);
		}

#mail {
display: none;
position:absolute;
top:100px;
left:0;
width: 500px;
height:400px;

background-color: yellow;
text-align:-moz-center;
overflow: hidden;
visibility:visible;
z-index:10005;
font-size:12px;
-moz-opacity: 0;
opacity:.0;
filter: alpha(opacity=0);
text-align:-moz-center;
}

#buiten {
position:absolute;
height:0px;
top:0px;
left:0px;
width:20px;

overflow: visible; 
visibility: visible; 
z-index:1; 
background-color:transparent;
}

#login {
display: none;
position:absolute;
top:100px;
left:0;
width: 500;
height:400px;

background-color: black;
text-align:-moz-center;
overflow: hidden;
visibility:visible;
z-index:10005;
font-size:12px;
-moz-opacity: 0;
opacity:.0;
filter: alpha(opacity=0);
text-align:-moz-center;
}

#vergeten {
display: none;
position:absolute;
top:100px;
left:0;
width: 500;
height:400px;

background-color: black;
text-align:-moz-center;
overflow: hidden;
visibility:visible;
z-index:10005;
font-size:12px;
-moz-opacity: 0;
opacity:.0;
filter: alpha(opacity=0);
text-align:-moz-center;
}

#wijzigen {
display: none;
position:absolute;
top:100px;
left:0;
width: 500;
height:400px;

background-color: black;
text-align:-moz-center;
overflow: hidden;
visibility:visible;
z-index:10005;
font-size:12px;
-moz-opacity: 0;
opacity:.0;
filter: alpha(opacity=0);
text-align:-moz-center;
}

#foto1 {
display: none;
position:absolute;
top:150px;
left:0;
width: 600px;
height:650px;

background-color: gray;
text-align:-moz-center;
overflow: hidden;
visibility:visible;
z-index:10005;
font-size:12px;
-moz-opacity: 0;
opacity:.0;
filter: alpha(opacity=0);
text-align:-moz-center;
}

#nieuws {
position:absolute;
height:240px;
top:12px;
left:50px;
width:400px;

overflow:hidden; 
visibility: visible; 
z-index:500; 
background-color: orange;
}

#stedenband {
position:absolute;
height:240px;
top:12px;
left:500px;
width:400px;

overflow:hidden; 
visibility: visible; 
z-index:500; 
background-color: orange;
}


#edehuis {
position:absolute;
height:240px;
top:280px;
left:50px;
width:400px;

overflow:hidden; 
visibility: visible; 
z-index:500; 
background-color: orange;
}

#toerisme {
position:absolute;
height:240px;
top:280px;
left:500px;
width:400px;

overflow:hidden; 
visibility: visible; 
z-index:500; 
background-color: orange;
}

#fotoalbum {
position:absolute;
height:240px;
top:550px;
left:50px;
width:400px;

overflow:hidden; 
visibility: visible; 
z-index:500; 
background-color: orange;
}

#chrudim {
position:absolute;
height:240px;
top:550px;
left:500px;
width:400px;

overflow:hidden; 
visibility: visible; 
z-index:500; 
background-color: orange;
}


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type:none;

}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: list-item;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{


display: block;
width:0px; /*Width of top level menu link items*/
width:-moz-max-content;

background-color: Transparent;
z-index: 1000;


}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{

left:0;
top: 0;
width:100;
border-top:none ;
position: absolute;
display: block;
visibility: hidden;
z-index: 1000;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
float: left; width: 100%;
display: block;

z-index: 1000;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{

width: 175px; /*width of sub menu levels*/
padding: 6px 12px;
background-color:#92856f;
-moz-opacity: 90;
opacity:.9;
filter: alpha(opacity=90);
text-align: left;
z-index: 1000;
border-width: 1 1px 1px 1px;
height: 1%;

}

.horizontalcssmenu ul li a:hover{
background-color:  darkblack;
}

.horizontalcssmenu ul li ul li a:hover{
background-color: darkblack;
-moz-opacity: 90;
opacity:.9;
filter: alpha(opacity=90);
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right:0;
background-color: Transparent;
}




