﻿/* GENERAL SETTINGS [START] */

* 
{
    padding:                0px;   
    font-family:            Arial,'Trebuchet MS';  
    font-size:              8pt;
    color:                  Black;
    margin:                 0px;
}

body 
{
    overflow:               -moz-scrollbars-vertical;                                               /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
    background-color:       #99CDFF;                                                                /* LICHT BLAUW */
    background-image:       url(../Images/Layout/BG_Body.jpg);
    background-position:    top center;
    background-repeat:      repeat-y;
}

.clear{clear:both;}

* LI 
{
	list-style:             bullet;
}

.fancyli
{
    list-style-position:    outside;
    list-style-image:       none;
    list-style-type:        none;
    text-align: left;
}

p
{
    clear:                  both;
    margin-bottom:          8px;  
}    

h1
{
    color:                  #DC2042;    
    font-size:              12pt;
    font-weight:            bold;                         
    position:               relative;
    display:                block;
    width:                  auto;
    min-width:              50px;
    height:                 auto;
    float:                  left;
    clear:                  both;
    margin-bottom:          8px;  

}

h2
{
    float:                  left;   
    font-size:              13pt;
    color:                  #DC2042; 
    font-weight:            bold;                   
	margin-bottom:			10px;
}

h3
{
    position:               relative;
    float:                  left;
    color:                  #dc2042;    
    font-size:              14px;
    font-weight:            bold;
    margin:					20px 0 10px 0;
	padding:				0;                                          
	width:                  100%;	
}

.fancyli h3
{
    position:               relative;
    float:                  left;
    color:                  #dc2042;    
    font-size:              14px;
    font-weight:            bold;
    margin:			        0 0 10px 0;
    padding:			    0;                                          
    width:                  100%;	
}

.h3_noblock
{
    position:               relative;
    float:                  left;
    color:                  #dc2042;    
    font-size:              9pt;
    font-weight:            bold;            
    
}

.inlinecontent
{
    overflow:               auto;
    
}

ul, ol
{
    margin:                 10px 0px 10px 20px;
}

a {
    color:                  #DC2042;
}

a:hover
{
    color:                  #dc2042;
}

/* GENERAL SETTINGS [END] */




/* MASTERPAGE LAYOUT [START] */

#lbmaster_websitecontainer
{
    position:               relative;
    display:                block;
    width:                  982px;
    height:                 auto;
    margin:                 0 auto;
    text-align:             left;
    background-color:       White;
}

    #lbmaster_headercontainer
    {
        position:           relative;
        display:            block;
        width:              952px;
        min-height:         80px;
        height:             auto;
        margin:             0px 0px 0px 15px;
        clear:              left;
        /*background-color:Aqua;*/
    }
    
        #lbmaster_logo
        {
            position:           relative;
            display:            block;
            width:              355px;
            height:             75px;
            top:                5px;
            /*background-color:Red;*/
        }
    
    
    #lbmaster_spacercontainer
    {
        position:           absolute;
        background-color:   White;
        width:              982px;
    }
    
    #lbmaster_maincontainer
    {
        position:           relative;
        display:            block;
        width:              952px;
        height:             auto;
        margin:             0px 0px 0px 15px;
        clear:              left;
        /*background-color:Aqua;*/
    }
    
/* MASTERPAGE LAYOUT [END] */






/************** TIJDELIJK **********************************************************************/          

.mediatoolcontainer
{
    position:           relative;
    display:            block;
    width:              737px;
    height:             261px;
    margin-bottom:      10px;
    clear:              both;
}

.pathforjs
{					    /* Inhoud verbergen */
    position:           absolute;
    left:               -1000px;
    width:              10px;
}

.accordionHeader
{
    display:            block;
    width:              500px;
    padding:            5px 5px 5px 10px;
    border-bottom:      solid 1px #EEEEEE;                                                          /* DONKER BLAUW */
    cursor:             hand;
    cursor:             pointer;
    font-weight:        bold;
    color:              #DC2042;               
    background-image:   url(../images/layout/double_arrow.jpg);  
    background-repeat:  no-repeat;
    background-position:left center;                                           
}

.accordionContent
{
    font-weight:        normal;
    display:            block;
    width:              500px;
    padding:            5px;
    border-bottom:      solid 1px #EEEEEE;
}

/* FORMULIEREN */

