/*
ArboNed CSS Framework 
Core elements stylesheet
version 1.23 (29-aug-2007)
tested on FF2.0/IE7

�2006-2007 Byelex. All rights reserved
http://www.byelex.com
[t] +31(0)165 33 22 44

Index of this file:
    G01. Basic layout
    G02. Page title    
    G03. Basic styles 
    G04. Button Bar 
    G05. Dropdown Bar 
    G06. Document Tabs 
    G07. Table (List View)
    G08. Table (Edit Form) 
    G09. Table (Action Form)
    G10. Pagination 
    G11. Bottom Bar (footer)
    G12. Content (Login) 
    G13. Content (Help) 
    G14. Content (Homepage / News)

This file should NOT be edited!
If you need custom styles or changes in styles specific for your application,
please use an application stylesheet to create (or override) styles!
*/

@import url(global_datepicker.css );

/**************************************************************************************************/
/* G01. Basic layout 
/************************************************************************************************/
html, body, table           {font-family:Verdana, Arial, Helvetica, sans-serif;}
body                        {padding:0; margin:0; background:#fff; overflow: scroll; }
#content                    {background-color:#fff;}

#content, input, label, 
select, option, a, .page_links,
#bar_dropdown, table        {font-size:11px;}

a:hover, .list a:hover      {color:#084FA0; text-decoration:underline;}
#page_align {
                            position:absolute; 
                            width:764px; 
                            margin-left:-382px; 
                            left:50%;
}
#container                  {width:100%;} 

form                        {display:inline;}
#bar_menu                   {position:relative; height:97px; width:100%;}

/* small user menu */
#menu_list2                 {float:right; height:24px; right:100px; width:100px; height:48px; margin:10px 0px 0 0; padding-left:7px;}
#menu_list2 a               {width:100%; display:block; float:left; padding:1px 4px; text-decoration:none;}
#menu_list2 a:hover         {text-decoration:underline;}


/* =======================================================  */
/* Clearfix & Holly hack						                     		*/
/* Clearing the float, without additional HTML elements			*/
/* http://www.positioniseverything.net/easyclearing.html 		*/
/* =======================================================  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}  

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#text .inset .bottom a {
	color: #FFFFFF;
	margin-right: 50px;
}



/**************************************************************************************************/ 
/* G02. Page title
/************************************************************************************************/
/*noinspection ALL*/
.page_title {
                            display:block; 
                            color:#444; 
                            font-size:19.4px; 
                            padding:0 0 2px 14px; 
                            margin:0 2px 0 0;
                            margin-top:expression('12px');
                            min-height: 50px;
                                                        height: 50px;
}
.page_title span            {display: block; }
.page_title span.main { 
                            font: 300 20px Verdana, Arial, Helvetica, "sans-serif"; 
                            float: left;
                                                        height: 20px;
}

/*noinspection ALL*/
.page_title span.date {
                            font: 800 14px/17px Verdana, Arial, Helvetica, "sans-serif " normal;
                            color: #6c6c6c;
                            float: right;
                            text-align: right;
                            width: 300px;
                            margin-right: 20px;
}

.page_title span.main, .page_title span.date { 
                            margin-top: 20px;
}

/*noinspection ALL*/
.page_title span.sub {
                            font: normal 12px/17px Verdana, Arial, Helvetica, "sans-serif";
                            color: #6c6c6c;
                            clear: both;
                            margin-top: expression('10px');
                            margin-bottom: 10px;
}


#loading_bar, #cancel_bar, .processing_bar {
                            display:none; 
                            height:24px; 
                            background:#e8f5fc url(../images/icon_loadingindicator.gif) 16px 50% no-repeat; 
                            font-size:9pt; 
                            text-align:justify; 
                            padding:8px 15px 0px 45px; 
                            color:#000; 
                            border:1px solid #ceeff7;
}

/* optional elements, disabled by default */
/*noinspection ALL*/
#logo                       {display:none; float:left; background:url(../bimages) no-repeat}
#apptitle                   {display:none; font-size:20.4px; color:#999}    

