<node pre_start>
/* ============================================ */
/*  general_css
/* ============================================ */


/* ============================================ */
/*  FONTS - START
/* ============================================ */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("/esvportal/layouts/fonts/roboto/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("/esvportal/layouts/fonts/roboto/7m8l7TlFO-S3VkhHuR0at9Ih4imgI8P11RFo6YPCPC0.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("/esvportal/layouts/fonts/roboto/Xyjz-jNkfiYuJf8UC3Lizw.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("/esvportal/layouts/fonts/roboto/dFWsweFqlD8ExfyN7Gh_GPesZW2xOQ-xsNqO47m55DA.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("/esvportal/layouts/fonts/roboto/oOeFwZNlrTefzLYmlVV1UD8E0i7KZn-EPnyo3HZu7kw.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url("/esvportal/layouts/fonts/roboto/OLffGBTaF0XFOW1gnuHF0dIh4imgI8P11RFo6YPCPC0.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("/esvportal/layouts/fonts/roboto/97uahxiqZRoncBaCEI3aWz8E0i7KZn-EPnyo3HZu7kw.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url("/esvportal/layouts/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcC9Ih4imgI8P11RFo6YPCPC0.woff") format('woff'); 
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("/esvportal/layouts/fonts/robotocondensed/b9QBgL0iMZfDSpmcXcE8nCj3Mi2hOMP9GNHlaDA9WRI.woff") format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url("/esvportal/layouts/fonts/robotocondensed/mg0cGfGRUERshzBlvqxeAKnqGQEx1Z0mO0vh_gmMTLI.woff") format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url("/esvportal/layouts/fonts/robotocondensed/Zd2E9abXLFGSr9G3YK2MsK8NE7_Gi-Xz52ZQ_AwfA78.woff") format('woff'); 
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url("/esvportal/layouts/fonts/robotocondensed/BP5K8ZAJv9qEbmuFp8RpJSbgbeQlMzXi74o-QKBHk5k.woff") format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("/esvportal/layouts/fonts/robotocondensed/b9QBgL0iMZfDSpmcXcE8nJT5GEmoOtNsejy4tIPLwv0.woff") format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("/esvportal/layouts/fonts/robotocondensed/mg0cGfGRUERshzBlvqxeAGkmsVQraOiS9Ruw9APgQZo.woff") format('woff');
}


/* ============================================ */
/*  FONTS - ENDE
/* ============================================ */

/* ============================================ */
/* Custom Table Layouts - START
/* ============================================ */

/* cell with black border and green background */
td.border_green {
	border: 1px solid;
	background-color: #99cc66;
}

/* cell with center align */
td.center_align {
	text-align: center;
}

/* cell with carrier color background */

.button-cell-carrier_color {
	background-color: #C2C2C2 !important;	
}

td.carrier_color {
	border: 1px solid;
	background-color: #C2C2C2;	
}

.button-cell-carrier_color_2 {
	background-color: #008e5c !important;
	color : #fff;	
}

td.carrier_color_2 {
	border: 1px solid;
	background-color: #008e5c;	
	color : #fff;
}



/* table with black border left aligned */
table.border_left_align {
	margin-right: auto;
	border-collapse:collapse;
}

table.border_left_align td {
	border: 1px solid;
}

/* table with black border center aligned */
table.border_center_align {
	margin-right: auto;
	margin-left: auto;
	border-collapse:collapse;
}

table.border_center_align td {
	border: 1px solid;
}


/* ============================================ */
/* Custom Table Layouts - END
/* ============================================ */


/* ============================================ */
/*  ZULIEFERUNG DESIGNER - START
/* ============================================ */

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.hidden {
    display: none !important;
}

html {
	position: relative;
	height: 100%;
	background-color: white;
	margin:0;
	padding:0;
}

/* HTML5 display-role reset for older browsers
--------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block; /* normalize: Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
	vertical-align: baseline; /* normalize: Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
	*display: inline; /* IE8 */
	*zoom: 1;
}


/* Body & Font Settings
--------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #475256;
	font-size: 15px;
	line-height: 24px;
	height: 100%;
	/* -webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto; */
}

.noscroll {
	overflow: hidden;
}

#esv-container {
	position: relative;
	width: 100%;
	min-height: 0px;
	float: left;
	display:table;
	table-layout: fixed;
}

#esv-container #spacer {
	display: none;
}

.line.meinesv {
	display: none;
}

.line {
	position: relative;
	width: 100%;
	min-height: 0px;
	float: left;
}

.line.grey {
	background-color: #f5f8f8;
}

.center {
	position: relative;
	margin: 0 0 0 160px;
    width: 1280px;
}

#esv-nav_portal_detail {
	width: 544px;
	display: table-cell;
	vertical-align: top;
	float: none;
	min-height: 500px;
	line-height: 16px;
	background: rgba(0, 100, 100, 0.1);  /*sv*/
}

#esv-nav_portal_detail.show {
	display: table-cell;
}

.left {
	float: right;
	min-height: 0px;
	width: 384px;
}

.right {
	width: 896px;
}


@media (max-width: 1600px) { /* 1280 = 80%*/

	.center {
		margin: 0 auto;
		width: 80%;
	}
	
	#esv-nav_portal_detail {
		width: 30%;
	}
	
	.left {
		width: 66%;
	}
	
	.right {
		width: 85.7%;
	}

}

@media (max-width: 1400px) {

	.center {
		width: 86%;
	}
	
	.left {
		width: 75.4%;
	}
	
	.right {
		width: 90.2%;
	}

}


@media (max-width: 1180px) {

	.center {
        width: 94%;
	}
	
	.left {
		width: 89.4%;
	}
	
	.right {
		width: 95.9%;
	}

}

@media (max-width: 960px) {

	.center {
		width: 100%;
	}
	
	footer .center,
	.contentline .center,
	.landing .center {
		width: 98%;
	}
	
	#esv-nav_portal_detail,
	#esv-nav_portal_detail.show {
		display: none;
	}
	
	.right {
		width: 98%;
		margin-left: 1%;
	}

}


/* links
--------------------------------------------------*/
a {
	color: #008e5c;  /*sv*/
}

.colored a,
a.colored,
.colored {
	color: #008e5c; /*sv*/
}

a:active,
a:focus,
a:hover {
  color: #008e5c; /*sv*/
}

div a:link, 
div a:visited, 
div a:hover, 
div a:focus, 
div a:active  {
	border: none;
}

a img {
	border:none;
}


/* paragraphs, lists, headings, etc.
--------------------------------------------------*/

p {
  margin:0;
  padding:0 0 8px 0;
}

li {
}

ol, ul {
	padding-left: 22px;
}

sup {
	font-size: 60%;
	line-height: 1px;
	text-transform: lowercase;
}


strong, b {
	font-weight: 500;
}

.text h2 strong, .text h2 b {
	font-weight: 700;
}

.text strong, .text b {
	font-weight: 500;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}

h2 {
	font-size: 16px; 
	text-transform: none;
	line-height: 21px;
}

hr { 
	background-color: rgba(0, 100, 100, 0.2);  /*sv*/
    border: none;
    height: 1px;
    margin: 0;
	clear: both;
}

.dotted {
	background: none;
	border-bottom: 1px dotted rgba(0, 100, 100, 0.2);  /*sv*/
}

.dashed {
	background: none;
	border-bottom: 1px dashed rgba(0, 100, 100, 0.2);  /*sv*/
}

hr.hidden_clearer {
	background: none;
}

a.more_link {
	font-style: italic;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	float: right;
}

a.more_link:hover {
	text-decoration: underline;
}

a.more_link img {
	height: 20px;
	width: auto;
	margin-bottom: -4px;
	margin-left: 8px
}

/*box styles*/

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 8 */
}

.rounded {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

iframe {
	border: none;
}


/*image styles*/

.align_left  {
	float: left;
	margin: 0 2% 2% 0;
}

.align_right {
	float: right;
	margin: 0 0 2% 2%;
}

.align_center {
    display: block;
    margin: 0 auto 2%;
    clear: both;
}

.size_100pc {
	max-width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
}

.size_75pc {
	max-width: 75%;
	height: auto;
}

.size_50pc {
	max-width: 50%;
	height: auto;
}

.size_25pc {
	max-width: 25%;
	height: auto;
}

img {
	max-width: 100%;
	height: auto;
} 

video {
	max-width: 100%;
  	height: auto;
}


/*form styles*/

button, .button, .btn {
	border: none;
	height: 38px;
	padding: 0 8px;
	background-color: #008e5c; /*sv*/
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	letter-spacing: 0.03em;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	cursor: pointer;
	margin-top: 4px;
}

a:visited.a_btn_3spalten,
a:visited.a_btn_4spalten,
a:visited.a_btn_5spalten, 
a:visited.a_btn_6spalten,
a:visited.a_btn_7spalten,
a:focus.a_btn_3spalten,
a:focus.a_btn_4spalten,
a:focus.a_btn_5spalten, 
a:focus.a_btn_6spalten,
a:focus.a_btn_7spalten,
a:active.a_btn_3spalten,
a:active.a_btn_4spalten,
a:active.a_btn_5spalten, 
a:active.a_btn_6spalten,
a:active.a_btn_7spalten
  {
	color: white; 
}

.login a:visited 
.login a:focus 
.login a:active {
	color: white; 
}


/* table styles */

table {
	max-width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.3em;
}

td {
	border: 1px solid rgba(0, 100, 100, 0.2); /*sv*/
	padding: 4px;
}

.esv-table {
	width: 100%;
}

.esv-td-header {
	background-color: rgba(0, 100, 100, 0.2);  /*sv*/
}

/*list styles*/


.esv-bullet li, .esv-karo li, .esv-arrow li  {
	list-style: none;
	text-indent: -15px;
}

.esv-bullet li:before { 
	content: "";
	display: inline-block;
	border-color: #008e5c;
	border-style: solid;
	border-width: 3px;
	margin: 0 8px 2px 0;
	 -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	
	
.esv-karo li:before { 
    content: "";
    display: inline-block;
	border-color: #008e5c;
    border-style: solid;
    border-width: 3px;
	margin: 0 8px 2px 0;
}
	
	
.esv-arrow li:before { 
    content: "";
    display: inline-block;
	border-color: #008e5c;
    border-style: solid;
    border-width: 1px;
	border-bottom: none;
	border-left: none;
	margin: 0 8px 2px 0;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg) skew(15deg, 15deg);
	-moz-transform: rotate(45deg) skew(15deg, 15deg);
	-o-transform: rotate(45deg) skew(15deg, 15deg);
	transform: rotate(45deg) skew(15deg, 15deg);
}



/* Text for Screen Readers only
--------------------------------------------------*/
.is-aural {
	display: block;
	position: absolute !important;
	clip: rect( 1px, 1px, 1px, 1px );
	*clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
}

.is-aural.is-focusable:active,
.is-aural.is-focusable:focus {
	position: static !important;
	clip: auto;
	width: auto;
	height: auto;
	margin: 0;
	text-decoration: underline;
	overflow: visible;
}


/*--------------------------------------------------*/
/* header
/*--------------------------------------------------*/

#esv-header {
	height: 210px; /*with meta*/
	width: 100%;
	display: block;
	background: #fff;
	position: relative;
	float: left;
    z-index: 10;
	-moz-box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')"; /* For IE 8 */
}

