/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

branch.css (custom font and color styles)

 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 															 */
/*	fonts   												 */
/*		'Yanone Kaffeesatz'									 */
/*															 */
/*	colors                                               	 */
/*                                                           */
/*     #77b800   gruen            color: Header, Labels,     */
/*                                		 Links   			 */
/*                                                           */
/*     #77b800   gruen            bg: Navi, Menu, Suche,     */
/*                                	  Slider   			 	 */
/*                                                           */
/*     #999999   grau             border: teaser, image,     */
/*                                        breadcrumb, zitat  */
/*								  color: Fliesstext, Navi    */
/*                                                           */
/*     #19307C   blau             color: link                */
/*                                border: nav aktiv link     */
/*                                bg: navSub aktiv           */
/*                                                           */
/*     #f8fbf2   gruen (heller)   bg: zitat, subline, zebra  */
/*                                                           */
/*                                                           */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


@media handheld, screen {

/*************************************************
 * HTML BODY WRAPPER Background
 */
html { background-color: #FFF; }
body { background: url("../styleimages/hintergrund-top.png") no-repeat scroll right top transparent; }
.wrapper { background: url("../styleimages/hintergrund-bottom.png") no-repeat scroll left bottom transparent; position: relative; z-index: 10; }

/* + + + + + service navigation + + + + + */

.navService strong, 
.navService li.active strong a, 
.navService li.active span,
.navService li.active.current strong span { color: #999999; font-weight: normal; }
.navService li a:hover, .navService li a:focus, .navService li a:active { color: #999999; }

/*************************************************
 * LOGO position
 */
.logobox { left: -30px; }
.logobox a:hover img, .logobox a:focus img, .logobox a:active img { border: none; }

/*************************************************
 * Ohne LEBENSWELT Anpassung
 */
.container.mood, .start .container.mood { margin-bottom: 0; }
.start .container.mood .box { margin-bottom: 50px; }

/*************************************************
 * <FONT FAMILY> 
 */
h1, h2
.logobox .campaigne span, 
.col_6 h2 a:link, .col_6 h2 a:visited,
.container.mood .lebenswelt ul li strong, 
#content .slidercontent .box h2 a { font-family: 'Yanone Kaffeesatz',sans-serif,Arial; letter-spacing: 0.025em; }

/*#content .box.offi h2.label strong {*/
 /*font-family: 'Trebuchet MS', Arial, sans-serif;*/
 /*letter-spacing: 0.2em;*/
/*}*/
.form h2.icon_search {
 font-family: 'Trebuchet MS', Arial, sans-serif;
}

/*************************************************
 * <FONT COLORS> 
 */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, em, acronym, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, option, textarea { color: #999; }

/* #BD003A   rot => #77b800   gruen */
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { color: #77b800 !important; }
.content .label, .content .label strong, .start .label strong { color: #77b800; }
.standard #content blockquote p { color: #777777; }
.contacttext p, .contacttext strong { color: #77b800 !important; } 
/* .teasercontent .box p a { color: #77b800; } */
/* .morelink p a:link, .morelink p a:visited, .teaser .morelink p a:link, .teaser .morelink p a:visited, .box a:link, .box a:visited { color: #77b800; } */
/* .colored .morelink p a:link, .colored .morelink p a:visited { color: #77b800; } */
.morelink p a, .box p a, acronym { color: #77b800 !important; }
.backlink a, .back a { color: #77b800 !important; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.start #content .slidercontent p a { color: #77b800; }
.start .events .event-title a { color: #77b800; }
.start .events.favourits ul li p a { color: #77b800; }
.box.material li a:link, .box.material li a:visited { color: #77b800; }
.searchresult .box.form .search label span:first-child { color: #77b800; }

/* #BD003A   rot => #77b800   icongruen */
.header .navMain li a:hover img, .header .navMain li a:focus img, .header .navMain li a:active img { border-bottom: 4px solid #77b800; }
#content .image a:hover, 
#content .image a:focus, 
#content .image a:active { border-bottom: 5px solid #77b800; }
.header .navMain li.start img { border-bottom: 4px solid transparent; }
.header .navMain li.current.start img { border-bottom: 4px solid #77b800; opacity: 100; }
.header .navMain li span.bordered { padding-bottom: 2px; }
.header .navMain li.current strong { background-color: #77b800; }
.header .navMain li.current.start strong { background: none; }
/* .search label input { border-color: #77b800 -moz-use-text-color #77b800 #77b800; } */
.standard blockquote, .search label input { border-color: #77b800 }
.search .morelink, .search .morelink input { border-color: #77b800; background-color: #77b800; }
.browse p a.prev, .browse p a.next { border-color: #77b800; }
.header .navMain li.active a:link, .header .navMain li.active a:visited { border-color: #77b800; }
.header .navMain li.active a span { color: #999; }

/* #19307C   blau => #77b800   icongruen */
.navSub li.current strong span.bordered { background-color: #77b800; border-color: #77b800; }
.navSub li.active li.current strong span.bordered { background-color: #77b800; }
.navSub li.active strong a:link span.bordered, .navSub li.active strong a:visited span.bordered { border-color: #77b800; }
.navSub li a:hover span.bordered, .navSub li a:focus span.bordered, .navSub li a:active span.bordered { border-left-color: #77b800; }
.cal-pager div.pages strong { background-color: #77b800; } 
.cal-pager div.pages a:hover { background-color: #77b800; color: #FFF; }
/* .cal-pager div.pages strong span */
.box a:link, .box a:visited { color: #77b800; }
.press-items .cal-pager div.pages a:hover { color: #FFF !important; }
.press-items .cal-pager div.pages .nextpage a:hover, 
.press-items .cal-pager div.pages .backpage a:hover { color: #77b800 !important; }

.box a abbr, .box a acronym, .box a span, .box a strong { color: #77b800; }
form .formsubmit input { background-color: #77b800; border-color: #77b800; }
form .error li a:link, form .error li a:visited { color: #77b800; }
form .formelement.error input, form .formelement.error textarea { border-color: #77b800; }

#content .image a:hover span.spacer, 
#content .image a:focus span.spacer, 
#content .image a:active span.spacer{ background-color: #77b800; }

#lbwrapper .vis .browse .noprint { background-color: #77b800; border-color: #77b800; }
#lbwrapper .vis .browse .noprint span { background-color: #77b800; border-color: #77b800; }
#lbwrapper .close a span, #lbwrapper .close a:link, #lbwrapper .close a:visited { border-color: #77b800; }

/* #BE3D1D   rot => #999999   grau */
h2 .subline, .form h2 { color: #999 !important; }
.teasercontent .label, .teasercontent .label strong, .colored .label strong, .slidercontent .label strong, .content .offi .label strong { color: #999; }

.red-stretched{ color: #999; }
#content .image a:active span.spacer{ background-color: #999; }
.material h3 { color: #999; }
.material span.news-related-news-date { color: #999; }
.searchresult .box.form .search label span:first-child { color: #999; }
.full_text .hit { color:  #999; }
.full_text .tx-indexedsearch-redMarkup { color:  #999; }

.start .feeds .box ul li p { color:  #999; }
#content .content .video h2 { color:  #999; }
.footer h2, .footer li a { color: #999 !important; }
.content form .formelement label, 
form .mandatory { color:  #999 !important; }

/*Standardseiten: Videobox, FlickBox Textcolor*/ 
#content .col_8 .box .std.video .morelink p,
#content .col_8 .box .std.flickr .morelink p{  color: #77b800 }

/*************************************************
* TEASER Trennlinien + Toplinien
*/
/* #ffc800   gelb => #999999   grau */
.breadcrumb { border-bottom-color: #999; }
#content .col_9 .box.half, 
#content .doubleteaser { border-color: #999; }
.start .events-feeds .events, .start .events-feeds .feeds { border-top-color: #999; }

.video h2.label, .teaser h2.label { border-color: #999; }
.row.topcontent .clearer, .row.teasercontent .clearer { border-color: #999; }
.start .events-feeds h2 { border-color: #999; color: #999 !important; }
/* #content .col_8 .box .box { border-top-color: #999 !important; } */
#content .content .box .box, #content .content .box h2 { border-color: #999 !important; }
.searchresult #content .col_8 .box .contactbox { border-color: #999; }

.container.logos li a img { border-color: transparent; }
.container.logos li a:hover img, .container.logos li a:focus img, .container.logos li a:active img { border-color: #999; }

/* #f3f4f8   hellgrau => #77b800   hellgruen */
.navSub li.active { background-color: #f8fbf2; } 
.navSub li.active span.bordered { border-color: #f8fbf2; }
.search label input:hover, .search label input:focus, .search label input:active { background-color: #f8fbf2; }
.searchresult #content .col_8 .box .contactbox { background-color: #f8fbf2; }
.start .events ul li:nth-child(2n+1), 
.material ul li:nth-child(2n+1) { background-color: #f8fbf2; }
.start .events.favourits ul li { border-bottom-color: transparent; }
.colored .morelink { background-color: #f8fbf2; }
.colored .morelink p a:link, .colored .morelink p a:visited { background-image: url("../styleimages/icons_link.png"); }
.standard blockquote { background-color: #f8fbf2; }
#content .box .image p { background-color: #f8fbf2; }
.standard #content .col_8 .box .box.slider, .standard #content .col_8 .box .box.std { background-color: #f8fbf2; }
#content .slider .image p { color: inherit; }
#content .contactbox .contactpict, #content .contactbox .contacttext, #content .box .box.contactbox.layout-3 { background-color: #f8fbf2; }
.calendar .browse { background-color: #f8fbf2; }

/*************************************************
 * FOOTER CONTAINER
 */
 /* #c5cbde (basic.css)   grau => #FBFBFB   hellgrau */
.container.footer { background-color: transparent; }

.container.footer { padding-bottom: 0; position: relative; z-index: 5; }
.wrapper .footer .row { background-color: transparent; max-width: 1368px; }
.container.footer .box, .container.noprint .navService { margin: 0 auto; padding: 50px 0 20px 0; max-width: 968px; width: 100%; }
/* #999999   grau => #77b800   gruen */
.footer .navService li a { color: #77b800 !important; }

.is_mac .slidercontent .teaser h2 a:link, .is_mac .slidercontent .teaser h2 a:visited{ background-position: -585px -94px; }
	
}


/* =====  bis 1088px  =============================================================================================== */
@media only screen and (max-width: 1080px){ 

.logobox { left: 12px; }

}/* max-width: 1080px */

/* =====  bis 992px  =============================================================================================== */
@media only screen and (max-width: 992px){ 

body { background-image: none; }
.wrapper { background-image: none; }
.container.footer { background-color: #fbfbfb; }
.wrapper .footer .row { max-width: 93%; }

}/* max-width: 992px */

/* =====  bis 986px  =============================================================================================== */
@media only screen and (max-width: 978px){ 



}/* max-width: 978px */

/* =====  bis 892px  ================================================================================================ */
@media only screen and (max-width: 892px){ 



}/* max-width: 892px */

/* =====  bis 759px  ================================================================================================ */
@media only screen and (max-width: 759px){ 



}/* max-width: 759px */

/* =====  bis 693px  ================================================================================================ */
@media only screen and (min-width: 693px) {



}/* min-width: 693px */

/* =====  bis 692px  ================================================================================================ */
@media only screen and (max-width: 692px){ 

#toggle_btn { font-family: 'Yanone Kaffeesatz',sans-serif,Arial; }
.start .row.topcontent .clearer { border-color: #999; }

}/* max-width: 792px */

/* =====  bis 637px  ================================================================================================ */
@media only screen and (max-width: 637px){



}/* max-width: 637px */

/* =====  bis 592px  ================================================================================================ */
@media only screen and (max-width: 592px){ 



}/* max-width: 592px */

/* =====  bis 492px  ================================================================================================ */
@media only screen and (max-width: 492px){



}/* max-width: 492px */

/* =====  bis 480px  ================================================================================================ */
@media only screen and (max-width: 480px){ 



}/* max-width: 480px */

/* =====  bis 392px  ================================================================================================ */
@media only screen and (max-width: 392px){ 



}/* max-width: 392px */



@media screen and (max-device-width: 480px) {



}

@media screen and (max-device-width: 320px){ 



}