/* SITE CSS 20040415 */

/* general styles */
body {
	font-size:0.8em;
}

p {
	font-size:0.95em;
}

/* structure */
div#allcontent {
    width: 950px;
    margin: 0 auto 0 auto;
}

div#topcontent {
	border-bottom: 1px solid #999999;
}

/* PAGE HEADER */

div#header
{
    padding-top: 10px;
    padding-left: 0px;
}

div#header-design
{
    margin: 0;
    height: 70px;
    float: left;
}

div#header h1
{
    font-size: 2em;
    margin: 0;
    padding: 0.6em;
}

div#header h1 a
{
    text-decoration: none;
    color: #000000;
}


/* TOOLBARS */

div#toolbar-top
{ 
    padding: 13px 0 0 8px;
    text-align: right;
}

div#toolbar-top ul
{
    float: right;
}

div#toolbar-bottom
{ 
    margin-top: 8px;
    text-align: center;
}

div#toolbar-bottom ul
{
    padding: 0.5em 0 0.5em 0;
}

div#toolbar-bottom li.toolbar-item a
{
    font-weight: bold;
}

div#toolbar-top li.toolbar-item, div#toolbar-bottom li.toolbar-item
{
    border-right: 1px solid;
    display: inline;
    margin: 0;
    padding: 0 10px 0 6px;
    white-space: nowrap;
}

div#toolbar-top div.search-line, div#toolbar-bottom div.search-line
{
    display: inline;
    vertical-align: middle;
}

div#toolbar-top div.label, div#toolbar-bottom div.label
{
    display: inline;
    text-align: left;
}

div#toolbar-top div.search-line form, div#toolbar-bottom div.search-line form
{
    display: inline;
}

div#toolbar-top div.search-line div.optionblock input,
div#toolbar-top div.search-line div.optionblock label,
div#toolbar-right div.search-full div.optionblock input,
div#toolbar-right div.search-full div.optionblock label
{ 
    display: inline;
}

div#toolbar-top input.searchinput, div#toolbar-bottom input.searchinput
{
    height: 1.2em;
    width: 7em;
}

div#toolbar-top li.toolbar-item a, div#toolbar-bottom li.toolbar-item a
{ 
    text-decoration: none;
}

div#toolbar-top li.first, div#toolbar-bottom li.first
{
    display: inline;
}

div#toolbar-top li.last, div#toolbar-bottom li.last
{
    border-right: none;
    display: inline;
}


/* TOP MENU */

div#topmenu
{
  margin: 0;
  padding: 0;
  float:right;
	width:770px;
	margin-left:6px;
	background-color:#eeeeee;
}

div.topmenu-line
{
    border-bottom: 1px solid; /* This line needs to be set to avoid bug in IE */
}

div#topmenu-design
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

div#topmenu ul
{
    margin: 0;
    padding: 0;
}

div#topmenu li
{
    margin: 0;
    padding: 0;
    border-left:5px solid #0066FF;
    float: left;
    display: block;
}

div#topmenu li.item0 { border-left:5px solid #666666; }
div#topmenu li.item1 { border-left:5px solid #FF9900; }
div#topmenu li.item2 { border-left:5px solid #993333; }
div#topmenu li.item3 { border-left:5px solid #009966; }
div#topmenu li.item4 { border-left:5px solid #006699; }
div#topmenu li.item5 { border-left:5px solid #cc9900; }
div#topmenu li.item6 { border-left:5px solid #660099; }  

div#topmenu li.selected
{
    background-color:#DDDDDD;
}


div#topmenu li div.spacing
{
    padding: 0.2em 9px 0.1em 6px;
}

div#topmenu li a
{
    font-size: 0.9em;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}

div#topmenu li a:hover
{
    text-decoration: underline;
}


/* SUB MENU */

div#submenu
{
    /* margin-top: -1px; */
    padding: 0;
    border-bottom: 1px solid; /* This line needs to be set to avoid bug in IE */
}

div#submenu-design
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    position: relative;
}

div#submenu ul
{
    padding: 0;
    margin: 0;
}

