/**
 * colors.css
 *
 *
 * @colordef		#007bc7; azure 1 (full)				| 10
 * @colordef		#b2d7ee; azure 2 (lighter)
 * @colordef		#d9ebf7; azure 3 (lightest)
 *
 * @colordef		#154273; text links (blue) 
 * @colordef		#0162CD; text links hover (light blue) 
 * @colordef		#535353; text links visited (grey)
*/

/* ----------------------- changes of specificatons in css from starterskit ----------------------- */

/* resetting colors */
/* Color 10 (azure) */
.azure .title_bar { background: #e5f0f9; }
.azure .nav_bar { background: #01689b; }
.azure .nav_main a { color: #fff; }
.azure .nav_main a:hover { background: #cce0f1;color: #000; }
.azure .sel a { background-color: #cce0f1; color: #000; }
.azure .content_wrapper2 { border-top: 10px solid #cce0f1;  }

.azure .visual { background-color: #e5f0f9; }
.azure .tong { background-color: #01689b; }
.azure .tong h1, .azure .tong h2, .azure .tong h3, .azure .tong h4, .azure .tong h5,
.azure .tong h6, .azure .tong ul, .azure .tong ol, .azure .tong dl, .azure .tong p, .azure .tong a, .azure .tong blockquote { color: #fff; }

.azure .search li a, .azure .search li a:hover { color: #fff; }

.azure .nav_sub li a:hover { background-color: #cce0f1!important; }

.azure .nav_sub li.open a,
.azure .nav_sub li.open li.open a,
.azure .nav_sub li.open li.open li.open a,
.azure .nav_sub li.open li.open li.open li.open a,
.azure .nav_sub li.open li.open li.open li.open li.open a { background-color: #e5f0f9; }

.azure .nav_sub li.active a,
.azure .nav_sub li.open li.active a,
.azure .nav_sub li.open li.open li.active a,
.azure .nav_sub li.open li.open li.open li.active a,
.azure .nav_sub li.open li.open li.open li.open li.active a,
.azure .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #cce0f1; }

.azure .hl_lighter { background-color: #cce0f1; }
.azure .hl_lightest { background-color: #e5f0f9; }

.azure .hl_color10 { background-color: #e17000; }	/* orange instead of azure */

.azure .banner,
.azure .banner a,
.azure .banner h3,
.azure .banner h4 { color: #fff; }

.azure .banner.hl_lighter,
.azure .banner.hl_lightest,
.azure .banner.hl_color10,
.azure .banner.hl_color11,
.azure .banner.hl_color12,
.azure .banner.hl_color13,
.azure .banner.hl_color14,
.azure .banner.hl_color15,
.azure .banner.hl_lighter a,
.azure .banner.hl_lightest a,
.azure .banner.hl_color10 a,
.azure .banner.hl_color11 a,
.azure .banner.hl_color12 a,
.azure .banner.hl_color13 a,
.azure .banner.hl_color14 a,
.azure .banner.hl_color15 a,
.azure .banner.hl_lighter h3,
.azure .banner.hl_lightest h3,
.azure .banner.hl_color10 h3,
.azure .banner.hl_color11 h3,
.azure .banner.hl_color12 h3,
.azure .banner.hl_color13 h3,
.azure .banner.hl_color14 h3,
.azure .banner.hl_color15 h3,
.azure .banner.hl_lighter h4,
.azure .banner.hl_lightest h4,
.azure .banner.hl_color10 h4,
.azure .banner.hl_color11 h4,
.azure .banner.hl_color12 h4,
.azure .banner.hl_color13 h4,
.azure .banner.hl_color14 h4,
.azure .banner.hl_color15 h4 { color: #000; }

.azure .box.open.lighter h2,
.azure .box.open.lighter h3,
.azure .box.open.lighter h4,
.azure .box.open.lighter h5,
.azure .box.open.lighter h6 { background-color: #cce0f1; }
.azure .box.open.lighter { border: 1px solid #accbe3; }

.azure .box.open.lightest h2,
.azure .box.open.lightest h3,
.azure .box.open.lightest h4,
.azure .box.open.lightest h5,
.azure .box.open.lightest h6 { background-color: #e5f0f9; }
.azure .box.open.lightest { border: 1px solid #e5f0f9; }

.azure .box.closed h2,
.azure .box.closed h3,
.azure .box.closed h4,
.azure .box.closed h5,
.azure .box.closed h6 { background-color: #cce0f1; }
.azure .box.closed { background-color: #e5f0f9; border: 1px solid #accbe3; }

.azure .box.open.contrast_lighter h2,
.azure .box.open.contrast_lighter h3,
.azure .box.open.contrast_lighter h4,
.azure .box.open.contrast_lighter h5,
.azure .box.open.contrast_lighter h6 { background-color: #efb2ce; }
.azure .box.open.contrast_lighter { border: 1px solid #efb2ce; }

.azure .box.open.contrast_lightest h2,
.azure .box.open.contrast_lightest h3,
.azure .box.open.contrast_lightest h4,
.azure .box.open.contrast_lightest h5,
.azure .box.open.contrast_lightest h6 { background-color: #f7d9e7; }
.azure .box.open.contrast_lightest { border: 1px solid #f7d9e7; }

.azure .box.closed.contrast h2,
.azure .box.closed.contrast h3,
.azure .box.closed.contrast h4,
.azure .box.closed.contrast h5,
.azure .box.closed.contrast h6 { background-color: #efb2ce; }
.azure .box.closed.contrast { background-color: #f7d9e7; border: 1px solid #efb2ce; }

/*
* Transparent
*
* @section			Set the background to transparent for not 'open' and 'active' anchors
*/

.azure .nav_sub li.open li a,
.azure .nav_sub li.open li.open li a,
.azure .nav_sub li.open li.open li.open li a,
.azure .nav_sub li.open li.open li.open li.open li a,
.azure .nav_sub li.open li.open li.open li.open li.open li a { background-color: transparent; }


/*
* Banners
*
* @section			Set the background (highlight) color for banners
*/

.hl_color1 { background-color: #623327; }	/* dark-brown */
.hl_color2 { background-color: #42145f; }	/* purple */
.hl_color3 { background-color: #275937; }	/* dark-green */
.hl_color4 { background-color: #ca005a; }	/* ruby */
.hl_color5 { background-color: #d52b1e; }	/* red */
.hl_color6 { background-color: #a90061; }	/* violet */
.hl_color7 { background-color: #777c00; }	/* moss-green */
.hl_color8 { background-color: #94710a; }	/* brown */
.hl_color9 { background-color: #39870c; }	/* green */
.hl_color10 { background-color: #007bc7; }	/* azure */
.hl_color11 { background-color: #8fcae7; }	/* light-blue */
.hl_color12 { background-color: #f092cd; }	/* pink */
.hl_color13 { background-color: #f9e11e; }	/* yellow */
.hl_color14 { background-color: #ffb612; }	/* dark-yellow */
.hl_color15 { background-color: #76d2b6; }	/* mint-green */



.visual img { font: 0/0 sans-serif; float: right; margin: -10px -10px -10px 20px; padding: 0; }

h3 a:link {text-decoration:underline;}

/* resetting header & sitemaplink */
.title_bar { padding:0;}
.search { position: absolute; top: 3em; right: 1.7em; width: 5.2em; }
/* image replacement */
.header strong { display:block;text-indent:-999em;width:585px;background: url(skin/title.svg) left 2px no-repeat;}
/* have h2 in left column */
/* .nav_sub h2 {display:block;font-size:1.1em;font-weight:bold;padding:0;padding: 0.48em 1em 0.48em 2em;background:#cce0f1;margin:0} */
/* make <strong> in left menu look roman */
.nav_sub .active strong {font-weight:normal;}

/* header with tabs */
.header-tabs {
	padding-top:12px;
	margin:0 22px 24px 0;
	border:1px solid #b2d7ee;
	border-bottom:0;
	background-color: #d9ebf7;
}
.header-tabs h1 {margin-left:16px;}
.header-tabs h2 {margin:0;padding:0;font-size:1em;font-weight:normal;}
.header-tabs ul {list-style: none; margin: 0; padding: 0 0 0 10px;background:#d9ebf7;border-bottom:1px solid #b2d7ee; height:2.3em}
.header-tabs li { background: none; float: left; margin: 0 3px 0 0; padding: 0; height:2.3em; }
.header-tabs li h2  a { display: block; padding: 0.4em 0.9091em 0.6em; text-decoration: none;border:1px solid #d9ebf7;border-bottom:1px solid #b2d7ee; }
.header-tabs li h2 strong {font-weight:normal}
.header-tabs a:visited {color:#154273}
.header-tabs a:hover { color: #000; text-decoration: none;background:#fff;border:1px solid #b2d7ee;border-bottom:1px solid #fff }
.header-tabs .sel h2 a { color: #000;background:#fff;border:1px solid #b2d7ee;border-bottom:1px solid #fff}
/* when natura2000 is implemented, uncomment this:
.header-tabs.natura2000 {background:#d9ebf7 url(skin/n2k-groot.png) no-repeat right top;}
*/
/* ul with downloads */
ul.download li, li.download { background: url(skin/doc.png) left 4px no-repeat!important;padding-left:15px;margin-bottom:0}
p.specifics { color: #6a6a6a; margin-bottom: 0; margin-top: -0.2em; font-size:1em;}

/* open and close sublists */
div.additions {margin-bottom:2em}

div.additions h4.extra {
	font-weight:bold;
}
div.additions.active h4 {
	font-size:1.1em;
	cursor:pointer;			/* appear clickable */
	color:#164273;
	text-decoration:underline;
	padding:1em 0 0 2em;
	background: url("skin/icn-faq-dicht.png") 0 14px no-repeat!important;
	display:list-item; 		/* make icon clickable */
	list-style:none; 		/* remove list error in ie6 */
	width:90%; 				/* remove overflow error */
}
div.additions.active h4:hover {
	color:#0162cd;
	background-position:0 -23px!important;
}
div.additions.active h4.open {
	color:#000;
	text-decoration:none;
	background: url("skin/icn-faq-open.png") 0 14px no-repeat!important;
}
div.additions.active h4.open:hover {
	background-position:0 -23px!important;
}
div.additions div {
	margin-left:0;
	width:98%;
}
div.additions.active div {
	margin:0 0 0 2.5em;
}
div.additions div.closed {
	position:absolute; top:-999em; /* produces unwanted scrollbar */
}
div.additions div.open {
	top:auto;
	position:relative;
}

.additions h5 {}

/* search results */
h2.search_results { color: #000; padding: 2px 4px; background:#d9ebf7;font:bold 150% Arial,sans-serif; }
.list { border-top: 0; }
.list h3 { font-size: 1.1em; font-weight: bold; line-height: 1.5; margin-bottom: 0; }
.list h3 a,
.list h3 a:link,
.list h3 a:visited { color: #154273; text-decoration: underline; }
.list h3 a:hover, .list h3 a:hover .details { color:#0162CD;text-decoration:none; }
/*.list li { padding-left: 11px; } */
.list h3 .details { font-weight:normal;display:block;text-decoration: none; }
/* external link lists and individual external links  */
ul.external li.normal { background-position: left 6px !important; }