html, body
{
    font-family	: Arial;
	font-size	: 9pt;
	font-weight	: normal;
	color		: #000000;
	height      : 100%;
	/*min-height  : 100%;*/
    /*overflow    : auto;*/
    margin      : 0px;
    padding     : 0px;
}

html
{
    overflow-y  : scroll;
    overflow-x  : auto;
}

body
{
    /*background-color    : #BD3632;*/
    background-image    : url('/images/bg_repeat.gif');
    background-position : center top;
    background-repeat   : repeat-y;
}

img
{
	border  : 0px;
}

textarea, input, select
{
	font-family		: Arial;
	font-size		: 9pt;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #000000;
	background		: #FFFFFF;
	color           : #000000;
}

table
{
    font-family	    : Arial;
    font-size	    : 9pt;
    font-weight	    : normal;
    color		    : #000000;
}

a, a:visited, a:active
{
	font-family		: Arial;
	font-weight		: normal;
	color			: #009EE0;
	text-decoration	: none;
}

a:hover
{
	font-family		: Arial;
	font-weight		: normal;
	color			: #F29400;
	text-decoration	: none;
}

.teksten
{
    font-family	: Arial;
	font-size	: 9pt;
	font-weight	: normal;
	color		: #000000;
}

.titel
{
	font-family	: Arial;
	font-size   : 12pt;
    font-weight : bold;
    color       : #FFFFFF;
}

.error
{
    /*font-family	: Arial;
	font-size	: 9pt;
	font-weight	: normal;*/
	color		: #FF0000;
}

.alternate_row
{
    background-color    : #DFDCEC;
}

.mouseover_row
{
    background-color    : #F29400;
}

.seperator
{
    width   : 100%;
    color   : #009EE0;
}

.other_month
{
    background-color    : #83CFF0;
}

.noDisplay
{
    display : none;
}

.copyright, a.copyright, a.copyright:visited, a.copyright:active, a.copyright:hover
{
    font-family	: Arial;
	font-size	: 7pt;
	color       : #000000;
}

/**********************************************/

.border, a.border, a.border:visited, a.border:active
{
	text-decoration	: none;
	border          : solid 3px #878889;
}

a.border:hover, .border_on, a.border_on, a.border_on:visited, a.border_on:active, a.border_on:hover
{
	text-decoration	: none;
	border          : solid 3px #009EE0;
}

a.menu, a.menu:visited, a.menu:active
{
	font-weight		: bold;
	font-size	    : 12pt;
	color			: #000000;
	text-decoration	: none;
}

a.menu:hover, a.menu_on, a.menu_on:visited, a.menu_on:active, a.menu_on:hover
{
	font-weight		: bold;
	font-size	    : 12pt;
	color			: #009EE0;
	text-decoration	: none;
}

a.menu_orange, a.menu_orange:visited, a.menu_orange:active, a.menu_orange:hover
{
	font-weight		: bold;
	font-size	    : 12pt;
	color			: #F29400;
	text-decoration	: none;
}

a.menu_category, a.menu_category:visited, a.menu_category:active, a.menu_category:hover
{
	font-size   : 12pt;
    font-weight : bold;
    color       : #FFFFFF;
	text-decoration	: none;
}

a.menu_left, a.menu_left:visited, a.menu_left:active
{
	font-size       : 9pt;
	font-weight		: normal;
	color			: #000000;
	text-decoration	: none;
}

a.menu_left:hover
{
	font-size       : 9pt;
	font-weight		: normal;
	color			: #009EE0;
	text-decoration	: none;
}

.tekst_titel
{
	font-family	: Arial;
	font-size   : 10pt;
    font-weight : bold;
    color       : #000000;
}

a.kruimel, a.kruimel:visited, a.kruimel:active
{
	font-family		: Arial;
	font-weight		: normal;
	color			: #000000;
	text-decoration	: none;
}

a.kruimel:hover
{
	font-family		: Arial;
	font-weight		: normal;
	color			: #009EE0;
	text-decoration	: none;
}

