/* 
-----------------------------------
	HTML/BODY/MAIN WRAPPER
-----------------------------------
*/

html {
	background: #D7DFE4;
}

body {
	padding-top:10px;
	padding-bottom:10px;
	color: #464646;
	background: #D7DFE4;
}

#main-wrapper {
	margin: 0 auto 0;
	background:#FCFCFC;
	box-shadow: 0 2px 2px 0 rgba(24, 67, 70, 0.15);
	/*box-shadow:0 -10px 25px rgba(35, 107, 141,0.60);*/
	box-shadow:none\9;
	padding-top:10px;
	padding-bottom:30px;
	border-radius:7px;
}


/* 
-----------------------------------
	MAIN HEADER
-----------------------------------
*/

#main-header {
	position:relative;
	z-index:6;
	min-height:145px;
	line-height:1.4;
	background: url(images/banner_bg_repeat.png) 0 0 repeat-x;
	width:100%;
}

#banner-flag {
	position:absolute;
	left:40px;
	top:15px;
	z-index:8;
	color:#000;
	width:876px;
	height:63px;
}

#main-header #banner-title-text {
	margin:0;
	border:0;
	line-height:1.2;
	padding-left:240px;
	z-index:7;
	color:#0065a2;
	font-size:180%;
	font-weight:normal;
	position:absolute;
	top:68px;
	left:4px;
}
	
#main-header #banner-title-text span {
	display:block;
	font-size:18px;
	z-index:7;
	color:#fff;
	position:relative;
	top:6px;
	left:2px;
	font-weight:normal;
}

#main-header #banner-sub-title-text {
	margin:0;
	border:0;
	line-height:1.2;
	padding-left:240px;
	z-index:7;
	color:#c68122;
	font-size:150%;
	font-weight:normal;
	position:absolute;
	top:112px;
	left:4px;
}
	
#main-header #banner-sub-title-text span {
	display:block;
	font-size:18px;
	z-index:7;
	color:#fff;
	position:relative;
	top:6px;
	left:2px;
	font-weight:normal;
}
	

	/* 
	-----------------------------------
		USER NAV
	-----------------------------------
	*/
	
	#user-nav {
		position:relative;
		z-index:9;
		padding-right:140px;
	}
	
	/* 
	-----------------------------------
		LANGUAGE SELECTOR
	-----------------------------------
	*/
	
	.language-selector-close .selected a ,
	.language-selector-open .selected a {
		background-image:url(images/arrows-down.gif);
		background-position:100% 0;
		background-repeat:no-repeat;
	}
	
	.language-selector-open .selected a {
		background-image:url(images/arrows-up.gif);
	}

/* 
-----------------------------------
	MAIN PATH/CRUMBTRAIL
-----------------------------------
*/
	
#main-header-path {
	font-size:90%;
	background-color:#074A8B;
	min-height:18px;
	color:#fff;
	padding:0 0 1px;
	overflow:hidden;
	line-height:1.6;
	margin-bottom:0;
	border-bottom:2px solid #11406D;
}

#main-header-path ul {
	position:relative;
	z-index:7;
	padding-left:10px;
}

#main-header-path li {
	white-space:nowrap;
	display:inline;
	padding:0 0 0 12px;
	float:left;
	background:url("./ESA-Pesticides-database-Dateien/breadcrumb.gif") left center no-repeat;
}

#main-header-path li.first{
	background-image:none;
	padding-left:0;
	padding-right:0;
}

#main-header-path a,
#main-header-path a:visited{
	color:#fff;
	text-decoration:none;
	border:0;
}

#main-header-path a:hover,
#main-header-path a:focus,
#main-header-path a:active{
	text-decoration:underline;
	color:#fff;
	border:0;
}

/* 
-----------------------------------
	MAIN NAV
-----------------------------------
*/


#main-nav {
	border-radius: 0 0 4px 4px;
}


/* 
-----------------------------------
	MAIN FOOTER
-----------------------------------
*/

footer#main-footer {
	text-align:center;
	padding:20px 0;
}

footer#main-footer a {
	text-align:center;
	padding:10px 15px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	border-radius:50px;
	-webkit-transition: background 0.2s ease-out;
          	transition: background 0.2s ease-out;
}

footer#main-footer a:hover {
	background:#fff;
	color:#D7DFE4;
	text-decoration:none;
}

footer#main-footer a > i,
footer#main-footer a > strong  {
	display:block;
}
footer#main-footer a > i {
	text-indent:3px;
}



/* 
-----------------------------------
	RESPONSIVE DESIGN
-----------------------------------
*/


