/*  GENERIC
    LANGUAGE SELECTION
    HEADER
    MENU
    CONTENT
    FOOTER
    CONTACT INFO
    INVULFORM
    OK/ERROR MESSAGE
    PRODUCT LIST
    PRODUCT CATEGORIES
*/

/* =GENERIC
   ---------------------------------------------------- */

body 
{
    margin: 0px;
    padding: 0px;
    
    color: #FFFFFF;
    font-family: Verdana, Arial, "Times New Roman";
    font-size: 0.75em;
}

h1 
{
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    font-size: 1.5em;
    text-transform: uppercase;
}

h3
{
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    border-bottom: solid 1px #FFFFFF;    
}

.imageBorder
{
    margin-left: 35px;
    border: solid 1px #B56F4A;
}

.clearBoth
{
    clear: both;
}

a
{
    color: #FFFFFF;
}

/* =LANGUAGE SELECTION
   ---------------------------------------------------- */

#languageSelection
{
    position: absolute;
    top: 5px;
    right: 5px;    
    color: #8B1E19;
    font-size: 0.83em;
}

#languageSelection a
{
    color: #8B1E19;
}

#languageSelection a:hover
{
    text-decoration: none;
}

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

#header
{
    background-image: url(../images/header-background.jpg);
    background-repeat: repeat-x;
    background-color: #FFF8F0;    
}

#header img
{
    display: block;
}

/* =MENU
   ---------------------------------------------------- */

#menuWrapper
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-image: url(../images/menu-background.jpg);
    background-repeat: repeat-x;
    background-color: #BA8758;
}

.menu
{
    width: 600px;
    /*margin: 0px auto;*/
    margin-left: 190px;
    padding: 0px;
    list-style: none;
}

.menu li
{
    float: left;
    margin: 0px;
    padding: 7px 7px 0px 7px;
    
    font-size: 0.92em;
    text-transform: uppercase;
}

.menu li.Line
{
    margin: 0px;
    padding: 0px;
}

.menu li img
{
    display: block;
}

.menu li a
{
    color: #FFFFFF;
    text-decoration: none;
}

.menu li a:hover
{
    text-decoration: underline;
}

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

#content
{
    position: relative;
    padding: 0px 0px 0px 0px;
    
    min-height: 407px;
    height: auto !important;
    height: 407px;
    background-image: url(../images/content-background.jpg);
    background-repeat: repeat-x;
    background-color: #BC2B16;
    
    /*border: solid 1px green;*/
}

#glass
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    display: block;
}

#pageContent
{
    position: relative;
    z-index: 10;
    width: 750px;
    margin-left: 190px;
    /*margin: 0px auto;*/
    padding: 0px;
    
    /*text-align: center*/
    /*border: solid 1px red;*/
}

/* =FOOTER
   ---------------------------------------------------- */  