a.button, a.button:visited, a.button:active
{
	font-weight		: bold;
	font-size	    : 9pt;
	color			: #FFFFFF;
	text-decoration	: none;
	
	display				: inline-block;
	width               : 100px;
	height              : 20px;
	text-align			: center;
	line-height         : 20px;
	background-color    : #F29400;
	border              : solid 1px #FFFFFF;
}

a.button:hover
{
	font-weight		: bold;
	font-size	    : 9pt;
	color			: #F29400;
	text-decoration	: none;
	
	display				: inline-block;
	width               : 100px;
	height              : 20px;
	text-align			: center;
	line-height         : 20px;
	background-color    : #FFFFFF;
	border              : solid 1px #F29400;
}

a.button_inverse, a.button_inverse:visited, a.button_inverse:active
{
	font-weight		: bold;
	font-size	    : 9pt;
	color			: #F29400;
	text-decoration	: none;
	
	display				: inline-block;
	width               : 100px;
	height              : 20px;
	text-align			: center;
	line-height         : 20px;
	background-color    : #FFFFFF;
	border              : solid 1px #F29400;
}

a.button_inverse:hover
{
	font-weight		: bold;
	font-size	    : 9pt;
	color			: #FFFFFF;
	text-decoration	: none;
	
	display				: inline-block;
	width               : 100px;
	height              : 20px;
	text-align			: center;
	line-height         : 20px;
	background-color    : #F29400;
	border              : solid 1px #FFFFFF;
}

a.product_img_preview, a.product_img_preview:visited, a.product_img_preview:active
{
	font-weight		: bold;
	font-size	    : 9pt;
	color			: #FFFFFF; /*F29400;*/
	text-decoration	: none;
	
	display				: inline-block;
	width               : 20px;
	height              : 20px;
	text-align			: center;
	line-height         : 20px;
	background-color    : #F29400;
	border              : solid 3px #878889;
}

a.product_img_preview:hover, a.product_img_preview_on, a.product_img_preview_on:visited, a.product_img_preview_on:active, a.product_img_preview_on:hover
{
	font-weight		: bold;
	font-size	    : 9pt;
	color			: #FFFFFF;
	text-decoration	: none;
	
	display				: inline-block;
	width               : 20px;
	height              : 20px;
	text-align			: center;
	line-height         : 20px;
	background-color    : #F29400;
	border              : solid 3px #009EE0;
}

.paars
{
	font-weight		: bold;
	font-size	    : 11pt;
	color			: #655A9F;
	text-decoration	: none;
}

a.zwart, a.zwart:visited, a.zwart:active, a.zwart:hover
{
	font-weight		: bold;
	font-size	    : 11pt;
	color			: #000000;
	text-decoration	: none;
}

/********** CONTAINERS **********/

#container
{
    position    : relative;
    width       : 976px;
    height      : 100%;
    margin-left     : auto;
    margin-right    : auto;
}

#left
{
    position    : absolute;
    top         : 0px;
    right       : 200px;
    width       : 776px;
    height      : 100%;
}

#right
{
    position    : absolute;
    top         : 0px;
    right       : 0px;
    width       : 200px;
    height      : 100%;
}

/********** LEFT **********/

#kruimel
{
    position    : absolute;
    top         : 55px;
    left        : 206px;
    width       : 560px;
    height      : 15px;
    
    font-size   : 9pt;
}

#mandje
{
    position    : absolute;
    top         : 0px;
    right       : 0px;
    
    text-align  : right;
    font-size   : 9pt;
}

#balk_tikker
{
    position    : absolute;
    top         : 35px;
    left        : 196px;
    width       : 580px;
    height      : 20px;
}

#balk_blauw
{
    position    : absolute;
    top         : 70px;
    left        : 0px;
    width       : 100%;
    height      : 45px;
    background-color    : #009EE0;
}

#blok_paars
{
    position    : absolute;
    top         : 0px;
    left        : 80px;
    width       : 116px;
    height      : 135px;
    background-color    : #655A9F;
}