#esv-header .logo {
	position: absolute;
	left: 0;
	top: 45px;
	z-index: 5;
}

.logo img.mobile {
	display: none;
}

#esv-header .logo img {
	width: auto;
	height: 90px; 
}


@media (max-width: 960px) {

    #esv-header {
    	height: 51px;
    }
    
    #esv-header .logo {
    	top: 0px;
    }
    
    #esv-header .logo img {
    	width: auto;
    	height: 50px;
    }

}

/* tools
-----------------*/


.menuicon, .searchicon {
	display: none;
}

.tools {
	width: 66.6%;
	height: 87px;
	position: absolute;
	right: 0px;
	top: 1px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px; 
	font-weight: 700;
	letter-spacing: 1px;
}

.tools .column1,
.tools .column2 {
	width: 50%;
	float: left;
}

.tools .column2 {
	background: rgb(242, 245, 245);
}

.accessicon {
    float: right;
    padding: 5px 8px 0;
	opacity: 1;
	-ms-filter: alpha(opacity=100); /* For IE8 and earlier */
	cursor: pointer;
}

.accessicon:hover {
	opacity: 0.5;
    -ms-filter: alpha(opacity=50); /* For IE8 and earlier */
}

.en {
	width: 24px;
	height: 24px;
	font-weight: 300;
	line-height: 19px;
	float: right;
	margin: 09px 4px 0 8px;
    text-align: center;
    border: solid 1px;
    padding-top: 2px;
    border-color: rgb(118, 118, 118);
}

.en a {
	color: rgb(118, 118, 118);
	font-size: 15px;
	text-decoration: none;
}

.en a:hover {
	color: #475256;
}

.others, .login, .contact, .extra {
	display: block;
	width: 50%;
	float: left;
    height: 40px;
    position: relative;
	text-transform: uppercase;
}

.extra {
	border-left: 1px solid #fff;
	display: none;
}

.others a, .login a, .contact a, .extra a, .partner a {
    display: block;
    padding: 8px 0 0 18px;
	float: left;
	width: 100%;
}

.others a, .contact a, .extra a {
	text-decoration: none;
	color: #475256; 
}

.others img, .login img, .partner img, .contact img, .extra img {
	position: absolute;
	right: 10px;
	height: 28px;
	width: auto;
	top: 6px;
}

/*login*/

.login {
	border-left: 1px solid #fff;
	background: #008e5c; /*sv*/ 
	color: #fff;
	z-index: 202;
}

.login a {
	color: #fff;
    text-decoration: none;
}

/*logged in*/

.userinfo, .userlinks, .in .logintext {
    display: none;
}

.in .userinfo {
    float: left;
    display: block;
}

.userinfo .short {
    display: none;
}

.userlinks {
    width: 200%;
    background: #008e5c; /*sv*/
    position: absolute;
    top: 40px;
    right: 0;
    margin: 0;
    padding: 15px 18px;
    z-index: 30;
	text-transform: none;
}

.userlinks li {
    list-style: none;
    padding: 0;
	font-weight: 300;
	font-size: 15px;
}

.userlinks a {
    padding: 0;
}

.login a:hover span,
.login a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.close_userlinks {
	float: none;
	text-align: center;
}

.login .close_userlinks img {
	margin: 10px auto 5px;
	width: auto;
	height: auto;
	cursor: pointer;
	float: none;
	position: relative;
}

.login img  {
	height: 25px;
}


@media (max-width: 960px) {

	.tools{
		height: 50px;
		width: 204px;
		background: none;
	}
	
	.tools .column1,
	.tools .column2 {
		width: auto;
	}
		
	.menuicon, .accessicon, .login, .searchicon, .extra {
		display: block;
		width: 51px;
		height: 50px;
		border-right: 1px solid #fff;
		padding: 9px 0 0;
		text-align: center;
        float: left;
		cursor: pointer;
	}
	
    .login a {
        padding: 3px 0 0 0;
    }
    
	.login img {
		top: 12px;
	}
    
    .login.in .icon_login {
        display: none;
	}
    
    .in .userinfo .short, .in .userinfo {
        display: block;
        text-align: center;
        width: 100%;
    }
    
    .userinfo .long {
    display: none;
    }
    
    .userlinks {
        width: 600%;
        top: 50px;
    }
		
	.menuicon, .searchicon {
		background: rgb(242, 245, 245);
	}
	
	.accessicon img, .menuicon img, .searchicon img {
		height: 34px;
		width: auto;
	}
	
	.others, .logintext, .en, .contact {
		display: none;
	}
	
	.extra {
		text-indent: -500px;
		overflow: hidden;
		display: none;
	}

}


/* search
-----------------*/

input, textarea, select {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #475256;
}

#search, .search {
	width: 100%;
	border-top: 1px solid #fff;
	height: 40px;
	float: left;
}

.search {
	background: rgb(242, 245, 245);
	max-width: 600px;
	height: 46px;
}

.searchbox {
	width:75%;
	height: 22px;
	float: left;
	margin: 8px 0 0 15px;
	border: none;
	font-size: 14px;
	font-weight: 300;
	background: #fff;
	color: rgb(118, 118, 118);
	text-align: center;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
	-moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
	box-shadow: inset 2px 2px 2px 0px #dddddd;
}

.search .searchbox {
	width: 80%;
	max-width: 570px;
	height: 28px;
}

.searchbox:focus {
	color: #475256;
	font-weight: 400;
}

.searchbutton {
	float: right;
	cursor: pointer;
	background: transparent url("<node bildurl_search>") no-repeat;
	background-size: contain;
	border: none;
	text-indent: -500px;
	width: 12%;
	height: 30px;
	margin: 5px 7px 0 0;
}

.search .searchbutton{
	width: 10%;
	min-width: 30px;
	height: 35px;
}

@media (max-width: 960px) {

	#search {
		display: none;
	}

}

/*--------------------------------------------------*/
/* navigations
/*--------------------------------------------------*/

div .left .closedropdown {
	display:none; /* hide close mobilenavi button in desktop layout */
}

#esv-header div.lineplaceholder {
	display: none;
}

nav, #esv-nav_portal_detail {
	font-size: 16px;
	line-height: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}

nav ul, nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.main ul {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
	display: -ms-flexbox;
    -ms-flex-pack: justify;
    display: flex;
    justify-content: space-between;
    width: 1280px;
    margin-left: 160px;    
}

.dropdown ul {
    width: 1280px;
    margin-left: 160px;    
}

nav a {
	color: #475256;
}

.plus, .minus {
    height: 25px;
    width: auto;
    float: left;
    margin: 1px 4px 0 0;
	cursor: pointer;
}

/*current colors*/

.main .menu-item.open a,
.main .current-menu-ancestor a,
.meta .current-menu-ancestor a {
	text-decoration: none;
	color: #008e5c; /*sv*/
}

.current-menu-item a  {
	color: #008e5c; /*sv*/
}

.current-menu-item .sub-menu a {
	color: #475256; /*normal*/
}

.current-menu-item a:hover  {
	color: #008e5c; /*sv*/
}


/* meta
-------------*/

.meta {
	width: 768px;
	height: 52px;
	position: absolute;
	bottom: 54px;
	margin-left: 672px;
	font-weight: 300;
	margin-right: -20px;
}

.meta ul {
    justify-content: center;
	display: table;
	float: right;
	
}

.meta .menu-item {
	display: table-cell;
	height: 50px;
	vertical-align: top;
	border-spacing: 1px;
}

.meta .menu-item.last a {
	padding-left: 40px;
}


.meta .menu-item a {
	display: table-cell;
	text-align: center;
	padding: 0 15px;
	height: 50px;
	vertical-align: middle;
}

.meta .menu-item a:hover,
.meta .current-menu-item a,
.meta .current-menu-ancestor a {
	background: #f2f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #dfe7e7 0%, rgb(242, 245, 245) 58%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe7e7), color-stop(58%,rgb(242, 245, 245))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dfe7e7 0%,rgb(242, 245, 245) 58%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dfe7e7 0%,rgb(242, 245, 245) 58%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #dfe7e7 0%,rgb(242, 245, 245) 58%); /* W3C */
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc')";/* For IE 8 */
}


/* main
-------------*/

.main {
	width: 100%;
	height: 55px;
	background: rgb(242, 245, 245);
  	position: absolute;
	bottom: 0;
	font-weight: 700;
}

.main a,
.meta a {
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 16px; 
}

nav a:hover {
	color: #008e5c; /*sv*/
}

.main .menu-item {
	text-transform: uppercase;
	display: block;
	float: left;
	text-align: left;
	padding: 0 15px;
}

.main li:first-child {
	padding-left: 0;
}

.main li:last-child {
	padding-right: 0;
}

.main .menu-item img {
	display: none;
}

.main .menu-item a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	height: 55px;
}

.main .menu-item.open {
    height: 65px;
    z-index: 201;
	background-color: #f2f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f5f5 44%, #dfe7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#f2f5f5), color-stop(100%,#dfe7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f5f5 44%,#dfe7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f5f5 44%,#dfe7e7 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #f2f5f5 44%,#dfe7e7 100%); /* W3C */
}

.main .menu-item.open img {
	display: block;
	margin: 20px auto;
	z-index: 201;
	position: relative;
}

@media (max-width: 960px) {

	.main {
		display: none;
	}

}

/* dropdown
-------------*/

.dropdown {
	position: absolute;
	top: 100%;
	min-height: 0px;
	z-index: 200;
	padding: 10px 0 10px;
	display: none;
	width: 100%;
	background-color: rgba(223, 231, 231, 0.97);
	-webkit-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";/* For IE 8 */
}

