/*

	Customer Name: Charmalot
	Customer URI: http://www.charmalot.be/
	Agency Designer: Frederik Vanderfaeillie (http://www.chilli.be)
	Agency Author: Aime van Pottelsberghe
	Agency URI: http://www.mediadukes.be/
	Date: 22/05/2009

*/


/* 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-family: Arial; font-size: 11px; color: #FFF; line-height: 20px; }
  a:link, a:visited { color: #f49ec4; }
  a:hover, a:focus { color: #f49ec4; }
	.colored { color: #f49ec4; }



/* MY STRUCTURE STYLES */
  
  /* COMMON STRUCTURE STYLES */
	
		html, body { height: 100%; overflow: inherit; }
		
		html { background: url(../images/html-pattern.jpg) repeat; }
		body { width: 100%; text-align: center; }
		
		div.flat_div { font-size: 0px !important; line-height: 0px !important; }
  
  
	/* STRUCTURE STYLES */
    
    div#super_wrap { min-height: 100%; width: 480px; margin: 0 auto; text-align: left; background: #9e9585; }
    * html div#super_wrap { height: 100%; }
      
      a.enter-btn { display: block; width: 190px; height: 33px; padding-top: 11px; text-align: center; background: url(../images/btn-bg.jpg) no-repeat; }
      a.enter-btn { font-size: 14px; text-transform: uppercase; }
    	
      div#intro_container { width: 228px; height: 260px; position: absolute; top: 50%; left: 50%; margin: -130px 0 0 -114px; }
      div#intro_container h1 { width: 228px; height: 170px; background: url(../images/logo-intro.jpg) no-repeat; text-indent: -9999px; outline: none; }
      div#intro_container a#intro-enter-btn { margin: 46px 0 0 19px; }
      
      
      div#site_container { padding: 65px 20px 40px; }
      div#site_container h1 { width: 190px; height: 142px; margin: 0 auto 30px; background: url(../images/logo-page.jpg) no-repeat; text-indent: -9999px; outline: none; }
      div#site_container a#page-enter-btn { margin: 30px 0 0 125px; }
      div#site_container p { text-align: center; }
      div#site_container p a { color: #FFF; }
      div#site_container p a:hover { color: #f49ec4; }
    
    
    div#footer_wrap { height: 25px; width: 480px; margin: -25px auto 0; text-align: center; }
    	div#footer_wrap a, div#footer_wrap span { color: #c1bcb2; text-transform: uppercase; font-size: 9px; }
    
    .winkel{position:absolute; left:-127px;}

/* CONTENT STYLES */
  
  /* COMMON CONTENT STYLES */


	

/* 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%; }
	
	
	
	
/* BROL CODE */
/*


*/