/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {

    }
 
    body, td, input, select, textarea {	
    	font-family: Trebuchet MS, Arial,Verdana;
		font-size:11px;
		color:#cdcdcd;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#262626 url("../images/intro/bg.jpg") 0px 270px repeat-x;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#ec008b;
    	text-decoration:none;
    }
    
    a:hover {
    	color:#ec008b;
    	text-decoration:underline;
    }
    
    h1 {
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 div#container {
 	width:800px;
 	position:relative;
 	margin:0 auto;
 }
 
 div#container div#event {
 	clear:both;
 	margin-top:40px;
 }
 
 div#container div#adres {
 	padding-top:40px;
 	_padding-top:0px;
 }
  
 div#container div#logo {
 	margin-top:50px;
 	background:url("../images/intro/logo.jpg") top left no-repeat;
 	width:186px;
 	height:184px;
 	margin-left:290px;
 	_margin-left:0px;
 }

 div#container div#event a {
 	display:block;
 	width:250px;
 	height:98px;
 	_height:198px;
 	margin-right:10px;
 	float:left;
 	
 	font-size:13px;
 	color:black;
 	text-indent:20px;
 	padding-top:105px;
 	font-weight:bold;
 	text-align:left;
 }
 
 div#container div#text {
 	font-size:13px;
 	margin-top:70px;
 	font-weight:bold;
 }	
 
  div#container div#event a:hover {
 	text-decoration:none;
 }
 
 div#container div#event a.event_1 { background:url("../images/intro/image1.jpg") top left no-repeat;}
 div#container div#event a.event_2 { background:url("../images/intro/image2.jpg") top left no-repeat;}
 div#container div#event a.event_3 { background:url("../images/intro/image4.jpg") top left no-repeat;}

div#container div#adres {
	clear:both;
	margin-top:20px;
}

/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 1
	 *****************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 2
	 *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
        height:10px;
    }