div#submenu li
{
    margin: 0;
    float: left;
    display: block;
}

div#submenu li div.spacing
{
    padding: 0.1em 9px 0.1em 9px;
}

div#submenu li a
{
    text-decoration: none;
	color:#333333;
}

div#submenu li a:hover
{
    text-decoration: underline;
}

div#footermenu { width:950px; height:22px; background-color:#888888; margin: 8px auto 0 auto;}
div#footermenu ul { margin:0px; padding:0px; }
div#footermenu ul li { font-size:11px; display:block; float:left; padding:5px; }
div#footermenu ul li a { font-size:11px; text-decoration:none; color:#DDDDDD;}
div#footermenu ul li a:HOVER { color:#FFFFFF;}


/* PATH */

div#path-design
{
    margin-left:6px;
	margin-top:2px;
	float:right;
	width:770px;
	border-top:3px solid #999999;
	border-bottom:2px solid #999999;
}

div#path p
{
    margin: 2px;
	font-size:0.85em;
}

div#path p a
{
    text-decoration: none;
}


/* COLUMNS */

div#columns
{
    height: 100%; /* Needs to be set to avoid bug in IE 5.5 */
}

div#leftcolumn {
	width:170px;
	float:left;
	height: 100%;
	background-repeat:repeat-y;
	background-image:url(../images/leftbar_loop.gif);
}

div#leftcolumn div.published { width:150px; font-size:0.8em;  float:left; clear:left; padding:10px; text-align:right; }
div#leftcolumn div.spacer { width:150px; height:90px; float:left; clear:left; }

div#leftcolumn div#searchBox {
 	border-bottom:1px solid #FFFFFF;
	background-color:#EEEEEE;
	padding:5px;
}

div#leftcolumn div#searchBox > form {
    margin-bottom: 2px;
}

div#leftcolumn div#searchBox label {
	font-size:0.8em;
	font-weight:bold;
}

div#leftcolumn div#searchBox input.searchtext
{
	height: 14px;
    width: 130px;
    border: 1px solid;
}


div#leftcolumn div#searchBox a 
{
	font-size:10px;
	text-decoration:none;
	color:#126293;
}

div#leftcolumn div#searchBox a:HOVER:after {content: ">"}


div.leftBanners { width:170px; }
div.leftBanners img { clear:right; float:right; margin-bottom:2px;}

/* MENUES */

div#leftmenu ul, div#rightmenu ul
{
    margin-left: 6px;
}

div#leftmenu
{
    float: left;
    width: 13em;
	color:#000000;
	
}

div#leftmenu-design li.menu-level-0
{ 
    margin:0px;
	text-decoration: none;
    border-top: 1px solid #CCCCCC;
	background-color:#EEEEEE;
    padding: 1px 0 1px 3px;
    background-repeat:no-repeat;
	background-position:top left;
	background-image: url(../images/arrow02orange.gif); 
	list-style-type: none;
}

div#leftmenu-design li.menu-level-0 a
{ 
    font-size:0.9em;
	color:#333333;
	text-align: center;
    font-weight: normal;
    text-decoration: none;
	margin-left:8px;
}

div#leftmenu-design li.menu-level-0 a:hover
{ 
	color:#663333; 
}

div#leftmenu-design li.menu-level-1
{ 
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 3px;
    list-style-type: none;
}

div#leftmenu-design li.menu-level-1 a
{ 
	font-size:0.8em;
    text-align: center;
    text-decoration: none;
}

div#leftmenu-design li.menu-level-2
{ 
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    list-style-type: none;
}

div#rightmenu 
{
    float: right;
    width: 10em;
	margin:0px;
}

div#rightmenu-design
{
    padding-right: 0px;
}

/* Image Banners */

img#central_banner 
{
	padding:0px;
	margin:0px;
	margin-top:4px;
	
}

div#maincontent
{
}