.dropdown ul {
 min-height: 0px;
 text-align: left;
}

.dropdown li {
	float: left;
	display: block;
    font-weight: 300;
	width: 100%;
}

.dropdown ul ul {
    width: 100%;
    margin: 0;
	background: none;
	margin-top: 30px;
}

.dropdown ul ul ul {
	margin-top: 10px;
}

.dropdown li li {
    text-align: left;
    width: 20%;
    display: inline-block;
	vertical-align: top;
	float: none;
    font-size: 16px;
    text-transform: uppercase;
	line-height: 18px;
    font-weight: 400;
    padding: 0;
	display: none;
	margin-bottom: 30px;
	padding-right: 10px;
}

.dropdown li li ul {
	border-left: 1px solid rgba(71, 82, 86, 0.3);
	min-height: 200px;
	padding: 0 0 0 5%;
}

.dropdown li li li {
    width: 100%;
    font-size: 15px;
    text-transform: none;
    font-weight: 300;
    padding: 2px 0;
	display: none;
	border: none;
	min-height: 0px;
	margin: 0;
}

.dropdown a {
	text-decoration: none;
	padding: 5px 0;
	display: block;
	color: #475256;
}

.more-menu a {
	font-weight: 400;
}

.closedropdown {
	clear: both;
	text-align: center;
	margin: 60px 0 30px;
	font-style: italic;
	font-weight: 300;
	cursor: pointer;
	opacity: 0.5;
    -ms-filter: alpha(opacity=50); /* For IE8 and earlier */
}

.closedropdown img {
	margin-bottom: 10px;
}

.closedropdown:hover {
	opacity: 1;
    -ms-filter: alpha(opacity=100); /* For IE8 and earlier */
}


/* submenu as mobilemenu
-------------*/

#esv-nav_portal_detail.lightbox {
     top: 0px;
     position: fixed;
     width: 100%;
     height: 100%;
     overflow: scroll;
     background: rgba(242, 245, 245, 0.98);  /*sv*/
     padding: 0;
     display: none;
     z-index: 300;
}

.mobilenavi {
	padding: 0 2%;
	position: relative;
}

.mobilenavi li {
    text-align: left;
    padding: 10px 0;
    font-weight: 400;
    text-transform: uppercase;
	border-bottom: 1px solid #e0e4e5;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff;
}

.mobilenavi li li li {
    width: 100%;
    float: none;
    padding: 10px 0 0;
    text-transform: none;
	font-weight: 300;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.mobilenavi li ul {
    padding-left: 18px;
	margin-left: 12px;
}

.mobilenavi li li ul {
    border-left: 1px solid #e0e4e5;
}

.mobilenavi li a {
	text-decoration: none;
	padding: 8px 0 8px 30px;
	display: block;
}

.mobilenavi li li:last-child {
	border-bottom: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-bottom: 0;
}

.mobilenavi li li:first-child {
	border-top: 1px solid #e0e4e5;
	-moz-box-shadow: 0 -1px 0 0 #fff;
	-webkit-box-shadow: 0 -1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff;
	margin-top: 8px;
}

.mobilenavi li li li:first-child {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 0;
}


@media (max-width: 1600px) {

	.main ul,
    .dropdown ul {
		width: 80%;
        margin: 0 auto;
	}
    
    .meta {
        width: 50%;
        right: 10%;
        margin: 0;
	}

}

@media (max-width: 1400px) {
   
    .main ul,
    .dropdown ul {
		width: 86%;
	}
    
    .meta {
        right: 7%; 
	}
	
	.dropdown li li {
    	width: 25%;
	}

}


@media (max-width: 1180px) {

	.main ul,
    .dropdown ul {
		width: 94%;
	}
    
    .meta {
        right: 3%; 
	}

}


@media (max-width: 960px) {

	.meta {
		display: none;
	}

}


/* subnavi
-------------*/

/*one-level hidden*/
.left li.hide-in-sub ul.sub-menu  {
	margin-left: 0;
	padding-top: 0;
}
.left li.hide-in-sub  {
	padding: 0;
}
#esv-nav_portal_detail .left .hide-in-sub a {
	display: none;
}
.left li.hide-in-sub img {
	height: 0px;
}

/*one-level children visible*/
.left .hide-in-sub.current-menu-ancestor ul.sub-menu ul.sub-menu {
	margin-left: 7px;
	padding-top: 7px;
}
#esv-nav_portal_detail .left .hide-in-sub.current-menu-ancestor ul.sub-menu a {
	display: block;
}
#esv-nav_portal_detail .left .hide-in-sub.current-menu-ancestor ul.sub-menu .hide-in-sub a {
	display: none;
}
.left .hide-in-sub.current-menu-ancestor ul.sub-menu img {
	height: 15px;
}

/*two-levels hidden*/
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor ul.sub-menu,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-item ul.sub-menu {
	margin-left: 0px;
	padding-top: 0;
}
#esv-nav_portal_detail .left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor a {
	display: none;
}
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor img,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-item img {
	height: 0px;
}

/*two-levels children visible*/
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor ul.sub-menu ul.sub-menu,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-item ul.sub-menu ul.sub-menu {
	margin-left: 7px;
	padding-top: 7px;
}
#esv-nav_portal_detail .left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor ul.sub-menu a,
#esv-nav_portal_detail .left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-item ul.sub-menu a {
	display: block;
}
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor ul.sub-menu img,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-item ul.sub-menu img {
	height: 15px;
}

/*where*/

.where {
	padding: 20px 0 0 0;
	font-size: 12px;
}

.lightbox .where {
	padding: 17px 0;
	font-size: 16px;
	border-bottom: 1px solid #e0e4e5;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff;
}

#esv-nav_portal_detail .where a {
	color: #008e5c; /*sv*/
	text-decoration: none;
}

.where img {
	margin: 0 8px -3px 0;
}

.left .plus,
.left .minus {
    height: 15px;
	margin-top: 0;
}

.left ul,
.left li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.left ul {
	font-size: 16px;
	padding: 10px 10px 30px 0;
}

.left li {
	padding: 8px 0;
	font-weight: 300;
}

.left .sub-menu li:last-child {
	padding-bottom: 0;
}

.left ul.sub-menu {
	padding: 7px 0 0 0;
    margin-left: 23px;
}

.left ul ul ul ul li {
	border-left: 1px dotted rgba(71, 82, 86, 0.2);
	padding-left: 4px;
}

.left ul ul ul ul ul li {
	font-size: 15px;
	padding: 7px 0 7px 4px;
}

.left a {
	text-decoration: none;
    color: #475256;
}

.left a:hover {
	text-decoration: underline;
}

.left .has-children a {
	padding-left: 20px;
	display: block;
}

.left .current-menu-item a  {
	font-weight: 400;
}

.left .current-menu-item .sub-menu a  {
	font-weight: 300;
}


/* context menu
-------------*/

.context_menu {
    background-color: #475256;
    float: left;
    width: 100%;
    min-height: 0px;
    float: left;
    margin: 100px 0;
	line-height: 18px;
	font-weight: 300;
}

.context_menu .left {
	 padding: 20px 20px 20px 0;
}

.context_menu li a,
.context_menu a,
.context_menu h2,
.context_menu {
    color: #fff;
}

.context_menu ul {
    padding: 0;
}

.context_menu li {
    padding-bottom: 8px;
}

.context_menu .esvlink img {
    display: none;
}

.context_menu h2 {
    background-position: top right;
    background-repeat: no-repeat;
    text-transform: uppercase;
    height: 50px;
    margin: 0 0 17px 0;
    padding: 17px 0;
}

.heart {
	float: right;
	margin: -17px 0;
}

.context_menu .mobilenavi h2 {
	margin-top: 2%;
}

/*section*/

.left .current-menu-item .sub-menu li.section a,
.mobilenavi li.section {
	font-weight: 400;
}

.left li.section {
	margin-top: 10px;
}

.left li:first-child.section,
.mobilenavi li:first-child.section {
	margin-top: 0;
}
    

/*onload status sub-menu, mobilenavi*/

.mobilenavi li .sub-menu,
.left li .sub-menu {
display: none;
}

/*current*/
/*show ancestors of current*/
.left .current-menu-ancestor ul.sub-menu,
.mobilenavi .current-menu-ancestor ul.sub-menu {
    display: block;
}
/*current ancestors are open / hide plus, show minus */
.left .current-menu-ancestor.has-children .plus,
.mobilenavi .current-menu-ancestor.has-children .plus {
    display: none;
}
.left .current-menu-ancestor.has-children .minus,
.mobilenavi .current-menu-ancestor.has-children .minus {
    display: block;
}

/*no-ancestors - children of current are no-ancestors*/
/*close no-ancestors*/
.left .no-ancestor ul.sub-menu,
.mobilenavi .no-ancestor ul.sub-menu {
    display: none;
}
/*no-ancestors are closed / show plus if children */
.left .no-ancestor.has-children .plus,
.mobilenavi .no-ancestor.has-children .plus {
    display: block;
}
/*open only first children of current*/
.left .current-menu-item.no-ancestor ul.sub-menu,
.mobilenavi .current-menu-item.no-ancestor ul.sub-menu {
    display: block;
}
.left .current-menu-item.no-ancestor ul.sub-menu ul.sub-menu,
.mobilenavi .current-menu-item.no-ancestor ul.sub-menu ul.sub-menu {
    display: none;
}
/*show minus or nothing*/
.left .no-ancestor.has-children.current-menu-item .plus,
.mobilenavi .no-ancestor.has-children.current-menu-item .plus {
    display: none;
}
.left .no-ancestor.has-children.current-menu-item .minus,
.mobilenavi .no-ancestor.has-children.current-menu-item .minus {
    display: block;
}
/*no minus for children with children*/
.left .no-ancestor.has-children.current-menu-item ul.sub-menu .has-children .minus,
.mobilenavi .no-ancestor.has-children.current-menu-item ul.sub-menu .has-children .minus {
    display: none;
}
/*plus for children with children*/
.left .no-ancestor.has-children.current-menu-item ul.sub-menu .has-children .plus,
.mobilenavi .no-ancestor.has-children.current-menu-item ul.sub-menu .has-children .plus {
    display: block;
}
/*plus for item with children*/
.left .no-ancestor.has-children .minus,
.mobilenavi .no-ancestor.has-children .minus {
    display: none;
}

