/* kleuren 
F2683F    D.Oranje    Presentation:
6856A5    Paars        Workshops
7CBFE9    licht blauw    Presentation Display
93B9B1    groen        Projection
878382     bruin        Interactive
F2683F    D.Oranje    Information
E6B00E    L.oranje    Planning
EC008C    D.Roze        Accessoires
*/
/* ============================================================    */ 
/* ========    HTML STANDAARDEN      ===============================    */
/* ============================================================    */ 
html, body {
    height:100%;
}
body {
    margin:0;
    padding:0;
    text-align:center;
    
    background-color:#B9BFCB;
    
    }
body, table, th, td, p, input, textarea, select {
    font-family:Verdana, Arial, Helvetica, Sans-serif;
    font-size:11px;
    }
body, p, ul, li {
    }
h1, h2, h3, h4, h5, h6, p {
    margin:0 0 10px 0;
    }
a { 
    color:#000000;
    text-decoration:none;
    }
a:hover {
    text-decoration:underline;
    }
h1 {
    color:#333333;
    font-size:20px;
    font-weight:normal;
    }
h1 strong {
    font-size:32px;
    font-weight:normal
    }
h2 {}
h3 {color:#13478f;}
p {}
label {
    cursor:pointer;
    }
form {
    margin:0;
    }
    
/* EXTRA's */

a.readMore {
    display:block;
    padding-left:10px;
    font-weight:bold;
    color:#FFF;
    text-decoration:none;
    background:transparent url(/images/design/sidebar_arrow_white.gif) no-repeat 0px 5px;
    }
a.readMore:hover {
    color:#13478F;
    text-decoration:none;
    background-image:url(/images/design/sidebar_arrow_blue.gif);
    }

a.readMoretext {
    display:block;
    padding-left:10px;
    font-weight:bold;
    color:#434F66;
    text-decoration:none;
    background:transparent url(/images/design/sidebar_arrow_blue.gif) no-repeat 0px 5px;
    }
a.readMoretext:hover {
    color:#13478F;
    text-decoration:none;
    background-image:url(/images/design/sidebar_arrow_blue.gif);
    }

br.cB {clear:both;}
hr {
    height:1px;
    border:0px solid #FFF;
    border-top:1px solid #FFF;
    margin:0;
    font-size:1px;
    clear:both;
    }
/* ============================================================    */ 
/* ========    LAYOUT BLOCKEN      ===============================    */
/* ============================================================    */ 
#container {
    position:relative;
    margin:0 auto 0 auto;
    width:990px;
    min-height:100%;
    height:100%;
    text-align:left;
    background:#FFF url(/images/design/sidebar_back.gif) repeat-y right top;
    border-left:14px solid #13478f;
    }
/* mozilla hax \*/
html>body #container {
    height:auto;
    width:976px;
    }
/* mozilla hax */
/* ============================================================    */ 
/* ========    HEADER                ===============================    */
/* ============================================================    */
div.header {
    position:relative;
    height:65px;
    text-align:right;
    background:#FFF url(/images/design/header_back.jpg) no-repeat left top;
    }
    div.header #logo {
        float:right;
        margin:4px 10px 0px 10px;
        }
/* ============================================================    */ 
/* ========    NAVIGATIE            ===============================    */
/* ============================================================    */
div.navigatie {
    position:relative;
    padding:0 0 0 30px;
    height:23px;
    background-color:#B9BFCB;
    font-family:Tahoma, Arial, Helvetica, Sans-serif;
    }
div.navigatie a {
    display:block;
    margin-right:10px;
    float:left;
    color:#666;
    padding:6px 10px 5px 10px;
    cursor:default;
    font-size:10px;
    height:12px;
    text-transform:uppercase;
    }
div.navigatie a:hover,
div.navigatie a:active,
div.navigatie a.active {
    background-color:#8D97A8;
    color:#FFF;
    }

