/*

	Customer Name: Wouter Pick
	Customer URI: http://www.wouterpyck.be/
	Agency Designer: Chilli (http://www.chilli.be)
	Agency Author: Media Dukes
	Agency URI: http://www.mediadukes.be/
	Date: 22/11/2008

*/


/* STYLES RESETTER */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dd, dl, dt,
li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
td { margin: 0; padding: 0; border: 0; font-weight: normal; /*font-style: normal; font-family: inherit;*/ text-align: left; }

form input[type="submit"], form input[type="reset"] { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
a { text-decoration: none; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6, strong, em { font-weight: bold; }




/* COMMON TEXT STYLES */

	body { font: 9px Arial; color: #58585a; }
  a:link, a:visited { color: #58585a; }
  a:hover, a:focus { color: #ffaeb8 !important; }
	.colored { color: #ffbf00; }



/* MY STRUCTURE STYLES */
	
  html, body { width: 100%; height: 100%; }
	
	html { background: #FFFFFF; height: 100%; }
  body { text-align: center; position: relative; width: 100%; height: auto !important; height: 100%; min-height: 100%; }
  
  div#site_btns { width: 310px; height: 30px; position: absolute; bottom: 0px; left:50%; margin:auto auto auto -155px; background: url(../images/btn_bg.jpg) no-repeat; text-align: center; }
  	div#site_btns a { display: block; width: 60px; color: #adadae; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding: 2px 0; margin: 9px auto 0 auto; }
  

/* INTRO STYLES */
	
	body.intro div#site_wrap { width: 310px; height: 280px; position:absolute; top:50%; left:50%; margin:-140px auto auto -155px; text-align: left; }
  	body.intro div#site_wrap h1 { width: 310px; height: 200px; text-indent: -9999px; background: url(../images/logo_pomme.jpg) no-repeat left top; }
  	body.intro div#site_wrap p { width: 310px; height: 40px; position: absolute; bottom: 0px; left: 0px; background: url(../images/btn_bg.jpg) no-repeat; text-align: center; }
  		body.intro div#site_wrap p a { display: block; width: 130px; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding: 2px 0; margin: 13px auto 0 auto; }
  
  

/* ABOUT STYLES */

	body.about div#site_wrap { width: 310px; margin: 0 auto; text-align: left; padding: 20px 0 10px 0; }
  	body.about div#site_wrap h1 { width: 310px; height: 200px; background: url(../images/logo_pomme.jpg) no-repeat left top; text-indent: -9999px; margin-bottom: 45px; }
		.achtergrond{text-decoration:underline; }
   
    body.about div#site_wrap h2 { color: #ffaeb8; font: 10px Arial; font-weight: normal; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 15px 0; }
    body.about div#site_wrap p { text-transform: uppercase; text-align: center; letter-spacing: 1px; margin: 0 0 30px 0; line-height: 16px; }
    
	
	

/* CUTE CSS FIXES: */

    /* CLEARDIV STYLE */
    
      .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
      
      .clearfix { display: inline-block; }
      /* Hide from IE Mac \*/
      .clearfix { display: block; }
      /* End hide from IE Mac */
    
      /* Hides from IE-mac \*/
        * html .clearfix { height: 1%; }
      /* End hide from IE-mac */
    
    
    /* VERTICAL CENTERING STYLES (source: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html) */
    
      /* outer wrapping div */
        .v_cent_o_wrap { display: table;  #position: relative; overflow: hidden; }
    
      /* center wrapping div */
        .v_cent_c_wrap { #position: absolute;  #top: 50%; display: table-cell; vertical-align: middle; }
    
      /* inner wrapping div */
        .v_cent_i_wrap { #position: relative;  #top: -50%; }