/* print elements, hidden for screen display */
#printtop, #printbottom     {display:none;}

/**************************************************************************************************/
/* G03. Basic styles  
/************************************************************************************************/
hr                          {height:1px; color:#ddd; background:#ddd; border:0}
.bold                       {font-weight:bold;}
.black                      { color: #000}
.right                      { float: right; }
.attention                  {font-weight:bold; color:#e11}
.indent                     {padding-left:8px;}             /* style for userPage names of afdelingen */
.subtitle, 
.subtitle table td          {font-weight:bold; color:#444;}
.subtitle {
                            border-top:1px solid #ccc; 
                            border-bottom:1px solid #ccc; 
                            background:#f0f0f0; 
                            padding:8px 16px; 
                            margin-bottom:16px; 
}
a                           {cursor:pointer}
.glue                       {clear:both; padding-top:8px}
.disabled                   {color: #888;}

/* Error messages */
#all_zero_message           {background-color:#fff; min-height:100px; padding:100px;}
#success_message            {background-color:#f5f5f5; min-height:100px; padding:100px;}
#success_message p          {font-size: 11px; line-height: 14px; }
.error                      {text-align:justify; padding:5px 15px 15px 25px; color:#e00; }
.errormessage               {text-align:justify; padding:5px 15px 15px 25px; color:#f00; width:250px;}
#global_messages            {width:95%; border:1px solid #e00; vertical-align:middle; text-align:center; padding:5px; margin:5px;}

/**************************************************************************************************/
/* G04. Button Bar
/************************************************************************************************/
#bar_buttons {
                            height:32px; 
                            background:#ddd; 
                            padding-left:6px; 
                            margin-top:8px; 
}
.buttonholder               {float:left;}
#bar_buttons a, #bar_buttons input {
                            display:block; 
                            white-space:nowrap; 
                            float:left; 
                            text-decoration:none; 
                            color:#000; 
                            padding:5px 5px 5px 30px; 
                            margin-top:3px; 
}
#bar_buttons a              {margin-top:4px;}
#bar_buttons input          {border:0; text-align:left;}
#bar_buttons input:focus    {background-color:transparent}
#bar_buttons a:hover, 
#bar_buttons .button_hover,
#bar_buttons input:hover    {text-decoration:underline;}

/**************************************************************************************************/
/* G05. Dropdown Bar  
/************************************************************************************************/
/*noinspection ALL*/
#bar_dropdown {
                            border:1px solid #ceeff7; 
                            border-bottom-color:#ddd; 
                            height:expression('32px'); 
                            min-height:32px; 
                            width:"99,9%"; 
                            width:expression('100%'); 
                            background-color:#f5f5f5; 
                            margin-top:16px; 
                                                        clear: left;
}
#bar_dropdown .label {
                            margin:0 4px 0 8px; 
                            white-space:nowrap; 
                            font-weight:bold; 
                            color:#969696; 
                            width:50px; 
}

#bar_element_search.active,
#bar_element_filter.active  {display:block;}

/*noinspection ALL*/
#bar_element_filter,
#bar_element_filter_plus    {display:block; float:left; margin-left:12px; margin-left:expression('8px')}

#bar_element_filter_plus    {clear:both; margin:1px 4px 0 0; padding:2px 0;}

#bar_element_filter select  {margin:5px 0;}

#bar_element_search         {display:none; margin-top:5px; margin-right:8px; float:right;}

#bottom_action_bar {
                            font-size: 11px;
                            padding: 5px 0 5px 5px;
}

/**************************************************************************************************/
/* G06. Document Tabs  
/************************************************************************************************/
/*noinspection ALL*/
#bar_doctabs {
                            background:#fff url(../images/an_button_bg.png) 0 0 repeat-x; 
                            height:30px; 
                            height:expression('29px'); 
                            width:100%; 
                            margin-top:16px; 
}
#bar_doctabs ul             {list-style:none; padding:2px 0 0 16px; margin:0;}

/*noinspection ALL*/
#bar_doctabs li {
                            float:left; 
                            height:25px; 
                            padding-left:6px;           /* width of the tab's left side needs to be set with padding*/
                            margin-right:3px;           /* spacing between tabs */   
                            white-space:nowrap; 
                            background:#f9f9f9 url(../images/an_button_bg.png) 0 2px repeat-x; 
                            border:1px solid #a7abac; 
                            border-bottom:0; 
                            margin-top:1px; 
                            margin-top:expression('0px'); 
}
#bar_doctabs a {
                            display:block; 
                            font-size:11px; 
                            font-weight:bold; 
                            color:#a7abac; 
                            height:20px; 
                            text-decoration:none; 
                            padding:5px 16px 0 10px;    /* padding-left = padding-right - padding-left of "#bar_doctabs li" */ 
                            width:10%; 
}
#bar_doctabs a:hover        {color:#444;}
#bar_doctabs li.active {                                /* for visually activating a tab, assign the class "active" to the LI */
                            height:27px; 
                            background:#fff; 
                            border:1px solid #5a5a5a; 
                            border-bottom:0; 
                            margin-top:0px; 
}
#bar_doctabs li.active a    {color:#393939;}

