/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Algemene stylesheet CSS voor Utopia Kapsalon, July 2009
© Stylesheet by Mosselman multimedia

1. Basis layout	omvat : algemene styles, layout: header , 3 col pagina opbouw , footer(optioneel) , content , tools , navigatie, slideshow
2. Elementen styles : H, p, ul/li, ahref, class, other
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


/* +----------------   GENERAL STYLES ------*/

*          { margin: 0; }
html, body { margin: 0px; padding: 0px;}
body       { font: 100% Arial, Helvetica, sans-serif; background: #fff url(../images/bg_body.gif) top center no-repeat;}
img        { display:block; border: none; margin: 0px; padding: 0px; }
em         { color: #000; font-style: normal; }


/* -------------------  DIV LAYOUT  -----------------------*/
div#header                          { position: absolute; width: 100%; height: 179px; z-index: 0; background-color: #6c0404;}
div#wrapper                         { min-height: 100%; height: auto !important; height: 100%; left: 50%; }
div#wrapper                         { position: absolute; width: 746px; text-align: left; z-index: 1; margin-left: -373px; }
div#wrapper-content                 { float: left;  width: 746px; }
div#left                            { float: left;  width: 409px; margin: 113px 0px 0px 0px; padding: 0px;  }
div#right                           { float: right; width: 337px; }
div#nav                             { float: left; text-align:left; height:38px; width: 409px; padding: 10px 0px 20px 0px; margin: 0px 0px 0px 0px; }
div#content                         { float: left;  width: 409px; margin: 0px; padding: 10px 0px 10px 0px; }

/* -------------------   CONTENT STYLES  -----------------------*/




/* -------------------   H styles  -----------------------*/

/* H1 */
#content  h1               { font-size: 1.2em; font-weight:600; color: #6c0404; margin: 0px; padding: 0px 0px 10px 0px; }

/* H2 */
#content  h2               { font-size: 1.0em; font-weight:400; color: #6c0404; margin: 0px; padding: 20px 0px 10px 0px; }

/* H3 */


/* -------------------   P styles  -----------------------*/




/* -------------------   UL/LI styles  -----------------*/

/* ul */
#nav ul                    { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }


/* li */
#nav li                     { position:relative; float: left; padding: 12px 40px 0px 0px;  margin: 0px 0px 0px 0px; list-style: none; }


/* -------------------   A HREF styles  -----------------------*/


/* general */
#content a:link, #content a:visited                { text-decoration: underline; text-transform:lowercase; font-size:1.0em; color:#6c0404; font-weight:400; }
#content a:hover                               { text-decoration: underline; text-transform:lowercase; font-size:1.0em; color:#6c0404; font-weight:400; }



/* li */
#nav li a:link, #nav li a:visited                { text-decoration: none; text-transform:lowercase; font-size:1.0em; color:#7c8083; font-weight:400; display:block; border-bottom:none; }
#nav li a:hover                                            { text-decoration: none; text-transform:lowercase; font-size:1.0em; color:#6c0404; font-weight:400; display:block; }

#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover      { text-decoration: none; text-transform:lowercase; font-size:1.0em; color:#6c0404; font-weight:400; display:block; border-bottom:none; }
                                           

/* -------------------   Class styles  -----------------------*/



/* -------------------   IMAGE STYLES  -----------------------*/




/* -------------------   OTHER STYLES  -----------------------*/