/*plus-minus-rules
/////////////////////*/

.left li img {
    display: none;
}
/*has children*/
.left .has-children img.plus,
.mobilenavi .has-children img.plus {
	display: block;
}
.left .has-children img.minus,
.mobilenavi .has-children img.minus {
	display: none;
}


/*--------------------------------------------------*/
/* imgnavi
/*--------------------------------------------------*/


/* imgnaviitems
------------------------*/

#esv-channels {
  display: none;
}

.imagenavi ul {
  margin: 30px 0;
  float: left;
  width: 100%;
  padding: 0;
}

li.imgnaviitem {
	list-style: none;
	padding: 0;
}

.imgnaviitem {
	float: left;
	height: auto;
	position: relative;
	margin-top: 1%;
	margin-right: 1%;
	overflow: hidden;
}

.inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.clearer,
.clearer1,
.clearer2,
.clearer3 {
	clear:both;
	width: 100% !important;
	height: 0px;
	display: none;
	padding: 0 !important;
}

/*latest*/

.neutral li.latest .imgnavitext,
.latest .imgnavitext {
	height: 100%;
}

.imagenavi .latest  ul {
	height: 100%;
	margin: 0;
	display: table;
	width: 100%;
}

.latest li {
	width: 100%;
	display: table-row;
	text-align: left;
}

.latest li:last-child {
	height: 70px;
}

.latest li a {
	display: table-cell;
	border-bottom: 1px solid rgba(256, 256, 256, 0.5);
	color: #fff;
	line-height: 20px;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	vertical-align: middle;
	padding: 0 10%;
}

.latest li h2 a {
	font-size: 16px;
	text-align: center;
}

.latest li:last-child a {
	border: none;
}

.latest li a:hover {
	background: rgba(256, 256, 256, 0.3);
}

.latest li h2 a:hover {
	background: none;
}

.latest .imgnavitext h2 {
	padding: 17px 0 0;
	margin: 0;
}

.latest .imgnavitext h2 img {
	float: right;
	height: 30px;
	width: auto;
	margin: -8px 8px 0 0;
}


/* one
------------------------*/

.one li {
	width: 100%;
	padding-bottom: 50%;
}

.one.square li {
	padding-bottom: 100%;
}

.one .li1,
.one .li2,
.one .li3,
.one .li4,
.one .li5,
.one .li6,
.one .li7,
.one .li8,
.one .li9,
.one .li10,
.one .li11,
.one .li12 {
	margin-right: 0;
}


/* two
------------------------*/

.two.square li {
	width: 49.5%;
	padding-bottom: 49.5%;
}

.two li {
	width: 49.5%;
	padding-bottom: 25%;
}

.two .li2,
.two .li4,
.two .li6,
.two .li8,
.two .li10,
.two .li12  {
	margin-right: 0;
}


/* three
------------------------*/

.three li {
	width: 32.66%;
	padding-bottom: 24.49%;
}

.three.square li {
	padding-bottom: 32.66%;
}

.three.big .li1 {
	width: 66.33%;
	padding-bottom: 49.99%;
}

.three.square.big .li1 {
	padding-bottom: 66.33%;
}

.three.big .clearer1 {
	display: block;
}

.three.big .li2,
.three .li3,
.three .li6,
.three .li9,
.three .li12 {
	margin-right: 0;
}


/* four
------------------------*/

.four li,
.imagenavi .four.special4 .li2 {
	width: 24.25%;
	padding-bottom: 18.06%;
}

.four.square li,
.imagenavi .four.special4 .li2 {
	padding-bottom: 24.25%;
}

.four.big .li1,
.four.special .li2,
.imagenavi .four.special4 .li4 {
	width: 49.5%;
	padding-bottom: 37.12%;
}

.four.square.big .li1 {
	padding-bottom: 49.5%;
}

.four.special .li2,
.imagenavi .four.special4 .li2,
.imagenavi .four.special4 .li4 {
	padding-bottom: 18.06%;
}

.four.square.special .li2,
.imagenavi .square.special4 .li4 {
	padding-bottom: 24.25%;
}

.four.big .clearer3 {
	display: block;
}

.four.big.special .clearer3 {
	display: none;
}
.four.big.special .clearer2 {
	display: block;
}

.four .li4,
.four .li8,
.four .li12,
.four.big .li3,
.four.big .li5,
.four.big .li9,
.four.big.special .li2,
.four.big.special .li4,
.four.big.special .li8,
.four.big.special .li12,
.four.big.square.special .li4,
.four.big.square.special .li8,
.imagenavi .four.big.special4 .li3 {
	margin-right: 0;
}


.four.big .li4,
.four.big .li8,
.four.big .li12,
.four.big.special .li3,
.four.big.special .li5,
.four.big.special .li9,
.four.big.special.square .li6,
.four.big.special.square .li10,
.imagenavi .four.big.special4 .li2 {
	margin-right: 1%;
}


/* imgnavicontent
------------------------*/

.imgnaviimage img {
	width: 100%;
	height: auto;
	float: left;
}

.imgnavitext,
.neutral li .imgnavitext {
	position: absolute;
	bottom: 0px;
	background-color: rgba(223,231,231,0.85);
	width: 100%;
	text-align: center;
	height: 70px;
	overflow: hidden;
}

.imgnavitext h2.drop {
	margin: 7px 0 20%;
	padding: 0 0 10px 0;
	cursor: pointer;
}

.imgnavitext h2 {
	margin: 15px 0 20%;
	padding: 0 0 10px 0;
	cursor: pointer;
}

.imgnavitext h2 .closer {
	display: none;
}

.imgnavitext h2 a {
	display: block;
	padding: 5px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 16px; 
	font-weight: 700;
	letter-spacing: 1px;
}

.imgnavitext h2 .opener {
	display: block;
	margin: 0 auto;
}

.imgnavitext h2 a,
.imgnavitext .text a,
.imgnavitext .text,
.neutral .imgnavitext h2 a,
.neutral .imgnavitext .text a,
.neutral .imgnavitext .text  {
	color: #475256; 
}

.imgnavitext .more_link a {
	font-weight: 500;
}

.imgnavitext h2:hover {
	opacity: 0.8;
    -ms-filter: alpha(opacity=80); /* For IE8 and earlier */
}

.imgnavitext h2.open {
	margin: 2% 0 3%;
}

.imgnavitext h2.open .opener {
	display: none;
}

.imgnavitext h2.open .closer {
	display: block;
	margin: 5px auto 0;
}

.imgnavitext .text {
	line-height: 30px;
	font-size: 16px; 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	padding: 0 5%;
}

.imagenavi .imgnavitext .text ul, 
.imgnavitext .text li {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

 
.imgnavitext .text li {
	padding: 0 0 18px;
	line-height: 18px;
}

.imgnavitext .text a {
	text-decoration: none;
}

.imgnavitext .text a:hover {
	text-decoration: underline;
}


/* imgnavirespond
------------------------*/

@media (max-width: 960px) {

	.imagenavi ul {
		margin: 15px 1% 0 1%;
		width: 98%;
	}
		
	.four .imgnavitext h2 .opener,
	.four .imgnavitext h2 .closer,
	.four .imgnavitext h2.open .closer {
		display: none;
	}
	
	.latest li a {
		font-size: 16px;
		line-height: 18px;
	}
	
}


@media (max-width: 800px) {

	.imgnavitext h2 {
		font-size: 15px;
		margin-top: 3%;
	}
	
	.imgnavitext h2 .opener,
	.imgnavitext h2 .closer,
	.imgnavitext h2.open .closer {
		display: none;
	}
	
	.imgnavitext {
		height: 65px !important; /*force to 65px if animated bevore*/
	}
	
	.latest .imgnavitext {
		height: 100% !important; /*you stay*/
	}
	
	.latest li {
	}
	
	.latest li:last-child {
		height: 65px
	}
	
	.latest li:nth-last-child(2) {
		display: none;
	}
	
	.imgnavitext .text {
		font-size: 16px;
	}
	
	.four li,
	.big.four li {
		width: 49.5%;
		padding-bottom: 24.75%;
		padding-bottom: 37.12%;
	}   
		
	.four.square li,
	.big.four.square li {
		padding-bottom: 49.5%;
	}
	
	.big.four .li1,
	.big.special.four .li2,
	.imagenavi .big.four.special4 .li4 {
		width: 49.5%;
		padding-bottom: 37.12%;
	}    
	
	.big.four.square.special .li2,
	.imagenavi .big.four.square.special4 .li4 {
		padding-bottom: 49.5%;
	}
	
	.big.four .li1 {
		margin-right: 1%;
	}
	/*/no animation*/
		
	.four .li3,
	.big.four .li3,
	.big.four .li5,
	.big.four .li7,
	.big.four .li9,
	.big.four .li11,
	.imagenavi .big.four.special4 .li3,
	.big.four.special .li3,
	.big.four.special .li5,
	.big.four.special .li7,
	.big.four.special .li9,
	.big.four.special .li11 {
		margin-right: 1%;
	}
		
	.four .li2,
	.four .li6,
	.four .li10,
	.big.four .li2,
	.big.four .li4,
	.big.four .li6,
	.big.four .li8,
	.big.four .li10,
	.big.four .li12,
	.imagenavi .big.four.special4 .li2,
	.big.four.special .li4,
	.big.four.special .li6,
	.big.four.special .li8,
	.big.four.special .li10,
	.big.four.special.square .li6,
	.big.four.special.square .li10 {
		margin-right: 0;
	}    
    
}


@media (max-width: 600px) {
	
	.three li,
	.big.three li {
	width: 49.5%;
	padding-bottom: 24.75%;
	padding-bottom: 37.12%;
	}    
	    
	.three.square li,
	.big.three.square li {
	padding-bottom: 49.5%;
	}
	
	.big.three .li1 {
	width: 100%;
	padding-bottom: 50%;
	padding-bottom: 75%;
	margin-right: 0;
	}    
	    
	.big.three.square .li1 {
	padding-bottom: 100%;
	}
	
	.three .li3,
	.big.three .li2,
	.big.three .li4,
	.big.three .li6,
	.big.three .li8,
	.big.three .li10,
	.big.three .li12 {
	margin-right: 1%;
	}
	    
	.three .li2,
	.three .li4,
	.three .li6,
	.three .li8,
	.three .li10,
	.three .li12,
	.big.three .li3,
	.big.three .li5,
	.big.three .li7 {
	margin-right: 0;
	}

}

@media (max-width: 450px) {
	
	.two li {
		padding-bottom: 35%;
	}
	
	.imagenavi .latest li:nth-last-child(3) {
		display: none;
	}

}


/*--------------------------------------------------*/
/* second line portal / news / links / banner
/*--------------------------------------------------*/

.newslist .column1 h3, 
.newslist .column2 h2 {
	font-size: 18px; 
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 30px 0 20px;
}

.newslist h2 img,
.newslist h3 img {
	float: right;
	margin-top: -12px;
	height: 46px;
	width: auto;
}


/* portal column 1 / links and banners
----------------------*/

.newslist .column1 {
	float: right;
	width: 33%;
	padding: 0 5px 0 4%;
}

.newslist .column1 h3 {
	padding-right: 38px;
	padding-left: 8px;
}

.column1 .linkbox {
	border: none;
	padding: 0;
} 

.newslist .linkbox h3 img {
	float: right;
	margin-top: -12px;
	height: 46px;
	width: auto;
	margin-right: -38px;
}

.column1 .linkbox .esvlinks li {
	border-bottom: 1px solid #e0e4e5;
	border-top: 1px solid #fff;
	padding: 15px 0;
	list-style: none;
}

.column1 .linkbox li a.esvlink img {
	margin: 0 4px -3px 20px;
	float: right;
	opacity: 0.4;
    -ms-filter: alpha(opacity=40); /* For IE8 and earlier */
	height: 23px;
	width: auto;
}
.column1 .linkbox li a:hover.esvlink img {
	opacity: 1;
    -ms-filter: alpha(opacity=100); /* For IE8 and earlier */
}

.column1 .linkbox.links_banner li {
	border: none;
}

.column1 .linkbox .esvlinks li:first-child {
	border-top: none;
}

.column1 .linkbox .esvlinks li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px; 
	text-decoration: none;
	letter-spacing: 1px;
	display: block;
}

