/* ============================================
OVERRIDE DEFAULT STYLES
============================================ */

#ContentContainer {
                position: relative;
                z-index: 1;
}

#PhotoContainer {
                position: relative;
                left: 38px;
                margin-top: 5px;
                z-index: 0;
}

#PhotoItem {
                position: relative;
                float: left;
                border: 1px solid #ABABAB;
                padding: 3px;
                margin: 1px;
}

#NavigationBar {
                position: relative;
                margin-top: -20px;
}

#NavigationSep {
                height: 2px;
                margin-left: 5px;
                margin-bottom: 5px;
                width: 380px;
                background-image: url("cs.jpg");
}

body {
                margin-top: 0px;
                margin-left: 0px;
                background-color: #66A1D2;
                background-image: url("background.jpg");
                background-repeat: repeat-x;
                font-family: arial, sans-serif, monospace;
                font-weight: normal;
                font-size: 12px;
                color:#000000;
                /*behavior:url("csshover.htc");*/
}

table {
                font-size: 12px;
                padding: 0px;
}

td {
                padding: 0px;
                font-family: arial, sans-serif, monospace;
}

img {
                border-width: 0px;
                margin: 0px;
                vertical-align: top;
}

hr {
                background-color: #cccccc;
                border: 0px;
                height: 1px;
                color: #CCCCCC;
}

a:link,
a:visited,
a:active {
                text-decoration: none;
                color: #000000;
                font-family: arial, sans-serif, monospace;
                font-size: 12px;
                font-weight: bold;
}

a:hover {
                color: #FF9400;
}

form {
                padding: 0px;
                border: 0px;
                margin:0px;
}

/* ============================================
CUSTOM CLASSES
============================================ */

/* ------- TABLE STYLES ---------- */

/*.siteWrapper {
                width:750px;
                background-color: #000000;
}*/

.siteBody {
                width:800px;
                background-image: url('site_background.jpg');
                background-color: #ffffff;
                font-size: 11px;
}

.tdHeaderTop {
                background-image: url('header.jpg');
                background-color: #ABABAB;
                width: 800px;
                height: 155px;
                vertical-align: top;
                text-align: left;
                color: #FFFFFF;
                padding: 0px;
                margin: 0px;
}

.tdHeaderTop a {
                color: #FFFFFF;
                font-size: 10;
}

.tdContent {
                background-image: url('content_bg.jpg');
                background-repeat: repeat-x;
                background-color: #E6E6E6;
                width: 569px;
                /*height: 500px;*/
                vertical-align: top;
                text-align: left;
                padding: 0px;
}

.tdMenuBG {
                background-color: #E6E6E6;
}

/*.tdWelcomeBar {
                /*background-image: url('bottom_bar.png');*/
                width: 800px;
                height: 50px;
                text-align: left;
                font-size: 9px;
                font-weight: bold;
                color: #000000;
}*/

#footer {
                position: absolute;
                background-image: url('bottom_bar.png');
                width: 800px;
                height: 50px;
                top: 0px;
                margin-top: -50px;
}

.tdWelcomeBar td, .tdWelcomeBar a, .tdWelcomeBar td a {
                font-size: 11px;
                font-weight: bold;
                color: #FFFFFF;
}

.tdWelcomeBar a,
.tdWelcomeBar a:visited,
.tdWelcomeBar a:link,
.tdWelcomeBar a:active,
.tdWelcomeBar a:hover {
                font-size: 11px;
                font-weight: bold;
                color: #FFFFFF;
}

.tdTitleBarTop {
                height: 28px;
		padding-left: 0px;
		font-size: 16px;
		font-weight: bold;
                padding-left: 5px;
                margin: 0px;
}

.tdTitleBar {
		padding-left: 0px;
		font-size: 16px;
		font-weight: bold;
		/*border-left: 2px solid #ABABAB;*/
		border-bottom: 1px dotted #FF9400;
}

.tdMenuLeft {
                background-color: #ABABAB;
                background-image: url('menu_bg_left.jpg');
                width: 173px;
                vertical-align: top;
}

.tdFooter {
                background-image: url('bottom_bar.png');
                background-color: #000000;
                width: 800px;
                height: 50px;
                text-align: right;
                padding-left: 5px;
                padding-right: 5px;
                font-weight: normal;
                color: #FFFFFF;
}