div.maincontent-bothmenus
{ 
		margin-left: 177px;
    width:632px;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div.maincontent-noleftmenu
{ 
    margin-left: 10px;
    margin-right: 16em;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div.maincontent-norightmenu
{ 
    margin-left: 14em;
    margin-right: 10px;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div.maincontent-nomenus
{ 
    margin-left: 10px;
    margin-right: 10px;
    height: 100%; /* Needs to be set to 1% to avoid bug in IE 5.5 */
}

div#fix /* This style breaks the unwanted connection between the content of the maincontent box and the menues on the left and right in some browsers */
{
    float: left;
    width: 100%;
}


/* NAVIGATORS */

div.content-navigator
{
    display: block;
    clear: both;
}

div.content-navigator div
{
    display: inline;
    text-align: center;
	background-color:#ff9900;
}

div.content-navigator div.content-navigator-separator, div.content-navigator div.content-navigator-separator-disabled
{
    padding-left: 4px;
    padding-right: 4px;
}

div.content-navigator div.content-navigator-arrow
{
    font-size: 150%;
}


/* TOOLBOXES */

div.toolbox
{ 
    width: 100%;
    margin-bottom: 4px;
    margin-top: 4px;
	background-color:#FFCC33;
	border: 1px solid #DFDFDF;
}

div.toolbar-item last div.toolbox
{
  background-color:#EEEEEE;
}

div.toolbox-design
{ 
    padding: 0px;
}

div.toolbox-design h2
{ 
    font-size: 0.9em;
    margin: 0px;
    padding-left: 8px;
    padding-top: 6px;
}

div.toolbox-design div.toolbox-content
{ 
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 8px;
	font-size:0.8em;
}

div.toolbox-content form { margin:0px; }



div.toolbox-design input.searchtext, div.toolbox-design input.textinput
{
    height:14px;
	width:78px;
	border: 1px solid #AAAAAA;
}

div.toolbox-design label
{
    font-size:10px;
	font-weight: normal;
    margin-bottom: 0;
	margin-top:0px;
    padding: 0px 0 0 0;
}

div.toolbox-design a { color:#FFFFFF; text-decoration:none; }
div.toolbox-design a:HOVER { color:#333333; }

div.toolbox-design form
{
    vertical-align: bottom;
}

div.toolbox-design div.info-text p
{ 
    font-weight: normal;
}

div.toolbox-design div.info-text input.searchimage 
{
	vertical-align:bottom;
}

div.toolbox-design div.attribute-link p
{ 
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}

div.toolbox-design div.attribute-link-disabled p
{ 
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}

div.toolbox-design div.content-link p
{ 
    font-weight: normal;
    padding:0px;
	margin:0px;
    vertical-align: middle;
}


/* TOOL LISTS */

div.toollist
{ 
    width: 100%;
    margin: 8px 0 8px 0;
}

div.toollist-design
{ 
    padding: 0px;
    border: 1px solid;
}

div.toollist-design h2
{ 
    font-size: 1em;
    margin-top: 0px;
    padding: 2px 0 3px 10px;
}

div.toollist-design div.content-view-children
{ 
    padding: 3px 10px 10px 10px;
}

div.toollist-design h3
{ 
    margin: 0;
    text-decoration: underline;
}

div.toollist-design div.class-article div.attribute-short p
{ 
    margin: 0;
}

div.toollist-design div.class-article div.attribute-link p
{ 
    margin: 0 0 10px 0;
}

div.toollist-design div.class-article div.attribute-link-disabled p
{ 
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}


/* FOOTER */

div#footer
{ 
		width:950px;
		margin: 0 auto 0 auto;
}

div#footer-design 
{
    padding: 10px 0 10px 0;
    text-align:left;
}

div#footer-design address
{
  font-style: normal;
	font-size:0.8em
}

div#footer-design a
{
    text-decoration: none;
}


/* GENERAL ELEMENTS */
div#maincontent a { color:#126293; } 

div#maincontent h1
{ 
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 0.2em;
	color:#666666;
}

div#maincontent h2
{ 
    font-size: 1.1em;
    font-weight: bold;
}

div#maincontent h2 a { text-decoration:none; }

div#maincontent h3
{ 
    font-size: 1.0em;
    font-weight: bold;
}

div#maincontent h4
{ 
    font-size: 1em;
    font-weight: bold;
}

div#maincontent-design h5
{ 
    font-size: 1em;
    font-weight: bold;
}

div#maincontent p { text-align:justify; }

/* GENERAL TABLE */

table th
{ 
    background-color: #d9e5f2;
}

/* SUBMIT BUTTONS */

input.defaultbutton
{
    background-color:#888888;
	border: 1px solid #DEDEDE;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	padding: 1px 3px 1px 3px;
	margin: 0.5em 0.5em 0 0;
}

input.button
{
    border: 1px solid;
    margin: 0.5em 0.5em 0 0;
	padding: 1px 3px 1px 3px;
	background-color:#888888;
	border: 1px solid #DEDEDE;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

input.searchbutton
{
    border: 1px solid;
}

input.shopbutton
{
    border: 1px solid;
}

input.searchimage
{
    width:8px;
	height:14px;
	border:1px solid #AAAAAA;
	border-left:2px solid #AAAAAA;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
	vertical-align:bottom;
	margin-bottom:2px;
}

/* Diff styles */

div#diffview ul
{
    margin: 0 0 0.5em 0;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border-bottom: 1px solid #808080;
    display: block;
}

div#diffview li
{
    font-size: 0.85em;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.attribute-view-diff
{
    padding: 0.25em;
    border: 1px solid #d7d7d2;
}

div.attribute-view-diff label
{
   color: #75756c;
}

div.attribute-view-diff-old
{
    padding-bottom: 0.25em;
    border-bottom: 1px dashed #bfbfb7;
}

div.attribute-view-diff-new
{
    padding-top: 0.25em;
}

ins
{
    color: #008000;
    text-decoration: none;
    border-bottom: 1px solid #00b000;
}

del
{
    color: #d98078;
    text-decoration: line-through;
}

ins:hover, del:hover
{
    background-color: #ffffff;
}

ins:hover
{
    color: #006000;
    border-bottom: none;
}

del:hover
{
    color: #852c25;
    text-decoration: none;
}

div.blockchanges ins, div.blockchanges del
{
    color: #000000;
    padding-left: 0.5em;
    text-decoration: none;
    border-bottom: none;
    display: block;
}

div.blockchanges ins
{
    border-left: 0.5em solid #008000;
}

div.blockchanges del
{
    border-left: 0.5em solid #d98078;
}

div.previous ins
{
    display: none;
}

div.previous del
{
    color: #000000;
    background-color: #ffff00;
    border-bottom: none;
    text-decoration: none   
}

div.latest del
{
    display: none;
}

div.latest ins
{
    color: #000000;
    background-color: #ffff00;
    border-bottom: none;
    text-decoration: none;
}


div.eArchive-search
{
  background-color:#EEEEEE;
  padding:10px;
}

div.eArchive-search form label
{
  font-size:10px;
}


/* Privacy Cookies Banner */
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.privacy-cookie-banner {
    overflow: hidden;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	max-height: 0;
	opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1024;
    background: #444444;
    color: #dfdfdf;
}

.privacy-cookie-banner .container {
    width: 950px;
    margin: 20px auto 10px auto;
    display: flex;
}

.privacy-cookie-banner--slide-up {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	max-height: 145px;
}

.privacy-cookie-banner__message {
	padding: 10px 20px 5px 20px;
	font-size: 16px;
}

.privacy-cookie-banner__message a {
    color: #FF6400;
    text-decoration: none;
}

.privacy-cookie-banner .btn {
	border-radius: 0px;
	padding: 4px 8px;
	font-size: 14px;
    margin: 10px 10px;
}

.privacy-cookie-banner__btn {
	background: #FF6400;
	color: #fff;
	border: none;
	text-decoration: none;
}

.privacy-cookie-banner__close {
	background: #333333;
	color: #fff;
	border: none;
	text-decoration: none;
}

a.privacy-cookie-banner__btn:hover {
    color: #eee;
    text-decoration: none;
}

a.privacy-cookie-banner__close:hover {
    color: #eee;
    text-decoration: none;
}