.form_label
{
    position:           relative;
    display:            block;
    float:              left;
    width:              100px;
    clear:              left;
    margin-top:         8px;
    padding-top:        5px;
    font-weight:        bold;
    font-size:          10pt;
}

.form_verplicht
{
    font-weight:        normal;
    font-size:          7pt;
}

.form_readonly,
.form_textbox,
.form_textboxml,
.form_list,
.form_fileupload
{
    position:           relative;
    display:            block;
    float:              left;
    height:             18px;
    width:              250px;
    margin-right:       10px;
    margin-left:        0px;
    margin-top:         8px;
    padding-left:       3px;
    padding-top:        3px;
    border:             solid 1px #92B5BB;
    background-color:   White;
}

.form_readonly
{
	border: none;
	font-weight:        bold;
	  font-size:          10pt;
	  height: auto;
	  min-height: 35px;
}

.form_textboxml
{
    height:             125px;
}

.form_list
{
    width:              71px;
    height:             23px;
}

.form_button
{
    margin-top:         8px;
    margin-left:        168px;
}

.validationimage
{
    margin-top:         8px;
}

.form_fileupload
{
    width:              255px;
}

/* Zoekresultaten */

.searchresult_titel
 {
     font-weight: bold;
     color: #DC2042;
     margin-top : 10px;
 }
 
 .searchresult_item
 {
    background-image:           url(../Images/Layout/blue_arrow_left_to_right.jpg);
    background-position:        left center;
    background-repeat:          no-repeat;
    color :                     black
 }
 
 .searchresult_item a
 {
     text-decoration : none;
     margin-left : 10px;
     color : Black;
 }
 
 /* sitemap */
 
 .sitemap_titel
 {
    position:                   relative;
    display:                    block;
    width:                      210px;
    float:                      left;
    background-color:           #DC2042;
    color:                      White;
    padding:                    5px 0px 5px 15px;
    font-weight:                bold;
    text-align:                 left;
    background-image:           url(../Images/Layout/BG_SitemapTitle.jpg);
    background-position:        left;
    background-repeat:          repeat-x;
    overflow:                   hidden;
 }
 
 .sitemap_kolom
 {
    position:                   relative;
    display:                    block;
    width:                      225px;
    float:                      left;
    margin-left:                10px;
    border:                     solid 1px #DC2042;
    text-align:                 left;
 }
 
 .sitemap_page
 {
    position:                   relative;
    display:                    block;
    width:                      180px;
    clear:                      both;
    background-image:           url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position:        left;
    background-repeat:          no-repeat;
    color:                      black;
    margin-left:                15px;
    padding:                    3px 0px 3px 15px;
    border-width:               1px 0px 0px 0px;
    border-style:               solid;
    border-color:               #CCC;
 }
 
     .sitemap_page a
     {
        color:                  #333;
        text-decoration:        none;
        font-weight:            bold;
     }
     
    .sitemap_page a:hover {color:#DC2042;}
 
 .sitemap_subpage
 {
    position:                   relative;
    display:                    block;
    width:                      165px;
    clear:                      both;
    background-image:           url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position:        left;
    background-repeat:          no-repeat;
    color:                      black;
    margin-left:                25px;
    padding:                    3px 0px 3px 15px;
 }
 
 .sitemap_subsubpage
 {
    position:                   relative;
    display:                    block;
    clear:                      both;
    width:                      150px;
    background-image:           url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position:        left;
    background-repeat:          no-repeat;
    color:                      black;
    margin-left:                35px;
    padding:                    3px 0px 3px 15px; 
 }
 
     .sitemap_subpage a,
     .sitemap_subsubpage a
     {
        color:                  #333;
        text-decoration:        none;
     }
     
        .sitemap_subpage a:hover,
        .sitemap_subsubpage a:hover
        {
            color:#DC2042;
        }
        
        
/* extra info bij titel */

.titelinfoicooncontainer
{
    position:           absolute;
    display:            inline;
    /*vertical-align:     bottom;*/
    margin:             3px 0 0 5px;
    width:              16px;
    height:             16px;
    z-index:            10;
    cursor:             help;
    
    
}

.titelinfoicooncontainer a
{
    cursor:             help;
}

.titelinfocontentcontainer_hide
{
    /*display:            none;*/
    visibility: hidden;
    position:           absolute;
    display:            block;
    /*left:               0px;
    top:                19px;*/
    width:              400px;
    height:             auto;
    min-height:         50px;
    padding:            8px;
    border:             solid 1px #CB0032;                  /* rood */
    background-color:   #FDCEDA;                            /* roze */
    z-index:            1000;   
    height:             auto;
    min-height:         50px;
    
}

.titelinfocontentcontainer_show
{
    visibility:         visible ;
    position:           absolute;
    display:            block;
    width:              515px;
    height:             auto;
    min-height:         50px;
    padding:            8px;
    border:             solid 1px #CB0032;                  /* rood */
    background-color:   #FDCEDA;                            /* roze */
    z-index:            1000;   
    height:             auto;
    min-height:         50px;
}

.titelinfocontentcontainer_show *
{
    font-size:              7pt;
    margin:                 0px;
}

.titelinfocontentcontainer_show * UL
{
	clear: both;
}

.titelinfocontentcontainer_show * LI
{
	list-style-type:        none;
	float:                  left;
	margin-left:            25px;
	
	
}

.titelinfocontentcontainer_hide * BR,
.titelinfocontentcontainer_show * BR
{
	clear: both;
}


.titelinfocontentcontainer_hide * H2,
.titelinfocontentcontainer_show * H2
{
    float:                  left;   
    font-size:              8pt;
    color:                  #DC2042; 
    font-weight:            bold;  
    margin:                 5px 0px;   
    clear:					both;
}

.titelinfocontentcontainer_hide * H3,
.titelinfocontentcontainer_show * H3
{
    
    font-size:              7pt;
    color:                  #DC2042; 
    font-weight:            bold;  
    clear: both;     
}


/* productcategorieen */

a.meer
{
	display:            inline-block;
	font-family:        Arial;
	font-size:          11px;
	text-decoration:    underline;
	margin-left:        10px;
	margin-top:         3px;
	color:              #1954A4;
	vertical-align:     bottom;
	
}

a.meer:hover
{
	color:              #DC2042;
}
 
 
/* Default hiddencontent */
.hiddencontent
{
	display:none;
} 

.artikellijst_hint_prijs
{
	color:              #dc2042;
    font-size:          16pt;
    font-weight:        bold;
    text-align:			left;
}
/* Wachtwoord controle */
.PasswordErgZwak,
.PasswordZwak,
.PasswordErgVoldoende,
.PasswordErgSterk,
.PasswordUitstekend
{
	font-weight: bold;
	margin-left: 16px;
	color: Black;
}

.PasswordErgZwak
{
	background-color: #dc2042;
	
	
}
.PasswordZwak
{
	background-color: Orange;
}
.PasswordErgVoldoende
{
	background-color: Yellow;
}
.PasswordErgSterk
{
	background-color: Lime;
}

.PasswordUitstekend
{
	background-color: Green;
}


.popupControl
{
    display:            none;
    visibility:         hidden;
    position:           absolute;
    display:            block;
    width:              200px;
    height:             auto;
    min-height:         50px;
    padding:            8px;
    border:             solid 1px #CB0032;                  /* rood */
    background-color:   #FDCEDA;                            /* roze */
    z-index:            1000;   
    height:             auto;
    min-height:         50px;
}

.passwordStrengthControl
{
	background-color: Blue 
}

/* zoekresultaten */

.searchresultcontainer
{
    min-height:         450px;
}



/* TemplateOrderOverzicht */
.TemplateOrderOverzicht * h1 {
color:                  #CC0033;
font-size:              12pt;
font-weight:            bold;
position:               relative;
display:                block;
width:                  auto;
min-width:              50px;
height:                 auto;
float:                  left;
clear:                  both;
margin-bottom:          8px;
}

.TemplateOrderOverzicht * h2
{
background-color:  #CCDEEC;
color: #CC0033;
width: 100%;
padding-left: 5px;
clear:                  both;
}

.Artikelnummer,
.Template .Artikelnummer,
.Template * .Artikelnummer
{
    color: Gray;
}

.TemplateOrderOverzicht h5,
.TemplateOrderOverzicht * h5 
{
    background-color:  #CCDEEC; /*#99CDFF;*/
	width: 100%;
	height: 20px;
	padding-left: 5px;
	padding-top: 2px;
}

.TemplateOrderOverzicht p,
.TemplateOrderOverzicht table
{
    padding-left: 5px;
}