.tdFooter a {
                color: #FFFFFF;
}

.tdForm2 {

                background-color: #FFFFFF;
                border-width: 1px;
                border-style: solid;
                border-color: #ABABAB;
                padding: 0px;
                background-image: url('menu_bg.png');
                font-size: 12px;
                color: #CCCCCC;
                margin-bottom:4px;
}

.tdForm { width:100% }

table.tdForm,
tr.tdForm,
td.tdForm
{
	background: transparent;
	color: #222;
	font-size: 11px;
	line-height: 135%;
}

.tdForm td, .divpad {
	padding: 0px;
}

td.nopad {
	padding: 0;
}

.tdSearchBox {
				padding: 0px;
				background-image: url("r2.jpg");
                background-repeat: repeat-x;
                background-color: #ECECEC;
                border-bottom:1px solid #000000;
                border-right:1px solid #000000 ;
                border-left:1px solid #000000;
}

.tdLanguageBox {
				padding: 2px;
				background-image: url("r1.jpg")
                background-repeat: repeat-x;
                background-color: #ECECEC;
                border-bottom:1px solid #000000;
                border-right:1px solid #000000 ;
                border-left:1px solid #000000;
}

.imgBlock		{
				/*display: block;
				vertical-align:bottom*/
}

.r1
{
                background-color: #F8F8F8;/*#E4EAF2;*/
                padding: 3px;
                margin: 0px;
                background-image: url("r1.jpg");
                background-repeat: repeat-x;
                /*border-bottom:1px solid #D1DCEB;
                border-right:1px solid #D1DCEB ;
                border-top:1px solid #FFF;
                border-left:1px solid #FFF;*/
}

.r2
{
                background-color:#ECECEC;
                padding: 3px;
                margin: 0px;
                background-image: url("r2.jpg");
                background-repeat: repeat-x;
                font-weight: bold;
                /*border-bottom:1px solid #D1DCEB;
                border-right:1px solid #D1DCEB;
                border-top:1px solid #FFF;
                border-left:1px solid #FFF;*/
}

.r3
{
                background-color:#ECECEC;
                padding: 0px;
                margin: 0px;
                background-image: url("r2.jpg");
                background-repeat: repeat-x;
                font-weight: normal;
}

.r4
{
                background-color:#E97039;
                padding: 3px;
                margin: 0px;
                background-image: url("rBlue.jpg");
                background-repeat: repeat-x;
                font-weight: bold;
                color: #000000;
                /*border-bottom:1px solid #D1DCEB;
                border-right:1px solid #D1DCEB;
                border-top:1px solid #FFF;
                border-left:1px solid #FFF;*/
}

.rFormTitleRow
{
                padding: 0px;
                margin: 0px;
                border-top: 1px solid #ABABAB;
                border-bottom: 1px dotted #ABABAB;
                background-color:#ABABAB;
                background-image: url("r2.jpg");
                color: #000000;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_blue
{
				padding: 0px;
				margin: 0px;
				border-bottom: 1px solid #71BFDE;
                background-color:#71BFDE;
                background-image: url("rBlue.jpg");
                color: #ffffff;
			    background-repeat: repeat-x;
			    font-weight: bold;
}

.rFormTitleRow_black
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #3B3B3C;
                background-color:#3B3B3C;
                background-image: url("rBlack.jpg");
                color: #ffffff;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_gray
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #AEBBBC;
                background-color:#AEBBBC;
                background-image: url("rGray.jpg");
                color: #000000;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_orange
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #E86934;
                background-color:#E86934;
                background-image: url("rOrange.jpg");
                color: #ffffff;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_green
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #AED23A;
                background-color:#AED23A;
                background-image: url("rGreen.jpg");
                color: #000000;
                background-repeat: repeat-x;
                font-weight: bold;
}

.ContentBox {
                background-color: #FFFFFF;
                /*border-width: 1px;
                border-top: 0px;
                border-style: solid;
                border-color: #ABABAB;*/
                padding: 0px;
                font-size: 12px;
                /*color: #CCCCCC;*/
                margin-bottom:5px;
                table-layout: fixed;
}

.tdLeftBorder {
                background-image: url('left_border.jpg');
                background-repeat: repeat-x;
                width: 32px;
}