.column1 .linkbox a:hover {
	text-decoration: underline;
}

.column1 .linkbox.links_dropdown {
	border: 1px solid #e0e4e5;
}

/* mobile only elements */

.mobile_only {
	display: none;
}

.linkbox.mobile_only, .column1 .banner .links_banner.linkbox.mobile_only {
	display: none;
}

/* desktop only elements */

span.desktop_only {
	display: inline;
}

.linkbox.desktop_only, .column1 .banner .links_banner.linkbox.desktop_only {
	display: block;
}




/* portal column 2 / news
----------------------*/

.newslist .column2 {
	float: left;
	width: 66%;
}

ul.listlines {
	padding: 0;
	margin: 0 0 40px 0;
	float: left;
}

.newslist ul.listlines {
	border-right: 1px solid rgb(224, 228, 229);
}

.column2 .listline  {
	padding: 0 5% 0 0;
}


/* listitems */


.listline  {
	width: 100%;
	float: left;
	position: relative;
	list-style: none;
	margin-top: 40px;
	min-height: 0px;
	display: table;
}

.listline .imagebox {
	width: 25%;
	display: table-cell;
	padding-right: 20px;
	vertical-align: top;
}

.listline .textbox {
	display: table-cell;
	vertical-align: top;
}

.listline.featured .imagebox {
	width: 50%;
}


.listline .imagebox img {
	width: 100%;
	height: auto;
	float: left;
}

.listline .imagebox  img:hover {
	opacity: 0.8;
    -ms-filter: alpha(opacity=80); /* For IE8 and earlier */
}


.listline .text {
	font-size: 15px;
	line-height: 21px;
	font-weight: 300;
}

.listline h3 {
	font-size: 18px; 
	line-height: 22px;
	margin-top: 0;
    letter-spacing: 1px;
}

.listline.featured h3 {
	font-size: 24px;  
	line-height: 28px;
}

.listline h3 a {
	text-decoration: none;
}

.listline h3 a:hover {
	text-decoration: underline;
}

.linemeta {
	letter-spacing: 1px;
	display: block;
	float: left;
	width: 100%;
}

.date {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
}

.scores { /*new!*/
	display: inline-block;
	margin-right: 10px;
	letter-spacing: 0;
	color: rgba(0, 100, 100, 0.4);
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}

.score {
	background-color: rgba(0, 100, 100, 0.2);  /*sv*/
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 6px 0 0 5px;
	float: none; /*nouse*/
}

.morestories a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px; 
	font-weight: 300;
	color: #fff;
	margin: 0 auto 60px;
	text-align: center;
	width: 50%;
	height: 33px;
	display: block;
	clear: both;
	background: #a3a9ab; /*sv_grey*/
	padding-top: 5px;
	cursor: pointer;
}

.morestories a,
.morestories a:hover {
	text-decoration: none;
}

.bannerline {
	width: 100%;
	min-height: 1px;
	margin-top: 20px;
	float: left;
}

.bannerline .links_banner li {
	width: 28.6%;
	margin: 0 7% 0 0;
	border: none;
	width: 24.25%;
	margin: 0 1% 0 0;
	padding: 0;
	display: inline-block;
}

.links_banner li:nth-child(4n+0) {
	margin: 0;
}


@media (max-width: 960px) {
	
	.column2 .listline {
		padding: 0 1%;
	}
	
	.listline h3,
	.listline.featured h3  {
		font-size: 16px;
		line-height: 18px;
	}
	
	.listline.featured .imagebox {
		width: 25%;
	}
	
	.linemeta {
		font-size: 12px;
	}
	
	.listline .text {
		font-size: 14px;
		line-height: 19px;
		font-weight: 300;
	}
	
	.scores .score {
		width: 10px;
		height: 10px;
		display: inline-block;
		margin: 6px 0 0 5px;
	}

}


/*--------------------------------------------------*/
/* content
/*--------------------------------------------------*/


#esv-content_mitnav {
	display: table-cell;
	float: none;
}

#content_ohnenav {
	width: 100%;
}


/* content lines
--------------------------------------------------*/

.contentline {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	min-height: 0px;
	line-height: 24px;
}

.contentline.grey {
	background: rgba(223, 231, 231, 0.3);  /*sv*/
}


/* content-parts
--------------------------------------------------*/


/* titlezone
----------------------*/

.titelzone {
	position: relative;
	display: table;
	table-layout: fixed;
	float: none;
	min-height: 110px;
	width: 100%;
	padding-bottom: 10px;
}

hr.zonecloser {
	background-color: rgba(0, 100, 100, 0.2);  /*sv*/
    border: none;
    height: 1px;
    margin: 0;
	margin-left: 5%;
}

.breadcrumb {
	padding: 20px 0 0 5%;
	font-size: 12px;
	color: rgb(118, 118, 118);
	width: 100%;
	clear: both;
	margin: 0;
}

.breadcrumb a {
	color: rgb(118, 118, 118);
}

.breadcrumb li {
	float: left;
	list-style: none;
}

.breadcrumb li.bcnode:after { 
	content: '\00a0/\00a0'; 
}

#esv-container p {
	padding-bottom: 8px;
}

.titelzone .titeltext {
	float: none;
	display: table-cell;
	vertical-align: top;
	padding: 0 5% 0 5%;
}

.pagetools {
	text-align: right;
	margin-top: 12px;
	width: 100%;
}

.pagetools .icon_print,
.pagetools .icon_gestic {
	height: 28px;
	width: auto;
	margin-top: -2px;
}

.pagetools .icon_print {
	height: 24px;
}

.pagetools img {
	margin-left: 5px;
}


.titelzone h1 {
	font-size: 38px; 
	line-height: 43px;
	hyphens: auto;
	margin: 0;
	color: #008e5c;  /*sv*/
	font-weight: 300;
	padding: 20px 0;
}

.titelzone .titelbild {
	float: none;
	width: 33.3%;
	display: table-cell;
}

.titelbild img {
	width: 100%;
	height: auto;
}


/* inpagenavi
----------------------*/

.inpagenavi {
	list-style: none;
	padding: 0;
	font-size: 13px;
    margin: 10px 0;
}

.inpagenavi li {
	padding: 0 0 1px 0;
}

.detail .inpagenavi {
	margin: 25px 0 10px;
}

li.sidebaranchor {
	display: none;
}

.inpagenavi img {
	margin: 0 8px -3px 0;
}

.inpagenavi a {
	text-decoration: none;
	display: block;
	color: #008e5c; /*sv new!*/
	background-color: rgba(0, 100, 100, 0.1);  
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 6px 8px 6px 28px;
	letter-spacing: .05em;
}

.inpagenavi a img {
	margin-left: -22px;
}


/* landingpage
----------------------*/

.showsub {
	height: 50px;
	width: 50px;
	position: absolute;
	text-align: center;
	padding-top: 9px;
	left: 0;
	background-color: rgba(0, 100, 100, 0.1);  /*sv*/
	z-index: 5;
}

.showsub img {
	height: auto;
	width: 34px;
}

.center .breadcrumb {
	padding: 20px 0 0 60px;
}

.center .titelzone .titeltext {
	padding: 0 5% 0 0;
}

.landing .titelzone .titelbild {
	width: 25%;
}

.center hr.zonecloser {
	margin: 0;
}

.landing .lead, .keywords {
	font-size: 16px; 
	color: #008e5c;  /*sv*/
}

.landing .inpagenavi {
	display: none;
}

.landing.broad .detail {
	width: 100%;
}

.landing.broad .sidebar {
	display: none;
}

.landing .detail {
	margin-top: 25px;
}

.landing .center .detail {
	padding: 0;
}

.center .landingline {
	display: table;
	margin: 0 0 25px;
	width: 100%;
}

.landingline li:last-child {
		display: none;
}

.landingline li li:last-child {
		display: block;
}

.landingitem {
    min-height: 0px;
	width: 31.3%;
	list-style: none;
    display: table-cell;
	vertical-align: top;
	border-bottom: 1px solid rgba(26, 81, 150, 0.2);
}
.landingitem.columns2 {
	width: 65.6%
}

.broad .landingitem {
	width: 23.5%;
}

.broad .landingitem.columns2 {
	width: 48.5%;
}

.landingitem.columns3 {
	width: 100%;
}

.cellspace {
	list-style: none;
	display: table-cell;
	width: 2%;
}
.broad .cellspace {
	width: 1.5%;
}