/* ============================================================    */ 
/* ========    SUB - NAVIGATIE        ===============================    */
/* ============================================================    */
.subNav {
    position:absolute;
    top:88px;
    left:0px;
    z-index:250;
    
    background-color:#000;    
    border-top:6px solid #8D97A8;
    border-bottom:6px solid #000;
    }
.subNav a {
    display:block;
    padding:5px 25px 5px 10px;
    background-color:#000;
    color:#FFF;
    }
.subNav a:hover,
.subNav a:active,
.subNav a.active {
    background-color:#8D97A8;
    }
/* ============================================================    */ 
/* ========    SUBNAVIGATIE        ===============================    */
/* ============================================================    */
.subNav {display:none;}
div#subNav0 {}
div#subNav1 {}
div#subNav2 {}
div#subNav3 {}
div#subNav4 {}


/* ============================================================    */ 
/* ========    BREADCRUM                ===============================    */
/* ============================================================    */
div.breadCrum {
    font-family:Verdana, Tahoma, Arial, Helvetica, Sans-serif;    
    font-size:9px;
    color:#778192;
    margin-bottom:20px;
    }
div.breadCrum a {
    color:#778192;
    text-decoration:underline;    
    }
div.breadCrum a:hover {
    color:#333;
    }
/* ============================================================    */ 
/* ========    FOOTER                ===============================    */
/* ============================================================    */
div#footer {
    position:absolute;
    bottom:0;
    left:0;
    width:976px;
    clear:both;
    height:25px;
    background-color:#B9BFCB;
    color:#FFF;
    }
    div#footer .footerText {
        padding:5px 0 0 10px;
        }
        div#footer .footerText a {
            color:#434F66;
            margin-right:3px;
            }
        div#footer .footerText a:hover {
            text-decoration:underline;
            }
        div#footer .footerText b {
            font-weight:normal;
            text-decoration:underline;
            }
        div#footer .footerText img.eddingLogo {
            margin:3px 0 0px 5px;
            vertical-align:top;
            }
    div#footer .sidebarBlock {
        width:171px;
        height:25px;
        float:right;
        background-color:#8D97A8;
        }
    div#footer .sidebarBlock span {
        display:block;
        margin:5px 0 0 5px;
        }
        div#footer .sidebarBlock a {
            margin:0 5px 0 5px;
            color:#FFF;
            font-size:10px;
            }
        div#footer .sidebarBlock a:hover{
            text-decoration:underline;
            }
    div.flags {
        float:right;
        margin:6px 10px 0 0;
        }
        div.flags a {
            display:block;
            float:left;
            margin-left:3px;
            }
            
/* ============================================================    */ 
/* ========    VISUAL                  ===============================    */
/* ============================================================    */ 
.visual {
    position:relative;
    z-index:2;
    }
.visual img {
    display:inline;
    }
.visualTop img {
    position:absolute;
    top:-21px;
    right:171px;
    z-index:10;
    }
.visualKoptext {
    /*position:relative;
    background-color:#F00;
    height:45px;
    margin:-23px 201px 0 400px;@  MAUCE  */
    position:absolute;
    top:88px;
    right:191px;
    height:45px;
    width:700px;
    z-index:100;
    }
.large .visualKoptext {
    top:151px;
    }
.flashKop {
    text-align:right;
    background:transparent url(/images/design/flashBack.gif) repeat-x left top;
    }
    
/* ============================================================    */ 
/* ========    CONTENTCONTAINER    ===============================    */
/* ============================================================    */
div.contentContainer {
    padding-bottom:25px;
    }
/* ============================================================    */ 
/* ========    SIDEBAR                  ===============================    */
/* ============================================================    */ 
div.sideBar {
    float:right;
    width:171px;
    padding:20px 0 25px 0;
    }
div.sideContent {
    padding:10px 20px 10px 10px;
    font-size:10px;
    color:#434F66;
    }
div.sideContent h1 {
    font-size:10px;
    font-weight:bold;
    margin:0;
    color:#13478F;
    }
div.sideContent a.readMore {
    margin-bottom:10px;
    color:#434F66;
    background:transparent url(/images/design/sidebar_arrow_blue.gif) no-repeat 0px 5px;
    }