/**************************************************************************************************/
/* G07. Table (List View)
/************************************************************************************************/
table.list {                background-color:#e0e4e4;                  /*show empty cell correct in IE */
                            border-left:1px solid #CBD4E0; 
                            border-right:1px solid #CBD4E0; 
                            font-size:11px; 
                            margin-bottom:0; 
                            padding:0; 
                            width:100%; 
}
table.list table            {width:99%}
table.list th, 
table.edit table.list th    {
                            background-color:#e1e1e1; 
                            border:1px solid #fff; 
                            border-color:#fff #aaa #aaa #fff;
                            padding-bottom:6px;
                            font-weight:normal; 
                            font-size:10px; 
                            color:#6b6b6b; 
                            text-align:left; 
}
table.edit table.list       {background:transparent}
table.list th, 
table.edit table.list th,
table.list td               {padding:4px 7px;}

.fired                      {color:#707070; font-style:italic;}
.nowrap                     {white-space:nowrap}

table.list th a             {
                            color:#6b6b6b; 
                            text-decoration:none; 
                            font-size:9px; 
                            font-weight:normal; 
                            width:100%; 
                            height:70%; 
                            display:block; 
}
table.list th a:hover       {color:#3b3b3b; text-decoration:none;}

table.list td               {border-bottom:1px solid #e0e4e4; padding-top:6px; padding-bottom:6px;}
table.list td span          {display:block; }

table.list td td            {border:0; font-size:10px;}
table.list td.icon          {text-align:center; padding:0;}

/* special case for table with first fixed length column */
table td.fixedwidth         {padding:2px 2px 2px 8px; width:400px;}

.column_number              {text-align: right;}                    /* align number data to the right of column */

.sortable                   {background:url(../images/sort_arrow_normal.gif) no-repeat top right;}
.sortable, .sortedascending, 
.sorteddescending           {display:block; width:100%; height:90%}

/* assign this class to the TH A of the current ascending sorted column*/
.sortedascending            {background:url(../images/sort_arrow_normal_black.gif) no-repeat top right; color:#000;}
/* assign this class to the TH A of the current descending sorted column */
.sorteddescending           {background:url(../images/sort_arrow_reverse_black.gif) no-repeat center right; color:#000;}

table.list td a             {color:#0c2577; font-weight:bold; width:100%; display:block;}
table.list td a:hover       {color:#000; }
.list a                     {text-decoration:none}
.oddrow                     {background:#fafafa}
.evenrow                    {background:#fff}

/* these row hovers will not work in ie6 */
tr.oddrow:hover,
tr.evenrow:hover            {background:#efefef}

/**************************************************************************************************/
/* G08. Table (Edit Form)  
/************************************************************************************************/
/*noinspection ALL*/
#content.edit{              width:"99,9%";
                            width:expression('100%'); 
                            background-color:#fff; 
                            border:1px solid #ceeff7; 
                            border-color:#ddd #ceeff7 #ddd #ceeff7; 
                            border-top:0; 
                            padding-bottom:24px; 
}

table.edit thead th         {font-size:13px; color:#000; padding-left:4px;}
table.edit                  {padding:0 0 16px 0; margin:24px 16px 0 16px;}
#content.edit table.edit    {margin-top:0px;}
table.edit table            {display:inline; border-collapse:collapse}
table.edit th {             border-bottom:1px solid #ccc; 
                            padding:8px 0 4px 0; 
                            font-weight:bold; 
                            font-size:11px; 
                            text-align:left; 
                            vertical-align:top; 
                            color:#444;   
}
table.edit td {             border-bottom:0; 
                            padding:2px 2px 2px 8px; 
                            font-family:Verdana; 
                            vertical-align:top; 
}
table.edit td.labelleft,
table.edit td.labelleftred,
table.edit td.labelleftbig  {padding-top:6px; padding-right:4px;}
table.radio                 {border-collapse:collapse}
table.radio td              {padding:2px 0;}

/*noinspection ALL*/
table.radio td input        {margin-top:0; margin-top:expression('-3px');}

.labelleft, .labelleftred, .labelleftbig {
                            background-color:#fff; 
                            border:0; 
                            color:#444; 
                            font-size:11px; 
                            font-weight:normal; 
                            text-align:right; 
}
.labelleft                  {width:150px;}
.labelleftbig               {width:100px;}

.labelleftred               {color:#F00; width:140px;}

table.edit td.field2        {padding-top:6px; padding-left:8px;}

table.edit tr.spacebefore td {padding-top:20px;}
table.edit tr.spaceafter td {padding-bottom:20px;}

table.edit span.text        {padding-left:8px; padding-right:8px;}              /* span elements in tables */
table.edit .edit            {margin-left:0;}
.ndfmessage                 {font-weight:bold; padding:4px 5px; color:#B7B7B7;}

.field0                     {width:50px}
.field1                     {width:100px}
.field2                     {width:250px;}

table.edit input            {float:left}
input[type="text"],
input[type="password"], 
textarea                    {border:1px solid #aaa;}
input:focus[type="text"],
input:focus[type="password"], 
textarea:focus              {background-color:#ffe; border:1px solid #ccc;}
table.edit label            {display:block}
table.edit label.horizontal {display:inline}


/* =======================================================  */
/* G09. Table (Action Form)  
/* =======================================================  */
#content.action {
    height: 100%;
}
#content.action .actionheader {
   padding: 35px 50px 10px 32px;
}

/*noinspection ALL*/
#content.action .actionheader .main {
   font: 600 14px/15px Verdana, Arial, Helvetica, "sans-serif";
   letter-spacing: -4%;
   margin-bottom: 4px;
   color: #007394;
}
    /* =======================================================  */
    /* product boxes w/ orders
    /* =======================================================  */
/*noinspection ALL*/
#content.action .products {
            width: 289px;
            display: block;
            background: #e0e0e0 url(../bimages/bg-drmax-exec2-top.gif) no-repeat center top;
            padding-top: 20px;
    
    }
        #content.action .products .content {
            width: 289px;
            height: auto;
            padding-bottom: 20px;
    }
        #content.action .products .content p {
            margin: 0px;
            padding: 0px;
            font-weight: normal;
            display: block;
            z-index: 1;
    }
        #content.action .products .content a {
            color: #007093;
            text-decoration: none;
            font-weight: bold;
            z-index: 1;
    }

/*noinspection ALL*/
#content.action .products .content .product a.productinfo {
            background: url(../bimages/drmax-help.gif) no-repeat right top;
            padding-right: 10px;
            display: block;
            margin: 0 0 3px 0;
            width: 230px;
    }
        #content.action .products .content .product  a.progress {
                    color: #000 !important;
            }
        #content.action .products .content .product input {
            margin-top: 4px;
    }

        #content.action .products .content .head {
            margin: 10px 0 20px 30px;
    }   
				#content.action .products .content .head p { 
						width: 250px; 
		}

/*noinspection ALL*/
#content.action .products .content .head_background {
            padding-top: 40px;
            background: url(../bimages/title_drmax_exec.gif) no-repeat;
    }

        #content.action .products .content .product {
            width: 220px;
            margin: 0 0 30px 30px;
    }
        #content.action .products .content .product td {
                      padding: 20px 0 0 0;
            position: relative;
    }
        #content.action .products .content .product td .productwrapper {
            position: relative;
    }