#balk_oranje
{
    position    : absolute;
    top         : 135px;
    left        : 0px;
    width       : 100%;
    height      : 45px;
    background-color    : #F29400;
}

#logo_top
{
    position    : absolute;
    bottom      : 0px;
    left        : 0px;
}

#titel_top
{
    position    : absolute;
    bottom      : 5px;
    right       : 10px;
    
    font-size   : 19pt;
    font-weight : bold;
    color       : #FFFFFF;
}

#menu_top
{
    position    : absolute;
    bottom      : 5px;
    left        : 90px;
    width       : 686px;
    height      : 100%;
    
    font-size   : 12pt;
    font-weight : bold;
    color       : #FFFFFF;
}

#zoeken
{
    position    : absolute;
    bottom      : 5px;
    right       : 10px;
    /*width       : 560px;*/
    height      : 100%;
    
    text-align  : right;
    /*font-size   : 12pt;
    font-weight : bold;
    color       : #FFFFFF;*/
}

.menu_category_item
{
    position    : relative;
    left        : 0px;
    width       : 116px;
    height      : 100%;
    float       : left;
}

.bottom
{
    position    : absolute;
    bottom      : 0px;
    width       : 100%;
}

.menu_category_img_kader
{
    position    : absolute;
    top         : 70px;
    left        : -10px;
    width       : 100%;
}

#balk_lichtblauw
{
    position    : absolute;
    top         : 355px;
    left        : 0px;
    width       : 100%;
    height      : 45px;
    background-color    : #83CFF0;
}

#blok_zIndex
{
    position    : absolute;
    top         : 0px;
    left        : 80px;
    width       : 116px;
    height      : 100%;
    background-color    : #DFDCEC;
}

#menu_middle
{
    position    : absolute;
    bottom      : 5px;
    left        : 206px;
    width       : 570px;
    height      : 100%;
    
    font-size   : 12pt;
    font-weight : bold;
    color       : #FFFFFF;
}

/********** CONTENT **********/

#content_kader
{
    position    : absolute;
    top         : 180px;
    left        : 80px;
    width       : 696px;
    
    /*height:150px;
    background-color:#FF0000;*/
}

#content_menu_left
{
    position    : absolute;
    top         : 20px;
    left        : 0px;
    width       : 116px;
}

#menu_left
{
    position    : absolute;
    top         : 0px;
    left        : 10px;
    width       : 96px;
}

#content_default
{
    position    : absolute;
    top         : 20px;
    left        : 126px;
    width       : 560px;
    
    /*height:100px;
    background-color:#FFFF00;*/
}

#content_left
{
    position    : absolute;
    top         : 20px;
    left        : 0px;
    width       : 328px;
    
    /*height:75px;
    background-color:#00FF00;*/
}

#content_right
{
    position    : absolute;
    top         : 20px;
    left        : 343px;
    width       : 343px;
    
    /*height:75px;
    background-color:#0000FF;*/
}

#main_cat_img
{
    position    : absolute;
    top         : 0px;
    right       : 0px;
}

#main_cat_text
{
    position    : absolute;
    top         : 250px;
    right       : 10px;
    width       : 490px;
}

.product_title
{
    position    : absolute;
    bottom      : 3px;
    left        : 3px;
    width       : 100px;
    height      : 20px;
    
    font-size   : 9pt;
    font-weight : bold;
    color       : #FFFFFF;
    text-align  : center;
    line-height : 20px;
    overflow    : hidden;
    
    background-color:#F29400;
    
    cursor  : pointer;
}

/********** RIGHT **********/

#afbeelding
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 135px;
}

#menu_right
{
    position    : absolute;
    top         : 155px;
    left        : 45px;
    width       : 145px;
    
    font-size   : 12pt;
    font-weight : bold;
    color       : #000000;
}

#logo_right
{
    position    : absolute;
    bottom      : 10px;
    left        : 45px;
}