/*  GENERIC
    WRAPPER
    HEADER
    MENU
    CONTENT
    FOOTER
*/

/* =GENERIC
   ---------------------------------------------------- */
   
html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
        
    font-family: 'Trebuchet MS', Verdana, Arial, 'Times New Roman';
    color: #565656;
    
    background-color: #E4E4E4;
    background-image: url(../images/spiegelfabriek/background.jpg);
    background-repeat: repeat-x;
}

body
{
    font-size: 0.75em;
}

form
{
    margin: 0;
    padding: 0;
}

h1
{
    margin: 10px 0 10px 0;
    font-size: 2em;    
}

img
{
    border: 0;
    display: block;
}

a:hover
{
    text-decoration: none;
}

.clearBoth
{
	clear: both;
}

.invisible
{
    display: none;
}

/* =WRAPPER
   ---------------------------------------------------- */

#wrapper
{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    
	width: 676px;
    margin: 0 auto;
    
    background-image: url(../images/spiegelfabriek/wrapper-background.jpg);
    background-repeat: repeat-y;
}

/* =HEADER
   ---------------------------------------------------- */

#header
{
    background-image: url(../images/spiegelfabriek/content-background.jpg);
    background-repeat: no-repeat;    
    background-position: left top;    
}

#logo
{
    float: right;
    margin: 0 28px 0 0;
}

/* =MENU
   ---------------------------------------------------- */
   
#menu
{
    float: left;
    display: inline;
    margin: 10px 0 0 37px;
    padding: 0;
    list-style: none;
}

#menu li
{
    float: left;
    font-size: 1.0em;
    padding: 0 2px 0 2px;
    text-transform: uppercase;
}

#menu li a
{
    display: block;
    padding: 32px 8px 27px 8px;
    color: #424242;
    text-decoration: none;
}

#menu li a:hover, #menu li a.menuselected
{
    background-color: #424242;
    color: #FFFFFF;
}

/* =CONTENT
   ---------------------------------------------------- */

#content
{
    width: 610px;
    margin: 0 auto;
    padding: 10px 10px 50px 10px;
    color: #FEFEFE;
}

#pageContent
{
    width: 446px;
    margin: 0 auto;
}

#pageContent a
{
    color: #FFFFFF;
}
   
/* =FOOTER
   ---------------------------------------------------- */
   
#footer
{
    position: absolute;
    bottom: 0;
    left: 0;
}

#footer img
{
    display: block;
}