/*noinspection ALL*/
#content.action .products .content .phone {
            width: 163px;
            height: 23px;
            margin: 40px 0 0 30px;
            background: url(../bimages/drmax-exec-tel.gif) no-repeat;
    }
        #content.action .products .content .subhead {
            font-size: 20px;
            font-weight: 200;
            color: #007394;
            margin-top: -2px;
    }

/*noinspection ALL*/
#content.action .products .bottom {
            background: #e0e0e0 url(../bimages/bg-drmax-exec2-bottom.gif) no-repeat center top;
            height: 14px;
    }

        #content.action .products hr.hr {
                        color: #999;
                        height: 1px;
            background:#AAAAAA none repeat scroll 0% 50%;
    }
    
        /* =======================================================  */
        /* product boxes w/ orders : info popup per product
        /* =======================================================  */  
        .popper { /* abstract popper for info messagees*/
                min-width: 400px;                                
                max-width: 600px;
                border: 4px solid #b5b3b3;
                background: #fff;
                padding: 10px 22px 22px 22px;
                line-height: 14px;
                position: absolute;
                display: block;
                z-index: 10;
                visibility: hidden;
        }

        #content.action .productpopper {
                width:293px;
                height:198px;
                border: 4px solid #b5b3b3;
                background: #fff;
                padding: 10px 22px 22px 22px;
                line-height: 14px;
                position: absolute;
                top: 30px;
                left: -300px;
                display: block;
                z-index: 10;
                visibility: hidden;
        }
        
        #content.action .productpopper p {
                font-weight: normal;
                font-size: 11px;
                color: #000;
        }
                .closer {
                display: block;
                height: 20px;
                text-align: right;
        }
        #content.action .productpopper h1 {
                font-size: 12px;
                font-weight: bold;
                color: #007093;
        }  

