/* Style sheet for eemeel.com */

 @media (min-width: 960px) {
        body { width: 960px;
        margin-left: auto;
   		margin-right: auto;
        }
      }
@media (min-width: 600px) {
        .tabel600 { width: 580px;
        				float: left;
						text-align: left;
        }
      }
@media (min-width: 800px) {
        .tabel800 { width: 780px;
        				float: left;
						text-align: left;
        }
      } 
@media (min-width: 750px) {
        .tabel750 { width: 730px;
        				float: left;
						text-align: left;
        }
      } 
.driehonderd {
	float:left;
	width: 300px;
	text-align: left;
	}
.tweehonderd {
	float:left;
	width: 200px;
	text-align: left;
	} 
.zes {
	float:left;
	width: 6px;
	text-align: left;
	}      
.paintings {
	float:left;
	width: 210px;
	text-align: center;
	}	
.halve {
	float:left;
	width: 300px;
	text-align: left;
	}
.centered { /*
background-image: url(images/bg.jpg);
background-repeat: repeat-y;*/
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing:0;
}
.bgcolor {
	background: #FFFFea;
}

a:link img { border-style: none }
a:visited img { border-style: none }
a { 
color: #000278; 
text-decoration:underline;
/* it is als je rode tekst wil hebben bij links:  
color: #af1632;
font-weight: bold;
text-decoration:none;*/	 
}

.header {
font-family: arial, sans-serif;
font-size: 28px;
color: #000000;
text-align: center;
}

.forminhoud {
background: #FAF8DB;
border-color: #9999FF; 
border-width:1px; 
border-style:solid;
}

.flagopacity {
font-family: arial narrow, arial, sans-serif;
font-size:10px;
margin: 4px;
opacity: .5;
filter: alpha(opacity=50);
-moz-opacity: .5;	
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
}

.data { 
/*padding-left: 100px;  */
/*padding-right: 160px;   */
left: 170px;    /* bij 0 is in firefox geen balk onderop, bij 20 wel */
z-index:100;
width: 740px;
top: 150px;
}

.copyright {
padding-left: 50px;
}

.timetext10 {
top: 3px;   
font-family: arial, sans-serif;
font-size:10px;
}

.copyrighttext10 {
/* niet toegepast maar kan wel */
/*top: 470px;  */ 
font-family: arial, sans-serif;
font-size:10px;
}

.maintext10 {
font-family: arial, sans-serif;
font-size:10px;
}
.maintext12 {
font-family: arial, sans-serif;
font-size:12px;
}
.maintext12b {
font-family: arial, sans-serif;
font-size:12px;
font-weight:bold;
color: #000; 
}
.maintext14 {
font-family: arial, sans-serif;
font-size:14px;
color: #000; 
}
.maintext14b {
font-family: arial, sans-serif;
font-size:14px;
font-weight:bold;
color: #000; 
}
.maintext14c {
font-family: arial, sans-serif;
font-size:14px;  
text-align:center;
}
.maintext14l {
font-family: arial, sans-serif;
font-size:14px;  
text-align:left;
}
.maintext14bc {
font-family: arial, sans-serif;
font-size:14px; 
font-weight:bold; 
text-align:center;
}
.maintext14bl {
font-family: arial, sans-serif;
font-size:14px; 
font-weight:bold; 
text-align:left;
}
.maintext20l {
font-family: arial, sans-serif;
font-size: 20px;
color: #000000;
padding-bottom: 3px;
text-align: left;
}

.linkblok {
font-family: arial, sans-serif;
font-size:12px;
color: #000278; 
}

#menu dl, dt, dd, ul, li {
margin: 0px 2px; /* 0 */
padding: 0;  /*0px 2px 0px 2px;  top right bottom left*/
list-style-type: none;
}

#menu {
/*position: relative; 
left: 170px;     bij 0 is in firefox geen balk onderop, bij 20 wel , zonder dancing 220px*/
height: 55px;
z-index:100;
width: 100%;   /* was 840px */
font:normal 12px arial, sans-serif; /* was Verdana; */
}

#menu dl {
float: left;
/*width: 81px; /* 81px met 11 menu onderwerpen, 90 met 10 menu onderwerpen */
margin-left: 4px;
margin-right: 4px;
text-align:center;
}

#menu dt {
cursor: pointer;
text-align: center;
/* font-weight: bold;  */
/* background: white;  */
	border: 1px solid gray;
}

#menu dd {
	border: 1px solid gray;
}

#menu li {
/*background: #fff;*/
}

#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;

}
#menu li a:hover, #menu dt a:hover {
	background: #FFFF99; 
}