.landingitem h2 {
    text-align: center;
    background-color: rgba(0, 100, 100, 0.2);  /*sv*/
    padding: 15px 10px;
	border-bottom: 1px solid #fff;
	letter-spacing: 0.05em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.landingitem a {
    text-decoration: none;
}

.landingitem.grey h2 {
    background: rgb(242, 245, 245); /*grey*/
}

.landingitem.grey a h2 {
    color: #475256; 
}

.detail .landingitem .text {
   padding: 0px 5% 20px;
}

.landingitem.columns2 .text {
   padding: 0px 2.5% 20px;
}

.landingitem.columns3 .text {
   padding: 0px 1.6% 20px;
}

.detail .landingitem ul.esvlinks {
    padding: 0;
	margin: 0;
}

.landingitem .esvlinks li {
    list-style: none;
	padding-left: 22px;
	padding-bottom: 8px;
	line-height: 20px;
}

.landingitem .esvlinks li a {
	text-decoration: none;
}

.landingitem .text li a:hover { /*nouse?*/
    color: #475256;
}

.landingitem .esvlink img {
    margin-left: -22px;
}

li a.link_application {
	float: right;
	display: block;
	clear: right;
	margin-left: 8px;
}

/*landingpage with subnavi*/

.right .showsub {
	background: none;
	left: -50px;
}

.right .landingline {
	display: block;
}

.broad .right .landingline {
	width: 101%;
	margin-right: -1%;
}

.right .landingitem,
.right .landingitem.columns2 {
	width: 100%;
	display: block;
	border: none;
}

.broad .right .landingitem {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.broad .right .landingitem.columns3 {
	width: 99%;
}

.broad .right .cellspace {
	display: inline-block;
	width: 1%;
}

.landingitem ul.esvlinks {
    width: 100%;
}

/* lists
----------------------*/

.list {
	width: 100%;
	padding: 0 0 50px 5%;
	float: left;
	min-height: 0px;
}

.list .listline h2 a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
	font-weight: 400;
}

.list .listline h2 a:hover {
	color: #475256;
	text-decoration: underline;
}

/*news*/

.list.slim {
	width: 66.6%;
}

.center .list,
.list.columns {
	padding: 0;
}

.list.columns ul {
	padding: 0 0 50px 3%;
}

.list.columns.broad ul {
	padding: 0 0 50px 0;
	margin-left: -2%;
	width: 102%;
}

.list.columns .listline.featured {
	width: 100%;
}

.list.columns .listline.featured .textbox,
.list.columns .listline.featured .imagebox,
.list.images .imagebox,
.list.images .textbox {
	width: 50%;
	display: table-cell;
}

.list.columns .listline.featured .textbox {
	padding-left: 20px;
}

.list.columns .listline {
	width: 33%;
	float: none;
	display: inline-block;
	padding: 0 0 0 2%;
	vertical-align: top;
}

.list.columns .listline .textbox,
.list.columns .listline .imagebox {
	width: 100%;
	padding: 0;
	display: block;
	float: left;
}

.list.columns .listline .imagebox {
	margin-bottom: 1%;
}

.list.columns h3 {
	padding-top: 10px;
}

.list ul { 
	margin: 0;
	padding: 0;
}

.list.images .listline {
	padding: 0;
}

.list.images .textbox h3 {
	border-top: 1px solid rgba(0, 100, 100, 0.2);  /*sv*/
	padding-top: 10px;
}

.list.columns .date,
.list.slim.images .date {
	display: none;
}

.list.slim .linemeta {
	font-size: 13px;
}

.list.slim a.more_link img {
	height: 15px;
	margin-bottom: -2px;
}

.contentline.grey .list .allnews {
    text-align: center;
}

.contentline.grey .list.columns ul:first-child {
    padding-left: 0;
}

.contentline.grey .list.columns h2{
	font-size: 18px; 
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 1px;
	padding-left: 2%;
}

/*offers*/

.offers .list ul,
.offers .list li {
	padding: 0;
}

.offers .list ul {
	margin: 0;
}

.offers .list {
	padding: 20px 0 50px 5%;
}

.offers .list .listline h2, .offers .list .listline .text {
	padding-left: 100px;
	margin: 10px 0;
}

.offers .listline {
	margin-top: 23px;
}

.offers ul li:first-child.listline {
	margin-top: 40px;
}

.loader {
	display: none;
	text-align: center;
	clear: both;
	padding: 20px 0 10px;
}

.loader img {
	width: 40px;
	height: auto;
}

.a-z_searchicon,
.a-z_deleteicon {
	width: 10%;
	float: left;
	cursor: pointer;
}

.letter, .initial, .a-z_search {
	position: relative;
	display: block;
	width: 5.55%;
	padding-bottom: 5.55%;
	border: 1px solid #ffffff;
	background-color: rgb(242, 245, 245);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	text-align: center;
	color: #475256;
	font-weight: 400;
	float: left;
	text-transform: uppercase;
}

.letter a,
.letter span,
.initial span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	text-align: center;
	text-decoration: none;
	padding-top: 25%;
}

.letter a:hover {
    background-color: #008e5c;  /*sv*/
    color: #fff;
}

.letter span, .letter a.inactive {
	color: rgb(118, 118, 118);
	cursor: default;
}

.letter a:hover.inactive {
    background: none;
    color: rgb(118, 118, 118);
}

.a-z_search {
    width: 50%;
}

.a-z_search .inner {
    padding: 2% 0 0 2%;
}

.a-z_search_field {
    width: 80%;
    float: left;
	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
 	-moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  	box-shadow: inset 2px 2px 2px 0px #dddddd;
	border: 1px solid rgb(238, 238, 238);
	height: 25px;
	text-align: center;
}

@media only screen and (min-width : 960px) and (max-width : 1200px) {
	
	.letter, .initial, .a-z_search {
		width: 7.69%;
		padding-bottom: 7.69%;
		font-size: 20px;
	}
	
	.a-z_search {
    	width: 100%;
	}	
}


@media (max-width: 960px) {
	.offers .list {
		padding: 20px 0 50px;
	}
}

@media (max-width: 700px) {

	.letter, .initial, .a-z_search {
		width: 7.69%;
		padding-bottom: 7.69%;
		font-size: 20px;
	}
	
	.a-z_search {
    	width: 100%;
	}	
	
}

@media (max-width: 500px) {

	.letter, .initial, .a-z_search {
		width: 11.11%;
		padding-bottom: 11.11%;
		font-size: 20px;
	}
	
	.a-z_search {
    	width: 100%;
	}
	
	.letter a,
	.letter span,
	.initial span {
		padding-top: 20%;
	}	
}


/* sitemap
----------------------*/

.controls {
	margin: 35px 0;
}

.controls .button {
	margin-right: 20px;
}


/* lead
----------------------*/

.lead, .keywords {
	font-size: 16px; 
	line-height: 24px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

.lead b, .lead strong {
	font-weight: 700;
}

.titelzone .lead {
	padding: 15px 0 0;
	font-size: 15px;
	clear: both;
}


/* detail
----------------------*/

.detail, .sidebar, .onlydetail {
	width: 66.6%;
	float: left;
	padding-left: 5%;
}

.onlydetail {
	width: 100%;
}

.center .detail {
	padding: 0;
}

.detail ul {
	padding: 0;
}

.detail .text {
	padding: 20px 0;
	font-weight: 300;
}

.detail .text ul {
	display: inline-block;
	padding: 0 0 0 22px;
	margin: 0;
}

.detail .text h1 {
    font-weight: 300;
}

.detail .text h4, /*h4 causes no up-link*/
.detail .text h2,
.lead h2 { 
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
	margin: 25px 0 15px;
	clear: both;
}

.detail .text h3,
.lead h3 {
	font-size: 16px;
	letter-spacing: .5px;
	margin: 20px 0 10px;
}

.detail .text h5,
.lead h5 {
	font-size: 15px;
	letter-spacing: .5px;
	margin: 20px 0 5px;
}

.detail .text h6,
.lead h6 {
	font-size: 15px;
	letter-spacing: .5px;
	margin: 20px 0 5px;
	text-transform: uppercase;
}

.tippbox,
.infobox {
	background-color: rgba(0, 100, 100, 0.1);  /*sv*/
	width: 100%;
	padding: 5px 15px 15px;
	color: rgb(0, 100, 100);
	margin: 0 0 20px;
}

.tippbox .icon_tip,
.infobox .icon_info {
	margin: 0 auto;
	clear: both;
	display: block;
}

.detail .date {
	text-align: right;
	font-size: 13px;
	color: rgb(118, 118, 118);
    clear: both;
	width: 100%;
}

.icon_small {
    width: 18px;
    height: auto;
    margin: 0px 4px -3px 0;
}

.esvlink_right .icon_small {
	width: 15px;
	margin: 0px 4px -2px 0;
}

a .link_file_size {
    font-size: 13px;
    text-decoration: none;
}

.text .icon_link {
	margin: 0px 3px -3px 0;
}


/*pagecontrols
----------------------*/

.pagefooter, .pager {
	width: 100%;
	clear: both;
    float: left;
	padding: 5% 0 5% 5%;
    min-height: 0px;
}

.center .pagefooter,
.center .pager {
	padding-left: 0;
}

.pagefooter {  /*icon_print alone*/
	width: 66.6%;
}

.pager {
	display: table;
}

.pager div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.pager img {
	width: 17px;
}

.pager .prevpage {
	width: 35px;
	text-align: left;
}

.pager .nextpage {
    text-align: right;
	width: 35px;
}

.pager .nextpage a,
.pager .prevpage a {
    opacity: 0.5;
    -ms-filter: alpha(opacity=50); /* For IE8 and earlier */
    display: block;
	margin: 0;
	height: 37px;
}

.pager .nextpage a:hover,
.pager .prevpage a:hover {
	opacity: 1;
    -ms-filter: alpha(opacity=100); /* For IE8 and earlier */
	border: none;
}

.pager a, .pager b {
	text-decoration: none;
	display: inline-block;
	width: 35px;
	height: 35px;
	vertical-align: top;
	margin-top: 5px;
}

.pager b { /*new!*/
	border-bottom: 1px solid rgba(0, 100, 100, 0.2);  /*sv*/
}

.pager a:hover { /*new!*/
	color: #475256;
	border-bottom: 1px solid rgba(0, 100, 100, 0.2);  /*sv*/
}

.pagefooter .icon_print,
.pagefooter .icon_share {
	/*float: left; icon_print not alone*/
	float: right; /*icon_print alone*/
	margin: -4px 0 0 20px;
}

.pagefooter .icon_share {
	margin-top: -8px;
}

a.feedback  {
	padding: 3px 15px;
	background: rgba(0, 100, 100, 0.5);
	float: right;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
	display: block;
	margin-top: -4px;
}

.back {
	float: left;
	width: 76.6%;
}

/*change id to class*/
#backlink {
	opacity: 0.5;
    -ms-filter: alpha(opacity=50); /* For IE8 and earlier */
}