@media (min-width: 768px) {
	
	
	/* 
	-----------------------------------
		NAVBAR
	-----------------------------------
	*/
	
	.navbar-header.visible-xs + .navbar-collapse {
		padding-left:0;
	}

	
}

@media (max-width: 767px) {
	
	
	/* 
	-----------------------------------
		BODY
	-----------------------------------
	*/
	
	body {
		padding:0;
	}
	
	body > #main-wrapper {
		margin:0 auto 0 auto;
		box-shadow:none;
		border-radius:0;
	}
	
	/* 
	-----------------------------------
		HEADER
	-----------------------------------
	*/
	
	#main-header  {
		margin-left:-15px;
		margin-right:-15px;
		width:auto;
	}
	
	#main-header #banner-flag  {
		left:0;
	}
	
	#main-header #banner-title-text {
		padding-left:200px;
	}
	
	#main-header #banner-sub-title-text {
	padding-left:111px;
	top:50px;
	color:#0065a2;
}
	
	
	#language-selector {
		top:0;
		right:10px;
		position:relative;
	}
	
	
	#main-header hr  {
		display:none !important;
	}

	/* 
	-----------------------------------
		USER NAV
	-----------------------------------
	*/

	#user-nav {
		overflow:hidden;
		clear:both;
		padding-right:0;
	}
	
	#user-nav .nav {
		float:none !important;
		border-bottom:1px solid #E7E7E7;
		background:#fff;
		background:rgba(255,255,255,0.95);
		padding:10px 10px;
	}
	
	#collapse-user-nav {
		margin-right:10px;
	}
	
	/* 
	-----------------------------------
		NAV
	-----------------------------------
	*/
	
	#main-nav {
		margin-left:-15px;
		margin-right:-15px;
		border-radius:0;
		border-left:0;
		border-right:0;
	}
	
	.nav-stacked.affix {
		top:0;
		z-index:1;
		width:auto;
		position:relative;
		left:0;
	}
	
	.navbar-fixed-top,
	.navbar-fixed-bottom,
	.navbar-static-top {
		margin-right: -5px;
		margin-left: -5px;
	}
	
	
	
}

@media all and (max-width:600px) /* HORIZONTAL PHONE */ {
	.euTop{display:block;}

	.hidden-phone{display:none;}
	.visible-phone{display:block;}

/* ACCESSIBILITY MENU */

	#accessibility-menu li.m-home{display:inline-block;}

/* HEADER */

	#header #banner-title-text{margin-right:5px;font-size:22px;padding-top:20px;}
	
/* LAYOUT 3 */

	.layout-left{width:100%;clear:both;padding:0;margin:0;}
.js	.layout-left{width:96%;padding:0;margin:2%;}
	.layout-content{padding:0;margin:2%;clear:both;}
	.layout-wrapper,
	.layout-right{width:100%;padding:0;margin:0;clear:both;}
	.layout-right{width:96%;margin:2%;}

.js	.layout-wrapper{width:100%;padding:0;margin:0;}
.js	.layout-content{clear:both;width:96%;padding:0;margin:2%;}
.js .layout-right{width:96%;padding:0;margin:2%;clear:both;}

*+ html .js .layout-right{width:96%;margin:2%;}

/* LAYOUT NO RIGHT */

	.layout-noright .layout-wrapper{margin:0;}
	.layout-noright .layout-content{margin:0;padding:2%;width:96%;}
	.layout-noright .layout-left{display:none;}
	.layout-noright #accessibility-menu li:first-child{display:block;}

/* PATH */

	#path{display:none;}

/* LANGUAGE SELECTOR (SCRIPT) */


.js	.language-selector{font-size:80%;right:3px;top:3px;padding:0;margin:0;}



}
@media all and (max-width:320px) /* VERTICAL PHONE */{
/* HTML RESET */

	ul{list-style-type:none;margin:0;padding:0;}

/* HEADER */

	#header #banner-title-text{font-size:17px;}
	#header #banner-title-text span{font-size:14px;}
	
	#main-header #banner-sub-title-text {
	padding-left:137px;
	top:62px;
	color:#0065a2;
	font-size: 115%;
	}

/* SEARCH BOX SECTION */

	.search-form input.search-field{width:75%;}
}