div.sideContent a.readMore:hover {
    color:#13478F;
    }
div.sideHead {
    padding:3px 2px 3px 10px;
    background-color:#0054A6;
    }
div.sideHead a {
    color:#FFF;
    padding-left:12px;
    font-weight:bold;
    }
    
div.sideBar ul {
    margin:5px 0 0 0;
    list-style:none;
    
    }
div.sideBar li {
    padding-bottom:10px;
    list-style:none;
    }
div.sideBar li a {
    width:150px;
    color:#434F65;
    font-size:10px;
    margin-left:3px;
    line-height:1.2em;
    }
div.sideBar li a:hover {
    text-decoration:underline;
    }
div.sideBar ul img {
    margin-top:2px;
    vertical-align:top;
    background-color:#8E97A8;
    }
.sideBar .sideImages {
    margin-top:-20px;
    padding-top:14px;
    background-color:#FFF;
    }
/* mozilla hax */
html>body .sideBar .sideImages { 
    margin-top:0px;
    }
/* mozilla hax */
.sideBar .sideImages img {
    display:block;
    position:relative;
    border-bottom:14px solid #FFF;
    }
.sideBar .cataloque {
    margin-top:-30px;
    }
/* ============================================================    */ 
/* ========    CONTENTBLOCK          ===============================    */
/* ============================================================    */ 
.home {}
body.home .main {
    padding:20px 0px 10px 50px;
        }
.main {
    position:relative;
    margin-right:184px;
    padding:20px 0px 10px 50px;
    }
.flashKaart {
    margin-right:184px;
    padding:20px 0px 10px 0px;
    }
.contentBlock {
    }
.main .content {
    width:400px;
    margin-right:0px;
    margin-bottom:25px;
    }
.main .contentlong {
    width:600px;
    margin-right:0px;
    margin-bottom:25px;
    }
.flashKaart .content {padding:0px 0px 0px 50px;}
.flashKaart .contentFlash {
    margin:0 0 25px 0;
    padding:0;
    background-color:#8E97A8;
    }
.main h3 {
    margin:0 0 10px 0;
    color:#13478f;
    font-size:14px;
    }
div.colorBlock {
    position:relative;
    margin:10px 0px 20px 0px;
    overflow:hidden;
    width:735px;
    margin-left:-50px;
    padding:0 0 0 50px;
    color:#FFF;
    font-size:11px;
    background:#8D97A8 url(/images/design/white_square.gif) repeat-y 565px 0px;
    }
/*\*/
* html body .colorBlock { 
    width:785px;
    }
/* */
.colorBlock h1,
.colorBlock h2 {
    margin:0;
    font-weight:bold;
    font-size:14px;
    color:#FFF;
    }
.colorBlock h2 {
    margin-bottom:20px;
    font-weight:normal
    }
.colorBlock .afbeelding {
    position:relative;
    float:right;
    width:220px;
    text-align:left;
    }
.colorBlock .afbeelding img {
    border:1px solid #8D97A8;
    }
.colorBlock .inhoud {
    margin:20px 0 0 0;
    width:400px;
    }
/* ============================================================    */ 
/* ========    CATEGORIE              ===============================    */
/* ============================================================    */     
.categorie {
    width:700px;
    padding-bottom:30px;
    }
.categorie a {
    display:block;
    float:left;
    margin:0 25px 25px 0;
    }
    
/* ============================================================    */ 
/* ========    FORMULIEREN              ===============================    */
/* ============================================================    */     
div.topSearch {
    position:absolute;
    top:65px;
    right:0px;
    width:171px;
    height:23px;
    z-index:500;
    background-color:#8D97A8;
    overflow:hidden;
    }
div.topSearch input.typeText {
    margin:3px 0 0 5px;
    padding-left:3px;
    color:#000;
    font-size:10px;
    font-weight:normal;
    border:1px solid #FFF;
    height:13px;
    vertical-align:middle;
    width:80px;
    }
