/* -------------------------------------------------------------- 

  Boondoggle - Yves Van Broekhoven
  Nationale Loterij
	
  1. Structure
  2. Popup
	
  always include reset.css, it will reset your style
  for all browers, it includes the clearfix	
  
  typography specs must be specified in typography.css
  form specs must be specified in forms.css
  
  ID en class naming => use capitals for seperation: navHome
  
/*-------------------------------------------------------------- */


/*------------ imports -----------*/
@import url(typography.css);

/*-------------------------------------------------------------------------------------  1. Structure --------------------------------*/

body       {}
#container {margin:0 auto; width:550px; padding:0} 

#flashContent {}


#wrapper   { margin: 0 auto; width:550px;}
.block	   { background: #efefef; margin: 25px 0; padding: 25px; border:4px solid #dfdfdf; clear:both; }

#header     {  }
#navigation {  }
#content    {  }
#column01   {  }
#column02   {  }
#column03   {  }
#footer     {  }


.left    { float: left; }
.right   { float: right; }
.clear   { clear: both; }
.hide    { display: none; }
.first     { margin-top:0; padding-top:0; }
.last  { margin-bottom:0; padding-bottom:0; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }

li { margin-bottom: 1em; }
li li { margin-bottom: 0; }

ul#alternativeNav {list-style:none; padding:10px 0 10px 5px; margin:0 0 20px 0; border-bottom:2px solid #333; border-top:2px solid #333}
ul#alternativeNav li {float:left; margin:0 10px 0 0;}

/*-------------------------------------------------------------------------------------  2. Popup --------------------------------*/

#popup { padding: 25px 10px 25px 45px; }