/* CONTAINER.CSS - XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* LEGEND START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*
CONTAINER.CSS initializes and defines all basic containers and elements - where needed with sets of classes and id's
AUTHOR/E-MAIL: stephan s. kurz [stephan.kurz@weka.de], 2009-03-09
LAST CHANGE AUTHOR: stephan s. kurz [stephan.kurz@weka.de], 2009-03-09
LAST CHANGE ITEM: line nr. 6, line nr. 7
elements, classes and id's are tested on all relevant browsers and provide validated code only - browser-specific code is not allowed !
names of classes and id's only contain lowercase letters and '-' [hyphen] as seperator. '_' [underline] is not allowed !
conditional [browserspecific] css or css-hacks are not allowed !
when all development works are finished, optimize the codes style of writing [summarize, remove comments] and adapt it to your style !
*/
/* LEGEND END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* INITIALISING [RESET] OF ALL BASIC ELEMENTS START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
body
{
background-color:#e6e7e6;
background-image:url(../slices/body_head_area_02.png);
background-repeat:repeat-x;
background-position:10px 0px;
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:11px;
line-height:16px;
color:#ffffff;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
text-align:left;
vertical-align:top;
}
div,table,tr,td,th,h1,h2,h3,h4,h5,h6,p,pre,ul,ol,form,input,select,img
{
text-align:left;
background:transparent;
}
table
{
border-collapse:collapse;
vertical-align:top;
}
table.separate-columns
{
border-collapse:separate;
border-spacing:1px;
vertical-align:top;
}
td.bottom,th.bottom
{
vertical-align:bottom;
}
td.top,th.top
{
vertical-align:top;
}
hr
{
margin-top:0px;
margin-bottom:0px;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#cccccc;
background:#ffffff;
height:2px;
}
h1
{
padding-left:12px;
font-size:15px;
line-height:36px;
/*color:#e11919;*/
color:#1b4792;
}
h2
{
font-size:13px;
line-height:17px;
/*color:#e11919;*/
color:#1b4792;
}
p
{
margin-top:8px;
font-size:13px;
color:#000000;
}
a,
a:hover
{
text-decoration:none;
}
/* INITIALISING [RESET OF] ELEMENTS END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* BASIC ALIGNMENT OF THE PAGE-CONTAINER [CENTER] START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#page-center
{
}
/* BASIC ALIGNMENT OF THE PAGE-CONTAINER [CENTER] END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* PAGE-AREA START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#page-area
{
}
/* PAGE-AREA END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* HEAD-AREA START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#head-area
{
}
/* TOP-BAR START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#top-bar
{
/*
background-image:url(../slices/top_bar_container_01.png);
background-repeat:repeat-x;
background-position:0px 0px;
*/
}
#top-bar-container div
{
margin-left:20px;
font-size:14px;
line-height:39px;
}
/* TOP-BAR-CONTAINER END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* META-NAVIGATION-CONTAINER START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#meta-navigation-container
{
}
#meta-navigation-container .top-bar-login
{
margin-left:10px;
margin-top:9px;
margin-right:0px;
padding: 0px 15px 0px 0px;
float:right;
clear:right;
}
.login
{
width:125px;
height:16px;
margin-right:12px;
padding-top:2px;
padding-left:4px;
background:#ffffff;
border-style:solid;
border-width:1px;
border-color:#bbbbbb;
font-size:10px;
line-height:11px;
color:#6d747d;
}
.password
{
width:95px;
height:16px;
margin-right:12px;
padding-top:2px;
padding-left:4px;
background:#ffffff;
border-style:solid;
border-width:1px;
border-color:#bbbbbb;
font-size:10px;
line-height:11px;
color:#6d747d;
}
#meta-navigation-container .portletContainer div
{
float:right;
font-size:11px;
line-height:39px;
}
/* META-NAVIGATION-CONTAINER END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* TOP-NAVIGATION-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#top-navigation-area
{
}
/* LOGO-CONTAINER START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#logo-container
{
}
#logo-container div.logo-container
{
margin-top:9px;
margin-left:20px;
}
#logo-container div.subtitle
{
margin-top:17px;
margin-left:15px;
font-size:13px;
line-height:24px;
}
#logo-container img.logo-image
{
width: 220px;
height: 69px;
}
/* LOGO-CONTAINER END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* TOP-NAVIGATION-CONTAINER START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#top-navigation-container
{
}
/* TOP-NAVIGATION START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#top-navigation
{
font-family:arial,helvetica,sans-serif;
font-size:13px;
line-height:39px;
text-transform:uppercase;
color:#ffffff;
margin-left:11px;
margin-top:6px;
/*
background-image:url(../elements/top_navigation_02.png);
background-position:350px 0px;
background-repeat:no-repeat;
*/
}
#top-navigation div ul
{
margin-top:6px;
margin-right:15px;
margin-bottom:0px;
margin-left:8px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
#top-navigation div ul li
{
height:39px; /* ACHTUNG ! GEGENCHECKEN ! ANGABE NOTWENDIG FÜR LEERCONTAINERDARSTELLUNG, ABER KILLER FÜR IE6 ! */
list-style:none;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
float:left;
}
#top-navigation a
{
display:block;
color:white;
font-weight:bold;
text-decoration:none;
}
#top-navigation .menu-item-first-left-inactive
{
width:6px;
/*
background-image:url(../slices/top_inactive_left_02.png);
background-position:top left;
background-repeat:repeat-x;
*/
float:left;
}
#top-navigation .menu-item-left-inactive
{
width:5px;
/*
background-image:url(../slices/top_inactive_left_01.png);
background-position:top left;
background-repeat:repeat-x;
*/
float:left;
}
#top-navigation .menu-item-centre-inactive
{
/*
background-image:url(../slices/top_inactive_centre_01.png);
background-repeat:repeat-x;
background-position:0px 0px;
*/
float:left;
margin-left:-1px;
padding-left:6px;
padding-right:8px
}
#top-navigation .menu-item-centre-inactive a
{
color:black;
}
#top-navigation .menu-item-right-inactive
{
width:5px;
/*
background-image:url(../slices/top_inactive_right_01.png);
background-position:top left;
background-repeat:repeat-x;
*/
float:left;
font-size:10px;
}
#top-navigation .menu-item-last-right-inactive
{
width:6px;
/*
background-image:url(../slices/top_inactive_right_02.png);
background-position:top left;
background-repeat:repeat-x;
*/
float:left;
}

#top-navigation .menu-item-first-left-active
{
width:6px;
background-image:url(../slices/top_active_left_03.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
}
#top-navigation .menu-item-left-active
{
width:5px;
background-image:url(../slices/top_active_centre_03.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
}
#top-navigation .menu-item-centre-active
{
background-image:url(../slices/top_active_centre_03.png);
background-repeat:repeat-x;
background-position:0px 0px;
float:left;
margin-left:-1px;
padding-left:6px;
padding-right:8px
}
#top-navigation .menu-item-right-active
{
width:5px;
background-image:url(../slices/top_active_right_05.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
font-size:10px;
}
#top-navigation .menu-item-last-right-active
{
width:6px;
background-image:url(../slices/top_active_right_05.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
}

#top-navigation .menu-item-first-left-activated
{
width:6px;
background-image:url(../slices/top_activated_left_02.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
}
#top-navigation .menu-item-left-activated
{
width:5px;
background-image:url(../slices/top_activated_left_01.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
}
#top-navigation .menu-item-centre-activated
{
background-image:url(../slices/top_activated_centre_01.png);
background-repeat:repeat-x;
background-position:0px 0px;
float:left;
margin-left:-1px;
padding-left:6px;
padding-right:8px
}
#top-navigation .menu-item-right-activated
{
width:5px;
background-image:url(../slices/top_activated_right_01.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
font-size:10px;
}
#top-navigation .menu-item-last-right-activated
{
width:6px;
background-image:url(../slices/top_activated_right_01.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
}
#sub-navigation .menu-item-submenu-inactive
{
width:25px;
background-image:url(../slices/sub_dropdown_01.png);
background-position:top left;
background-repeat:no-repeat;
float:left;
}
#sub-navigation .menu-item-submenu-active
{
width:25px;
background-image:url(../slices/sub_dropdown_02.png);
background-position:top left;
background-repeat:no-repeat;
float:left;
}
#sub-navigation .menu-item-submenu-activated
{
width:25px;
background-image:url(../slices/sub_dropdown_01.png);
background-position:top left;
background-repeat:no-repeat;
float:left;
}

#sub-navigation .menu-item-rollout
{
min-width:159px;
position:absolute;
top:238px;
display:none;
visibility:hidden;
z-index:5;
background-image:url(../slices/sub_menu_bg_01.png);
background-position:top right;
background-repeat:repeat-y;
background-color:#21397b;
font-family:arial,helvetica,sans-serif;
font-size:11px;
line-height:24px;
color:white;
text-transform:none;
clear: left;
padding-right:15px;
margin-left:-5px;
}
#sub-navigation .menu-item-rollout a
{
color:#ffffff;
position: relative;
}
#sub-navigation .menu-item-rollout a:hover
{
color:#ffffff;
text-decoration:underline;
}

#sub-navigation .menu-item-rollout-bottom
{
width:100%;
height:2px;
background-image:url(../slices/sub_menu_bg_02.png);
background-position:top left;
background-repeat:repeat-x;
padding-right: 15px;
}
#sub-navigation .menu-item-rollout .selected-submenuitem
{
font-style:italic;
}

/* TOP-NAVIGATION END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* TOP-BANNER START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#top-banner
{
}
/* TOP-BANNER END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* TOP-NAVIGATION-CONTAINER END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* TOP-NAVIGATION-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SUB-NAVIGATION-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| background-color:#ffff00;*/
#sub-navigation-area
{
background-image:url(../elements/sub_navigation_area_01.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
/*  SUB-NAVIGATION-CONTAINER START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#sub-navigation-container
{
/*
background-image:url(../elements/sub_navigation_container_01.gif);
background-position:0px 0px;
background-repeat:no-repeat;
*/
}
/* SUB-NAVIGATION START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#sub-navigation
{
font-family:arial,helvetica,sans-serif;
font-size:11px;
line-height:30px;
color:#ffffff;
text-transform: uppercase;
}
#sub-navigation ul
{
height:30px;
margin-left:24px;
padding-left:0px;
list-style:none;
/*
background-image:url(../slices/sub_navigation_container_01.png);
background-repeat:repeat-x;
background-position:0px 0px;
*/
}
#sub-navigation ul li
{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:1px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
float:left;
}
#sub-navigation a
{
display:block;
color:#BAD1EA;
font-weight:bold;
text-decoration:none;
}
#sub-navigation a:hover
{
color:white;
}

#sub-navigation .menu-item-first-left-inactive
{
width:3px;
/*
background-image:url(../slices/sub_inactive_left_01.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}
#sub-navigation .menu-item-left-inactive
{
width:3px;
/*
background-image:url(../slices/sub_inactive_left_02.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}
#sub-navigation .menu-item-centre-inactive
{
/*
background-image:url(../slices/sub_inactive_centre_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
*/
float:left;
padding-left:6px;
padding-right:6px
}
#sub-navigation .menu-item-right-inactive
{
width:3px;
/*
background-image:url(../slices/sub_inactive_right_01.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}
#sub-navigation .menu-item-last-right-inactive
{
width:3px;
/*
background-image:url(../slices/sub_inactive_right_01.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}

#sub-navigation .menu-item-first-left-active
{
width:7px;
margin-left:-5px;
/*
background-image:url(../slices/sub_active_left_02.png);
*/
background-image:url(../slices/sub_active_centre_01.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
font-size:1px;
}
#sub-navigation .menu-item-left-active
{
width:3px;
/*
background-image:url(../slices/sub_active_left_01.png);
*/
background-image:url(../slices/sub_active_centre_01.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
font-size:1px;
}
#sub-navigation .menu-item-centre-active
{
background-image:url(../slices/sub_active_centre_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
float:left;
padding-left:6px;
padding-right:6px
}
#sub-navigation .menu-item-centre-active a
{
color:white;
}
#sub-navigation .menu-item-right-active
{
width:3px;
/*
background-image:url(../slices/sub_active_right_01.png);
*/
background-image:url(../slices/sub_active_centre_01.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
font-size:1px;
}
#sub-navigation .menu-item-last-right-active
{
width:3px;
/*
background-image:url(../slices/sub_active_right_01.png);
*/
background-image:url(../slices/sub_active_centre_01.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
font-size:1px;
}

#sub-navigation .menu-item-first-left-activated
{
width:3px;
/*
background-image:url(../slices/sub_activated_left_02.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}
#sub-navigation .menu-item-left-activated
{
width:3px;
/*
background-image:url(../slices/sub_activated_left_01.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}
#sub-navigation .menu-item-centre-activated
{
/*
background-image:url(../slices/sub_activated_centre_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
*/
float:left;
padding-left:6px;
padding-right:6px
}
#sub-navigation .menu-item-right-activated
{
width:3px;
/*
background-image:url(../slices/sub_activated_right_01.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}
#sub-navigation .menu-item-last-right-activated
{
width:3px;
/*
background-image:url(../slices/sub_activated_right_01.png);
background-position:top left;
background-repeat:no-repeat;
*/
float:left;
font-size:1px;
}

/* SUB-NAVIGATION END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* BREADCRUMB-CONTAINER START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#breadcrumb-container
{
background:#ffffff;
}
/* BREADCRUMB-CONTAINER END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SUB-NAVIGATION-CONTAINER END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SEARCH-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#search-area
{
/*background-image:url(../elements/searchbar_01.png);*/
background-position:0px 10px;
background-repeat:no-repeat;
}
/* SEARCH-CONTAINER START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#search-container
{
}
#search-container table
{
margin-top:21px;
margin-left:10px;
font-size:12px;
line-height:21px;
color:#ffffff;
}
.search
{
width:225px;
height:16px;
padding-top:2px;
padding-left:4px;
background:#ffffff;
background-image:url(../slices/search_field_01.png);
background-repeat:repeat-x;
background-position:0px 0px;
border-style:solid;
border-width:1px;
border-color:#bbbbbb;
font-size:10px;
line-height:11px;
color:#6d747d;
}
/* SEARCH-CONTAINER END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* EXTENDED-SEARCH START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#extended-search
{
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:11px;
line-height:16px;
color:#ff0000;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
}
/* EXTENDED-SEARCH END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SEARCH-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SUB-NAVIGATION-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* HEAD-AREA END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* OUTPUT-AREA START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#output-area
{
background-image:url(../slices/shadow_01.png);
background-position:top center;
background-repeat:repeat-y;
}
/* OUTPUT-AREA END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* OUTPUT-CONTAINER START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#output-container
{
/*background: #fff url('../slices/bgr.gif') repeat-y;*/
}
/* OUTPUT-CONTAINER END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* CONTENT-AREA START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content-area
{
margin-top:-1px;
background:#ffffff;
color:#000000;
}
#content-area .internal-container,#content-area .zoekresultaten-container
{
width:570px;
height:auto;
margin-left:20px;
clear:both;
}
#content-area .zoekresultaten-container
{
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#d6d6d6;
line-height:18px;
}
#content-area .internal-container h1.headlined
{
padding-left:12px;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#d6d6d6;
font-size:15px;
line-height:32px;
/*color:#e11919;*/
color:#1b4792;
}
h1.headlined a
{
/*color:#e11919;*/
color:#1b4792;
}
#content-area .internal-container .list-items
{
background-image:url(../elements/list_item_inactive_02.png);
background-position:0px bottom;
background-repeat:no-repeat;
clear:left;
}
#content-area .internal-container .list-items:hover
{
background-image:url(../elements/list_item_active_02.png);
background-position:0px bottom;
background-repeat:no-repeat;
background-color:#f7f7f7;
}
#content-area .internal-container table.list-item
{
height:23px;
margin-top:0px;
margin-left:10px;
}
#content-area .internal-container table.list-item th
{
font-size:12px;
line-height:21px;
vertical-align:bottom;
}
#content-area .internal-container table.list-item td
{
padding-right:6px;
font-size:11px;
line-height:21px;
font-style:italic;
color:#4d4d4d;
text-align:right;
vertical-align:bottom;
}
#content-area .thema_sub_and_primary ul
{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
#content-area .thema_sub_and_primary li
{
margin-left:30px;
}
#register
{
width:570px;
height:auto;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:20px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-style:none;
border-width:0px;
border-color:#ffffff;
vertical-align:top;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#d6d6d6;
/*color:#e11919;*/
color:#1b4792;
}
#register #register-active-01 /* prepared/only needed for register-hover-effects as standard in of2template */
{
height:30px;
color:#000000;
}
#register #register-active-01 .register-active-top
{
width:122px;
height:6px;
background-image:url(../slices/register_active_top_01.png);
background-position:top left;
background-repeat:no-repeat;
}
#register #register-active-01 .register-active-bottom
{
width:122px;
height:24px;
background-image:url(../slices/register_active_bottom_01.png);
background-repeat:repeat-y;
background-position:0px 0px;
font-weight:bold;
font-size:11px;
line-height:21px;
text-align:center;
}
#register #register-inactive-01 /* prepared/only needed for register-hover-effects as standard in of2template */
{
height:30px;
color:#000000;
}
#register #register-inactive-01 .register-inactive-top
{
width:119px;
height:6px;
background-image:url(../slices/register_inactive_top_01.png);
background-position:top left;
background-repeat:no-repeat;
}
#register #register-inactive-01 .register-inactive-bottom
{
width:119px;
height:24px;
background-image:url(../slices/register_inactive_bottom_01.png);
background-repeat:repeat-y;
background-position:0px 0px;
font-weight:bold;
font-size:11px;
line-height:21px;
text-align:center;
}
#content-area .nieuws-red, #content-area .nieuws-red a
{
font-size:21px;
line-height:42px;
/*color:#e11919;*/
color:#1b4792;
text-transform:uppercase;
}
#content-area .nieuws-red
{
padding-left:12px;
}
.content-container
{
width:555px;
margin-left:32px;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:13px;
line-height:18px;
}
.content-container h2
{
font-size:15px;
color:#000000;
}
.content-container h3
{
margin-top:12px;
font-size:14px;
color:#000000;
}
.internal-container h5
{
margin-left:10px;
font-size:13px;
color:#000000;
}
.internal-container h3,.zoekresultaten-container h3
{
margin-top:32px;
font-size:13px;
color:#000000;
}
.internal-container h4,.zoekresultaten-container h4
{
margin-top:12px;
margin-left:12px;
font-size:13px;
/*color:#000000;*/
}
.internal-container h1 .normal-right
{
font-size:11px;
}
.zoekresultaten-container .vignette
{
font-size:11px;
}
.opzeggen-button
{
background-image:url(../elements/opzeggen_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.opzeggen-button:hover
{
background-image:url(../elements/opzeggen_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.verstuur-button
{
background-image:url(../elements/verstuur_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.verstuur-button:hover
{
background-image:url(../elements/verstuur_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.order-button
{
background-image:url(../elements/bestellen_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.order-button:hover
{
background-image:url(../elements/bestellen_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.registreer-hier
{
background-image:url(../elements/registreer_hier_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.registreer-hier:hover
{
background-image:url(../elements/registreer_hier_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.login-button
{
background-image:url(../elements/login_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.login-button:hover
{
background-image:url(../elements/login_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.save-button
{
background-image:url(../elements/opslaan_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.save-button:hover
{
background-image:url(../elements/opslaan_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.edit-button
{
background-image:url(../elements/bewerken_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.edit-button:hover
{
background-image:url(../elements/bewerken_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.unregister-button
{
background-image:url(../elements/afmelden_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.unregister-button:hover
{
background-image:url(../elements/afmelden_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.alle-artikelen-button
{
background-image:url(../elements/alle_artikelen_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.alle-artikelen-button:hover
{
background-image:url(../elements/alle_artikelen_05.png);
}
.close-button
{
background-image:url(../elements/sluiten_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.close-button:hover
{
background-image:url(../elements/sluiten_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.send-comment-button
{
background-image:url(../elements/reageer_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.send-comment-button:hover
{
background-image:url(../elements/reageer_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.sendemail-button
{
background-image:url(../elements/nieuws_emailen_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.sendemail-button:hover
{
background-image:url(../elements/nieuws_emailen_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.back-button
{
background-image:url(../elements/terug_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.back-button:hover
{
background-image:url(../elements/terug_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.publish-button
{
background-image:url(../elements/aktivieren_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.publish-button:hover
{
background-image:url(../elements/aktivieren_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.unpublish-button
{
background-image:url(../elements/deactiveren_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.unpublish-button:hover
{
background-image:url(../elements/deactiveren_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.email-button
{
background-image:url(../elements/email_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.email-button:hover
{
background-image:url(../elements/email_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.delete-button
{
background-image:url(../elements/delete_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.delete-button:hover
{
background-image:url(../elements/delete_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.upload-button
{
background-image:url(../elements/upload_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.upload-button:hover
{
background-image:url(../elements/upload_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.add-article-button
{
background-image:url(../elements/add_article_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.add-article-button:hover
{
background-image:url(../elements/add_article_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

.inloggen
{
background-image:url(../elements/inloggen_04.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.inloggen:hover
{
background-image:url(../elements/inloggen_05.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

.login-subscribe-container
{
border: solid 1px #c0c0c0;
margin-left: 30px;
margin-right: 20px;
font-size: 11px;
color: black;
background-color: #F0F0F0;
}
.login-subscribe-container p
{
font-size: 11px;
margin-bottom: 4px;
margin-top: 4px;
}
.login-subscribe-container h1
{
padding-top: 4px;
line-height: 24px;
font-size: 17px;
color: #1B4792;
}
.login-subscribe-container h2
{
line-height: 24px;
font-size: 11px;
font-weight: bold;
color: black;
}
.login-subscribe-container-head
{
width: auto;
height: 34px;
background-color: #FFFFFF;
}
.login-subscribe-container-body
{
width: auto;
background-image: url(../slices/login_container_inside_02.png);
background-repeat: repeat-x;
background-position: 0px 0px;
/* height: 210px; */
}
.login-subscribe-container-body a
{
color: #214d98;
}
.login-subscribe-container-body ul
{
padding-left: 15px;
margin-left: 21px;
}
.login-subscribe-container-body li
{
padding-left: 12px;
margin-left: 0px;
}
.login-subscribe-container-foot
{
clear: both;
width: auto;
height: 24px;
text-align: center;
font-size: 9px;
padding-top: 8px;
}
.login-subscribe-body-left
{
padding-left: 24px;
padding-right: 3px;
float: left;
width: 252px;
height: 183px;
position: relative;
}
.login-subscribe-body-middle
{
padding-top: 16px;
margin: 0px;
float: left;
height: 167px;
width: 2px;
}
.login-subscribe-body-right
{
padding-left: 15px;
padding-right: 12px;
float: left;
height: 183px;
width: 245px;
position: relative;
}
.login-subscribe-container .input-container-standard
{
width: 208px;
border-color: #909090;
font-size: 11px;
line-height: 18px;
color: #727477;
padding-top: 2px;
margin-top: 6px;
}
.login-subscribe-container-button
{
position: absolute;
bottom: 6px;
}
.login-subscribe-container-forgotpassword
{
position: absolute;
left: 165px;
bottom: 7px;
font-size: 9px;
}

.login-container-head, .lead-container-head
{
background-position:0px 0px;
background-repeat:no-repeat;
overflow:visible;
margin:0px;
}
.login-container-head
{
width:578px;
height:34px;
background-image:url(../slices/login_container_head_01.png);
}
.lead-container-head
{
width:561px;
height:34px;
background-image:url(../slices/lead_container_head_01.png);
}
.login-container-head h1, .lead-container-head h1
{
padding-top:8px;
line-height:24px;
}
.login-container-left, .lead-container-left
{
width:5px;
height:100%;
background-image:url(../slices/login_container_left_01.png);
background-repeat:repeat-y;
background-position:0px 0px;
}
.container-inside
{
width:568px;
background:#f2f2f2;
}
.lead-container-body
{
width:560px;
}
.lead-container-inside
{
width:550px;
background:#f2f2f2;
}
.container-inside p, .container-inside table,
.lead-container-inside p, .lead-container-inside table
{
margin-top:12px;
margin-right:8px;
margin-bottom:12px;
margin-left:8px;
font-size:12px;
}
.login-container-right, .lead-container-right
{
width:5px;
height:100%;
background-image:url(../slices/login_container_right_01.png);
background-repeat:repeat-y;
background-position:0px 0px;
}
.login-container-bottom, .lead-container-bottom
{
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
}
.login-container-bottom
{
width:578px;
height:8px;
background-image:url(../slices/login_container_bottom_01.png);
}
.lead-container-bottom
{
width:561px;
height:8px;
background-image:url(../slices/lead_container_bottom_01.png);
}
.input-container-standard,
.input-container-standard-error
{
width:350px;
height:19px;
padding-left:6px;
border-style:solid;
border-width:1px;
background:#ffffff;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
}
.input-container-standard[readonly]
{
border-color:#ededed;
color:#888888;
}
.input-container-standard,
.input-container-short
{
border-color:#cbcbcb;
font-weight:normal;
}
.input-container-standard-error,
.input-container-short-error
{
border-color:#af0623;
font-weight:bold;
}

.forms
{
margin-top:12px;
border-collapse:separate;
border-spacing:1px;
vertical-align:top;
}
.forms td,.forms th
{
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-weight:normal;
font-size:12px;
vertical-align:middle;
}
.forms td .input-container-standard,.forms th .input-container-standard,
.forms td .input-container-standard-error, .forms th .input-container-standard-error
{
margin-top:2px;
margin-bottom:2px;
}
.forms td h3,.forms th h3
{
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-size:13px;
vertical-align:middle;
}

.forms td.layer-grey,.forms th.layer-grey
.forms td.layer-grey-error,.forms th.layer-grey-error
{
padding-left:12px;
vertical-align:middle;
}

.input-container-short,
.input-container-short-error
{
width:175px;
height:19px;
margin-right:10px;
padding-left:6px;
border-style:solid;
border-width:1px;
background:#ffffff;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-size:11px;
line-height:18px;
color:#727477;
}
.input-container-long
{
width:543px;
height:19px;
padding-left:6px;
border-style:solid;
border-width:1px;
border-color:#cccccc;
background:#ffffff;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-weight:normal;
font-size:11px;
line-height:18px;
color:#727477;
}
.left .input-container-short,.centred .input-container-short
{
margin-top:3px;
margin-left:-7px;
}
.output-container-standard
{
width:358px;
height:21px;
padding-left:6px;
border-style:solid;
border-width:1px;
border-color:#cccccc;
background:#ffffff;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-weight:normal;
}
.textarea-standard,
.textarea-350,
.textarea-short
{
width:543px;
height:125px;
padding-left:6px;
border-style:solid;
border-width:1px;
border-color:#cccccc;
background:#ffffff;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-weight:normal;
font-size:11px;
line-height:18px;
color:#727477;
}
.textarea-short
{
width:175px;
}
.textarea-350
{
width:350px;
}
.upload-area
{
width:560px;
height:21px;
border-style:solid;
border-width:1px;
border-color:#7f9db9;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-style:normal;
font-size:11px;
color:#727477;
text-transform:uppercase;
}
.reageer
{
background-image:url(../elements/reageer_01.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.reageer:hover
{
background-image:url(../elements/reageer_02.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.internal-container .open-cage-dashed
{
padding-top:4px;
padding-bottom:4px;
border-top-style:dashed;
border-top-width:1px;
border-top-color:#444444;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#444444;
font-size:12px;
}
.open-cage
{
border-top-style:solid;
border-top-width:1px;
border-top-color:#cccccc;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#cccccc;
font-size:11px;
line-height:21px;
}
.open-cage .link-black img
{
vertical-align: text-top; /* was baseline, CR SEARCH 3.1.e: not enough space when print icon is put there */
}
select.short, select.very-short
{
width:150px;
height:auto;
background:#ffffff;
border-style:solid;
border-width:1px;
border-color:#7f9db9;
font-size:9px;
line-height:9px;
color:#727477;
}
select.very-short
{
width:75px;
}
/* CONTENT-AREA END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* SIDEBAR-AREA START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#sidebar-area
{
background:#dedfde;
color:#000000;
}
.sidebar-container-neutral
{
width:335px;
height:auto;
margin-left:10px;
/*margin-top:5px;*/
}
.sidebar-container
{
width:335px;
height:auto;
margin-left:10px;
background:#dedfde;
}
.sidebar-container-neutral .list-item
{
min-height:23px;
padding-left:10px;
font-weight:bold;
font-size:12px;
line-height:23px;
color:#4d4d4d;
background-image:url(../elements/list_item_grey_inactive_03.png);
background-position:0px bottom;
background-repeat:no-repeat;
clear:left;
}
.sidebar-container-neutral .list-item:hover
{
min-height:23px;
padding-left:10px;
font-weight:bold;
font-size:12px;
line-height:23px;
color:#4d4d4d;
background-image:url(../elements/list_item_grey_active_03.png);
background-position:0px bottom;
background-repeat:no-repeat;
background-color:#ebebeb;
}
.sidebar-container-neutral .list-item-down,.sidebar-container-neutral .list-item-down-active:hover
{
min-height:23px;
padding-left:10px;
font-weight:bold;
font-size:12px;
line-height:23px;
color:#4d4d4d;
background-image:url(../elements/list_item_grey_inactive_04.png);
background-position:0px bottom;
background-repeat:no-repeat;
}
.sidebar-container-neutral .list-item-down:hover,.sidebar-container-neutral .list-item-down-active
{
min-height:23px;
padding-left:10px;
font-weight:bold;
font-size:12px;
line-height:23px;
color:#4d4d4d;
background-image:url(../elements/list_item_grey_active_04.png);
background-position:0px bottom;
background-repeat:no-repeat;
background-color:#ebebeb;
}
#sidebar-area .internal-container
{
width:335px;
height:auto;
margin-top:10px;
margin-left:10px;
}
#sidebar-area h1.headlined,
#sidebar-area h1.headlined-no-line
{
padding-left:12px;
font-size:15px;
line-height:32px;
/*color:#e11919;*/
color:#1b4792;
}
#sidebar-area h1.headlined
{
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#ffffff;
}
#sidebar-area .thema-container
{
width:344px;
margin-top:20px;
margin-left:5px;
/*
background-image:url(../elements/thema_container_01.png);
background-position:top center;
background-repeat:no-repeat;
*/
}
#sidebar-area .thema-container table.thema-overview
{
padding:0px;
width:343px;
}
#sidebar-area .thema-container table.thema-list
{
padding:0px;
width:331px;
}
#sidebar-area .thema-container .thema-overview-top
{
background-image:url(../elements/thema_container_header_01.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;
height:36px;
}
#sidebar-area .thema-container .thema-overview-left-border
{
background-image:url(../elements/thema_container_left_border.png);
background-repeat:repeat-y;
width:5px;
}
#sidebar-area .thema-container .thema-overview-right-border
{
background-image:url(../elements/thema_container_right_border.png);
background-repeat:repeat-y;
width:7px;
}
#sidebar-area .thema-container tr.thema-content
{
height:115px;
}
#sidebar-area .thema-container .thema-overview-inner
{
background-color:white;
background-image:url(../elements/thema_container_inner.png);
background-repeat:no-repeat;
background-position:bottom; 
width:331px;
padding: 12px 0px 12px 0px;
}
#sidebar-area .thema-container .thema-overview-bottom
{
background-image:url(../elements/thema_container_footer_01.png);
background-repeat:no-repeat;
height:13px;
}
#sidebar-area .thema-container table th
{
font-size:15px;
/*color:#e11919;*/
color:#1b4792;
padding:0px;
margin:0px;
}
#sidebar-area .thema-container table td
{
margin-left:15px;
font-size:12px;
line-height:21px;
/*color:#e11919;*/
color:#1b4792;
}
.thema-container ul
{
margin: 0px 5px 0px 20px;
padding:0px;
}
.thema-container li
{
margin-left:12px;
padding:0px;
}
#sidebar-area .open-cage
{
width:335px;
height:auto;
margin-top:12px;
margin-left:10px;
background-image:url(../slices/open_cage_01.png);
background-repeat:repeat-y;
background-position:0px 0px;
border-top-style:solid;
border-top-width:2px;
border-top-color:#ffffff;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#ffffff;
}
#sidebar-area .open-cage table
{
width:335px;
margin-top:0px;
margin-bottom:0px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#dedfde;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#ffffff;
}
#sidebar-area .open-cage table td
{
padding-left:5px;
color:#000000;
}
#sidebar-area .open-cage table td .link-black-fat
{
font-size:12px;
color:#000000;
}
#sidebar-area .hr-shop
{
padding-left:24px;
font-size:15px;
line-height:48px;
color:#4d4d4d;
}
/* SIDEBAR-AREA END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* bottom-area START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#bottom-area
{
color:#ffffff;
}
#bottom-area table
{
margin-top:12px;
margin-left:17px;
}
#bottom-area table td
{
font-size:10px;
line-height:13px;
}
/* bottom-area END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* PAGE-SHADOW-AREA START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#page-shadow-area
{
background-image:url(../slices/page_shadow_01.png);
background-position:5px 0px;
background-repeat:no-repeat;
}
/* PAGE-SHADOW-AREA END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* FOOT-AREA START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#foot-area
{
}
#foot-container
{
padding-left:12px;
padding-left:19px;
background-image:url(../slices/body_footer_area_01.png);
background-repeat:repeat-x;
background-position:0px 0px;
font-size:11px;
line-height:40px;
color:#ffffff;
}
#foot-area #foot-container a
{
font-style:italic;
text-decoration:underline;
}
/* FOOT-AREA END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.administration
{
width:570px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:20px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-style:none;
border-width:0px;
border-color:#ffffff;
vertical-align:top;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#d6d6d6;
/*color:#e11919;*/
color:#1b4792;
}
/* REGISTER-CONTAINER START _________________________________________________________________________________________________________ */
#content-area .register-container
{
width:570px;
background:#ffffff;
margin-left:20px;
border-top-color:#ffffff;
border-bottom-color:#d6d6d6;
}
#sidebar-area .register-container
{
width:339px;
background:transparent;
margin-left:10px;
border-top-color:transparent;
border-bottom-color:#ffffff;
}
.register-container
{
height:28px;
margin-top:0px;
border-top-style:solid;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-width:2px;
font-family:arial,verdana,geneva,arial,helvetica,sans-serif;
font-weight:normal;
font-size:11px;
line-height:27px;
}
.register-container div,.register-container div.active
{
width:92px;
margin-left:2px;
background:#d5e3f0;
background-image:url(../elements/administration_active_02.png);
background-position:0px 0px;
background-repeat:no-repeat;
float:right;
font-size:11px;
line-height:27px;
text-align:center;
}
.register-container div:hover
{
width:92px;
background:#ffffff;
background-image:url(../elements/administration_active_01.png);
background-position:0px 0px;
background-repeat:no-repeat;
font-size:11px;
line-height:27px;
color:#65b2e9;
}
.register-container div a.link-black:hover
{
font-weight:bold;
text-decoration:none;
}
/* REGISTER-CONTAINER END ___________________________________________________________________________________________________________ */

/* CONTAINER.CSS - XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.error-popup, #login-error
{
width:200px;
height:auto;
position:absolute;
display:block;
z-index:5;
}
#login-error
{
top:58px;
left:732px;
}
.show
{
width:200px;
height:10px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
display:block;
}
.show img
{
display:block;
}
.error-box
{
width:200px;
height:auto;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
float:right;
}
.folder-bar
{
height:20px;
margin-top:5px;
margin-right:15px;
margin-bottom:0px;
margin-left:20px;
background:#e4e4e4;
line-height:21px;
color:#000000;
}
h4.folder-bar
{
font-weight:bold;
font-style:normal;
font-size:13px;
}
.folder-bar img
{
vertical-align:baseline;
}
h5.folder
{
margin-top:4px;
font-weight:bold;
font-style:normal;
font-size:12px;
}

/* FORUM */
#forum-head-bar
{
height:21px;
margin-top:1px;
padding-right:10px;
padding-left:0px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#cccccc;
border-right-style:solid;
border-right-width:1px;
border-right-color:#cccccc;
border-left-style:solid;
border-left-width:1px;
border-left-color:#cccccc;
font-family:arial,verdana,geneva,lucida,arial,helvetica,sans-serif;
font-size:10px;
line-height:21px;
font-weight:normal;
color:#000000;
text-align:left;
}
#forum-head-bar .left
{
float:left;
}
#forum-head-bar .left h1
{
line-height:21px;
}
#forum-head-bar .right
{
float:right;
}
#forum-head-bar .left a,
#forum-head-bar .left a.fat,
#forum-head-bar .right a,
#forum-head-bar .right a.fat
{
color:#000000;
}
#forum-head-bar .left a:hover,
#forum-head-bar .right a:hover,
#forum-head-bar .left a.fat:hover,
#forum-head-bar .right a.fat:hover
{
color:#000000;
text-decoration:underline;
}
#forum-head-bar .left a.fat,
#forum-head-bar .right a.fat
{
font-weight:bold;
}
.forum-bar,
.forum-bar-active
{
margin-left:15px;
margin-right:10px;
background:#444444;
line-height:21px;
color:#ffffff;
padding-left:5px;
}
.forum-bar:hover,
.forum-bar-active:hover
{
background:#00499d;
color:#ffffff;
}
h4.forum-bar,
h4.forum-bar-active
{
margin-top:5px;
font-weight:bold;
font-style:normal;
font-size:13px;
line-height:16px;
color:#ffffff;
}
h4.forum-bar-active
{
background:#00499d;
color:#ffffff;
line-height:16px;
}
h4.forum-bar .normal-right
{
color:#ffffff;
line-height:16px;
}
h4.forum-bar-active .normal-right
{
color:#ffffff;
line-height:16px;
}
.forum-bar img,
.forum-bar-active img
{
vertical-align:baseline;
}
h5.forum-bar,
h5.forum-bar-active
{
margin-top:4px;
font-weight:bold;
font-style:normal;
font-size:12px;
}
.forum-bar .normal-right,
.forum-bar-active .normal-right,
.forum-bar .normal-right-white,
.forum-bar-active .normal-right-white
{
padding-right:5px;
float:right;
font-weight:normal;
font-size:11px;
line-height:16px;
color:#777777;
}
.forum-bar .normal-right-white
.forum-bar-active .normal-right-white
{
color:#ffffff;
}
th.forum-grey,
th.forum-grey-right
{
padding-right:5px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#aaaaaa;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#aaaaaa;
font-size:12px;
line-height:21px;
background:#fafafa;
color:#777777;
}
.forum-grey,
.forum-grey-right
{
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#aaaaaa;
font-size:12px;
line-height:21px;
background:#fafafa;
color:#000000;
}
.forum-white,
.forum-white-right
{
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#aaaaaa;
font-size:12px;
line-height:21px;
background:#ffffff;
color:#000000;
}
.forum-white-right,
.forum-grey-right
{
padding-right:5px;
}
.forum-normal-right,
.forum-normal-right-white
{
padding-right:5px;
float:right;
font-weight:normal;
font-size:12px;
line-height:16px;
color:#777777;
}
.forum-normal-right-white
{
color:#ffffff;
}
h6.forum-red
{
padding-left:12px;
font-size:14px;
line-height:18px;
/*color:#e11919;*/
color:#1b4792;
}
.open-cage .vignette
{
font-size:9px;
line-height:21px;
text-align:right;
}

/* GLOSSARY START ___________________________________________________________________________________________________________________ */
.glossary
{
margin-top:14px;
margin-right:0px;
margin-bottom:14px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:8px;
border-top-style:dotted;
border-top-width:1px;
border-top-color:#444444;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:#444444;
background:#ffffff;
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:bold;
font-style:normal;
font-size:17px;
line-height:21px;
/*color:#e11919;*/
color:#1b4792;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
text-align:left;
vertical-align:top;
}
.glossary table th
{
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
color:#aaaaaa;
text-align:center;
text-transform:uppercase;
}
.glossary a
{
background:#ffffff;
/*color:#e11919;*/
color:#1b4792;
text-decoration:none;
}
.glossary a:hover
{
/*color:#e11919;*/
color:#1b4792;
color:#ffffff;
text-decoration:none;
}
.glossary a.active
{
background:#666666;
color:#ffffff;
text-decoration:none;
}
.glossary a.active:hover
{
/*background:#e11919;*/
background:#1b4792;
color:#ffffff;
text-decoration:none;
}
/* GLOSSARY END _____________________________________________________________________________________________________________________ */



#content-area .internal-container p
{
margin-top:12px;
margin-right:0px;
margin-bottom:12px;
margin-left:12px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-style:none;
border-width:0px;
border-color:#ffffff;
background:#ffffff;
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:13px;
line-height:18px;
color:#000000;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
text-align:left;
vertical-align:top;
}

.internal-container .open-cage-grey-dotted
{
margin-top:12px;
margin-right:0px;
margin-bottom:12px;
margin-left:0px;
padding-top:8px;
padding-right:0px;
padding-bottom:8px;
padding-left:12px;
border-top-style:dotted;
border-top-width:1px;
border-top-color:#444444;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:#444444;
background:#f8f8f8;
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:13px;
line-height:18px;
color:#000000;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
text-align:left;
vertical-align:top;
}

.internal-container .open-cage-grey-dotted ul,
.internal-container .open-cage-grey-dotted p
{
margin-top:8px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-style:none;
border-width:0px;
border-color:#ffffff;
list-style-position:outside;
list-style-type:square;
background:transparent;
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:13px;
line-height:18px;
/*color:#e11919;*/
color:#1b4792;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
text-align:left;
vertical-align:top;
}
.internal-container .open-cage-grey-dotted ul li
{
margin-left:19px;
}
.internal-container .open-cage-grey-dotted h3
{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-style:none;
border-width:0px;
border-color:#ffffff;
font-size:13px;
}
.open-cage-grey-dotted div
{
margin-top:8px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-style:none;
border-width:0px;
border-color:#ffffff;
background:transparent;
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:13px;
line-height:18px;
color:#000000;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
text-align:left;
vertical-align:top;
}
#productcontent ul
{
color:black;
}
.drilldown-content
{
margin:0px 0px 0px 12px;
font-size:10pt;
padding-bottom:0px;
}
.drilldown-content .link-selected,
.scrollable .link-selected
{
/*color:#e11919;*/
color:#1b4792;
font-style:italic;
}
.drilldown-content .link-selected:hover,
.scrollable .link-selected:hover
{
/*color:#e11919;*/
color:#1b4792;
}
.drilldown-content div.drilldownlevel
{
margin-left:15px;
}
.sidebar-container-neutral .line
{
border-bottom:2px solid rgb(255, 255, 255);
margin: 5px 0px 05px 0px; 				/* CR SEARCH 5.31 */
}
.scrollable img
{
padding-right:10px;
}
.tocnode
{
padding-left:10px;
}
.tocnode .tocnode
{
padding-left:25px;
}
.tocnode ul
{
margin:0px;
padding:0px;
}
.tocnode li
{
padding-left:5px;
margin-left:15px;
}
.free_article_marker
{
color:#19D919;
font-style:italic;
padding-left: 10px;
}
.of-multilink
{
border:1px solid #BEBFC4;
overflow:hidden;
width:25em;
padding-left:30px;
background:url(sitemap_ordner_zu_01.gif) no-repeat;
}
.of-multilink a
{
display:block;
}



/**   HACKS TO OVERRULE/SUPPORT LINEUP CSS **/
#TreeContent table
{
border-collapse: separate;
}

#TreeContent div.penolinks span, #TreeContent div.penolinks a {
text-align: center;
height: 17px;
}

#TreeContent .lu_grijsVraag, #TreeContent a.lu_Vraag
{
width:140px !important;
padding-bottom:6px !important;
padding-top:7px !important;
line-height: 1.3em !important;
}

#TreeContent .lu_grijs, #TreeContent a.lu_Samenvatting, #TreeContent a.lu_Modellenlijst, #TreeContent a.lu_Artikel {
background:transparent url(../images-lineup/administration_active_01.png) no-repeat scroll 0% !important;
width:101px !important;
}
#TreeContent .lu_grijsVraag, #TreeContent a.lu_Vraag  {
background:transparent url(../images-lineup/administration_active_03.png) no-repeat scroll 0% !important;
}
#TreeContent .lu_grijs {
background-image:url(../images-lineup/administration_active_02.png) !important;
}
#TreeContent .lu_grijsVraag {
background-image:url(../images-lineup/administration_active_04.png) !important;
}
#TreeContent ul.lu_opsommingbInhoudje li a, 
#TreeContent ul.lu_opsommingbInhoudje li a:link, 
#TreeContent ul.lu_opsommingbInhoudje li a:visited {
background:transparent url(../images-lineup/list_item_inactive_02.png) no-repeat scroll 0% !important;
}
#TreeContent ul.lu_opsommingbInhoudje li a:hover {
background-image:url(../images-lineup/list_item_active_02.png) !important;
}
#TreeContent ol ul li.lu_li {
background-image:url(../images-lineup/streepje.gif) !important;
}