/*PVA
rgb(0, 81, 158);  PVA
*/

/* ============================================ */

/* HEADER logos, login, metanavi */

/* ============================================ */

#esv-header {
	height: 190px;
}

#esv-header .logo {
	top: 7px;
}

#esv-header .logo img {
	height: 110px;
}

.login,
.userlinks {
	background: rgb(0, 81, 158); /*pva*/
}

.footerlogo img {
	width: 120px;
}

.login a:hover {
	color: rgba(255, 255, 255, 0.5); /*white*/
}

.tools .column1 {
	width: 33.3%;
}

.tools .column2 {
	width: 66.6%;
}

.extra {
	display: block;
}

.extra img {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 35px;
    display: block;
    top: 0;
    margin-top: -22px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.extra img {
		margin-top: 0px;
	}
}

.extra a {
    padding: 0;
    font-size: 0;
}

.others, .extra, .login, .contact {
	width: 33.3%;
}


/* ============================================ */

/*  IMGNAVI */

/* ============================================ */

.imgnavitext {
	background: rgba(0, 81, 158, 0.9); /*pva*/
}

.imgnavitext h2 a,
.imgnavitext .text,
.imgnavitext .text a,
.imgnavitext a:visited,
.imgnavitext a:focus, 
.imgnavitext a:active {
	color: rgb(255, 255, 255); /*white*/
}

/* ============================================ */

/* LINKS */

/* ============================================ */

a, 
a:active,
a:focus,
a:hover,
nav a:hover,
.current-menu-item a,
.current-menu-item a:hover,
nav.main .menu-item.open a,
nav.main .current-menu-ancestor a,
nav.meta .current-menu-ancestor a,
#esv-nav_portal_detail .where a {
	color: rgb(0, 81, 158);  /*pva*/
}

.letter a:hover {
    background-color: rgb(0, 81, 158);  /*pva*/
}

/* ============================================ */

/* ELEMENTS */

/* ============================================ */

.contentline.grey {
}

#esv-nav_portal_detail,
#esv-navigation,
#nav,
.showsub,
.blog.sidebar  {
	background: rgba(0, 81, 158, 0.1); /*pva*/
}

.infobox,.tippbox,
.inpagenavi a {
    background: rgba(0, 81, 158, 0.2); /*pva*/
    color: rgb(0, 81, 158);  /*pva*/
}

a.feedback,
.landingitem h2,
.esv-td-header,
.score {
    background: rgba(0, 81, 158, 0.2); /*pva*/
}

hr,
hr.zonecloser {
	background: rgba(0, 81, 158, 0.2);  /*pva*/
}

.titelzone h1, /* old */
.titlezone h1,
.landing .lead,
.scores {
	color: rgb(0, 81, 158);  /*pva*/
}

a.feedback {
	color: rgb(0, 81, 158);  /*pva*/
}
a.feedback:hover {
	color: #475256;
}

td,
.linkbox.links_dropdown {
	border: 1px solid rgba(0, 81, 158, 0.2); /*pva*/
}

.esv-bullet li:before, .esv-karo li:before, .esv-arrow li:before {
	border-color: rgb(0, 81, 158); /*pva*/
}

.dotted, .dashed { 
	border-color: rgba(0, 81, 158, 0.2); /*pva*/
}

.linkbox, .landingitem,
.pager b, .pager a:hover { 
	border-bottom: 1px solid rgba(0, 81, 158, 0.2); /*pva*/
}

.linkbox.links_dropdown {
	border: 1px solid rgba(0, 81, 158, 0.2); /*pva*/
}

.list.images .textbox h3 {
	border-top: 1px solid rgba(0, 81, 158, 0.2); /*pva*/
}

.morestories a {
}

#esv-footer {
}

/* ============================================ */

/* RESPOND */

/* ============================================ */

@media (max-width: 960px) {

    #esv-header {
        height: 51px;
    }

    #esv-header .logo {
        top: 0px;
		margin-left: 1%;
    }

    #esv-header .logo img {
        width: auto;
        height: 50px;
    }
    
    .tools {
		width: 255px;
	}
	
	.tools .column1, .tools .column2 {
		width: auto;
	}
	
	.others, .extra, .login, .contact {
		width: 51px;
	}
	
	.extra img {
		top: 5px;
		right: 0px;
	}
	
	
	.column1 .linkbox,
    .column2 .linkbox {
        background-color: rgba(0, 81, 158, 0.1);  /*pva*/
    }

    .newslist .column1 h3.linkblock_title {
        background-color: rgba(0, 81, 158, 0.1);  /*pva*/
    }
	
	.landing .center .sidebar {
		border-top: 1px solid rgba(0, 81, 158, 0.2); /*pva*/
	}

}

@media (max-width: 600px) {

	.sidebar {
	    border-top: 1px solid rgba(0, 81, 158, 0.2); /*pva*/
	}
	
}

/* ============================================ */

/* PORTLET */

/* ============================================ */

button, .button, .btn,
.btn_2spalten, .btn_3spalten, .btn_4spalten, .btn_5spalten, .btn_6spalten, .btn_7spalten, .btn_8spalten, .btn_9spalten,
a.a_btn_3spalten, a.a_btn_4spalten, a.a_btn_5spalten, a.a_btn_6spalten, a.a_btn_7spalten {
	background: rgb(0, 81, 158);
}

.titel, .titel_detail,
.top_header, h2.top_header,
.beachtensie_1, .beachtensie_1_klein, .beachtensie_sternchen,
.sternchen,
#esv-main .termin h2,
.bestellung_preis,
#nav a:hover, #nav #nav_punkt_active a, #active a {
	color: rgb(0, 81, 158);
}

@media (max-width: 600px) {
	
	#esv-links { 
		border-top: 1px solid rgba(0, 81, 158, 0.2); /*pva*/
	}
	
}

.ui-datepicker-prev, .ui-datepicker-next {
	background: rgb(0, 81, 158); /*pva*/
}