/*\*/
* html body div.topSearch input.typeText {
    margin-top:2px;
    height:17px;
    width:80px;
    }
/* */
div.topSearch input.typeButton {
    margin:2px 0 0 1px;
    vertical-align:middle;
    background-color:#8D97A8;
    border:1px solid #8D97A8;
    font-family:Tahoma, Arial, Helvetica, Sans-serif;
    font-size:9px;
    text-transform:uppercase;
    color:#FFF;
    }
    
    
    
    
/* ============================================================    */ 
/* ========    FORMULIEREN              ===============================    */
/* ============================================================    */ 
form {
        margin:0px;
        }
.formGrid {
    margin:10px 0;
        }
.formGrid td {
    
        }
.formGrid {}
.nameCell {
    width:125px;
    padding:2px 0 2px 0;
    vertical-align:top;
    }
.formGrid .extraNameCell {
    width:63px;
    padding:2px 5px 2px 5px;
    }
.formGrid .inputCell {
    width:200px;
    padding:2px 0 2px 0;
        }
.formGrid .buttonCell {
    padding-top:10px;
        }
.formGrid .verplicht {
        color:#000;
        vertical-align:top;
        }    
input,
select {
    vertical-align:middle;
    }
.typeText {
    color:#000;
    font-weight:normal;
    border-top:1px solid #666;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:1px solid #666;
    width:200px;
    }
.typeButton {
    color:#FFF;
    height:20px;
    font-weight:bold;
    border-top:1px solid #CCC;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    border-left:1px solid #CCC;
    background-color:#999;
    }
.formGrid input.typeText {
    padding-left:5px;
    }
div.left input.typeText,
div.left select.select {
    color:#834E0D;    
    }
label {
    vertical-align:middle;}
select.select {
    
    }
textarea.textarea {
    border-top:1px solid #666;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:1px solid #666;
    overflow:auto;
    width:200px;
    }
.w25 {
    width:46px;
    }
.w75 {
    width:150px;
    }    
 
/* ====================================================================================    */ 
/* ========    KLEURSCHEMA'S                                  ===============================    */
/* ====================================================================================    */ 