.tdRightBorder {
                background-image: url('right_border.jpg');
                background-repeat: repeat-x;
                width: 26px;
}

.ContentBoxHeader {
                background-color: #000000;
                font-family: arial, sans-serif, monospace;
                background-image: url('header_bg3.jpg');
                padding: 0px;
                padding-left: 5px;
                font-size: 12px;
                color: #FFFFFF;
                font-weight: bold;
                height: 27px;
}

.ContentBoxLeft {
                width: 10px;
                height: 29px;
                background-image: url('contentbox_title_left.jpg');
}

.ContentBoxRight {
                width: 10px;
                height: 29px;
                background-image: url('contentbox_title_right.jpg');
}

.ContentBoxTitleBody {
                background-image: url('contentbox_title_bg.jpg');
                height: 29px;
                color: #000000;
                font-weight: bold;
                padding-left: 3px;
                border-left: 1px solid #ABABAB;
                border-right: 1px solid #ABABAB;
}

.ContentBoxBody {
                color: #000000;
                border-width: 0px;
                border-left: 1px;
                border-bottom: 1px;
                border-right: 1px;
                border-style: solid;
                border-color: #ABABAB;
}

.tdNavigationItem {
                font-size: 16px;
                font-weight: bold;
                /*border-bottom: 1px solid #666666;*/
}

.tdProductDockTop {
                background-image: url('product_dock_top.jpg');
                background-repeat: no-repeat;
                width: 327px;
                height: 29px;
                font-size:16px;
                color:#000000;
                font-weight: bold;
                vertical-align: text-top;

}

.tdProductDockLeftWrapper {
                /*background-image: url('product_dock_left.jpg');*/
                background-image: url('product_dock_left_variable.jpg');
                width: 122px;
}

.tdProductDockLeft {
                background-image: url('product_dock_left.jpg');
                background-repeat: no-repeat;
                vertical-align: text-top;
                background-color: #f3f3f3;
                width: 128px;
                height: 81px;
}

.tdProductDockLeftVariable {
                background-image: url('product_dock_left_variable.jpg');
                background-repeat: repeat-y;
                width: 122px;
}

.tdProductDockLeftBottom {
                background-image: url('product_dock_left_bottom.jpg');
                background-repeat: no-repeat;
                width: 122px;
                height: 7px;
}

.tdInsideProductDockLeft {
                padding-left: 0px;
}
.productDockImage {
                border: 1px solid #666666;
                /*width: 100px;
                height: 75px;*/
}

.tdProductDockRight {
                background: #FFFFFF;
                font-size: 11px;
                padding-top: 2px;
}

.tdShoppingcart {
                font-size: 11px;
                padding-top: 0px;
}

.tdShoppingcart a {
                font-size: 11px;
}

.tdOrderStepHeader {
				border: 4px solid #ABABAB;
				background-color: #F3F3F3;
				background-image: url('r1.jpg');
				padding: 0px;
				width: 100px;
				height: 35px;
				height: 40px;
				font-size: 25px;
}

.tdOrderStepHeaderCurrent {
				border: 4px solid #366CA8;
				background-color: #F3F3F3;
				background-image: url('r1.jpg');
				padding: 0px;
				width: 100px;
				height: 40px;
				font-size: 25px;
}

.tdOrderStepHeaderInactive {
				border: 4px solid #ABABAB;
				padding: 0px;
				width: 100px;
				height: 40px;
				font-size: 25px;
				color: #ABABAB;
}

.tdOrderStepHeader a,
.tdOrderStepHeader a:visited,
.tdOrderStepHeader a:link,
.tdOrderStepHeader a:active,
.tdOrderStepHeader a:hover,
.tdOrderStepHeaderCurrent a,
.tdOrderStepHeaderCurrent a:visited,
.tdOrderStepHeaderCurrent a:link,
.tdOrderStepHeaderCurrent a:active,
.tdOrderStepHeaderCurrent a:hover
{
				font-size: 25px;
				font-weight: bold;
}

.tdOrderStepCaption {
				font-size: 10px;
}

/* ------- FORM STYLES ---------- */

.forminput {
                font-family: arial, sans-serif, monospace;
                font-size: 12px;
                color: #FFFFFF;
                background-color: #4F4F4F;
                border-color: #CCCCCC;
                border: 1px solid #000000;
}

/* -------- TEXT STYLES ---------- */

