@font-face {
    font-family: 'ArialRoundedMTBoldRegular';
    src: url('/_fonts/arialboldrounded-webfont.eot');
    src: local('☺'), url('/_fonts/arialboldrounded-webfont.woff') format('woff'), url('/_fonts/arialboldrounded-webfont.ttf') format('truetype'), url('/_fonts/arialboldrounded-webfont.svg#webfontZOz59L5e') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* GENERIC */
*
{
    font-family: arial, helvetica;
    font-size : 12px;
    margin : 0;
    padding : 0;
    color : #2a494a;
}

A
{
    font-weight : bold;
    text-decoration: none;
}

UL
{
    padding : 0;
    margin : 0;
    padding-left : 15px;
    margin-bottom : 15px;
}

h1
{
    /*font-weight : bold;*/
    font-size : 24px;
    margin : 0;
    padding : 0;
    padding-bottom : 10px;
    color : #80B6B3;
    font-family : ArialRoundedMTBoldRegular;
}

h2
{
    font-size : 14px;
    padding-bottom : 15px;
}


h4
{
    font-size : 10px;
}

TH
{
    padding-right : 10px;
}

BODY
{
    background-color : #80b6b3;
    background-image : url(/_images/site/background_stippel_wit.png);
    background-repeat: repeat-y;
    background-position: center top;
    height : 100%;
}

#main
{
    width : 915px;
    margin-left : auto;
    margin-right: auto;  
}

#maintable
{
    width : 912px;
    margin-left : 5px;    
}

#main #menu
{
    background-color : #c5af5c;
    width : 155px;
    padding-top : 32px;
}

#main #menu UL
{
    padding : 0;
    margin : 0;
}

#main #menu UL LI
{
    margin : 0;
    padding : 0;
    height : 20px;
    margin-top: 5px;
    padding-bottom : 5px;
    background-image : url(/_images/site/menu_stippel.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#main #menu UL LI A
{
    height : 18px;
    padding-left : 18px;
    padding-top : 2px;
    color : #FFF;
    font-size : 12px;
    font-weight : bold;
    display: block;
    font-family: arial; 
}

#main #menu UL LI A:hover,
#main #menu UL LI A.active
{
    color : #295b53;
    background-color : #f1e5c7;
}

#main #menu #posiveren_spiraal
{
    padding-top : 50px;
    position: relative;
    left : 30px;
    padding-bottom: 50px;
}

#main #content
{
    background-color : #fff;
    width : 506px; /* 565px */
    background-image: url(/_images/site/hoekje.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left : 25px;
    padding-top : 50px;
    line-height: 16px;
    padding-right : 30px;
    padding-bottom : 50px;
}

#main #content, 
#main #content P,
#main #content STRONG,
#main #content EM,
#main #content TD,
#main #content TH, 
#main #content A,
#main #content LI
{
    font-size : 14px;
    line-height : 20px;
}

#main #content LI
{
    list-style: inside;
}

#main #sidebar
{
    background-color : #fff;
    padding-top : 7px;
}

#main #sidebar #posiveernu
{
    background-image: url(/_images/site/btn_posiveer_nu.jpg);
    background-repeat: no-repeat;
    display : block;
    overflow : hidden;
    line-height: 8000;
}

#main #sidebar #workshop
{
    background-image: url(/_images/site/workshop.png);
    background-repeat: no-repeat;
    display : block;
    overflow : hidden;
    line-height: 8000;
}

#main #sidebar #winkel
{
    background-image: url(/_images/site/btn_winkel.jpg);
    background-repeat: no-repeat;
    display : block;
    overflow : hidden;
    line-height: 8000;
}

#main #sidebar #groen
{
    background-image: url(/_images/site/blok_groen.png);
    background-repeat: no-repeat;
    display : block;
}

#main #sidebar #roze
{
    background-image: url(/_images/site/blok_roze.png);
    background-repeat: no-repeat;
    display : block;
    color : #1d373a;
}

#main #sidebar A.oranje
{
    background-image: url(/_images/site/oranje.png);
    background-repeat: no-repeat;
    display : block;
    font-weight: normal;
}

#main #sidebar A.oranje H2
{
    font-family : ArialRoundedMTBoldRegular;
    font-size : 20px;
    font-weight: normal;
    padding-bottom : 5px;
}

#main #sidebar .blok
{
    display: block;
    width : 159px;
    height : 102px;
    margin-bottom : 8px;
    clear : both;
    padding : 10px;
    padding-left : 20px;
    padding-top : 20px;
}

#header
{
    width : 925px;
    height : 112px;
    background-image : url(/_images/site/header.jpg);
    background-repeat: no-repeat;
    margin-left : auto;
    margin-right: auto;
    position: relative;
    left : 3px;
    clear: both;
}

#header #posiveren_popje
{
    background-image : url(/_images/site/posiveren_logo.png);
    background-repeat: no-repeat;
    width : 125px;
    height : 108px;
    margin-left: auto;
    margin-right : auto;
    position : relative;
    left : -15px;
    top : 20px;
    display : block;
    line-height : 8000px;
    overflow : hidden;
    z-index : 100;
}

#flair_linksonder
{
    background-image : url(/_images/site/flair_linksonder.png);
    width : 289px;
    height : 346px;
    position : absolute;
    top : 380px;
    margin-left : -110px;
    clear: both;
}

#overlay_bloemetje
{
    background-image : url(/_images/site/overlay_bloem.png);
    width : 83px;
    height : 64px;
    position : absolute;
    margin-top : -60px;
    margin-left: 95px;
}

#overlay_zonnetje
{
    background-image : url(/_images/site/overlay_zonnetje.png);
    width : 33px;
    height : 34px;
    position : absolute;
    margin-top : -125px;
    margin-left: -15px;        
}

#overlay_zeeegel
{
    background-image : url(/_images/site/overlay_zeeegel.png);
    width : 62px;
    height : 62px;
    position : absolute;
    margin-top : -30px;
    margin-left: 10px;        
}

.input
{
    border : 1px solid #666;
    width : 155px;
    height : 20px;
    margin-bottom : 3px;
}

.textarea
{
    border : 1px solid #666;
    width : 155px;
    height : 80px;
}

.error
{
    border : 1px solid red;
    width : 155px;
    height : 20px;
}

#nieuwsbrief .button
{
    padding-top : 10px;
    padding-left : 78px;
}

H1.h1
{
    width : 420px;
    height : 26px;
    visibility : visible;
    line-height : 8000px;
    padding : 0;
    margin : 0;
    margin-bottom : 10px;
    overflow : hidden;
    background-repeat: no-repeat;
}

.quote_naam
{
    color : #80b6b3;
    overflow : auto;
    clear : both;
    width : 150px;
    text-align: right;
}

HR
{
    height : 1px;
    border : 0;
    border-bottom : 1px dotted #1d373a;   
    margin : 10px 0px;
}

#bericht
{
    width : 364px;
    margin : 0px 10px;
    height : 318px;
    border : 0px solid #1d373a;  
    margin-top : 20px; 
    background-repeat: repeat;
    position: relative;
    background-image : url(/_images/site/posirichten/bg/5.png);
}

#tekst
{
    width : 500px;
    height : 70px;
}


#berichttekst,
#berichttekstrendered
{
    cursor : move;
    border : 1px dotted #555;
    width : 300px;
    height : 180px;
    left : 30px;
    top : 10px;
    position: absolute;
    background-color : transparent;
    text-align: center;
    overflow : hidden;
    z-index : 1;
}

#berichttekstrendered
{
    border: 0;
    cursor: auto;
}

#berichtteksttekst
{
    font-size : 18px;
    line-height : 18px;
    font-family : ArialRoundedMTBoldRegular, arial, verdana;
    color : #1d373a;
}

#poppetje,
#poppetjerendered
{
    width : 100px;
    height : 100px;
    position : absolute;
    float : left;
    cursor : move;
    border : 1px dotted #555;
    left : 130px;
    top : 210px;
    z-index : 2;
}

#poppetjerendered
{
    border : 0;
    cursor : auto;
}

.backgrounditem
{
    display : block; 
    width : 60px;
    height : 60px;
    cursor : hand;
    cursor : pointer;
    margin-bottom : 4px;
    z-index : 2000;
    position : relative;
}

.backgrounditem:hover,
.backgrounditem.selected
{
    border : 2px solid #000;
    width : 56px;
    height : 56px;
}

.shoptable TD
{
    text-align: center;
    padding-left : 10px;
    vertical-align: middle;
    font-size : 14px;
}

.shoptable TH
{
    padding-bottom : 5px;
    font-weight : bold;
    font-size : 14px;
}

.shoptable INPUT
{
    height : 20px;
}

FORM
{
    float: left;
}

.tip
{
    color : #8ea0c7;
    background-image : url(/_images/site/tip_icon.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left : 18px;
}

UL#sitemap
{
    margin : 0;
    padding-left : 15px;
    margin-bottom : 15px;
}

UL#sitemap LI
{
    list-style: inside;
}

#twitter
{
    margin-top : 20px;
    width : 169px;
    margin-bottom : 8px;
    clear : both;
    padding : 10px;
    padding-top : 10px;
}

DIV#twitter.twitted h2 
{
    font-family : ArialRoundedMTBoldRegular, arial, verdana;
    color : #1d373a;
    font-size : 18px;
    font-weight : normal;
    padding : 0;
}

DIV#footermenu
{
    bottom:0;
    position:fixed;
}

DIV#footermenu UL LI
{
    float : left;
    height : 20px;
    margin-top: 5px;
    padding-bottom : 5px;
    background-image : none;
    padding-right : 5px;
}

DIV#footermenu UL LI A
{
    height : 18px;
    padding-left : 15px;
    padding-top : 2px;
    color : #FFF;
    font-size : 12px;
    font-weight : bold;
    display: block;
    font-family: arial; 
}

DIV#footermenu UL LI A:hover,
DIV#footermenu UL LI A.active
{
    color : #295b53;
    background-color : #c5af5c !important;
}