/* =================    presentation    ===============================================    */ 
body.presentation #container                             {border-left:14px solid #F2683F;}
body.presentation div.sideBar ul img,
body.presentation div.colorBlock                        {background-color:#C25431;}
body.presentation div.colorBlock .afbeelding img         {border:1px solid #C25431;}
body.presentation div.subColor                            {background-color:#CE765A;}
body.presentation div.subColor .afbeelding img             {border:1px solid #CE765A;}
.categorie a.presentation                                 {border:1px solid #F2683F;border-right:10px solid #F2683F;}
body.presentation .sideBar .sideImages                     {background-color:#C25431;}
body.presentation .sideBar .sideImages img                 {border-bottom:14px solid #C25431;}

/* =================    workshops    ===================================================    */ 
body.workshops #container                                 {border-left:14px solid #6856A5;}
body.workshops div.sideBar ul img,
body.workshops  div.colorBlock                            {background-color:#534485;}
body.workshops div.colorBlock .afbeelding img             {border:1px solid #534485;}
body.workshops  div.subColor                            {background-color:#75699D;}
body.workshops div.subColor .afbeelding img             {border:1px solid #75699D;}
.categorie a.workshops                                     {border:1px solid #6856A5;border-right:10px solid #6856A5;}
body.workshops .sideBar .sideImages                     {background-color:#534485;}
body.workshops .sideBar .sideImages img                 {border-bottom:14px solid #534485;}

/* =================    presentationDisplay    ===========================================    */ 
body.presentationDisplay #container                         {border-left:14px solid #7CBFE9;}
body.presentationDisplay div.sideBar ul img,
body.presentationDisplay div.colorBlock                        {background-color:#5896BC;}
body.presentationDisplay div.colorBlock .afbeelding img     {border:1px solid #5896BC;}
body.presentationDisplay div.subColor                        {background-color:#79ABC9;}
body.presentationDisplay div.subColor .afbeelding img         {border:1px solid #79ABC9;}
.categorie a.presentationDisplay                             {border:1px solid #7CBFE9;border-right:10px solid #7CBFE9;}
body.presentationDisplay .sideBar .sideImages                 {background-color:#5896BC;}
body.presentationDisplay .sideBar .sideImages img             {border-bottom:14px solid #5896BC;}

/* =================    projection    ===================================================    */ 
body.projection #container                                 {border-left:14px solid #93B9B1;}
body.projection div.sideBar ul img,
body.projection div.colorBlock                            {background-color:#7B9893;}
body.projection div.colorBlock .afbeelding img             {border:1px solid #7B9893;}
body.projection div.subColor                            {background-color:#95ADA9;}
body.projection div.subColor .afbeelding img             {border:1px solid #95ADA9;}
.categorie a.projection                                     {border:1px solid #93B9B1;border-right:10px solid #93B9B1;}
body.projection .sideBar .sideImages                     {background-color:#7B9893;}
body.projection .sideBar .sideImages img                 {border-bottom:14px solid #7B9893;}

/* =================    interactive    ===================================================    */ 
body.interactive #container                             {border-left:14px solid #878382;}
body.interactive div.sideBar ul img,
body.interactive div.colorBlock                            {background-color:#6C6968;}
body.interactive div.colorBlock .afbeelding img            {border:1px solid #6C6968;}
body.interactive div.subColor                            {background-color:#898786;}
body.interactive div.subColor .afbeelding img            {border:1px solid #898786;}
.categorie a.interactive                                 {border:1px solid #878382;border-right:10px solid #878382;}
body.interactive .sideBar .sideImages                     {background-color:#6C6968;}
body.interactive .sideBar .sideImages img                 {border-bottom:14px solid #6C6968;}

/* =================    information        ===============================================    */ 
body.information #container                             {border-left:14px solid #D7161F;}
body.information div.sideBar ul img,
body.information div.colorBlock                            {background-color:#D7161F;}
body.information div.colorBlock .afbeelding img            {border:1px solid #D7161F;}
body.information div.subColor                            {background-color:#EE464E;}
body.information div.subColor .afbeelding img            {border:1px solid #EE464E;}
.categorie a.information                                 {border:1px solid #D7161F;border-right:10px solid #D7161F;}
body.information .sideBar .sideImages                     {background-color:#D7161F;}
body.information .sideBar .sideImages img                 {border-bottom:14px solid #D7161F;}

/* =================planning    ===================================================    */ 
body.planning #container                                 {border-left:14px solid #E6B00E;}
body.planning div.sideBar ul img,
body.planning div.colorBlock                            {background-color:#B88D0D;}
body.planning div.colorBlock .afbeelding img            {border:1px solid #B88D0D;}
body.planning div.subColor                                {background-color:#C6A43D;}
body.planning div.subColor .afbeelding img                {border:1px solid #C6A43D;}
.categorie a.planning                                     {border:1px solid #E6B00E;border-right:10px solid #E6B00E;}
body.planning .sideBar .sideImages                         {background-color:#B88D0D;}
body.planning .sideBar .sideImages img                     {border-bottom:14px solid #B88D0D;}
/* =================    accessoires    ===================================================    */ 
body.accessoires #container                             {border-left:14px solid #EC008C;}
body.accessoires div.sideBar ul img,
body.accessoires div.colorBlock                            {background-color:#CA0076;}
body.accessoires div.colorBlock .afbeelding img         {border:1px solid #CA0076;}
body.accessoires div.subColor                            {background-color:#D53391;}
body.accessoires div.subColor .afbeelding img             {border:1px solid #D53391;}
.categorie a.accessoires                                 {border:1px solid #EC008C;border-right:10px solid #EC008C;}
body.accessoires .sideBar .sideImages                     {background-color:#CA0076;}
body.accessoires .sideBar .sideImages img                 {border-bottom:14px solid #CA0076;}

html body div.main div.colorBlock .afbeelding img {}