.txtNormal {
                font-size:10px;
                color:#666666;
                font-family: arial, sans-serif, monospace;
                font-weight: normal;
}

.txtLarge {
                font-size:16px;
                color:#666666;
                font-family: arial, sans-serif, monospace;
                font-weight: normal;
}

.txtHeader {
                font-size:20px;
                color:#666666;
                font-family: arial, sans-serif, monospace;
                font-weight: bold;
}

a.txtSubGroupSelection,
a:visited.txtSubGroupSelection,
a:link.txtSubGroupSelection,
a:active.txtSubGroupSelection,
a:hover.txtSubGroupSelection {
				font-size:20px;
				font-weight: bold;
}

a.navigationBarLink,
a:visited.navigationBarLink,
a:link.navigationBarLink,
a:active.navigationBarLink,
a:hover.navigationBarLink {
				font-size:16px;
				font-weight: bold;
}

/* -------- Code Editor with Lines numbers --------- */

.textAreaWithLineNumbers {
	border: 1px solid #ABABAB;
}

.textAreaWithLineNumbers textarea,.textAreaWithLineNumbers div {
	border: 0px;
	line-height: 120%;
	font-size: 12px;
	font-family: courier new, courier;
}

.textAreaWithLineNumbers textarea {
	padding-left: 2px;
}

.textAreaWithLineNumbers div {
	border-right: 1px dotted #494949;
	color: #ABABAB;
	background: #F3F3F3;
}

.lineObj{
	padding-top: 2px;
	padding-right: 3px;
}

/* ----------------- List Headings --------------------- */

.listLevelNormal {
    font-weight: normal;
    font-size: 13px;
}


.listLevelRoot {
    color: #0024FF;
    font-style: italic;
    font-size: 13px;
}


.listLevel1 {
    font-weight: bold;
    font-size: 13px;
}


.listLevel2 {
    font-weight: bold;
    font-style: italic;
    font-size: 13px;
}


.listLevel3 {
    color: #4A4A4A;
    font-weight: normal;
    font-size: 13px;
}

/* ---------------------------------------------------------- */
/* --------------------- MENU STYLES ------------------------ */
/* ---------------------------------------------------------- */

/* ------------------ NON DYNAMIC MENU ---------------------- */

.tdMenuHeaderLeft {
    margin: 0px;
    padding-left: 2px;
    height: 18px;
    background-color: #F3F3F3;
    background-image: url('menu_header_bg.jpg');
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color:#000000;
}

/* --------------------- DYNAMIC MENU ----------------------- */

#menu a {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    padding-top: 6px;
    font-weight: normal;
    font-family: tahoma, "lucida console", sans-serif;
}

#menu ul {
    list-style: none;
    width: 174px;
    padding: 0px;
}

#menu ul, #menu li {
    margin: 0px;
    display: block;
    text-decoration: none;
    background-image: url('menu_button_left.jpg');
    background-repeat: repeat-y;
    font-weight: bold;
    font-size: 11px;
    color:#FFFFFF;
    z-index: 100;
}

#menu li {
    position: relative;
    background-color: #ABABAB; /*bgcolor van ongeselecteerd item */
    height: 25px;

padding-left: 0px;

    padding-top: 4px;
    padding-bottom: 5px;
}

#menu li:hover {
    background-color: #ABABAB; /*bgcolor van geselecteerditem*/
    background-image: url('menu_button_left_pressed.jpg');
    z-index: 101;
}

#menu ul ul {
    position: absolute;
    display: none;
    right: -218px;
    width: 220px;
    top: 0px;
    border-top: #525252 solid 1px;
    border-bottom: #525252 solid 1px;
    border-right: #525252 solid 1px;
}

#menu ul ul li {
    background-image: url('menu_button_left_sub.jpg');
    z-index: 120;
}

#menu ul ul li:hover {
    background-image: url('menu_button_left_sub_pressed.jpg');
    z-index: 130;
}

#menu ul li a
{
    display: block;
    height: 25px;
    margin: 0px;
    border: 0px;
    width: 145px; /* 130 */
    padding-left: 28px; /* 45 */
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
}

#menu ul ul,
#menu ul li:hover ul ul {
    display: none;
}

#menu ul li:hover ul,
#menu ul ul li:hover ul {
    display: block;
    color:#FFFFFF;
}