@media (max-width: 480px) {
	
	body {
		padding:0;
	}
	
	/* 
	-----------------------------------
		HEADER
	-----------------------------------
	*/
	
	#main-header  {
		background:none;
		min-height:0;
	}
	
	#main-header #banner-flag  {
		position:relative;
		top:0;
		width:109px;
		height:75px;
		float:right;
		margin-top:10px;
	}
	
	#main-header #banner-title-text,
	#main-header #banner-title-text span {
		position:relative !important;
		top:0 !important;
		left:0!important;
		margin:0;
		padding:0;
		font-size:140%;
		padding:5px 0 0 0;
	}
	
	#main-header #banner-title-text {
		margin-top:35px;
		text-indent:15px;
	}
	
	#main-header #banner-title-text span {
		background:#0065A2;
		display:block;
		font-size:80%;
		padding:10px 5px;
		text-indent:10px;
	}	
	
	#main-header #banner-sub-title-text {
	padding-left:137px;
	top:62px;
	color:#0065a2;
	font-size: 115%;
	}
	
	/* 
	-----------------------------------
		USER NAV
	-----------------------------------
	*/
	
	#container-collapse-user-nav {
		padding-bottom:11px;
	}
	
	#user-nav, #user-nav .nav {
		margin:0;
		clear:both;
	}
	
	/* 
	-----------------------------------
		NAV
	-----------------------------------
	*/
	
	.nav.affix {
		top:0;
		z-index:1;
		width:auto !important;
		position:relative;
		left:0;
	}
	
	#main-nav.affix + #main-content  {
		margin-top:0;
	}
	
	/* 
	-----------------------------------
		FOOTER
	-----------------------------------
	*/
	
	footer#main-footer {
		text-align:center;
		width:100%;
	}
		
}

@media print {
	
	.tab-content > .tab-pane {
		display: block !important;
		overflow: auto;
		width: auto;
		height: auto;
	}
	
	.nav.nav-tabs-grey + .tab-content {
		background:#fff;
		padding:0;
		border:0;
	}
	
	.avoid-break {
		page-break-inside: avoid;
	}
	
	.break-after {
		page-break-after: always;
	}
	
	.break-before {
		page-break-before: always;
	}

	#header *, #header #banner-title-text {
		position:relative !important;
		top:0 !important;
		left:0 !important;
		display:inline !important;
		padding:0 !important;
		margin:0 !important;
	}
	
	#header #banner-title-text, #header #banner-title-text span {
		float:left !important;
		color:#000 !important;
		font-size:260%;
		font-weight:bold;
		margin:10px 0 0 0 !important;
	}
	
	#header #banner-title-text span {
		font-size:80%;
		font-weight:normal;
		margin:0 !important;
	}
	
	#header img {
		float:left !important;
		margin-right:20px !important;
	}
	
	#header:after {
		content:'';
		display:block;
		clear:left;
	}
	
	#main-content {
		clear:left;
		border-top: 1px solid #CCC;
		margin-top:1em;
		paddin-top:1em;
	}

}

@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 10mm 5mm 10mm 5mm;
}

html body a.link-components span.s {
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
cursor: pointer;
overflow: hidden;
display: none;
}

@media print {
/* GENERAL */

	*{color:#000 !important;border:0;background-color:transparent;background-image:none;}
	html,body{height:auto;}
	a{text-decoration:underline;}
	ul,ul li{list-style-type:disc;}
	ol,ol li{list-style-type: decimal;}
	h1,h2,h3,h4,h5,h6{padding:0 0 5px 0;font-weight:bold;border:0;}

/* BANNER */

	*+ html #header,#header{position:relative;z-index:10;min-height:85px;background-color:#fff;line-height:1.4;}
	*+ html #banner-flag,#banner-flag{position:static;float:left;width:86px;height:auto;} /* 172x119 */
	*+ html #header #banner-title-text,#header #banner-title-text{margin:0;border:0;font-size:20px;line-height:1.2;padding:0 0 10px 100px;position:static;}
	#banner-background,
	#banner-image-right,
	#banner-image-title{background-image:none;}

/* LAYOUT */

	.layout{font-size:120%;padding:1%;margin:0;width:98%;}
	.layout-wrapper,
	.layout-wrapper-reset,
	.layout-content{margin:0 !important;width:auto !important;clear:both !important;padding:0 !important;}
	.layout-left,
	.layout-right,
	.layout-footer{display:none;}

/* HIDDEN */

	.off-screen,#accessibility-menu,.js #accessibility-menu,#banner-image-right,#banner-image-title,#services,#language-selector,#language-selector-close,#path,
	#additional-tools,.js #additional-tools,.ws-ico,.link-ico img,.link-size,.ws-links,html body a.link-components{display:none;}
	
	*+ html #additional-tools,
	*+ html .js #additional-tools{display:none;}
	
	#accessibility-menu,.js #accessibility-menu{display:none !important;}  /* safari 3.1 */
}


@media all and (min-width:768px) /* FONT-SIZE RULES ONLY FOR DESKTOP */
{
	.font-size-1{font-size:100%;}
    .font-size-2{font-size:125%;}
    .font-size-3{font-size:150%;}
}