html,body {text-align:center;font:11px Verdana,Arial,Helvetica,sans-serif; line-height:16px;}
p,td,th {text-align:left;font:11px Verdana,Arial,Helvetica,sans-serif; line-height:16px;}
body {margin:0; background:#fff url(/images/header_background_content.gif) repeat-x}
a,a:link,a:visited {color:#000;border:0;text-decoration:none}
a:hover,a:active {color:#000;border:0;text-decoration:underline}
a.alt,a.alt:link,a.alt:visited {color:#899e00;border:0;text-decoration:none; font-weight:bold}
a.alt:hover,a.alt:active {color:#000;border:0;text-decoration:underline}

form {margin:0}
h1 {font-size:15px; font-family:"Trebuchet MS"; }
h1 span {color:#899e00}
h1 span.date {color:#999; font-size:12px}
h2 {font-size:16px; margin-bottom:2px;}
h3 {font-size:13px; margin:0px;}
h4 {font-size:12px; display:block; margin:18px 0px 2px 0px; background:url(/images/h4.gif) repeat-x; padding: 3px 1px}
h5 {font-size:12px; display:block; margin:18px 0px 2px 0px; background:url(/images/eon_menu_highlight.gif) repeat-x; padding: 3px 1px}
fieldset {border:1px solid #666}
fieldset legend {color:#666;font-weight:bold;padding:0 5px}
fieldset div {padding:10px}
img {border:0}


/* Columns */
#container {width:900px;text-align:left;margin-left:auto;margin-right:auto;}
#header {height:108px;}
#header h1 {display:none}
#header h2 {display:none}
#header #logo {float:left ;margin-left:12px; margin-top:35px;}
#header #tagline {float:right; margin-right: 30px; margin-top:55px;}
#menu{ display:block; height:30px;}
#menu #mm {}
#menu #mm ul { margin:0px; padding:0px; margin-top:6px;list-style:none}
#menu #mm ul li { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-weight:bold ; color:#FFFFFF; font-size:15px; float:left; list-style:none}
#menu #mm ul li a  {font-family:"Trebuchet MS"; font-weight:bold ; color:#FFFFFF}

#menu #mm ul li a , #menu #mm ul li a:link, #menu #mm ul li a:visited {font-family:"Trebuchet MS"; font-weight:bold ; color:#FFFFFF; display:block; padding:1px 5px}
#menu #mm ul li a:hover, #menu #mm ul li a:active {color:#333}
#menu #mm ul li a.active, #menu #mm ul li a.active:link, #menu #mm ul li a.active:visited {background:url(/images/tab_left_search.gif) no-repeat top left; color:#000000 ; padding:0px 0px 0px 8px; }
#menu #mm ul li a.active span {	display: block;	padding:4px 17px 8px 25px; background:url(/images/tab_end_right.gif) no-repeat top right; color:#000000 ;}

#menu #am { float:right;}
#menu #am ul { margin:0px; padding:0px; margin-top:4px;list-style:none}
#menu #am ul.tabbed {margin-top:0px}
#menu #am ul li { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-weight:normal ; color:#FFFFFF; font-size:11px; float:left; list-style:none;}
#menu #am ul li a  {font-family:"Trebuchet MS"; font-weight:normal ; color:#FFFFFF}
#menu #am ul li#link_my_caos { border-right:1px solid #fff; }
#menu #am ul li#link_service { border-left:1px solid #a9bb01; }
#menu #am ul li#link_my_caos { border-right:1px solid #fff;}
#menu #am ul li#link_service_active { background:url(/images/tab_left_services.gif) no-repeat}
#menu #am ul li#link_service_active a {color:#000; padding:0px 0px 0px 14px;}
#menu #am ul li#link_service_active a span {background:url(/images/tab_right_services.gif) no-repeat right top;display: block; padding:6px 14px 4px 0px;}
#menu #am ul li#link_my_caos { border-left:1px solid #a9bb01; }
#menu #am ul li#link_my_caos_inactive { padding:4px 6px; }

#menu #am ul li a , #menu #am ul li a:link, #menu #am ul li a:visited {font-family:"Trebuchet MS"; font-weight:bold ; color:#FFFFFF; display:block; padding:1px 12px 1px 5px; background: url(/images/arrow_down.gif) no-repeat right 7px }
#menu #am ul li a:hover, #menu #am ul li a:active {color:#333}
#menu #am ul li a.active, #menu #am ul li a.active:link, #menu #am ul li a.active:visited {background:url(/images/tab_left_search.gif) no-repeat top left; color:#000000 ; padding:0px 0px 0px 8px; }
#menu #am ul li a.active span {	display: block;	padding:4px 17px 8px 25px; background:url(/images/tab_end_right.gif) no-repeat top right; color:#000000 ;}

#submenu { display:block; height:35px;; margin-top:4px}
#submenu #sm { list-style:none}
#submenu #sm { margin:0px; padding:0px; margin-top:0px;list-style:none}
#submenu #sm li { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-weight:normal ; color:#666; font-size:11px; float:left;}
#submenu #sm li a  {font-family:"Trebuchet MS"; font-weight:bold ; color:#666}

#submenu #sm li a , #submenu #sm li a:link, #submenu #sm li a:visited {font-family:"Trebuchet MS"; font-weight:normal; color:#666; display:block; padding:4px 5px;font-size:12px;}
#submenu #sm li a:hover, #submenu #sm li a:active {color:#333}
#submenu #sm li a.active {background:url(/images/tab_left_search.gif) no-repeat; color:#000000 ; padding:0px 0px 0px 8px; }
#submenu #sm li a.active span {display: block;	padding:0px 0px 16px 16px;  }
#submenu #sm li.li_seperator {border-left:1px solid #fff; border-right:1px solid #ccc; width:1px; display:block;margin:4px 0px}
#submenu #sm li a.voordelen,#submenu #sm li a.voordelen:link, #submenu #sm li a.voordelen:visited { background:url(/images/button_voordelen.gif) no-repeat; padding:6px 12px 4px 24px; margin-left:6px; display:block; font-weight:bold; margin-right:6px;}
#submenu #sm li a.contact,#submenu #sm li a.contact:link, #submenu #sm li a.contact:visited { background:url(/images/button_contact.gif) no-repeat; padding:6px 12px 4px 24px; margin-left:6px; display:block; font-weight:bold; margin-right:6px;}
#submenu #sm li a.abonneren,#submenu #sm li a.abonneren:link, #submenu #sm li a.abonneren:visited { background:url(/images/button_abonneren.gif) no-repeat; padding:6px 12px 4px 20px; margin-left:6px; display:block; font-weight:bold; margin-right:6px;}
#submenu #sm li a.glossary,#submenu #sm li a.glossary:link, #submenu #sm li a.glossary:visited { background: url(/images/button_faq.gif) no-repeat; padding:6px 12px 4px 18px; margin-left:5px; display:block; font-weight:bold; margin-right:6px;}
#submenu #sm li a.faq,#submenu #sm li a.faq:link, #submenu #sm li a.faq:visited { background: url(/images/button_faq.gif) no-repeat; padding:6px 12px 4px 18px; margin-left:5px; display:block; font-weight:bold; margin-right:6px;}
#submenu #sm li a.quicktour,#submenu #sm li a.quicktour:link, #submenu #sm li a.quicktour:visited { background: url(/images/button_quicktour.gif) no-repeat; padding:6px 12px 4px 24px; margin-left:5px; display:block; font-weight:bold; margin-right:6px;}
#submenu #sm li a.demo,#submenu #sm li a.demo:link, #submenu #sm li a.demo:visited { background: url(/images/button_menudemo.gif) no-repeat; padding:6px 12px 4px 24px; margin-left:5px; display:block; font-weight:bold; margin-right:6px;}
#submenu #sm li a.adressen,#submenu #sm li a.adressen:link, #submenu #sm li a.adressen:visited { background: url(/images/button_adressen.gif) no-repeat; padding:6px 12px 4px 28px; margin-left:5px; display:block; font-weight:bold; margin-right:6px;}

#login {float:right; padding:6px; color: #fff}
#content { clear: left; float:left; width:510px;}
#sidebar { float:left; margin-left:10px;width:380px; }
#footer { text-align:center; color:#666; margin-bottom:10px; height:60px; display:block; clear:both; margin-top:40px;}

#content ul		{ margin:0px; padding:0px; list-style:none}
#content ul li 	{ margin:0px; padding:0px; background:url(/images/li.gif) no-repeat 3px 3px; padding-left:15px;list-style:none}

#btnLogin { background:url(/images/button_std_green.gif) no-repeat; border:none; font-family:"Trebuchet MS"; width:104px; height:25px; font-weight:bold; line-height: normal;}

/* Other */
div.row { display:block; clear:both;padding:2px;}
div.odd { background-color:#EFEFEF}
div.row label { width:166px;  float:left; position: relative; color:#333;height:20px;; display:block}

div.info { display:block; clear:both;}
div.info label { width:68px; float:left; position: relative; }

#extradocs_span {color:#899e00; font-weight:bold; cursor: pointer;}
#extradocs {}
#extradocs_full {display:none}

/* Boxje */

.box { width:503px; margin-top:5px; margin-bottom:10px;}

.box .box_content {border: 1px solid #cacaca; border-top:0px; border-bottom:0px; padding:10px 16px;}
.box .box_content h5 {margin-top:0px; color:#666; font-size:12px}
.box .box_content h6 {margin-top:0px; color:black; font-size:12px}
.box .box_footer { background:url(/images/box_grey_lb.gif) no-repeat left bottom; height:6px;}
.box .box_footer div { background:url(/images/box_grey_rb.gif) no-repeat right bottom; height:6px;}
.box .box_header { background:url(/images/box_grey_lt.gif) no-repeat left top; height:6px;}
.box .box_header div { background:url(/images/box_grey_rt.gif) no-repeat right top; height:6px;}
#greenbox { height: 85px; display:block; background: url(/images/greenbox.gif) no-repeat; padding:10px 18px;}

.box_login { background:url(/images/box_login_bottom.gif) no-repeat bottom left; padding: 0px 0px 6px 0px;margin-top:5px}
.box_login div.box_login_content { padding:0px 12px}
.box_login div.box_login_header { background:url(/images/box_login_top.gif) no-repeat top left; padding-top:6px; display:block}
.box_login_help {padding:6px 0px;margin-top:5px}

.box_abonnement_single, .box_abonnement_multiple { width:285px; height:100px; padding:14px 15px 14px 70px; background:url(/images/box_abonneren_single.gif) no-repeat; overflow:hidden; }
.box_abonnement_single h3, .box_abonnement_multiple h3 { margin-bottom:0px}
.box_abonnement_single p, .box_abonnement_multiple p {margin-top:6px}
.box_abonnement_multiple {background:url(/images/box_abonneren_mulitple.gif) no-repeat;}

.big { font-size:15px; font-weight:bold}

/* Glossary */

#content ul#glossary-list { height: 24px; margin:0px; padding:0px; list-style:none}
#content ul#glossary-list li { margin:0px; padding:0px; list-style:none; float:left; background: none;}
#content ul#glossary-list li a { display:block; text-align:center; width:18px; border-right:1px solid #666; color:#666; padding:1px 0px}
#content ul#glossary-list li a:hover {background: url(/images/glossary-item-hover.gif) no-repeat; border-right:1px solid #fff; color:#000; font-weight:bold; padding-bottom:6px; text-decoration:none }
#content ul#glossary-list li.selected a { background: url(/images/glossary-item-selected.gif) no-repeat; border:0px; color:#FFFFFF; font-weight:bold; padding-bottom:6px }
#content ul#glossary-list li.selected a { background: url(/images/glossary-item-selected.gif) no-repeat; border:0px; color:#FFFFFF; font-weight:bold; padding-bottom:6px }
#content ul#glossary-list li.last a, #glossary-list li.previous-selected a { border-right:1px solid #fff;}

.glossary-term { width:600px; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px}
.glossary-term h3 { margin-bottom:3px}