*{margin:0;padding:0;scrollbar-face-color: white;
            scrollbar-highlight-color: #ccc;  scrollbar-shadow-color: #666; scrollbar-3dlight-color: white; 
            scrollbar-arrow-color: #999; scrollbar-track-color: white;  scrollbar-darkshadow-color: white; 
            scrollbar-base-color: white; }
           




BODY {font-size: 12px; font-family: verdana,sans-serif; height: 100%; background-color:#7f5492; text-align: center}




            
            title {display:none}
            .title {display:none}
             .header .menu li a.active{font-weight:bold;color:white !important;}
            .header .menu li ul li  a.active{font-weight:normal;color:#000 !important;}
            .header .menu li ul li  a.active:hover{font-weight:normal;color:#fff !important;}

			#flag 
			{
				float: right; 
				height: 20px;
				z-index:999;
				margin: 1px 190px 0 0;
			}
            
            /*
            .active A {font-weight: bold; color: white! important}
            LI.active {font-weight: normal; background-color: #000! important}
            LI.active li a{font-weight: normal; color: #000! important}
            .active LI A:hover {font-weight: normal; color: #fff! important}
            */
            .header {border-right: white 1px solid; border-left: white 1px solid; width: 898px; position: relative; height: 203px; background-color: #ccc; border-top: white 1px solid}
            
            .header H1 A SPAN {visibility: hidden}
            .header H1 A {border-right:white 1px solid;display: block; z-index: 1; background: url(../images/logooh.gif) no-repeat left top; margin-left: 0px; width: 200px; position: absolute; height: 75px; text-decoration: none;}
            
            .header .topmenu{position:absolute; top:0px; z-index:999; right:2px;}
            .header .topmenu li{display:inline;font:11px arial,sans-serif; line-height:15px;}
            .header .topmenu LI A {padding-right: 25px; padding-left: 0px; font-weight: normal; font-size: 12px; background: url(../images/sep.gif) no-repeat left center; color: #fff; text-decoration: none}
            .header .search {right:0px;margin-top:0px;top:20px;margin-right:4px; position: absolute; z-index:9999}
            .search label {display:none}
            .search input {color:#999; border: 1px solid #888;}
            
            .foto {border-right: white 1px solid; overflow: hidden; width: 650px; border-bottom: 1px solid; position: relative; height: 203px}
            .header .topmenu li a:hover {text-decoration:underline;}
            .header .topmenu li a.first {background:none;}
            .container {position:relative;overflow:hidden;margin-left: auto; width: 900px; margin-right: auto; text-align: left;margin-bottom:auto}
            
            .mid {margin-top: 0px; width: 900px; background-color: white}
            .mid:after {
                content: "."; 
                display: block; 
                height: 0; 
                clear: both; 
                visibility: hidden;
            }
            .rechterkant {border-right: #fff 1px solid; padding-right: 0px; border-top: #fff 1px solid; padding-left: 0px; float: right; padding-bottom: 8px; border-left: #555 1px solid; width: 246px; padding-top: 0px; border-bottom: #fff 1px solid; height: 325px; background-color: #888}
            
            
            .contentlinks {padding-right: 10px; padding-left: 10px; float: left; padding-bottom: 0px; overflow: auto; width: 429px; line-height: 15px; padding-top: 10px; font-family: verdana; height: 325px}
            .contentrechts {clear: both; padding-right: 0px; padding-left: 0px; float: right; margin-bottom: 10px; overflow: hidden; width: 247px; padding-top: 0px; height: 145px}
            .contentrechtsImg {;border-bottom:white 1px solid;clear: both; padding-right: 0px; padding-left: 0px; float: right; margin-bottom: 0px; overflow: hidden; width: 247px; padding-top: 0px; height: 170px}
            
            /*
            .contentlinks {padding-right: 10px; padding-left: 10px; float: left; padding-bottom: 0px; overflow: auto; width: 429px; line-height: 15px; padding-top: 10px; font-family: verdana; height: 325px}
            .contentlinks P,td {font-weight: normal; font-size: 11px; margin-top: 0px;margin-bottom:6px; color: #555; line-height:15px}

	    
            .contentlinks H1 {margin-top: 0px; font-size: 14px; padding-bottom: 12px; color: #555; font-family: verdana,sans-serif;}
            .contentlinks H2 {margin-top: 10px; font-size: 14px; padding-bottom: 5px; color: #555; font-family: verdana,sans-serif;}
            .contentlinks H3 {font-size: 12px; padding-bottom: 2px; color: #555; padding-top: 1px; font-family: verdana;line-height: 20px;}
            .contentlinks H4 {font-size: 11px; color: #000; font-family: verdana; font-weight:normal;line-height: 16px;}
            */

            .contentlinks {padding-right: 10px; padding-left: 10px; float: left; padding-bottom: 0px; overflow: auto; width: 429px; line-height: 15px; padding-top: 10px; font-family: verdana; height: 325px}
            .contentlinks P, td {font-weight: normal; font-size: 11px; margin-bottom: 13px; color: #555; line-height:15px}
	    .contentlinks H1 {margin-top: 0px; font-size: 14px; padding-bottom: 15px; color: #555; font-family: verdana,sans-serif;}
            .contentlinks H2 {margin-top: 0px; font-size: 14px; padding-bottom: 15px; color: #555; font-family: verdana,sans-serif;}
            .contentlinks H3 {font-size: 12px; padding-bottom: 2px; color: #555; padding-top: 1px; font-family: verdana;line-height: 20px;}
            .contentlinks H4 {font-size: 11px; color: #000; font-family: verdana; font-weight:normal;line-height: 16px;}

.contentlinks A {color: #555; text-decoration: underline}
            .contentlinks A:hover {color: #999}
            .contentlinks a.active{color:#CC3232;}
            .contentlinks UL {margin-top: 0px;margin-bottom:6px}
            .contentlinks UL LI {margin-left: 25px;font-weight: normal; font-size: 11px; color: #555; line-height: 16px}
            


.contentlinks img{width:130px;height:87px;border:5px white solid;padding:0px;margin:0px;line-height:0px;margin:-1px;} 



            .contentrechts P {font-weight: normal; font-size: 11px; margin-bottom: 15px; color: #fff; line-height: 16px;padding-left: 10px;padding-right: 10px}
            .contentrechts H2 {padding-right: 10px; margin-top: 0px; padding-left: 10px; font-weight: normal; font-size: 14px; padding-bottom: 0px; color: #fff; line-height: 16px; padding-top: 10px; font-style: italic; font-family: georgia;text-align:center}
            .contentrechts H3 {padding-right: 10px; margin-top: 0px; padding-left: 10px; font-weight: normal; font-size: 14px; padding-bottom: 0px; color: #fff; line-height: 16px; padding-top: 10px; font-style: italic; font-family: georgia;text-align:center}
            .contentrechts H4 {font-size: 14px; padding-bottom: 5px; color: #fff; line-height: 24px; font-family: verdana; font-weight:normal}
            .contentrechts A {color: #fff; text-decoration: underline}
            .contentrechts A:hover {color: #999}
            .contentrechts a.active{color:#CC3232;}
            .contentrechts ul {margin-top:-16px;}
            .contentrechts ul li{margin-left: 25px;}
            
            .contentrechtsgroot P {font-weight: normal; font-size: 11px; margin-bottom: 15px; color: #fff; line-height: 16px;padding-left: 10px;padding-right: 10px}
            .contentrechtsgroot H2 {padding-right: 10px; margin-top: 0px; padding-left: 10px; font-size: 14px; padding-bottom: 0px; color: #fff; padding-top: 10px; font-family: georgia;font-weight:normal;font-style:italic;line-height:16px;}
            
            
            .rechtsboven {z-index: 999; right: 0px; overflow: hidden; width: 250px; position: absolute; top: 90px; height: 114px}
            .rechtsboven H2 {margin-top: 15px; font-weight: normal; font-size: 30px; color: #fff; margin-right: 5px; text-align: right;}
            .rechtsboven H3 {margin-top: 5px; font-weight: bold; font-size: 16px; color: #fff; margin-right: 10px; text-align: right; text-decoration: none}
            .rechtsboven P {margin-right: 5px;font-weight: normal; font-size: 10px; color: #000; padding-top: 10px; text-align: right}
            .rechtsboven A {font-weight: normal; font-size: 10px; color: #000; margin-right: 0px; padding-top: 10px; text-align: right; text-decoration: none}
            .rechtsboven a:hover {text-decoration:underline}
            .rechtsboven H4 {font-weight: bold; font-size: 16px; color: #000; text-align: left; text-decoration: none}
            .rechtsboven H5 a {font-weight: bold; font-size: 12px; color: #000; text-align: right;text-decoration:none}
            .rechtsboven H5 a:hover {text-decoration:underline; color: #000}
            .rechtsboven H6 {font-weight: normal; font-size: 12px; color: #000; text-align: left; text-decoration: none}
            
            
            .submenu {border-right: #555 1px solid; padding-right: 0px; padding-left: 0px; font-weight: bold; float: left; padding-bottom: 20px; border-left: white 1px solid; width: 200px; padding-top: 0px; list-style-type: none; height: 314px; background:url(../images/submenu2.gif) no-repeat}
            
            .submenu li {background:url(../images/submenu2.gif) no-repeat}



            .submenu P {margin-top: 108px; font-weight: normal; font-size: 11px; margin-left: 15px; color: #555; line-height: 18px; font-family: verdana}
            .submenu a.txt  {font-weight: normal; font-size: 11px; color: #555; line-height: 18px;}
            .submenu li a {
            padding-left: 15px;
             font-weight: normal; 
            font-size: 12px; 
             color: #888;
             line-height: 20px;
             border-bottom: #555 1px solid;
             font-family: arial; 
            height: 20px;
            
            text-align: left;
             text-decoration:none
            
            }
            
            
            .submenu li a{
            display:block;
            }
            .submenu LI A:hover {color: #fff; background-color:#555}
            .submenu LI A.active {color: #fff;
             background-color: #333; font-weight:bold;display:block;}
            
            .submenu LI UL {padding-bottom: 0px;list-style-type:none; border-bottom: #f7941d 0px solid;width:180px}
            .submenu LI ul li {padding-bottom: 0px}
            
            .submenu LI UL LI A {
            padding-top: 4px;
             border-right: #555 0px solid; 
            padding-left: 25px; 
            font-weight: normal;
             font-size: 12px;
             display:block;
             border-bottom-width: 0px;
             border-bottom-color: #fff; 
            width: 175px; color: #555; 
            line-height: 14px; 
            font-family: arial; 
            height: 16px; 
            background-color: #ccc;
             text-align: left;
             text-decoration: none
            }
            .submenu LI UL LI A.active {color: #fff; background-color: #666; font-weight:normal}
            .submenu LI UL LI A:hover {color: #555; background-color: #eee}
            
            .submenu LI UL LI LI A {padding-top: 4px;border-right: #555 0px solid; padding-left: 35px; font-weight: normal; font-size: 12px; float: left; width: 165px; color: #555; line-height: 14px; font-family: arial; height: 16px; background-color: #ddd; text-align: left; text-decoration: none}
            .submenu LI UL LI LI A.active {color: #fff; background-color: #999; font-weight:normal}
            
            td{vertical-align:top}
            
            FIELDSET {border-top-width: 0px; margin-top: px; border-left-width: 0px; border-bottom-width: 0px; color: #555; border-right-width: 0px;}
            fieldset.formGrid div.formRow {font-weight:bold}
            fieldset.formGrid div.formRow label{float:left;width:140px;line-height:20px;font-weight:normal}
            fieldset.formGrid div.formRow input{margin-top:0px;}
            fieldset.formGrid div.formRow span.textarea input{border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-color:#ccc}
            FIELDSET.formGrid DIV.formRow SPAN.aantal {float:left;width:auto;margin-top:0px;}
            FIELDSET.formGrid DIV.formRow LABEL.artikel {font-weight: normal; float: none; width: 250px; line-height: 20px}
            .formError {background:#ffcccc;border-bottom: 1px solid red;}
            
            P.intro {font-size: 12px; padding-bottom: 10px; text-align: left}
            P.intro a {font-size: 12px; padding-bottom: 10px; text-align: center;color: #555}
            P.intro A:hover {color: #999}
            
            .sitemap {margin-left:0px;list-style-type:none}
            UL.sitemap {margin-top: 0px;font-weight: bold; padding-top: 0px; list-style-type: none;margin-bottom:0px;padding-bottom:0px}
            .sitemap LI {margin-top: 0px; font-weight: bold; list-style-type: none}
            .sitemap li a {font-weight:bold; color:#969696;text-decoration:none}
            .sitemap LI A:hover {color: #ccc; text-decoration: underline}
            .sitemap UL {padding-top: 0px;margin-top: 0px; margin-left: 10px; line-height: 16px}
            .sitemap UL LI {padding-top: 0px;margin-top: 0px; margin-left: 10px; line-height: 16px}
            .sitemap ul li a {font-weight:normal; color:#969696}
            
            
            .box {border-bottom: 1px solid #f7941d;height:120px}
            .box H4 {font-weight: bold; font-size: 12px; padding-bottom: 0px; color: #f7941d; line-height: 24px; font-family: verdana}
            .box p {width:500px;float:left;}
            .box img {width:120px;float:right;margin-top:-20px;height:110px; overflow:hidden}
            .box a {font-weight: bold;float:left;width:200px;font-size: 11px; color: #f7941d;text-decoration:none}
            .box a:hover {text-decoration:underline}
            
            div.yuimenu {
            	background-color:#fff;
                border:solid 1px #c4c4be;
                padding:1px;
            }
            div.yuimenubar ul li {
                float:left;
                border:0px solid #C4C4BE;
                display:inline;
                float:left;
                margin:0pt;
                padding:0px 10px;
            }
            div.yuimenubar ul li li{float:none;display:block;padding:0;}
            div.yuimenubar ul li ul{display:none;}
            /* Submenus are positioned absolute and hidden by default */
            
            div.yuimenu div.yuimenu,
            div.yuimenubar div.yuimenu {position:absolute;}
            /* MenuBar Styles */
            div.yuimenubar {background-color:#fff;}
            
            /*
                Applying a width triggers "haslayout" in IE so that the module's
                body clears its floated elements
            */
            div.yuimenubar div.bd {width:100%;}
            
            /*
                Clear the module body for other browsers
            */
            div.yuimenubar div.bd:after {content:'.';display:block;clear:both;visibility:hidden;height:0;}
            
            div.yuimenu ul.first-of-type, 
            div.yuimenu ul.hastitle,
            div.yuimenu h6.first-of-type {border-width:0;}
            
            /* MenuItem and MenuBarItem styles */
            
            div.yuimenu li,div.yuimenubar li {cursor:pointer;cursor:hand;white-space:nowrap;text-align:left;}
            
            /* Matches the help text for a menu item */
            
            div.yuimenu li.hashelptext em.helptext {font-style:normal;margin:0 0 0 40px;}
            
            div.yuimenu li a,
            div.yuimenubar li a {
                /*"zoom:1" triggers "haslayout" in IE to ensure that the mouseover and 
                    mouseout events bubble to the parent LI in IE. */
                zoom:1;color:#ccc;text-decoration:none;}
            
            div.yuimenu li.hassubmenu,
            div.yuimenu li.hashelptext {text-align:right;}
            
            div.yuimenu li.hassubmenu a.hassubmenu,
            div.yuimenu li.hashelptext a.hashelptext {
                /* Need to apply float immediately for IE or help text will jump to the 
                    next line    */
                *float:left;
            	*display:inline; /* Prevent margin doubling in IE */
                text-align:left;}
            
            div.yuimenu.visible li.hassubmenu a.hassubmenu, 
            div.yuimenu.visible li.hashelptext a.hashelptext {
                /*Apply the float only when the menu is visible to prevent the help
                    text from wrapping to the next line in Opera. */
                float:left;}
            
            /* Matches selected menu items */
            div.yuimenu li a{color:#000;}
            
            div.yuimenu li.yuimenuitem a{}
            
            /* ACTIVE STAT HOFDNAV
            div.yuimenubar .selected.active {background:#;padding:0;color:red;font-weight:bold; color:red}
            */
            div.yuimenu li.selected,
            div.yuimenubar li.selected {background:#000;padding:0;}
            
            div.yuimenu li.selected a.selected,
            div.yuimenubar li.selected a.selected {text-decoration:underline;}
            
            div.yuimenubar li.selected a.selected {color:#fff;}
            
            /* Matches disabled menu items */
            
            div.yuimenu li.disabled, 
            div.yuimenubar li.disabled {cursor:default;}
            
            div.yuimenu li.disabled a.disabled,
            div.yuimenu li.disabled em.disabled,
            div.yuimenubar li.disabled a.disabled {color:#000;cursor:default;}
            
            div.yuimenubar li.yuimenubaritem {
                float:left;
                display:inline; /* Prevent margin doubling in IE */
                border-width:0px;
                border-style:solid;
                border-color:#c4c4be;
                padding:0px 10px;
                margin:0;}
            
            div.yuimenubar em{display:none}
            div.yuimenubar li.yuimenubaritem.first-of-type {border-width:0;}
            
            /* Styles for a menu item's "checked" state}*/ 
            div.yuimenu{width:200px !important;filter: alpha(opacity=90);}
            div.yuimenu div.bd li a{padding:0 10px;}
            div.yuimenu li.checked { position:relative;}
            
            .header .menu {
            	border-right: white 1px solid; 
            	border-top: white 1px solid; 
            	z-index: 999; 
            	left: 0px; 
            	line-height: 22px; 
                overflow:hidden;
            	border-bottom: white 1px solid; 
            	list-style-type: none; 
            	position: absolute; 
            	top: 68px; 	height: 22px; background-color: #000;	width:898px}
            .header .menu li li{list-style-type: none;}
            /* centering */
            
                        html, body,form {
                            height: 100%;                                                                  /* Make sure the document takes up the whole window. */
                            margin: 0;                                                                      /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
                            padding: 0;                                                                     /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
                        }
            
            
                        div#shim {
                       
                            width: 100%;
                            height: 50%; 
                                                                              /* Bump div#blueBox down half the height of the screen. */
                            margin-top: -270px;                                                              /* Half the height of div#blueBox. */
                         float:left;
                        }
            
            
                        div.horizon {
            
            
                            height: 540px;
                            clear: both;
            
            
                            position: relative;
                            top: -270px;
                            /* IE4ever Hack: Hide from IE4 **/
                                position: static;
                            /** end hack */
            
                        }
            
            
            
                        /* Hide from IE5mac \*//*/
                            div#shim {
                                display: none;
                            }
                            html, body {
                                height: auto;
                            }
                        /* end hack */