/**************************************************************************************************/
/* G10. Pagination  
/************************************************************************************************/
/*noinspection ALL*/
.bar_pagination {
                            min-height:17px; 
                            width:"99,9%"; 
                            width:expression('100%'); 
                            padding:12px 0 10px 0; 
                            background-color:#f5f5f5; 
                            border:1px solid #fff; 
                            border-color:#fff #ceeff7 #fff #ceeff7; 
                            border-bottom:0; 
}
.nr_of_lines                {float:right; margin-right:8px; display:block; font-size:11px; color:#888;}
.bar_pagination .page_links a,
.bar_pagination .page_links span, 
.bar_pagination em {
                            font-size:12px; 
                            color:#888; 
                            text-decoration:none; 
                            width:18px; 
                            height:18px; 
                            border:1px solid #fff; 
                            border-color:#fff #bbb #bbb #fff; 
                            display:block; 
                            float:left; 
                            margin-left:8px; 
                            text-align:center;
                            background-color:#fff;
}
.page_links span            {cursor:default;}
.page_links a:hover {
                            color:#000; 
                            background-color:transparent; 
                            border:1px solid #ddd; 
                            border-color:#ddd #969696 #969696 #ddd; 
                            margin-top:1px; 
}
.page_links a.currentpage, 
a:hover.currentpage {
                            background:transparent; 
                            border:1px solid #bbb; 
                            border-color:#bbb #fff #fff #bbb; 
                            padding-top:1px; margin-top:0px; 
                            filter:alpha(opacity=80); -moz-opacity:0.8; 
}

a.firstpage                 {background:#fff url(../images/an_icon_firstpage.gif) 50%;}
a.prevpage                  {background:#fff url(../images/an_icon_prevpage.gif) 50%;}
a.nextpage                  {background:#fff url(../images/an_icon_nextpage.gif) 50%;}
a.lastpage                  {background:#fff url(../images/an_icon_lastpage.gif) 50%;}
span.firstpage              {filter:alpha(opacity=40); -moz-opacity:0.4; background:url(../images/an_icon_firstpage.gif) 50%;}
span.prevpage               {filter:alpha(opacity=40); -moz-opacity:0.4; background:url(../images/an_icon_prevpage.gif) 50%;}
span.nextpage               {filter:alpha(opacity=40); -moz-opacity:0.4; background:url(../images/an_icon_nextpage.gif) 50%;}
span.lastpage               {filter:alpha(opacity=40); -moz-opacity:0.4; background:url(../images/an_icon_lastpage.gif) 50%;}

/**************************************************************************************************/
/* G11. Bottom Bar (footer)
/************************************************************************************************/
#bar_bottom {
                            background:url(../images/lightfade.png) top repeat-x; 
                            border-top:1px solid #aaa; 
                            width:100%; 
                            height:23px; 
                            font-size:10px; 
                            clear:both;
}
#bar_bottom .copyright      {float:right; color:#777; right:1px; margin-top:5px; margin-right:2px;}
.copyright a                {padding-left:12px;}

/**************************************************************************************************/ 
/* G12. Content (Login)  
/************************************************************************************************/ 
.login #page_align {
                            background:#fff; 
                            position:absolute; 
                            width:540px; 
                            margin-left:-270px; 
                            left:50%; 
}
.login #content, 
.login #container           {width:100%;}
.login #content             {margin-top:8px; border:1px solid #ddd;}
.login #bar_menu            {background:none; height:50px;}

/*noinspection ALL*/
.login #logo                {display:block; width:100%; margin:8px 0 0 16px; margin-left:expression('8px')}
.login .sidebox             {margin:16px; width:200px; float:right; padding-left:20px; border-left:1px solid #aaa;}
.login .leftbox             {margin:16px; width:250px; font-size:12px;}
.login .error               {background:#ffeaf1; border:1px solid #e37f9d; color:#c8003b; margin-top:4px; padding:10px 15px;}
.login .next2 input         {size:100px;}
.login .next2 td            {font-size:12px;}
.login .sidebox .boxbody    {text-align:left; height:auto; margin-bottom:16px; line-height:13.5pt;}
.login .leftbox,
.login .next2 td, 
.login .sidebox .boxbody    {color:#5b5b5b;}
.login .sidebox h2          {margin-top:16px;}
.login a                    {color:#c8003b;} 
.login h1, .login h2, 
.login .sidebox h2          {color:#0c2577;}
.login h1                   {font-size:28px; margin:0; font-weight:normal}
.login h2                   {font-size:13px; margin:0;}
.login #bar_bottom          {width:100%; margin-top:2px;}

/**************************************************************************************************/
/* G13. Content (Help)
/************************************************************************************************/
.help                       {padding:0px 8px 24px 8px;}
.help h1,
.help h2,
.help h3 {                  font-weight:bold; 
                            padding:8px; 
                            border-bottom:dotted 1px #ddd; 
                            background:url(../images/lightfade.jpg) bottom repeat-x;
}
.help h1                    {font-size:12.4pt; padding:0 0 12px 8px; border-bottom:1px solid #ddd;}
.help h2                    {font-size:11.4pt; margin-top:32px;}
.help h3                    {font-size:10.4pt; background:none;}
.help p, .help img          {font-size:9pt; color:#5b5b5b; margin:16px 8px; line-height:2em;}

/**************************************************************************************************/
/* G14. Content (Homepage / News)
/************************************************************************************************/
.home a:hover               {text-decoration:underline}
.home p                     {line-height:1.7em}
.home .boxbody p            {margin-top:0; margin-bottom:8px;}
.home .boxbody table th     {color:#777; text-align:left}

.home h1, .news h1          {color:#444; font-size:31.4px; margin:0; font-weight:normal}
.home h2, .news h2          {color:#444; font-size:13.4px; margin:0;}
.home h4                    {color:#aaa; font-size:120%; margin:8px 0 16px 0; font-weight:bold; text-align:center;}
h4 p                        {font-size:90%; margin:0}

.welcome                    {float:left;}
.news                       {float:left; clear:both;}
.appnews                    {float:right;}
.graph                      {float:right}
.home .sidebox              {width:35%; padding:16px 4px 4px 16px;}

/*noinspection ALL*/
.home .leftbox              {
                            width:57%;
                            width:expression('98%');    /* IE wants a different percentage than % of parent */
                            font-size:13px; 
                            color:#5b5b5b; 
                            padding:16px 16px 4px 16px; 
                            border-right:1px solid #aaa;
}
/* AZ: add .home .box for users who don't have leftbox on welcome page */
/*noinspection ALL*/
.home .box                  {
                            width:57%;
                            width:expression('98%');    /* IE wants a different percentage than % of parent */
                            font-size:13px; 
                            color:#5b5b5b; 
                            padding:16px 16px 4px 16px; 
}
.home .boxbody              {margin:0; padding:1px 22px 16px;}
.home .news                 {width:100%; margin-top:8px; padding:8px 0 24px 0; border-top:1px solid #aaa; color:#5b5b5b;}
.home .newsitem1, 
.home .newsitem2            {float:left; width:50%;}
.home .newsitem1 div,
.home .newsitem2 div                {overflow: hidden; width: 100%;}
.home .newsitem1 a, 
.home .newsitem2 a,
#content .widebox a         {margin-left:4px;}
.glue a                     {padding-left:12px;}
.newsitem1, 
.newsitem2                  {padding-top:144px;}
.home .newsitem1            {background:url(../images/news_koffiekar.gif) top right no-repeat;}
.home .newsitem2            {background:url(../images/news_potlood.gif) top right no-repeat;}
.home .news p, 
.home .news td              {font-size:12px;}
.home .news p, 
.home .news td,
.home .news h2,
.news a                     {margin:0 4px 2px 16px;}
.home .news a, 
.home .graph a              {display:inline; text-decoration:none; color:#0c2577;}

.graph .boxbody             {height:100%; text-align:center;}
.graph .boxbody a           {display:block;}

.news .boxhead, 
.news .boxbody              {padding:1px 16px; font-size:9pt; color:#5b5b5b; line-height:1.7em}
.news .widebox.news .boxbody        {padding:1px 0px;}
.widebox                    {padding-bottom:16px;}
.widebox a                  {font-size:9pt;}
.widebox .boxhead h1        {font-size:18.4px;margin-top:12px;}
.news table td              {font-size:12px; vertical-align:top; border:0; padding:8px 8px 8px 14px;}
.news em, .appnews em       {font-size:10px;}
.news table h2              {margin-bottom:10px;} 
.news table h2 em           {display:block; color:#777; margin-left:8px; font-weight:normal;} 
.news table h2 a            {display:block;}

.appnews table              {width:96%}
.appnews th                 {font-size:12px; padding-left:6px;}
.newsdatecol                {white-space:nowrap;}
.news a                     {color:#0c2577;}
.news a, .appnews a         {text-align:right; display:inline;}
.news td div a              {text-align:left; display:inline;}
.news td div                {padding-left:6px;}
.news td a, 
.appnews td a               {text-align:left; display:inline; margin-left:2px;}