#backlink:hover {
	opacity: 1;
    -ms-filter: alpha(opacity=100); /* For IE8 and earlier */
}

a#backlink {
	color: #475256;
	font-style: italic;
	text-decoration: none;
}

a#backlink img {
	margin: 0 10px -5px 0;
}

.up {
	margin: 0 -35px 0 0;
	position: relative;
}

.up a {
	position: absolute;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: block;
	padding: 4px 0;
	float: right;
	height: 30px;
	width: 30px;
	right: 0;
	top: 20px;
	text-align: center;
	background-color: rgba(71, 82, 86, 0.1);  /*sv*/
	opacity: 0.5;
    -ms-filter: alpha(opacity=50); /* For IE8 and earlier */
}

.list .up {
	margin: 0;
}

.list .up a {
	top: 0;
}

.up a:hover {
	opacity: 1;
    -ms-filter: alpha(opacity=100); /*For IE8 and earlier*/
}

/*nouse*/
a.toc_anchor {
	color: #475256;
}


/* sidebar
----------------------*/

.sidebar {
	width: 33.3%;
	float: right;
	padding: 35px 0 20px 10%;
	font-size: 13px;
	line-height: 17px;
}


/*linkboxes*/

.linkbox h3 {
	font-size: 16px; 
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 300;
	margin: 0 0 25px 38px;
}

.linkbox {
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(0, 100, 100, 0.2);  /*sv*/
	padding: 0 0 15px;
	display: block;
	width: 100%;
	float: left;
}

.linkbox ul.esvlinks {
	padding: 0;
	margin: 10px 0;
}

.linkbox .esvlinks li {
	list-style: none;
	padding: 5px 0 5px 22px;
}

.linkbox li .esvlink img {
	margin-left: -22px;
}

.linkbox h3 img {
	margin: 0 8px -8px -38px;
}

.linkbox a {
	text-decoration: none;
}

.linkbox a:hover,
.inpagenavi a:hover {
	color: #475256;
}

.linkbox.links_bild img {
	width: 100%;
	height: auto;
}

.linkbox.links_bild .linkblock_title {
	display: none;
}

/*dropdown linkbox*/

.newslist .linkbox h3 img.icon_dropdown,
.newslist .linkbox h3 img.icon_dropup {
	height: auto;
	margin-top: 8px;
	width: 22px;
}

.links_dropdown h3 .icon_dropdown,
.links_dropdown h3.open .icon_dropup {
	display: block;
	width: 22px;
	height: auto;
}

.links_dropdown h3.open .icon_dropdown,
.links_dropdown h3 .icon_dropup {
	display: none;
}

.linkbox.links_dropdown h3 img {
	float: right;
	margin: 7px 0 0 0;
}

.links_dropdown ul,
.links_dropdown .text {
	display: none;
}

.links_dropdown ul img {
	display: none;
}

.links_dropdown .esvlinks li {
	padding-left: 0;
}

.column1 .links_dropdown .esvlinks li {
	padding: 8px 0;
	border: none;
}

.column1 .links_dropdown .esvlinks li a {
	font-weight: 300;
}

.column1 .links_dropdown  li a strong {
	font-weight: 400;
}

.linkbox.links_dropdown {
	border: 1px solid rgba(0, 100, 100, 0.2);  /*sv new!*/
	padding: 6px 12px;
}

.linkbox.links_dropdown h3 {
	margin: 8px 0;
	cursor: pointer;
	padding: 0;
}

.linkbox.links_dropdown h3.open {
	margin: 8px 0 20px;
}


/*kontakt linkbox*/

.links_kontakt {
	padding-bottom: 0;
}

.contact_item {
	padding-bottom: 35px;
}

.links_kontakt .imagebox {
	height: 110px;
	margin-bottom: 10px;
}

.links_kontakt .imagebox img {
	height: 100%;
	width: auto;
}

.links_news h4,
.contact_name,
.contact_function,
.tel_link  {
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.05em;
}

.links_news h4,
h4.contact_name {
	margin: 2px 0 15px;
	font-size: 15px;
}

.contact_function {
	color: #999;
	font-weight: 300;
}

.tel_link {
	font-size: 15px;
}


/*newsbox*/

.links_news h3 {
	margin: 0 38px 25px 0;
}

.links_news h3 img {
	float: right;
	margin: 0 -38px -8px 8px;
}

.links_news ul {
	padding: 0;
	margin: 0;
}

.links_news h4 {
	margin-top: 10px;
}

.links_news .listline {
	margin: 0 0 20px;
	padding: 0;
	display: table;
}

.links_news .listline .imagebox {
	width: 71px;
	padding: 0;
}

.links_news .listline.featured .imagebox {
	width: 100%;
	display: block;
}

.links_news .listline .textbox {
	padding: 0 0 0 8px;
}

.links_news li:last-child {
	margin: 0;
}


/*banner*/

.banner {
	float: left;
	width: 100%;
}

.links_banner.linkbox {
	border: none;
}

.links_banner ul,
.links_banner li {
	padding: 0;
	list-style: none;
}

.links_banner li {
	margin-bottom: 20px;
}


/*carrier switch*/

.linkbox.carrier_links {
    background-color: rgb(242, 245, 245);
    padding: 20px 0 0;
    margin: 30px 0;
    position: relative;
}

.detail .linkbox.carrier_links h3,
.linkbox.carrier_links h3 {
    text-align: center;
    cursor: pointer;
	margin: 0 0 20px 0;
}

.linkbox.carrier_links h3 img {
	margin: 15px 0 0 0;
}

.linkbox.carrier_links h3.open img {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	position: absolute;
	bottom: 20px;
	margin-left: -17px;
}

.offer_word {
    text-transform: uppercase;
}

.carrier_linklist {
    display: none;
}

.detail .text ul.carrier_linklist,
.linkbox ul.carrier_linklist  {
    padding: 10px 0 40px;
}

.linkbox .carrier_linklist li {
    width: 25%;
	width: 33.3%; /*question*/
    display: inline-block;
    text-align: center;
    height: 19%;
    font-size: 13px;
    line-height: 15px;
    vertical-align: top;
    padding: 0 1% 20px;
}

.sidebar .linkbox .carrier_linklist li {
    width: 50%;
}

.carrier_linklist a img {
    width: 100%;
	height: auto;
}

.carrier_dropdown a,
.carrier_linklist a {
    text-decoration: none;
    color: rgba(71, 82, 86, 0.7);
}

.carrier_dropdown a:hover,
.carrier_linklist a:hover {
	color: rgb(71, 82, 86);
}


@media (max-width: 960px) {

	
	/*columns on startpage*/
	
	.newslist .column1 {
		width: 100%;
		padding: 30px 0;
		background: #fff;
		line-height: 18px;
	}
	
	.column1 .linkbox,
	.column2 .linkbox {
		background: rgba(223, 231, 231, 0.3);  /*sv*/
	}
	
	.column1 h3.linkblock_title.not_linked {
		display: none;
	}
	
	.column1 .links_dropdown h3.linkblock_title.not_linked {
		display: block;
	}
	
	.newslist .column1 h3.linkblock_title {
		text-transform: uppercase;
		padding: 15px 8px;
		margin: 0;
		border-bottom: 1px solid #fff;
		font-weight: 400;
		line-height: 18px;
		width: 100%;
		background: rgba(223, 231, 231, 0.4);  /*sv*/
	}
	
	.newslist .column1 .text {
		padding: 8px;
	}
	
	.newslist .linkbox h3 img {
		display: none;
	}
	
	.newslist .linkbox.links_dropdown h3 img.icon_dropdown {
		display: block;
	}
	
	.newslist .linkbox.links_dropdown h3.open img.icon_dropdown {
		display: none;
	}
	
	.boxline_second,
	.boxline {
		display: block;
		float: left;
		width: 50%; 
		padding: 0 0.5% 0 1%;
	}
	
	.boxline_second{
		padding: 0 1% 0 0.5%;
	}
	
	/* mobile only elements */
	span.mobile_only {
		display: inline;
	}
	
	.linkbox.mobile_only, .column1 .banner .links_banner.linkbox.mobile_only {
		display: block;
	}
	
	/* desktop only elements */
	
	.desktop_only, span.desktop_only {
		display: none;
	}
	
	.linkbox.desktop_only, .column1 .banner .links_banner.linkbox.desktop_only {
		display: none;
	}
	
	.column1 .linkbox {
		margin: 0;
	} 
	
	.column1 .linkbox ul {
	margin: 0;
	float: left;
	width: 100%;
	}
	
	.column1 .linkbox .esvlinks li {
	background-image: none;
	border-bottom: 1px solid #fff;
	padding: 15px 8px;
	} 
	
	.column1 .linkbox .esvlink img {
		display: none;
	}
	
	.column1 .linkbox.links_dropdown {
		border: none;
		padding: 0;
	}
	
	.newslist .column2 {
		width: 100%;
	}
	
	.column1 .banner {
		padding-top: 30px;
	}
	
	.column1 .banner .linkbox {
		background: none;
	}
	
	.column1 .banner .links_banner,
	.column1 .banner .li {
		margin: 0 0 1% 1%;
		width: 48.5%;
		padding: 0;
		display: inline-block;
    	float: none;
		vertical-align: top;
	}
	
	.column1 .banner li a {
		padding: 0;
	}		
	
	.newslist .column2 h2 {
		font-size: 16px; 
		text-align: center;
		margin: 15px 0 0 0;
		border-bottom: 1px solid #fff;
		padding: 0 0 15px 0;
	}
	
	.newslist h2 img {
		display: none;
	}
	
	ul.listlines {
		background: none;
	}
	
	.bannerline .links_banner li {
		width: 32%;
		margin: 0 0 0 1%;
	}
	
	
	/*columns in subpages*/
	
	#esv-content_mitnav {
		display: block;
	}
	
	#content_ohnenav {
		width: 98%;
		margin: 0 auto;
	}
	
	.onlydetail {
		padding: 0;
	}
	
	.showsub {
		display: none;
	}
	
	.list.slim,
	.landing .breadcrumb {
		padding-left: 0;
	}
 
    
	.landing .center .sidebar,
	.landing .center .detail {
		width: 100%;
		clear: both;
		padding-left: 0;
	}
	
	.list.columns ul {
		padding-left: 0;
	}
	
	.list.columns ul {
		margin-left: -2%;
		width: 102%;
	}
	
	.broad .center .landingline {
		width: 101%;
		margin-right: -1%;
	}
	
	.broad .cellspace {
		display: inline-block;
		width: 1%;
	}
	
	.broad .landingitem,
	.broad .landingitem.columns2 {
		width: 49%;
		display: inline-block;
		vertical-align: top;
		border: none;
	}
	
	.broad .landingitem.columns3 {
		width: 99%;
	}
	
	.landing .center .sidebar {
		border-top: 1px solid rgba(0, 100, 100, 0.2);  /*sv*/
		padding-top: 27px;
	}
	
	.sidebar {
		padding-left: 5%;
	}
	
	.breadcrumb,
	.titelzone .titeltext,
	.detail,
	.pagefooter {
		padding-left: 0;
	}
	
	hr.zonecloser {
		margin: 0;
	}
	
	.up {
		margin: 0;
	}
	
	.text h2 {
		padding-right: 40px;
	}
	
	.banner {
		margin: 0;
	}

}


