@import "/css/forms.css";

body, html {
	margin: 0; padding: 0;
}

#main {
	position:absolute;
	top: 0px;
	left:50%;
	width:795px;
	margin-top:0px;
	margin-left:-398px;
}

/* ########################## HEADER ########################## */

	#top { display: block; _height: 67px;}
	
		#logo {
			margin-top: 17px;
			margin-left: 47px;
		}
		
		#titel {
			position: absolute;
			right: 0px;
			top: 30px;
		}
	
	#header {
		margin-bottom: 4px;	
	}
	   
		#menu {
		  
		}
		
		/*IE7 HACK*/
		*+html #menu {
		  margin-top: -4px;
	  }
			
			#menu ul {
				margin:0; padding:0;
			}
			
				#menu li {
					list-style-type: none;
					margin:0; padding:0;
					margin-bottom: 1px;
					width: 172px;
				}
					
					#menu li a {
						width: 149px;
						display: block;
						margin-left: 19px;
						_margin-left: 0px;
						font: bold 11px/19px 'Trebuchet MS',Verdana, sans-serif;
						text-decoration: none;
						height: 20px;
					}
					
					#menu li a span {
						float: right;
						margin-right: 3px;
						font-weight: bold;
					}
					
					#menu li div.halfrond {
						width: 19px;
						height: 20px;
						float: left;
						_margin-right: -3px;
					}
					
					.inlogbox {
						width: 200px;
						height: 62px;
						_height: 59px;
					}
					
					/*IE7 HACK*/
          *+html .inlogbox {
            	height: 59px;
           }
					
					.inlogbox input {
						width: 137px;
						_width: 135px;
						font: bold 11px/16px 'Trebuchet MS',Verdana, sans-serif;
						border: 1px solid black;
						margin:0;
						padding: 0;
						padding-left: 3px;
					}
						
						.inlogbox input.submit {
							height: 18px;
							width: 50px;
							margin-top: 2px;
							_margin-top: 1px;
							line-height: 16px;
							font-weight: bold;
							padding: 0;
						}
						
						/*IE7 HACK*/
            *+html .inlogbox input.submit {
              	margin-top: 1px;
             }
						
						
						
						.inlogbox form span.bgtop {
							position: absolute;
							margin-left: 0px;
							padding: 2px; 
							_padding: 1px; 
							padding-left: 0px; 
							_padding-left: 3px;
							z-index: 6;
							padding-bottom: 0px;
							padding-right: 7px;
							_padding-right: 9px;
						}
						
						.inlogbox form span.bgbottom {
							position: absolute;
							left: 10px; top: 195px;
							_top: 199px;
							padding: 6px;
							margin-top: -7px;
							_margin-top: -9px;
							padding-top: 2px;
							z-index: 5;
							padding-left: 9px;
							text-align: right;
							padding-bottom: 3px;
							padding-right: 7px;
							_padding-right: 9px;
						}
						
						/*IE7 HACK*/
            *+html .inlogbox form span.bgbottom   {
              	margin-top: -8px;
             }
						
						.inlogbox form span.bgbottom span.opslaan {
							float: left;
							font: 11px/19px 'Trebuchet MS',Verdana, sans-serif;
							height: 10px;
						}

						.inlogbox form span.bgbottom span.opslaan input {
							width: 20px;
							border: 0;
						}
						
		#submenu {
			position: absolute;
			top: 63px; left: 172px;
			_top: 59px;
			height: 168px;
			z-index: 100;	
			display: none;	
		}
		
			#submenu ul {
				margin: 0; padding: 0;
				margin-top: 4px; 
				_margin-top: 8px;
			}
			
				#submenu li {
					list-style-type: none;
					font: bold 11px/19px 'Trebuchet MS',Verdana, sans-serif;
				}
				
					#submenu ul li a {
						font: bold 11px/19px 'Trebuchet MS',Verdana, sans-serif;
						text-decoration: none;
						display: block;
						height: 20px;
						cursor: hand;
						width: 150px;
						_line-height: 21px;
						padding-left: 10px;
						white-space: nowrap;
					}

		
		#foto {
			position: absolute;
			top: 63px; left: 172px;
			_top: 67px;
			border: 5px solid white;
		}
		
			#foto img {
				display: block;
			}
		
		#kreet {
			position: absolute;
			top: 63px; 
			_top: 67px;
			right: 0px;
			_right: 4px;
			width: 176px;
			_width: 178px;
		}
		
			#kreet a {
        margin-left: -5px;
        _margin-left: 12px;
				display: block;
				font: bold 22px/25px 'Trebuchet MS',Verdana, sans-serif;
				padding: 5px;
				height: 154px;
				text-decoration: none;
				padding-left: 9px;
				padding-top: 9px;
        overflow: hidden;
			}
		
			#kreet div.halfrond {
				width: 19px;
				height: 20px;
				float: left;
				_margin-right: -9px;
			}
			
		/*IE7 HACK*/
    *+html #kreet div.halfrond {
      margin-right: -5px;
     }

			
/* ########################## GENERAL TEMPLATE ########################## */

	#content {
		margin-left: 10px;
		width: 790px;
		margin-bottom: 50px;
	}	
	
	.col {
		margin-bottom: 4px;
	}
	
	.col h1 {
		font: 18px/31px 'Trebuchet MS',Verdana, sans-serif; 
		margin-left: 21px;
		margin-top: 0px;
		margin-bottom: 0px;
		background: #fff;
		margin-right: 4px;
        height: 31px;
        overflow: hidden;
	}
	
	#content .hoek {
		width: 21px;
		height: 31px;
		float: left;
    position: absolute;
    _margin-left: -21px;
	}
	
  /*IE7 HACK*/
 *+html #content .hoek {
   margin-left: -21px;
 }
	
	#content .txt {
		padding: 4px;
		margin-right: 4px;
		padding-top: 4px; 
		margin-top: 0px;
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
		overflow: hidden;
	}
	
	
		#content .txt img {
			margin: 5px;
		}
		
		#content .txt ul {
			margin-left: 5px; padding-left: 10px;
		}
		
		#content .txt li {
		
		}
		
		
		
	.holder {
		overflow: hidden;
	}
	
	p {
		margin-top: 2px;
	}
	
	#content .footer {
		height: 8px;
		font-size: 1px;
		margin-right: 12px;
	}
	
	#content .footer .footerimage {
		float: right;
		position: relative;
		right: -8px;
		width: 9px;
		height: 8px;
		line-height: 1px;		
	}
	
	.invisible, .moduleevents, .help {
		display: none;
	}
	
	.module {
		margin-bottom: 4px;
	}	
	
	.eventnames {
		display: none;
	}

/* ########################## FOOTER ########################## */

	#footer {
		clear: both;
		height: 20px;
		/*position: relative;*/
		top: 4px;
		_top: 0px;
		z-index: 1;
	}
	
  /*IE7 HACK*/
 *+html #footer {
  top: 0px;
 }
 
		
		#footer {
			font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
		}
    
    #footer a {
      text-decoration: none;
    }
		
		#footer div.halfrond {
			width: 19px;
			height: 20px;
			float: left;
			position: relative;
			left: -14px;
		}
		
/* ########################## TOOLTIP ########################## */

#tooltip {
	color: #fff;
	max-width: 300px;
	overflow:hidden;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../?themeImage=img/submenubg.png&color=444444');
}

#tooltip[id] {
	background: url("../?themeImage=img/submenubg.png&color=444444");
}