#footer
{
    padding-top: 20px;
    text-align: center;
    color: #8B1E19;
    
    background-image: url(../images/shadow.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    
    background-color: #FFFFFF;
}

#webnet4u a
{
    color: #8B1E19;
    font-size: 9px;
}

#webnet4u a:hover
{
    text-decoration: none;
}

/* =CONTACT INFO
   ---------------------------------------------------- */
   
#contactInfo
{
   position: absolute;
   top: 25px;
   right: 0px;
}

#contactInfo a
{
    color: #FFFFFF;
}

#contactInfo a:hover
{
    text-decoration: none;
}

#ctl00_cphBody_contact1_messages
{
    padding: 15px 0px 0px 0px;    
}



/* =INVULFORM
   ---------------------------------------------------- */

.invulform
{
    width: 300px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}

.invulform li
{
    padding: 5px 0px 5px 0px;
    font-size: 0.92em;
}

.invulform li.over
{
    background-color: #f9f9f9;    
}

.TextBox
{
    width: 180px;
    padding: 4px;
    text-align: left;
    border: solid 1px #8BB1D4;
    background-image: url(../images/textbox-background.jpg);
    background-repeat: no-repeat;
}

.TextBoxLarge
{
    width: 272px;
    height: 200px;
    padding: 4px;
    text-align: left;
    border: solid 1px #8BB1D4;
    background-image: url(../images/textbox-background.jpg);
    background-repeat: no-repeat;
}

.TextBoxSmall
{
    width: 120px;
    padding: 4px;
    text-align: left;
    /*font-style: italic;*/
    font-size: 1em;
    border: solid 1px #8BB1D4;
    background-image: url(../images/textbox-background.jpg);
    background-repeat: no-repeat;
}

.invulform li label
{
    position: relative;
    
    margin: 3px 0px 0px 0px;
    padding: 0px;
    float: left;
    display: block;
    width: 90px;
    font-size: 1.17em;
    text-align: left;
    /*border: solid 1px red;*/
}

.invulform li label.labelItemButton
{
    margin: 0px 26px 0px 0px;
}

.invulform li label em
{
    width: 216px;
    position: absolute;
    top: -16px;
    right: -600px;
    padding: 10px 15px 10px 15px;
    font-size: 0.84em;
    background-color: #F6E9DC;
    border: solid 1px #DFCBB7;
    z-index: 1;
}

.listItemIcon
{
    float: left;
    margin: 9px 7px 0px 5px;  
}

.helpArrow
{   
    position: absolute;
    top: -16px;
    right: -353px;
    z-index: 2;
}

.validated
{
    position: absolute;
    top: 3px;
    right: -205px;    
}

/* =OK/ERROR MESSAGE
   ---------------------------------------------------- */  
.ok 
{
	padding-top: 5px;
    padding-bottom: 5px;
    
	color: #FFFFFF; 
    text-align: center;
	font-weight: bold;
	
	background-color: #51A044;
}

.error 
{
	padding-top: 5px;
    padding-bottom: 5px;
    
	color: #FFFFFF; 
    text-align: center;
	font-weight: bold;
	
	background-color: #E33D3D;
}

.TextBoxError
{
    width: 180px;
    padding: 4px;
    text-align: left;

    background-image: url(../images/textbox-background.jpg);
    background-repeat: no-repeat;
    border: solid 2px #ff5f5f;

}

.TextBoxLargeError
{
    width: 272px;
    height: 200px;
    padding: 4px;
    text-align: left;
    border: solid 2px #ff5f5f;
    background-image: url(../images/textbox-background.jpg);
    background-repeat: no-repeat;
}

/* =PRODUCT LIST
   ---------------------------------------------------- */ 
   
#ctl00_cphBody_Artikels1_lnkZoek
{
    display: block;
    width: 100%;
    text-align: center;
    color: #FFFFFF;    
}

#ctl00_cphBody_Artikels1_zoekProduct
{
    width: 100%;
    text-align: center;
    background-color: #BA2C16;   
}

.products
{
        
}

.products a
{
    color: #FFFFFF;
}    

.products a:hover
{
    text-decoration: none;
}

#ctl00_cphBody_ctlArtikels_dlProducten
{
    margin-bottom: 20px;
}

#ctl00_cphBody_ctlArtikels_dlProducten td
{
    background-color: #601510;
    border: 1px solid  #851D13;   
    padding: 10px;
}

#ctl00_cphBody_ctlArtikels_dlProducten td:hover
{
    
}

#ctl00_cphBody_ctlArtikels_dlProducten .prodPicture img
{
    border: 1px solid #590302;
}

#ctl00_cphBody_ctlArtikels_dlProducten .prodLink
{
    color: #FFF;
    text-decoration:underline;
} 

#ctl00_cphBody_ctlArtikels_dlProducten .prodPicture:hover img
{
    border: 1px solid white;
}

#ctl00_cphBody_ctlArtikels_dlProducten .prodLink:hover
{
    color: #FFF;
    text-decoration:none;
} 

/* =PRODUCT CATEGORIES
   ---------------------------------------------------- */ 

#productCategories
{
    margin: 0px;
    padding: 15px 0px 0px 0px;
    list-style: none;            
}

#productCategories li
{
    clear: left;
    padding: 0px 0px 5px 0px;
}

#productCategories li label
{
    display: block;
    width: 200px;  
    float: left;
}

#productList
{
    margin: 15px 0px 0px 0px;    
    padding: 10px;
    text-align: center;
    background-color: #851D13;
}

#ctl00_cphBody_Artikels1_dlProducten 
{
    margin: 10px 0px 0px 0px;        
}




/* =HOME
   ---------------------------------------------------- */ 

#contentHomeLeft
{
    position: relative;
    float:left;   
    width: 464px;
    margin: 0px;
    padding: 0px;
}

#contentHomeRight
{
    position: relative;
    float:right;
    width: 246px;
    background-image: url(../images/home_bg.jpg);
    background-repeat: repeat-y;
    height: 100%;
    margin: 0px;
    padding: 5px 10px 5px 10px;
}

#contentHomeRightTop
{
    position: relative;
    float: right;
    width: 246px;
    background-image: url(../images/home_top.jpg);
    background-repeat: no-repeat;
    height: 5px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

#contentHomeRightBottom
{
    position: relative;
    float: right;
    width: 246px;
    background-image: url(../images/home_bottom.jpg);
    background-repeat: no-repeat;
    height: 5px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

.homeBlock
{
     width: 220px;
     padding: 0px 0px 6px 2px;
}

.homeBlock .title
{
    background-color: #601510;
    padding: 5px 0px 5px 5px;
    margin: 3px 0px 3px 0px;
    text-transform: uppercase;
    font-family:Verdana, Arial, Trebuchet MS;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
    
   
}

.homeBlock .content
{
    background-color: #601510;
    padding: 15px 0px 15px 5px;
}

.homeBlock .content a
{
    color: #FFFFFF;
    text-decoration: none;
}

.homeBlock .content a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

.homeBlock .content p
{
    padding: 0px;
    margin: 0px 0px 10px 0px;    
}

.center
{
    text-align: center;    
}

/* product tooltip */
.black_overlay
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:1001;
}
.white_content
{
	display: none;
	position: absolute;
	top: 10%;
	left: 25%;
	width: 450px;
	padding: 10px 10px 10px 10px;
	/*border: 2px solid #999999;*/
	background-color: #611611;
	z-index: 1002;
	overflow: auto;
	text-align: center;
}

/*#detailProduct
{    
    background-color: #611611;
    width: 460px;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    text-align: center;
}*/

#productContent
{
    width: 450px;
    background-color: #000000;
    /*background-image: url(../images/product_bg.jpg);
    background-repeat: repeat-x;*/
    padding: 0px;
    margin: 0px;    
}
   
#productContent #floatLeft
{
    float: left;
    width: 182px;
}

#productContent #floatLeft img
{
    width: 182px;
}

#productContent #floatRight
{
    float: right;
    width: 235px;
    padding: 10px 20px 0px 0px;
    text-align: justify;
}

#productTitle
{
    
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 5px 0px;    
}

#productTitle a
{
    position: relative;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    width: 450px;
    padding: 5px 0 5px 0;
    background-color: #000000;
}



#productTitle a:hover
{
    font-weight: bold;
    background-color: #333333;
}

/* new */
.artikelItem 
{
    width: 223px;
}

/* artikels.aspx */
.td_Keuze
{
    width: 540px;
    border: solid 7px #751a10;
    padding: 4px;
}

.td_Zoek
{
    width: 200px;
    border: solid 7px #751a10;
    padding: 4px;
    text-align: right;
}

.div_Label
{
    width: 75px;
    float: left;
}

.div_Dropdown
{
    float: left;
}

.txtZoek
{
     width: 195px;
     margin-bottom: 15px;
}

.div_Wis
{
     width: 50%;
     float: left;
     text-align: left;
}

.div_Zoek
{
     width: 50%;
     float: left;
}