@media (max-width: 600px) {
	
	.titelzone .titelbild {
		display: none;
	}
	
	.titelzone .titeltext {
		padding-right: 0;
	}
	
	li.sidebaranchor,
	.center .landingline {
		display: block;
	}
	
	.landing .inpagenavi {
		display: block;
		margin: 0 0 30px;
	}
	
	.landingitem  {
		display: block;
		border: none;
	}
	
	.cellspace,
	.broad .cellspace,
	.broad .right .cellspace {
		display: none;
	}
	
	.detail,
	.list.slim,
	.sidebar,
	/*.back,*/ /*icon_print alone*/
	.landing .landingitem,
	.landing .detail ul,
	.landing .landingitem.columns2 {
	    width: 100%;
		clear: both;
		padding: 0;
	}
	
	.landing.broad .right .landingitem.columns2 {
		width: 99%;
	}
	
	.broad .landingitem.columns3,
	.broad .right .landingitem,
	.broad .center .landingline,
	.broad .right .landingline {
		width: 100%;
		margin: 0;
	}
	
	.linkbox .carrier_linklist li,
	.sidebar .linkbox .carrier_linklist li {
    	width: 50%;
	}
	
	.list.columns .listline {
		width: 50%;
	}
	
	.sidebar {
	    border-top: 1px solid rgba(0, 100, 100, 0.2);  /*sv*/
		padding-top: 27px;
	}
	
	.bannerline .links_banner li {
		width: 48.5%;
	}
	
	.pagefooter {
		min-height: 10px;
		float: left;
		width: 100%; /*icon_print alone*/
	}
	
	
	.back {
	    margin-bottom: 20px;
		
	}
	
	.pagefooter .icon_print, .pagefooter .icon_share {
	    float: right;
	}

}


/*carrier_dropdown
--------------------------------------------------*/

.carrier_dropdown {
	z-index: 1000;
	width: 100%;
	background: rgb(242, 245, 245);
	position: absolute;
	top: 40px;
	display: none;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc')";/* For IE 8 */
}

.carrier_dropdown ul {
	padding: 10px 0 0 0;
	margin: 0;
}

.carrier_dropdown li {
	list-style: none;
	border-bottom: 1px solid #fff;
	padding: 0;
}

.carrier_dropdown li:last-child {
	border: none;
}

.carrier_dropdown a, .bkk h2 {
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	line-height: 15px;
	padding: 8px;
	float: none;
}

.carrier_dropdown .close_carrierlinks {
	text-align: center;
}

.carrier_dropdown .close_carrierlinks a img {
	position: relative;
	height: 12px;
	right: 0;
	top: 0;
	margin: 5px;
	opacity: 0.5;
    -ms-filter: alpha(opacity=50); /* For IE8 and earlier */
}

.carrier_dropdown .close_carrierlinks a:hover img {
	opacity: 1;
    -ms-filter: alpha(opacity=100); /* For IE8 and earlier */
}

.others-bot .carrier_dropdown {
	position: absolute;
	bottom: 36px;
	top: auto;
	padding: 30px 0 10px;
	width: 100%;
	background: rgb(200, 203, 204);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-filter: none;
}

.others-bot .carrier_dropdown li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.others-bot .carrier_dropdown li:last-child {
	position: absolute;
	top: 0px;
	width: 100%;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#esv-footer .carrier_dropdown a,
#esv-footer .bkk h2 {
	color: #475256;
}


/* ============================================ */
/*  FOOTER
/* ============================================ */

#esv-footer {
	min-height: 400px;
	width: 100%;
	display: block;
	background:  #a3a9ab; /*sv_grey*/
	float: left;
	color: #fff;
	font-size: 15px;
	padding: 0 0 40px 0;
	font-weight: 300;
	border-top: 3px solid #ffffff;
}

.top {
	text-align: center;
	display: block;
	margin-bottom: 40px;
	margin-top: 20px;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}

.top img,
.down img {
	height: auto;
	width: 20px;
}


#esv-footer h2 {
	font-weight: 700;
	letter-spacing: 1px;
}

#esv-footer a {
	color: #fff;
	text-decoration: none;
}

#esv-footer a:hover {
	color: rgba(255, 255, 255, 0.5);
}

#esv-footer .others,
#esv-footer .partner {
	position: relative;
	background: #c8cbcc;
	font-size: 16px; 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	width: 40%;
	height: 38px;
	float: left;
	margin-right: 10%;
}

#esv-footer a.carrierajaxurl {
	padding: 8px 0 0 18px;
	display: block;
	text-transform: uppercase;
	color: #475256;
}


#esv-footer .carrier_dropdown a:hover {
	color: #475256;
	background: rgba(255, 255, 255, 0.3);
}

#esv-footer .footer_content ul,
#esv-footer .footer_content li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border: none;
}

#esv-footer .column1 {
	width: 66.6%;
	float: left;
}

.footer_content {
	margin-top: 50px;
    float: left;
    width: 100%;
}

.footer_content .linkbox {
	width: 25%;
	font-size: 16px; 
    float: left;
	border: none;
	padding-right: 2%;
}

.footer_content .linkbox h3 {
	font-size: 16px; 
    margin: 0 0 10px;
}

#esv-footer .column1 .linkbox .esvlinks li a {
	font-weight: 300;
	font-size: 14px;
}

.footer_content .linkbox li img, 
.footer_content .linkbox h3 img {
	display: none;
}

.footer_content .linkbox h3 {
	font-weight: 400;
}

#esv-footer .column1 .linkbox .esvlinks li  {
	border: none;
}

.footer_content li {
	font-size: 14px;
	padding-bottom: 2px;
	float: none;
	text-transform: none;
	width: 100%;
}

#esv-footer .linkbox li a:hover {
	text-transform: underline;	
}

.footer_contact {
	font-size: 14px;
	float: right;
	font-size: 14px;
	display: table;
	width: 33.3%;
	text-align: right;
	padding: 0 0 0 4%;
}

.contacticons {
	width: 46px;
	display: table-cell;
	position: relative;
	vertical-align: top;
}

.contacticons h2 {
	display: none;
}

.contacticons img {
	height: 46px;
    width: auto;
	margin-top: -2px;
}

.address {
	display: table-cell;
	vertical-align: top;
}

.footerlogo img {
	width: 60px;
	height: auto;
	margin: 0 0 -5px 0;
}

@media (max-width: 960px) {

    .footer_content {
		display: none;
	}
	
	.footer_contact {
		width: 100%;
		padding: 0;
	}
	
	.contacticons {
		width: 50%;
		text-align: left;
	}
	
	.contacticons h2 {
		margin-bottom: 30px;
	}
	
	#esv-footer .column1 {
		width: 50%;
	}
	
  	.menu-others {
		width: 100%;
		margin-top: -100px;
	}
	
	#esv-footer .others, #esv-footer .partner {
		display: block;
		width: 100%;
		margin-top: 5px;
	
	}
	
	.address {
		width: 50%;
	}
	
	.footerlogo img {
		width: 45px;
	}

}

@media (max-width: 400px) {
	
	.menu-others {
		margin-top: 0;
	}
	
	.contacticons, .address {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	
	#esv-footer .column1 {
		width: 100%;
	}

}


/* ============================================ */
/*  ZULIEFERUNG DESIGNER - END
/* ============================================ */

div#spacer {
	display: none;
}

div#esv-channels {
	display: none;
}

.logintext {
	color: #fff;
}

.userinfo {
    color: #fff;
}

/* ============================================ */
/*  Cookie Check - Start
/* ============================================ */

.cookie_check {
    background-color: #333;
    position: fixed;
    height: auto;
    width: 100%;
    z-index: 99999;
    bottom: 0px;
    color: white;
    padding: 5px;
    border-radius: 9px;
}
.button_cookiecheck {
    width : 150px;
    margin-left : 15px;
}

/* ============================================ */
/*  Cookie Check - End
/* ============================================ */

/* ============================================ */
/*  Newsletter Feedbackformular - START
/* ============================================ */

.dg_portal_noegkk_newsletterFeedback .smile_span {
	width: 12% ;
	min-width: 12% ;
    	display: inline-block;	
}

.dg_portal_noegkk_newsletterFeedback .smile {
	margin-left: 10%;
}

.dg_portal_noegkk_newsletterFeedback .smile2 {
	margin-bottom: 5px;
}

.dg_portal_noegkk_newsletterFeedback .smile3 {
	margin-left : 15%;
	margin-bottom: 4px;
}

.dg_portal_noegkk_newsletterFeedback .smile4 {
	margin-left : 7%;
	margin-bottom: 6px;
}

.dg_portal_noegkk_newsletterFeedback #feedbackForm label {
	width : 40% ;
	min-width: 40% ; 
}

.dg_portal_noegkk_newsletterFeedback #feedbackForm input[type="radio"] {
	width : 10%;
	min-width: 10%; 
	box-shadow : none;
}

.esv-application .dg_portal_noegkk_newsletterFeedback .textarea {
	width: 98%;
	margin: 5px;
}

.dg_portal_noegkk_newsletterFeedback .form-row {
	height : 40px;
	width : 100%;
}


/* ============================================ */
/*  Newsletter Feedbackformular - END
/* ============================================ */

<node pre_end>