/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */ 


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 10px; line-height: 1.231; }

body, button, input, select, textarea { font-family: Arial, Helvetia, Verdana, sans-serif; color: #333; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #2880D7; color: #fff; text-shadow: none; }
::selection { background: #2880D7; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #758e11; text-decoration: none; }
a.blue { color: #2880D7; text-decoration: none; }
a:hover { color: #9CBE16; }
a.blue:hover { color: #76ADE4; }

a.blue:visited { color: #7497BA; }
a:visited { color: #768837; text-decoration: none;}

a:focus { outline: thin dotted; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2880D7; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #76ADE4; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #7497BA; } 

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
 
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: Xparo GmbH (23.01.2012)
   ========================================================================== */








/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
/*.clearfix:before { content: ""; display: table; }*/ /* auskommentiert, da es probleme beim ie-8 client verursacht hat */
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==== Helper Classes Xparo ==== */

.border_bw_right {
    background: url('../images/border/bluewhite.png') repeat-y right;
    padding-right: 10px;
}
.gap { display: block; margin-bottom: 4px; }

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
             

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */



/* ============================================
 * ===== GENERAL STYLES FOR ALL VIEWPORTS =====
 * ============================================ */
 
    body { background: #DADADA url('../images/backgrounds/main_bg.png') repeat-x 0 185px; }
    #wrapper { font-size: 1.2em; }    
    
    a.morelink { font-family:  Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.0em; }    
    a.archive { font-family:  Arial, Helvetica, Sans-Serif; font-weight: 700; font-size: 1.231em; }      
    a.sublink { font-family:  Arial, Helvetica, Sans-Serif; font-weight: 700; font-size: 1.231em; }    
    a.hoverable-image .active { display: none; }
    a.hoverable-image:hover .active { display: inline; }
    a.hoverable-image:hover .inactive { display: none; }
    
    a.mail { background: url('../images/icons/mail_small.png') no-repeat left 2px; padding: 0 0 0 20px; }
    a.website { background: url('../images/icons/home_small.png') no-repeat 2px 2px; padding: 0 0 0 20px; }                   
    .detailview a.mail { display: block; background: url('../images/icons/contact_big.png') no-repeat left -2px; height: 28px; padding: 0 0 0 35px; }
    .detailview a.vCard { display: block; background: url('../images/icons/documents_hover.png') no-repeat -4px -2px; height: 28px; padding: 3px 0 0 35px; }                   
    .detailview a.map { display: block; background: url('../images/icons/map_big.png') no-repeat -1px -2px; height: 28px; padding: 3px 0 0 35px; }                   
    .detailview a.google_maps { margin-right: 10px; }
    
    *:focus { outline: none; }
    
    .blue { color: #2880D7; }
    .bold { font-weight: bold; }
    
    .erOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 500000; background-color: rgba(0,0,0, 0.4); }
    .erOverlay .loadingGif { margin: 200px auto; }
        /* Javascript Warnung */
        
        .js-warning { display: none; position: absolute; left: -999999px; top: -999999px; }
        .no-js div.content .js-warning { 
            display: block;
            position: static;            
            background: #2880D7;
            color: #FFFFFF;
            padding: 5px 10px 5px 10px;            
            font-size: 1.25em;            
            text-align: center;
            width: auto !important;
        }
    
    /* ========================= General Headlines ========================== */    
    .oldie h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
    h1 {
        color: #2880D7;
        font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
        font-stretch: condensed;
        font-weight: normal;
        font-size:  2.2em;
        padding: 0;
        margin: 0 0 15px 0;  
        line-height: 1em;                  
    }
    h1, h2, h3, h4, h5, h6 { text-transform: none; line-height: 1em; }
    article h1, article h2, article h3, article h4, article h5, article h6 { text-transform: none; }  
    
    h2 {        
        font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-stretch: condensed;        
        margin: -10px 0 10px 0;
        color: #BBBBBB;
        font-size: 1.6em;
        text-transform: none;
        padding: 0 0 10px 0;        
    }    
    h3 {
        font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-stretch: condensed;        
        margin: 15px 0;
        color: #BBBBBB;
        font-size: 2.30em;            
        padding: 0 0 5px 0;
    } 
    
    .abgeordnete h2 {
        font-size: 1.4em;
        margin:10px 0 0 0;
        padding:0;
    }
    .abgeordnete .left {
        width:48%;
    }
    .abgeordnete .right {
        width:48%;
    }
    .borderless { border: none; }
    .borderbottom { border-bottom: 1px solid #BBBBBB; }
    p.borderbottom { padding-bottom: 15px; }
    	
    .contactData .erSelect .dropDown { top: 19px; }
    	
	.detailview.contactform { border-bottom: none; }
	.detailview.contactform h1 { padding-left: 0; margin-bottom: 20px; }
	.detailview .contactData > div { margin-bottom: 10px; }
	.detailview .contactData .custom-radio label, .detailview .contactData .custom-checkbox label { padding-top: 3px; }
	
	.detailview .contactData { padding-bottom: 15px; border-bottom: 1px solid #BBBBBB; }
	.detailview .contactData label {display:block; margin-bottom: 5px;}
	.detailview .contactData p { margin: 5px 0 5px 0; }
	.detailview .contactData .customRadio { float: left; margin-right: 45px; }
	.detailview .contactData .custom-radio { float: left; }
	.detailview .contactData .custom-radio label { padding-right: 0;}
	.detailview  input[type="text"], .detailview input[type="password"]{ 
            display: block; 
            color: #555555;
            background: #FFFFFF;
            width: 288px;                                  
            height: 19px;        
            padding: 5px 10px;            
            border: 1px solid #8A8A8A;
            margin: 0 0 5px 0;
            box-shadow: inset 2px 2px 7px 0px #CACACA;               
	}    	
    .detailview .contactData .privayInfo { text-align: justify; }
    
    
	.detailview .chooseNewsletter { padding: 15px 0; border-bottom: 1px solid #BBBBBB; }
	.detailview .chooseNewsletter h2 { color: #2880D7; font-size: 1.3em; margin: 15px 0;}
	.detailview .chooseNewsletter .customCheckbox { margin-bottom: 10px; }	
	.detailview .chooseNewsletter .customCheckbox span { display: block; margin-top: 9px; }
	.detailview .chooseNewsletter .custom-checkbox label { float: left; }
	
	.detailview .submitBox { padding: 15px 0; /*border-bottom: 1px solid #BBBBBB;*/ }
	.detailview .captchaBox { float: left; width: 320px; }
	.detailview .captchaBox  p{ margin: 0; }
	.detailview .captchaBox .securitycode { font-size: 0.8em; }	
	.detailview .captchaBox .captcha img { float: left; margin: 0 10px 0 0; }
	.detailview .captchaBox .captcha input { width: 80px; margin-bottom: 0; }
	.detailview .captchaBox .captcha a{ color: #555555 ; font-size: 0.7em; text-decoration: underline; }
	.detailview .submitBox .submit { 
		display: block;
		float: right;
		font-family: Arial,Helvetica,Sans-Serif;
		font-size: 1.6em;
		font-weight: 700;
		margin: 15px 0 5px;
		padding: 5px 0;
	} 
	.login {
	    display: block;
		font-family: Arial,Helvetica,Sans-Serif;
		font-size: 1.6em;
		font-weight: 700;
		margin: 15px 0 5px;
		padding: 5px 0;
	}   
	
	#activityFeed .original_post { color: #2880D7; font-weight: normal; }
	#activityFeed #loading { margin: 60px 0 140px 60px; }	
	#activityFeed {margin: 0 0 25px 0; clear: both; padding: 10px; }
	
	.e-ticker .e-ticker-nav { float: right; width: 50px;}
	.e-ticker .e-ticker-nav .ellipse { display: none !important; }
	.e-ticker .e-ticker-nav .previous_link { display: block; background: url('../images/forms/control_left.png') no-repeat left top; height: 25px; width: 25px; float: left; }
	.e-ticker .e-ticker-nav .next_link { display: block; background: url('../images/forms/control_right.png') no-repeat left top; height: 25px; width: 25px; float: left; }
	.e-ticker .e-ticker-nav .no_more { display: block; background: none; height: 25px; width: 25px; float: left; }
	
	.e-ticker-control ul > li > div { float: left; margin: 0 0px 10px 0; }
	.e-ticker-control .custom-checkbox { margin-right: 5px; float: left; }
	.e-ticker-control .custom-checkbox label { background: url(../images/sprites/sprite_checks.png) no-repeat -21px 0px; width: 22px; height: 22px; padding: 0; }                
	.e-ticker-control .custom-checkbox label.checked { background: url(../images/sprites/sprite_checks.png) no-repeat 0px 0px; width: 22px; height: 22px; padding: 0; }       
	
	.e-ticker .channel-select {
		background: url("../images/forms/select.png") no-repeat scroll left top transparent;    
		height: 26px;
		min-width: 0;
		width: 164px;
		position: relative;
		z-index: 100;	
		float: left;	
		margin-bottom: 5px;
	}
	.e-ticker .channel-select .channel-select-trigger {
		height: 26px;
		position: absolute;
		right: 0;
		top: 0;
		width: 164px;
		cursor: pointer; 
		z-index: 500;
	}
	.e-ticker .channel-select .channel-select-trigger > span { display: block; margin: 6px 0 0 8px; }	
	.e-ticker .e-ticker-control { 
		display: none;
		padding: 10px;
		position: absolute;
		left: 0;
		top: 26px;
		background: #2880D7;
		z-index: 100000;
		width:340px;
	}
	.e-ticker-control .feedName { color: #FFFFFF; font-size: 1.2em; }
	.e-ticker-control ul { padding: 0; }
	.e-ticker-control li { list-style-type: none; }
	.e-ticker-control .ticker-submit { color: #FFFFFF; font-size: 1.4em; }
	
	
	#twitterControls, #facebookControls {
		width: 48%;
		float: left;
		padding-right: 2%;
	}
	
    /* ===== Homepage ================ General Article Headlines  ========== Listview =========== */    
    article h1 { 
        font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
        font-size: 2.307em; 
        font-stretch: condensed;
        font-weight: normal;
        padding: 8px 10px 0 40px;                     
        margin: 0 0 0 0; 
    } 
    section h1 {
        color: #2880D7;
        font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
        font-stretch: condensed;
        font-weight: normal;
        font-size:  2.69em;
        padding: 0;
        margin: 0 0 15px 0; 
        text-transform: none;
    }
        
    
        
    /* ========================= ============ ========================== */    
    /* ========================= Header Stuff ========================== */
    /* ========================= ============ ========================== */
    
    header.top {                 
        padding: 0 0px;
        margin-bottom: 15px;
    }  
    header.top .logo.mobile { display: none; }
    header.top .topright { width: 310px; } 
    header.top .topbar { float: right; width: 440px; }       
    header.top .topbar nav { 
        float: left; 
        background-color: #F0F0F0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #FEFEFE, #F0F0F0); /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image:    -moz-linear-gradient(top, #FEFEFE, #F0F0F0); /* FF3.6 */
        background-image:     -ms-linear-gradient(top, #FEFEFE, #F0F0F0); /* IE10 */
        background-image:      -o-linear-gradient(top, #FEFEFE, #F0F0F0); /* Opera 11.10+ */
        background-image:         linear-gradient(to bottom, #FEFEFE, #F0F0F0);
        -pie-background:          linear-gradient(#FEFEFE, #F0F0F0);        
        padding: 0;
        border: 1px solid #BBBBBB;
        border-top: none;
        margin: 0 0 5px 0;
    }
	header.top .topbar nav > ul > li { border-right: 1px solid #BBBBBB; border-left: 1px solid #FFFFFF; padding-top: 3px; float: left;}
	header.top .topbar nav a {
        color: #888888;
        display: block;
        float: left;
        font-weight: bold;
        line-height: 24px;
        margin: 0 8.9px;
        min-height: 24px;
		/*background: url('../images/sprites/headnavicons.png') no-repeat;*/
    }
    header.top .topbar nav .seperator { line-height: 24px; color: #888888; }
    header.top .topbar nav a:hover,  header.top .topbar nav a:focus,  header.top .topbar nav a:active { color: #2880D7; }
    /*header.top .topbar nav a:before { content: " | "; }
    header.top .topbar nav a:first-child:before { content: ""; }*/
    header.top .topbar nav a.last { border-right: none; }
	
	header.top .topbar nav a.home { background-position: -41px -41px; width: 21px;	height: 20px;  margin-top: 3px;}
	header.top .topbar nav a.home:hover { background-position: -41px -11px; }
	header.top .topbar nav a.impressum { background-position: -9px -162px; width: 21px; height: 20px; margin-top: 4px; }
	header.top .topbar nav a.impressum:hover { background-position: -9px -132px; }
	header.top .topbar nav a.privacy { background-position: -10px -219px; width: 21px; height: 20px; margin-top: 2px; }
	header.top .topbar nav a.privacy:hover { background-position: -39px -219px; }
	header.top .topbar nav a.map { background-position: -43px -98px; width: 19px; height: 16px; margin-top: 5px; }
	header.top .topbar nav a.map:hover { background-position: -43px -70px; }
	header.top .topbar nav a.sitemap { background-position: -43px -152px; width: 18px; height: 18px; margin-top: 6px; }
	header.top .topbar nav a.sitemap:hover { background-position: -43px -126px; }
	header.top .topbar nav a.contact { background-position: -11px -36px; width: 20px;	height: 16px; margin-top: 6px; }
	header.top .topbar nav a.contact:hover { background-position: -11px -10px; }
	header.top .topbar nav a.language { background-position: -9px -189px; width: 21px; height: 20px; margin-top: 2px; }
	header.top .topbar nav a.language:hover { background-position: -39px -189px; }
        
        
        /* ========================= Search Box ========================== */
        
        .searchcontainer { position: relative; float: left; margin-right: 2px; margin-bottom: 2px; }
        .search {
            -webkit-transition: all 0.4s ease-in-out 0s;
            -moz-transition: all 0.4s ease-in-out 0s;
            -ms-transition: all 0.4s ease-in-out 0s;
            -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
            font-size: 1.307em;
            background: #FFFFFF url('../images/forms/search_bg.png') no-repeat top left;                            
            padding: 2px 5px 2px 50px;   
            width: 96px;
            height: 28px;        
            border: none;                        
        }
        /*header.top .search:focus, header.top .search.sfocus { width: 187px; font-size: 1.231em; }            */
            
        .searchcontainer .submit { position: absolute; top: 0px; right: 0px; border: none; }
            /*.ie7 .searchcontainer .submit { top: 1px; }*/
        /* ============ Google Translate ==================== */
        .googletranslate {
            width: 340px;
            background: #F0F0F0;
            padding: 7px;
            float:right;
        }

        /* ============ Google Search ==================== */
        
        .googleSearch .searchcontainer { margin: 0 25px 0 0; }
        .googleSearch .search { width: 280px; }
        .googleSearch .guide-link { float: left; font-size: 1em; }
        .googleSearch .guide-link a { font-weight: bold; display: block; font-size: 1.25em; margin: 0 0 0px 0; }
        .googleSearch .guide-link .arrow { color: #758e11; font-size: 1em; vertical-align: text-bottom; }
        .googleSearch .guide-link span { color: #666666; margin: 0 0 0 0; font-size: 0.9em; }
        .googleSearch p.searchresults { margin: 60px 0 15px 0; color: #666666; }
        
        /* ============ Searchresults ==================== */
        
        ul.searchresults { font-size: 1.077em; padding: 0; margin: 0 0 10px 0; }
        ul.searchresults li { list-style-type: none; margin: 0 0 20px 0; }
        ul.searchresults li a { font-size: 1.3em; }
        ul.searchresults li p { margin: 0; }
        ul.searchresults time, ul.searchresults .filetype { font-weight: bold; }
        
        
        
        
        /* ============ Pagination ==================== */
        
        ul.pagination { list-style-type: none; margin: 0; padding: 0; }
        ul.pagination li {
            float: left;
            width: 7.83%; 
            height: 42px; 
            border: 1px solid #BBBBBB; 
            margin: 0 0.5% 5px 0;                   
            -moz-box-sizing: border-box;  
            -webkit-box-sizing: border-box;                      
            box-sizing: border-box;                 
            
        }
        .ie7 ul.pagination li { width: 7%; }
        ul.pagination li.prev, ul.pagination li.next {
            position: relative;
            background-color: #FFFFFF;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6)); /* Saf4+, Chrome */
            background-image: -webkit-linear-gradient(top, #FFFFFF, #F6F6F6); /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image:    -moz-linear-gradient(top, #FFFFFF, #F6F6F6); /* FF3.6 */
            background-image:     -ms-linear-gradient(top, #FFFFFF, #F6F6F6); /* IE10 */
            background-image:      -o-linear-gradient(top, #FFFFFF, #F6F6F6); /* Opera 11.10+ */
            background-image:         linear-gradient(to bottom, #FFFFFF, #F6F6F6);
            -pie-background:          linear-gradient(#FFFFFF, #F6F6F6);   
            border: 1px solid #D2D2D2;
            text-align: center;
        }
        ul.pagination li.next { margin: 0 0 5px 0; }
        ul.pagination li.prev:hover, ul.pagination li.next:hover { background-color: #FFFFFF; }
        ul.pagination li.prev a { background: url('../images/forms/pag_arrow_left.png') no-repeat; width: 9px; height: 16px; text-align: center; display: inline-block; margin: 12px 0 0 0; }       
        ul.pagination li.next a { background: url('../images/forms/pag_arrow_right.png') no-repeat; width: 9px; height: 16px; text-align: center; display: inline-block; margin: 12px 0 0 0; }
        ul.pagination li a {
            display: block;
            font-size: 1.385em;
            text-align: center;
            color: #666666;
            width: 100%;
            height: 30px;            
            padding: 10px 0 0 0;
        }
        ul.pagination li:hover { border: 1px solid #5298DE; }        
        ul.pagination li a:hover, ul.pagination li:hover a { color: #FFFFFF; background-color: #5298DE; }
        ul.pagination li.next:hover a, ul.pagination li.prev:hover a { color: #FFFFFF; background-color: transparent; }
        
        
        
        /* ============ Guide (Wegweiser) ==================== */
        
        .guide .guide-controls { border-bottom: 1px solid #BBBBBB; padding: 0 0 15px 0; margin: 0 0 20px 0;}
        .guide .searchcontainer { 
            float: left; 
            width: 242px; 
            -webkit-transition: all 0.4s ease-in-out 0s;
            -moz-transition: all 0.4s ease-in-out 0s;
            -ms-transition: all 0.4s ease-in-out 0s;
            -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;  }
        .guide .searchcontainer .search { width: 155px; }
        .guide .searchcontainer.active, .no-js .guide .searchcontainer  { width: 62%; }
        .guide .searchcontainer.active .search, .no-js .guide .searchcontainer .search  { width: 85%; }
        .guide .more-options-button { float: right; }        
        .guide .more-options-button .arrow {
            position: absolute; 
            right: 12px; 
            top: 12px; 
            background: url('../images/forms/acc_down.png') no-repeat right center;
            width: 14px;
            height: 8px;
        }
        .no-js .more-options-button .arrow { display: none; }
        .guide .more-options-button:hover .arrow { background: url('../images/forms/acc_down_h.png') no-repeat right center; }
        .guide .more-options-button.active .arrow { background: url('../images/forms/acc_up.png') no-repeat right center; }
        .guide .more-options-button.active:hover .arrow { background: url('../images/forms/acc_up_h.png') no-repeat right center; }
        
        
            .guide .more-options-button {                
                position: relative;
                font-family:  Arial, Helvetica, Sans-Serif;
                font-size: 1.1em;
                font-weight: 700;
                color: #535353;                
                background-color: #F0F0F0;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0)); /* Saf4+, Chrome */
                background-image: -webkit-linear-gradient(top, #FFFFFF, #F0F0F0); /* Chrome 10+, Saf5.1+, iOS 5+ */
                background-image:    -moz-linear-gradient(top, #FFFFFF, #F0F0F0); /* FF3.6 */
                background-image:     -ms-linear-gradient(top, #FFFFFF, #F0F0F0); /* IE10 */
                background-image:      -o-linear-gradient(top, #FFFFFF, #F0F0F0); /* Opera 11.10+ */
                background-image:         linear-gradient(to bottom, #FFFFFF, #F0F0F0);
                -pie-background:          linear-gradient(#FFFFFF, #F0F0F0) ;
                width: 31%;
                border: 1px solid #BBBBBB;
                padding: 8px 15px 7px 8px;
                cursor: pointer;
            }
            .guide .more-options-button.active, .no-js .guide .more-options-button { z-index: 100; background: #E6E6E6; height: 21px; border-bottom: none; }
            .no-js .guide .more-options { display: block; top: -1px;}
            .no-js .guide .more-options-button { cursor: default; }
            
            .guide .more-options {  
                display: none;               
                clear: both;
                position: relative;
                z-index: 50;                            
                background-color: #E6E6E6; 
                padding: 10px;
                border: 1px solid #BBBBBB;                
            }
            .guide .more-options.active {                
                top: -1px;    
            }
            
            .guide .more-options p {color: #5298DE; font-size: 1.5em;}
            .guide .more-options .custom-radio label { color: #525252; font-size: 1.5em; }
            .guide .searchlink { float: right; font-family:  Arial, Helvetica, sans-serif; font-size: 2em; font-weight: 700;}
            
            .guide .more-options > div {
                float: left;
                width: 50%;
            }
            .guide .more-options > div div { float: left; clear: both; }
            .guide .more-options .inputGroup .custom-radio {width:auto;}
            .guide .inputGroup.search-in-types {display:block;}
            .guide .inputGroup.search-in-types .custom-radio label {height:auto; margin: 0 0 20px; padding-left: 35px;}
            .guide .inputGroup.search-in-types .custom-radio label.checked .main-text {color: #5298DE;}
            .guide .inputGroup.search-in-types .custom-radio label .main-text {font-size:1.5em;font-weight:bold;margin: 0 0 5px;}
            .guide .inputGroup.search-in-types .custom-radio label .sub-text {font-size:1.333em;}
        
        .guide .guide-checkboxes { margin: 10px 0 0 0; }
        .guide .guide-checkboxes div { 
            float: left; 
            width: 50%;
            margin: 0 0 20px 0;
        }   
        .guide .inputGroup .custom-radio {width:50%;float:left;margin:0;}     
        .guide h3 { margin: 0; font-size: 3em; }
        .guide .searchresults { border-top: 1px solid #BBBBBB; }
        .guide .searchresults li { padding: 7px 0; border-bottom: 1px solid #BBBBBB; margin: 0; }
        .guide .searchresults li a { color: #333333; }
        .guide .searchresults li a:hover { color: #2880D7; }
        
        .guide .guide-checkboxes div > span { font-size: 1.1em; color: #666666; }
        .guide .guide-checkboxes div > span > span { font-family:  Arial, Helvetica; font-weight: 700; font-size: 1.2em; }
        
        .guide a.show-all-results {font-size: 1.333em;font-weight: 700;}
        
        .guide .footer {margin:0 0 20px 0;}
        
        .search-paging {text-align:center;}
        .search-paging .page span, .search-paging .page-separator span, .search-paging .page-active span {display:block; margin-top:3px;}
        .search-paging .page{min-width:20px; height:20px; display:block; float:left;color:#666666;border:1px solid #D0D0D0;margin:0 1px; }
        .search-paging .page-active, .search-paging .page:hover{min-width:20px; height:20px; display:block; float:left;color:#FFFFFF;background-color:#5197DD;border:none;margin:1px 2px;}
        .search-paging .page-separator{width:20px; height:20px; display:block; float:left;border:1px solid #D0D0D0;margin:0 1px;}
        .search-paging .arrow {background:url("../images/sprites/paging_pfeile.png") top left no-repeat; width:22px; height:22px; display:block; float:left;margin:0 1px;}
        .search-paging .arrow.prev {background-position:-10px -42px;}
        .search-paging .arrow.prev:hover {background-position:-42px -42px;}
        .search-paging .arrow.next{ width:22px; height:22px; background-position:-10px -10px; }
        .search-paging .arrow.next:hover{ width:22px; height:22px; background-position:-42px -10px; }

        
        /* =============== Stadtbibliothek ====================== */
        
            div.content .main .tabbing { padding: 0; }
            .tabbing .tabs { 
                list-style-type: none; 
                padding: 0; 
                margin: 0; 
                background-color: #F0F0F0;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0)); /* Saf4+, Chrome */
                background-image: -webkit-linear-gradient(top, #FFFFFF, #F0F0F0); /* Chrome 10+, Saf5.1+, iOS 5+ */
                background-image:    -moz-linear-gradient(top, #FFFFFF, #F0F0F0); /* FF3.6 */
                background-image:     -ms-linear-gradient(top, #FFFFFF, #F0F0F0); /* IE10 */
                background-image:      -o-linear-gradient(top, #FFFFFF, #F0F0F0); /* Opera 11.10+ */
                background-image:         linear-gradient(to bottom, #FFFFFF, #F0F0F0);
                -pie-background:          linear-gradient(#FFFFFF, #F0F0F0) ; 
                box-shadow: 0 -4px 9px -6px #555555 inset; 
            }
            .tabbing .tabs li {
                float: left;
                list-style-type: none;
                font-size: 1.4em;
                text-align: center;
                padding: 10px 0 10px 0;                
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;                
                border-right: 1px solid #BBB;
                width: 20%;                
                
            }
            .tabbing .tabs li.last { border: none; }
            .tabbing .tabs li.active { background-color: #FFFFFF; }
            .tabbing .tabs li a { color: #666666; }
            .tabbing .tabs li a:hover { color: #2880D7; }
            .tabbing .tabs li.active a { color: #2880D7; }
        
            .tab-content .tab-pane { display: none; }
            .tab-content .tab-pane.active { display: block; }
        
        
            .bookinfobox .left { float: left; width: 40%; margin-right: 10%; }
            .bookinfobox .right{ float: left; width: 50%; }
            .bookinfobox h2 { font-size: 2.616em; color: #990000; }
            .tab-content .linkbox { padding: 0 0 0 70px; margin: 0 0 20px 0; }
            .linkbox a {
                font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
                font-size: 1.7em;
                font-stretch: condensed;
            }
            .linkbox p { margin: 0; }
            .bookinfobox .linkbox.light{ background: transparent url('../images/icons/light_big.png') no-repeat 5px 5px; min-height: 40px;}
            .bookinfobox .linkbox.document { background: transparent url('../images/icons/documents_big.png') no-repeat 5px 5px; min-height: 40px;}
            .bookinfobox .linkbox.list{ background: transparent url('../images/icons/sitemap_big.png') no-repeat 5px 5px; min-height: 40px;}
            .bookinfobox .linkbox.book{ background: transparent url('../images/icons/book_big.png') no-repeat 5px 5px; min-height: 40px;}
            .bookinfobox .linkbox.info{ background: transparent url('../images/icons/info_big.png') no-repeat 5px 5px; min-height: 40px;}
			.bookinfobox .linkbox { padding-left: 60px; margin-bottom: 10px; }
			.bookinfobox .linkbox a { font-size: 1.75em; color: #990000; }
			
            .linkbox { background-position: 20px 20px; }
            
            
            .linkbox-container { margin: 10px 0 10px 0; }
			.linkbox-container .thumb {margin-right: 10px; float: left; }
            .linkbox-container .linkbox { 
                float: left; 
                width: 49.2%; 
                background-color: #FFFFFF;                                
                margin: 0 1.6% 10px 0;                 
                box-shadow: 4px 2px 3px #888888;
                height: 80px;                
            }
			.linkbox-container .linkbox .linkboxcontent { padding: 10px 1% 10px 10%; }
            .linkbox-container .linkbox + .linkbox { margin: 0; }
            .linkbox-container .linkbox + .linkbox + .linkbox { margin: 0 1.6% 0 0; }
            .linkbox-container .linkbox + .linkbox + .linkbox + .linkbox { margin: 0; }
            
            .book-container, .dvd-container { position: relative; margin: 0; padding: 0; }
            .bookbox .twoClickSocialMedia, .dvdbox .twoClickSocialMedia { float: left; margin: 30px 0 0 0; }
            .bookbox .social_share_privacy_area, .dvdbox .social_share_privacy_area { height: auto; }
            .bookbox .social_share_privacy_area li, .dvdbox .social_share_privacy_area li { float: none; }
            /*.bookbox .social_share_privacy_area .twitter, .dvdbox .social_share_privacy_area .twitter { margin-bottom: 4px !important; }*/
            /*.bookbox .social_share_privacy_area li.settings_info, .dvdbox .social_share_privacy_area li.settings_info { top: 5px; }*/
            
            .bookbox, .dvdbox {
                float: left;
                list-style-type: none;
                background: #FFFFFF;
                font-size: 1.23em;
                box-shadow: 2px 2px 2px #888888;                
                margin: 0 0 10px 0;                                             
                padding: 0;
                -moz-box-sizing: border-box;  
                -webkit-box-sizing: border-box;
                box-sizing: border-box;              
                
            }
            .bookbox .info, .dvdbox .info { position: relative; background: #FFFFFF; padding: 10px 10px 0 10px; }            
            .bookbox .author, .dvdbox .author { display: block; color: #666666; }
            .bookbox .title, .dvdbox .title { display: block; color: #5298DE; }
            .bookbox .bookimg, .dvdbox .bookimg { float: left; margin: 0 10px 0 0; }
            .bookbox .commentlink, .dvdbox .commentlink { position: absolute; bottom: 0; left: 180px; }
            
            .bookbox .comments, .dvdbox .comments { padding: 0 10px; margin: 3px 0 0 0; }           
            .fb-comments, .fb-comments iframe[style] {width: 100% !important;}
            .fb-comments iframe[style] .uiHeader { padding: 20px !important; }
        
        /* =============== Custom Inputs ====================== */
        
        /* wrapper divs */
        .custom-checkbox, .custom-radio { position: relative; margin-right: 10px; }
	    
        /* input, label positioning */
        .custom-checkbox input, 
        .custom-radio input {
	        position: absolute;
	        left: 2px;
	        top: 3px;
	        margin: 0;
	        z-index: 0;
        }
        .custom-checkbox label, 
        .custom-radio label {
	        display: block;
	        position: relative;	        
	        font-size: 1em;
	        padding-right: 1em;
	        line-height: 1;	        
	        height: 32px;	        
	        cursor: pointer;
	        padding-left: 25px;	        
        }        
        .custom-checkbox label { background: url(../images/forms/chkbox.png) no-repeat; padding-left: 35px; padding-top: 11px; }
        .custom-radio label { background: url(../images/forms/radio.png) no-repeat; }        
        .custom-checkbox label.checked,
        .custom-checkbox label.checked { background: url(../images/forms/chkbox_active.png) no-repeat; }       
        
        .custom-radio label.checked,
        .custom-radio label.checked { background: url(../images/forms/radio_active.png) no-repeat; }     
            
        
        /* ========================= "Lebenslagen" Select ========================== */
                   
        header.top .action-select select { width: 157px; }
        header.top .topright .action-select .erSelect.small { width: 66px !important;}            
        header.top .action-select .erSelect {                
            -webkit-transition: all 0.4s ease-in-out 0s;
            -moz-transition: all 0.4s ease-in-out 0s;
            -ms-transition: all 0.4s ease-in-out 0s;
            -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
            background: url('../images/forms/lebenslagen_bg.png') no-repeat top left;
            min-width: 0;
        }
            header.top .action-select .erSelect .selectBox { 
                color: #333333;                 
                white-space: nowrap;
                padding-left: 40px;                
                width: auto;        
                margin: -2px 0 0 0;                            
            }
            header.top .action-select .erSelect .dropDown { top: 20px; width: 151px; z-index: 10000; }            
            header.top .action-select .erSelect .moreButton {
                position: absolute;
                right: 0px;
                top: 0;
                cursor: pointer;  
                background: url('../images/forms/blue_downo.png') no-repeat;
                width: 32px;
                height: 32px;                                  
            }
            
        /* ========================= Dropdown Navigation ========================== */
        
        header.top .dropDownNav select { width: 310px; }            
        header.top .dropDownNav .erSelect.small { width: 66px !important;}            
        header.top .dropDownNav .erSelect {                
            -webkit-transition: all 0.4s ease-in-out 0s;
            -moz-transition: all 0.4s ease-in-out 0s;
            -ms-transition: all 0.4s ease-in-out 0s;
            -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
            background: url('../images/forms/lebenslagen_bg.png') no-repeat top left;
            min-width: 0;
        }
            header.top .dropDownNav .erSelect .selectBox { 
                color: #000000; 
                font-size: 1.307em;
                padding-left: 40px;                
                width: auto;
                white-space: nowrap;
            }
            header.top .dropDownNav .erSelect .dropDown { top: 20px; width: 305px; z-index: 999; }
            header.top .dropDownNav .erSelect .moreButton {
                position: absolute;
                right: 0px;
                top: 0;
                cursor: pointer;   
                background: url('../images/forms/blue_downo.png') no-repeat;
                width: 32px;
                height: 32px;                                 
            }         
            
        /* ========================= Main Navigation ========================== */
            
        header.top nav.mainnav {
            position: absolute;	
            z-index: 300000;	
            bottom:0;		            	         
            font-size: 1.231em;   
            background-color: #E5E5E2;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E2), to(#F0F0F0)); /* Saf4+, Chrome */
            background-image: -webkit-linear-gradient(top, #E5E5E2, #FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image:    -moz-linear-gradient(top, #E5E5E2, #FFFFFF); /* FF3.6 */
            background-image:     -ms-linear-gradient(top, #E5E5E2, #FFFFFF); /* IE10 */
            background-image:      -o-linear-gradient(top, #E5E5E2, #FFFFFF); /* Opera 11.10+ */
            background-image:         linear-gradient(to bottom, #E5E5E2, #FFFFFF);
            -pie-background:          linear-gradient(#E5E5E2, #FFFFFF);                                       
            width:100%;
            height: 50px;
            box-shadow: 0 -4px 8px -4px #555555 inset;                    				
        }
            
            /* First Level */
            header.top nav.mainnav ul { padding: 0px; position: relative; z-index: 300000; }
            .ie7 header.top nav.mainnav ul li { width: 16.549%; }
            header.top nav.mainnav ul li {
                float: left;                
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;                
                position: relative;
                z-index: 300000;                    
                text-align: center;                                       
                width: 16.66667%;                                                
                border-right: 1px solid #BBBBBB;
                border-left: 1px solid #FFFFFF;
            }
            header.top nav.mainnav ul li a { display: block; padding: 11px 0 14px 0; font-size: 1.2em; }
            header.top nav.mainnav ul li:hover > a { color: #FFFFFF; }
            header.top nav.mainnav ul li > a:hover, header.top nav.mainnav ul li > a:active, header.top nav.mainnav ul li > a:focus, header.top nav.mainnav ul li:hover,
            header.top nav.mainnav ul li.active > a { 
                color: #FFFFFF !important;                            
                background-color: #2880D7;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#2880D7), to(#236CB6)); /* Saf4+, Chrome */
                background-image: -webkit-linear-gradient(top, #2880D7, #236CB6); /* Chrome 10+, Saf5.1+, iOS 5+ */
                background-image:    -moz-linear-gradient(top, #2880D7, #236CB6); /* FF3.6 */
                background-image:     -ms-linear-gradient(top, #2880D7, #236CB6); /* IE10 */
                background-image:      -o-linear-gradient(top, #2880D7, #236CB6); /* Opera 11.10+ */
                background-image:         linear-gradient(to bottom, #2880D7, #236CB6);
                -pie-background:          linear-gradient(#2880D7, #236CB6);                       
                box-shadow: 0 -4px 8px -4px #555555 inset; 
                position: relative; 
                z-index: 300000;                           
            }            
            
            header.top nav.mainnav ul > li:hover, header.top nav.mainnav ul > li.active { border-left: 1px solid #2880D7; }
            header.top nav.mainnav ul > li.last { padding-right: 0; border-right: none; }        
                
                /* Second Level */
                header.top nav.mainnav ul li ul { 
                    visibility: hidden;
                    position: absolute; 
                    right: 0px; 
                    box-shadow: 4px 2px 3px #888888;                     
                    opacity: 0;                    
                    -webkit-transition:opacity 0.1s;
                    -moz-transition:opacity 0.1s;
                    -ms-transition:opacity 0.1s; 
                    -o-transition:opacity 0.1s;
                    transition:opacity 0.1s;
                }
                   .iPad header.top nav.mainnav ul > li:hover > ul { 
                    display: none;
                }
                header.top nav.mainnav ul li.first ul { left: 0px; }                
                header.top nav.mainnav ul > li:hover > ul { 
                    display: block;                         
                    position: absolute;                        
                    z-index: 100000;
                    font-size: 0.7em;
                    font-weight: bold;
                    text-align: left;                        
                    width: 310px;                    
                    border: 1px solid #BBBBBB;
                    border-top: 1px solid #BBBBBB;
                    border-right: none;   
                    border-bottom: none;  
                    opacity: 1;
                    visibility: visible;
                    /*-webkit-transition-delay:1.3s;     
                    -moz-transition-delay:1.3s; 
                    -ms-transition-delay:1.3s;     
                    -o-transition-delay:1.3s;     
                    transition-delay:1.3s;   */                                                     
                }                  
                .ie7 header.top nav.mainnav ul li ul li { border-bottom: none; background-color: #FAFAFA; }
                header.top nav.mainnav ul li ul li {                     
                    text-align: left;
                    width: 100% !important; 
                    border-bottom: 1px solid #BBBBBB;
                    border-top: 1px solid #FFFFFF;
                    border-left: none;   
                    position: relative; 
                    z-index: 10000;                                       
                }
                header.top nav.mainnav ul li ul li.first { border-top: none; }
                header.top nav.mainnav ul li ul li.last { border-bottom: none; border-right: 1px solid #BBBBBB; }
                header.top nav.mainnav ul li ul li a {
                    text-align: left;
                    width: 95.2%;
                    background-color: #FAFAFA;                    
                    position: relative;
                    z-index: 10000;
                    padding-left: 5%;                    
                }
                .ie7 header.top nav.mainnav ul li ul li a { width: 94.7%; }                
                header.top nav.mainnav ul li ul li a:hover {
                    color: #2880D7 !important;
                    background-color: #F0F0F0;            
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FFFFFF)); /* Saf4+, Chrome */
                    background-image: -webkit-linear-gradient(top, #F0F0F0, #FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
                    background-image:    -moz-linear-gradient(top, #F0F0F0, #FFFFFF); /* FF3.6 */
                    background-image:     -ms-linear-gradient(top, #F0F0F0, #FFFFFF); /* IE10 */
                    background-image:      -o-linear-gradient(top, #F0F0F0, #FFFFFF); /* Opera 11.10+ */
                    background-image:         linear-gradient(to bottom, #F0F0F0, #FFFFFF);
                    -pie-background:          linear-gradient(#F0F0F0, #FFFFFF);  
                    box-shadow: none;                    
                }                
                header.top nav.mainnav ul li:hover ul li a { color: #666666; }
                header.top nav.mainnav ul li ul li:hover { border-left: none; background: none; }
                header.top nav.mainnav ul li ul li.first:hover { border-top: none; }
                header.top nav.mainnav ul li ul li .subpagesTrue .navArrow {
                    position: absolute;
                    height: 25px;
                    width: 25px;
                    background-image: url("../images/sprites/sprite_sidebar.png");
                    background-repeat:no-repeat;
                }
                header.top nav.mainnav ul li:hover ul li .subpagesTrue .navArrow{                    
                    right: 2px;                    
                    background-position: -50px -472px;					
                }            
                    
                
                
                    /* Third Level */
                    header.top nav.mainnav ul > li > ul > li:hover > li { display: block; }
                    header.top nav.mainnav ul > li > ul > li > ul { 
                        display: none;
                        left: -311px; 
                        top: -1px;
                        font-size: 1em !important; 
                        margin-bottom: -5px;                       
                        width: 100%;
                        border-top: 1px solid #BBBBBB;
                    }
                    header.top nav.mainnav ul > li.first > ul > li > ul {
                        left: 311px;
                    }
                
                
                
        header.top nav.mainnav a { color: #666666; }
        header.top nav.mainnav a:hover { color: #888888; }
    
    /* ========================= ==================== ========================== */    
    /* ========================= General Content Area ========================== */
    /* ========================= ==================== ========================== */
    
    div.content {
        padding: 0 0px;
        min-width: 310px;            
    }
    
        /* ========================= Content Modules ========================== */
        
        div.content .sidemain { margin: 0; }
        div.content .box {
            background: #FFFFFF;
            padding: 15px 20px 15px;
            margin-bottom: 10px;
            box-shadow: 4px 2px 3px #888888;
        }            
        div.content .box a.archive { float: right; margin: 10px 0 0 0; }
        
        /* ========================= Left Sidebar ========================== */
    
        .sub div.content .leftside { float: left; width: 310px; margin: 0 20px 0 0; }
        .sub div.content section.tourism { max-width: 310px; padding: 0; }        
        
        /* ====== sub ============== Sub-Navi ========= Leftpane ========== */
        
        .sub .leftside .subnavi ul { margin-bottom: 10px; border-right: 1px solid #BBBBBB; box-shadow: 4px 2px 3px #888888; }
            .sub .leftside .subnavi ul li.last { border-bottom: none; }
            .sub .leftside .subnavi ul li {
                background-color: #FAFAFA;
                border-bottom: 1px solid #BBBBBB;
                border-top: 1px solid #FFFFFF;                          
            }
            .sub .leftside .subnavi ul li a {
                display: block;                
                font-size: 1.5em;
                color: #666666;
                padding: 10px 5px 10px 15px;                
            }
            .sub .leftside .subnavi ul li a:hover,.sub .leftside .subnavi ul li a:active,.sub .leftside .subnavi ul li a:focus { color: #5298DE; }
                .sub .leftside .subnavi ul li.active a { color: #5298DE; }
                .sub .leftside .subnavi ul li.active {        
                    background-color: #FAFAFA;            
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FFFFFF)); /* Saf4+, Chrome */
                    background-image: -webkit-linear-gradient(top, #F0F0F0, #FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
                    background-image:    -moz-linear-gradient(top, #F0F0F0, #FFFFFF); /* FF3.6 */
                    background-image:     -ms-linear-gradient(top, #F0F0F0, #FFFFFF); /* IE10 */
                    background-image:      -o-linear-gradient(top, #F0F0F0, #FFFFFF); /* Opera 11.10+ */
                    background-image:         linear-gradient(to bottom, #F0F0F0, #FFFFFF);
                    -pie-background:          linear-gradient(#F0F0F0, #FFFFFF);                                                             
                }
                .sub .leftside .subnavi ul li ul {
                    font-size: 0.9em;   
                    background-color: #F1F1F1;                 
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFFFFF)); /* Saf4+, Chrome */
                    background-image: -webkit-linear-gradient(top, #F1F1F1, #FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
                    background-image:    -moz-linear-gradient(top, #F1F1F1, #FFFFFF); /* FF3.6 */
                    background-image:     -ms-linear-gradient(top, #F1F1F1, #FFFFFF); /* IE10 */
                    background-image:      -o-linear-gradient(top, #F1F1F1, #FFFFFF); /* Opera 11.10+ */
                    background-image:         linear-gradient(to bottom, #F1F1F1, #FFFFFF);
                    -pie-background:          linear-gradient(#F1F1F1, #FFFFFF);  
                    box-shadow: inset 0px 2px 2px #888888;
                    border: none;
                    border-top: 1px solid #BBBBBB;
                    padding: 10px 0 10px 25px;    
                    margin: 0;             
                }
                .sub .leftside .subnavi ul li ul li { background: none; border: none; }
                .sub .leftside .subnavi ul li ul li.active { background: none; -pie-background: none;  border: none; }
                .sub .content .leftside .subnavi ul li ul li a { color: #666666; padding: 5px 10px; }
                .sub .content .leftside .subnavi ul li ul li a:hover { color: #5298DE; padding: 5px 10px; }
                .sub .leftside .subnavi ul li ul li.active > a { color: #5298DE; }
                
                .sub .leftside .subnavi ul li ul li ul { 
                    box-shadow: none; 
                    border: none; 
                    padding-top: 0; 
                    padding-left: 30px; 
                    font-size: 1em;                 
                }
        
        /* ========================= Toolbox ======= floating right side (960px-1280px) ============ */            
        
        .toolbox {
            visibility: hidden;
            font-family:  Arial, Helvetica, Sans-Serif;
            font-weight: 700;
            font-size: 1.5em;
            padding: 8px;
            color: #FFFFFF;
            position: absolute;
            top: 230px;
            right: 0px; 
            background: url('../images/toolbar.png') no-repeat top left;
            width: 40px;
            height: 313px;
            cursor: pointer;
            z-index: 1000000;
        }            
        .toolbox:hover .hidden { visibility: visible; display: block; width: 310px; font-size: 1em; position: absolute; top: 0px; left: -317px; }
        .toolbox .hidden { visibility: hidden; padding: 0 10px 0 0; z-index: 9999;}
        .toolbox .servicelist { font-size: 1em;}
        .toolbox .contact { font-size: 0.7em; font-family: Arial, Helvetica, Sans-Serif; color: #666666; font-weight: normal; cursor: default; }
        
        /* ===== sub ==================== Servicelist ======= sidebar/toolbox ================ */            
        
        .oldie .servicelist {
            font-family: "Arial Narrow", "Open Sans Condensed", Arial, Helvetica, Sans-Serif;
        }
        .servicelist {                
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
            font-stretch: condensed;
            font-weight: normal;
            font-size: 1.5em;            
            width: 310px;
            color: #666666;                
            padding: 0 0 0 0;
            cursor: default;               
            box-shadow: 4px 2px 3px #888888;
        }            
            
        .servicelist h5 {
            list-style-type: none;                                                   
            /*background: #F0F0F0;*/
            padding: 10px 10px 10px 20px; 
            border-bottom: 1px solid #BBBBBB;
            border-top: 1px solid #FFFFFF;    
            margin: 0;
            text-transform: none;
            font-size: 1em;
            font-weight: normal; 
            cursor: pointer;                                    
        }   
            	/* General Styles Related Modules */
			.sprite_sidebar{ /*background:url('../images/sprites/sprite_sidebar.png') top left no-repeat;*/float:left;display:block;}
			.sprite_sidebar_header_left{ background:url('../images/sprites/sprite_sidebar.png') top left no-repeat; float:left;display:block;margin: 0 15px 0 0;}
            .sprite_sidebar_header_right{ background:url('../images/sprites/sprite_sidebar.png') top left no-repeat; float:left;display:block;margin: 0 15px 0 0;}
			.services-blue li a, .services-red li a,.links-blue li a,.links-red li a, .documents-blue li a, .documents-red li a, .applications-blue li a, .applications-red li a {padding-left: 20px; margin-bottom: 5px; display: block;}
            
            .servicelist ul { width: 95%; }
			
			/* Styles für Related Links */
             .servicelist h5.links-red  .icon{ width:20px; height:28px; background-position:-10px -124px; }
             .servicelist h5.links-red.ui-state-active  .icon{width:20px; height:28px; background-position:-40px -124px; }
			 .servicelist h5.links-red:hover .icon { width:20px; height:28px; background-position:-40px -124px;} 
			  ul.links-red li:hover .links-red-sm { width:11px; height:14px; background-position:-73px -404px; display:block;float:left;margin: 4px 0 0 5px; } 
			  			 
			 .servicelist h5.links-blue .icon { width:18px; height:26px; background-position:-10px -344px;}
             .servicelist h5.links-blue.ui-state-active .icon{ width:18px; height:26px; background-position:-38px -344px; }
			 .servicelist h5.links-blue:hover .icon{ width:18px; height:26px; background-position:-38px -344px; }		 
			 ul.links-blue li:hover .links-blue-sm {width:9px; height:13px; background-position:-85px -344px; display:block;float:left;margin: 4px 0 0 5px; }              

			/*Styles für Related Documents */
			.servicelist h5.documents-red  .icon{ width:23px; height:28px; background-position:-10px -86px; }
             .servicelist h5.documents-red.ui-state-active  .icon{ width:23px; height:28px; background-position:-43px -86px; }
			 .servicelist h5.documents-red:hover .icon {width:23px; height:28px; background-position:-43px -86px;} 
			  ul.documents-red li:hover .documents-red-sm {width:11px; height:14px; background-position:-31px -404px; display:block;float:left;margin: 4px 0 0 5px; } 
			 
			 .servicelist h5.documents-blue .icon {width:21px; height:26px; background-position:-10px -308px;}
             .servicelist h5.documents-blue.ui-state-active .icon{ width:21px; height:26px; background-position:-41px -308px;}
			 .servicelist h5.documents-blue:hover .icon{ width:21px; height:26px; background-position:-41px -308px; }		
			 
			 ul.documents-blue li:hover .documents-blue-sm {width:11px; height:13px; background-position:-31px -475px; display:block;float:left;margin: 4px 0 0 5px; } 
			
			/*Styles für Related Applications (eDienste & Anwendungen) */
					 
			 .servicelist h5.applications-blue .icon {width:26px; height:26px; background-position:-10px -272px; }
             .servicelist h5.applications-blue.ui-state-active .icon{ width:26px; height:26px; background-position:-46px -272px;}
			 .servicelist h5.applications-blue:hover .icon{width:26px; height:26px; background-position:-46px -272px; }					 
			 ul.applications-blue li:hover .applications-blue-sm {  width:13px; height:13px; background-position:-79px -452px; display:block;float:left;margin: 4px 0 0 5px; } 
			
			 /*Styles für Related Services (Dienstleistugnen der Stadt) */
			
			 
			 .servicelist h5.services-blue .icon {width:26px; height:26px; background-position:-10px -236px; }
             .servicelist h5.services-blue.ui-state-active .icon{  width:26px; height:26px; background-position:-46px -236px;}
			 .servicelist h5.services-blue:hover .icon{ width:26px; height:26px; background-position:-46px -236px; }		
			  ul.services-blue li:hover .services-blue-sm { width:13px; height:13px; background-position:-33px -452px; display:block;float:left;margin: 4px 0 0 5px; } 
			 
        	 /* STABI Related Contact */
                .servicelist h5.contacts-red  .icon{ width:25px; height:28px; background-position:-10px -10px; }
             .servicelist h5.contacts-red.ui-state-active  .icon{ width:25px; height:28px; background-position:-45px -10px; } 
			 .servicelist h5.contacts-red:hover .icon { width:25px; height:28px; background-position:-45px -10px;} 
			 .servicelist ul.related-contacts li {padding: 10px;} 
			 
			/* arrows */ 
             .servicelist h5 .redarrow{  width:14px; height:8px; background-position:-58px -498px;float: right; margin: 10px 7px 0 0;}
			 .servicelist h5:hover .redarrow{ width:14px; height:8px; background-position:-10px -498px;  float: right; margin: 10px 7px 0 0;}
			  .servicelist h5.ui-state-active .redarrow { width:14px; height:8px; background-position:-10px -498px; float: right; margin: 10px 7px 0 0; }
			 
			 .servicelist h5 .bluearrow{ width:14px; height:8px; background-position:-76px -475px; float: right; margin: 10px 7px 0 0;}
			 .servicelist h5:hover .bluearrow{  width:14px; height:8px; background-position:-52px -475px; float: right; margin: 10px 7px 0 0;}			 
             .servicelist h5.ui-state-active .bluearrow {  width:14px; height:8px; background-position:-52px -475px; float: right; margin: 10px 7px 0 0; }
		
			  
        .servicelist ul {
            margin: 0;
            padding: 10px 10px 10px 5px;
            list-style-type: none;            
            /*background: #F0F0F0 url('../images/backgrounds/servicelist_wdown.png') repeat-x left bottom;
            box-shadow: 3px -1px 2px #AAAAAA inset;*/                
        }         
        .servicelist ul > li { margin-bottom: 5px; }
        .servicelist a { color: #666666;line-height: 20px;}
        .servicelist a:hover { color: #5298DE; }
     
			  	
            .servicelist ul.links li:hover { background: url('../images/icons/links_small.png') no-repeat 3px center; }
            .servicelist ul.documents li:hover { background: url('../images/icons/documents_small.png') no-repeat 5px center; }
            .servicelist ul.applications li:hover { background: url('../images/icons/applications_small.png') no-repeat 3px center; }
            .servicelist ul.services li:hover { background: url('../images/icons/services_small.png') no-repeat 3px center; }

            
        /* ====== sub =============== contact box ======= sidebar/toolbox =========== */ 
            
        section.contact { color: #666666; }
        section.contact h3 { margin: 0 0 10px 0; border-bottom: 1px solid #BBBBBB; }
        section.contact ul { list-style-type: none; margin: 0; padding: 0; }
        section.contact ul li { border-bottom: 1px solid #BBBBBB; font-size: 1.15em; line-height: 1.35em; padding: 0 0 10px 0; margin: 0 0 10px 0; }
        section.contact ul li.last { border: none; }
        section.contact ul li strong { color: #2880D7; font-size: 1.15em; }        
        
        table.openings { margin: 5px 10px 15px 0; }
        table.openings td { padding: 0 20px 0 0; }
        
        .disabled-info p { margin-top: 5px !important; }
        
        /* ======= sub =============== Breadcrumb ========= main ========= */
            .box.breadcrumbBox { padding: 15px 20px 5px 20px; }
            .breadcrumb { /*padding: 0 0 5px 0; margin: 0 0 5px 0;*/ }
            .breadcrumb span { color: #BBBBBB; }
            .breadcrumb ul { 
                display: inline;
                list-style-type: none;
                margin: 0;
                padding: 0;
                
            }
            .breadcrumb ul li { display: inline; }
            .breadcrumb ul li a { color: #606060; }
            .breadcrumb ul li a:hover { color: #5298DE; }
            .breadcrumb ul li.active a { color: #5298DE; }
            
        /* ======= sub =============== Article Detailview ========= main ========= */
        
        .box.detail-box { position: relative; }
     
        
        article.detailview { 
            font-size: 1.231em; 
            border-bottom: 1px solid #BBBBBB; 
            padding: 0 0 10px 0; 
            margin: 0 0 10px 0;
        }
        .oldie article.detailview header h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
        article.detailview header h1 {
            color: #2880D7;
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
            font-stretch: condensed;
            font-weight: normal;
            font-size:  2.1em;
            padding: 0;
            margin: 0 0 15px 0;  
            line-height: 1em;              
        }
        .oldie article.detailview h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
        article.detailview h1 {
            color: #2880D7;
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
            font-stretch: condensed;
            font-size: 2.45em;
            line-height: 1em;
            margin: 15px 0;            
        }
        .oldie article.detailview h2 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
        article.detailview h2 {
            color: #2880D7;
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
            font-stretch: condensed;
            font-size: 1.65em;
            line-height: 1em;
            margin: 15px 0;            
        }
        
        article.detailview h3 {
            color: #2880D7;
            font-family: Arial, Helvetica, Sans-Serif;
            font-weight: bold;
            font-size: 1.25em;
            line-height: 1em;
            margin: 10px 0;
        }
        article.detailview h4, article.detailview h5
        .oldie article.detailview h6 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
        article.detailview h6 {
            color: #2880D7;
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
            font-stretch: condensed;
            font-size: 1.1em;
            line-height: 1em;
            margin: 8px 0;
        }
        
        article.detailview img { max-width: 100% !important; height: auto !important; }    
        article.detailview img.thumbnail { float: left; margin: 0 25px 25px 0; max-width: 50%; }
        
        article.detailview p { margin: 15px 0 20px 0; }
        article.detailview .youtube-video { width: 100% !important; }
        
        .sub .social_share_privacy_area { margin: 0 !important; }
        
        /* ========================= News Box (aktuelles aus erlangen.) ======= main ========== */
    
        section.news header { border-bottom: 1px solid #BBBBBB; }
           
        section.news a.rss { float: right; position: relative; /*z-index: 200000;*/ }
            
        section.news article { border-bottom: 1px solid #BBBBBB; padding: 0 0 0 0; }            
            section.news article header { position: relative; z-index: 1; min-height: 47px; margin: 0 0 0 0; border-bottom: none; }
            section.news article header h1 a { font-size: 1em; }
            section.news.dateless article h1 { padding-left: 0; }
            .oldie section.news article h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
            section.news article h1 { 
                font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;                    
                font-stretch: condensed;
                font-size: 1.84em;
                line-height: 1.2em;
                font-weight: normal;
                padding: 12px 10px 8px 50px;                     
                margin: 0 0 0 0; 
            }
            section.news article time {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;  
                font-size: 1.84em;                  
                color: #FFF;                    
                background: #758e11;                    
                padding: 0 2px;
                height: 100%;
                width: 35px;
            }
            section.news article time:hover { background: #9CBE16; }
               section.news article time .day {
                    display: block;
                    font-weight: bold;
                    margin: 6px 0 -5px 0;
                    font-size: 18px;
                    font-weight: bold;
                    text-align:center;
                    }
              section.news article time .month {
                    display: block;
                    font-size: 14px;
                    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
                    text-align:center;
                    }
                
            section.news article header + div { margin-top: 15px;  padding: 0 0 10px 0; }
            section.news article .thumbnail { float: left; margin: 0 5px 5px 0; width: 110px; height: 70px; }
            section.news article .preview { max-width:78%; font-size: 1.231em; }
            section.news article p { margin: 0 0 15px 0; }    
            
            section.news header { border-bottom: 1px solid #BBBBBB; }
        section.news h3 { float: left; font-size: 2.5em;  margin: 0 0 0 0; }        
        section.news a.rss { float: right; }
            
        section.news-no-accordion article { border-bottom: 1px solid #BBBBBB; padding: 0 0 0 0; }            
            section.news-no-accordion article header { position: relative; z-index: 1; min-height: 47px; margin: 0 0 0 0; border-bottom: none; }
            section.news-no-accordion article header h1 a { font-size: 1em; }
            section.news-no-accordion.dateless article h1 { padding-left: 0; }
            .oldie section.news-no-accordion article h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
            section.news-no-accordion article h1 { 
                font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;                    
                font-stretch: condensed;
                font-size: 1.84em;
                line-height: 1.2em;
                font-weight: normal;
                padding: 12px 10px 8px 40px;                     
                margin: 0 0 0 0; 
            }
            section.news-no-accordion article time {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;  
                font-size: 1.84em;                  
                color: #FFF;                    
                background: #758e11;                    
                padding: 0 2px;
                height: 100%;
            }
            section.news-no-accordion article time:hover { background: #9CBE16; }
                section.news-no-accordion article time .day { display: block; font-weight: bold; margin: 0 0 -12px 0; }
                section.news-no-accordion article time .month { display: block; }
                
            section.news-no-accordion article header + div { margin-top: 2px;  padding: 0 0 10px 0; }
            section.news-no-accordion article .thumbnail { float: left; margin: 0 5px 15px 0; width: 110px; height: 70px; }
            section.news-no-accordion article .preview { font-size: 1.231em; }
            section.news-no-accordion article p { margin: 0 0 0 125px; }                                              
            section.news-no-accordion header { border-bottom: 1px solid #BBBBBB; }
                                                      
        
        section.picture-gallery .thumbs { float: left; margin: 0 10px 10px 0; }
        
        article header h1 span.icon {margin-right: 5px}
        
        /* ========================= myNews Box (meine neuigkeiten.) ======= main ========== */
        
        section.myNews section { padding: 0 2px 0 2px; }
        
        section.myNews h4 { 
            font-family:  Arial, Helvetica, Sans-Serif;
            font-weight: 700;
            font-size: 1.84em;    
            color: #BBBBBB; 
            padding: 0 0 8px 0; 
            margin: 15px 0 0 0;   
            border-bottom: 1px solid #BBBBBB;      
        }    
            
        section.myNews a.archive { margin: 0 0 20px 0; }    
    
        /* ========================= Events Box (veranstaltungen.) ======= sidebar =========== */
        
        section.events header {  padding: 5px 0; border-bottom: 1px solid #BBBBBB; }            
        section.events header h3 { float: left; margin: 0 0 0 0; }
        section.events header a.rss { float: right; }
        .oldie section.events article h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
        section.events article h1 {                
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
            font-stretch: condensed;
            font-weight: normal;            
            font-size: 1.84em;
			line-height: 1em;
            margin: 5px 0 0 0;
            padding: 0 0 0 0; 
        }     
                  
        section.events article header { border: none; }
        section.events article { padding: 15px 3px 15px 3px; margin: 0 0 0 0; border-bottom: 1px solid #BBBBBB; }    
                    
        /* ========================= Tourism Box (Tourismus) ======= sidebar =========== */
        
        div.content .side section.tourism { 
            background-color: #E3716A; 
            padding: 0; 
            background:none; 
            min-width: 310px; 
        }             
            
            
        section.tourism .background { position: relative; margin-bottom:10px; height: 150px; background: #E3716A; }   
        section.tourism .background a {
            display: block;
            position: absolute;                
            font-family:  Arial, Helvetica, Sans-Serif;
            font-weight: 700;
            font-size: 1.38em;
            color: #FFFFFF;
            background-color: #758E11;
            padding: 5px;
        }
        section.tourism .background > img { width: 100%; height: 100%; }
        section.tourism .background a:hover { background-color: #9CBE16; }
        section.tourism .background .box1 { top: 13px; left: 0px; }
        section.tourism .background .box2 { bottom: 13px; right: 0px; }
          
        /* ========================= e-boxen ======= sidebar =========== */ 
        
            .tickerContainer section.box { background: url('../images/backgrounds/ticker_bg.gif') repeat top left; }
            .tickerContainer section.box header { padding: 7px 10px 7px 7px; border-bottom: 1px solid #9FD3FF; }
            .tickerContainer section.box header h3 { 
                float: left; 
                color: #2880D7;
                padding: 0;
                margin: 0;
            }
                
            /* ========================= e-ticker ======= sidebar =========== */ 
            
                section.box.e-ticker { background: url('../images/backgrounds/ticker_bg.gif') repeat top left; }
                section.box.e-ticker header { padding: 7px 10px 7px 7px; padding-right: 0; margin: 0 0 5px 0; }
                section.box.e-ticker header h3 { 
                    float: left; 
                    color: #2880D7;
                    padding: 0;
                    margin: 0;
                }
                .e-ticker .options {
                    background: url('../images/icons/info-icon.png') no-repeat 24px 25px #2475C6;
                    padding: 6px 10px;
                }
                .e-ticker .options > p {
                    color: #FFF;
                    font-size: 1.2em;
                    padding: 0 0 5px 55px;
                    margin: 0 0 10px 0;
                    border-bottom: 1px solid #FFF;
                    height: 70px;
                }
                .e-ticker header .sat { float: left; margin: 0 20px 0 0; }
                .e-ticker header a.rss { float: right; }
                
                
                /* ========================= Channel Select  ========================== */ 
                
                .e-ticker .channel-select { position: relative; z-index: 100; }
                .e-ticker .channel-select select { width: 164px; }
                .e-ticker .channel-select .erSelect.small { width: 66px !important;}            
                .e-ticker .channel-select .erSelect {                                        
                    float: left;
                    background: url('../images/forms/select.png') no-repeat top left;
                    min-width: 0;
                    height: 26px;
                    position: relative;
                    z-index: 100;
                }                    
                .e-ticker .channel-select .erSelect.expanded { background: url('../images/forms/select_h.png') no-repeat top left; }
                    
                    .e-ticker .channel-select .erSelect .selectBox { 
                        color: #000000; 
                        font-size: 1.307em;
                        white-space: nowrap;
                        padding: 0 0 5px 5px;  
                        margin: -4px 0 0 0;             
                        width: 164px;                    
                    }
                    .e-ticker .channel-select .erSelect .dropDown { top: 13px; width: 159px; z-index: 10000; }            
                    .e-ticker .channel-select .erSelect .moreButton {
                        position: absolute;
                        right: 0px;
                        top: 0;
                        cursor: pointer;  
                        background: url('../images/forms/blue_downo.png') no-repeat;
                        width: 32px;
                        height: 32px;                                  
                    }
                    
                    
                .e-ticker .channel-select .extra-controls { float: right; }
                .e-ticker .channel-select .extra-controls .prev {
                    float: left;
                    display: block;
                    background: url('../images/forms/control_left.png') no-repeat;
                    width: 25px;
                    height: 25px;
                }
                .e-ticker .channel-select .extra-controls .prev:hover { background: url('../images/forms/control_left_h.png') no-repeat; }
                .e-ticker .channel-select .extra-controls .next {
                    float: left;
                    display: block;
                    background: url('../images/forms/control_right.png') no-repeat;
                    width: 25px;
                    height: 25px;
                }
                .e-ticker .channel-select .extra-controls .next:hover { background: url('../images/forms/control_right_h.png') no-repeat; }                    
                    
            /* ========================= Social Media Feed ========================= */ 
            .oldie .e-ticker .social-media-feed { height: 215px; }
            .e-ticker .social-media-feed { list-style-type: none; padding: 0; margin: 0px 0 0 0; height: 215px; overflow: hidden; }                    
            .e-ticker .social-media-feed .avatar { float: left; position: relative; z-index: 1; margin: 0 10px 0 0; }                                            
                .e-ticker .social-media-feed .avatar .feed-icon { 
                    position: absolute; 
                    top: 0px; 
                    left: 0px;                             
                    width: 21px; 
                    height: 24px;
                    background: url("../images/sprites/sm_sprite.png") no-repeat scroll left top transparent;
                }
                .e-ticker .social-media-feed .avatar .feed-icon.facebook { background-position:-10px -228px; }
                .e-ticker .social-media-feed .avatar .feed-icon.twitter { background-position:-10px -296px; }
                    
            .e-ticker .social-media-feed article { color: #606060; padding: 0 0 0 42px; margin: 0 0 10px 0; }
            .e-ticker .social-media-feed article p { margin: 0 0 1px 0; }
            .e-ticker .social-media-feed article p a { color: #606060; }
            .e-ticker .social-media-feed article p a.author { color: #2880D7; }
            .e-ticker .social-media-feed article p a:hover { color: #76ADE4; }
            .e-ticker .social-media-feed article .meta { font-size: 0.9em; }
                    
            .e-ticker .newsroom-link {
                display: block;
                font-family:  Arial, Helvetica, Sans-Serif;
                font-weight: 700;
                font-size: 1.2em;
                padding: 5px 0;
                border-top: 1px solid #9FD3FF;
                border-bottom: 1px solid #9FD3FF;                        
                margin: 0 0 5px 0;
            }
                    
            
            .social-media-links { margin: 10px 0 10px 2px; border-top: 1px solid #9FD3FF; padding: 10px 5px 10px 10px; position:relative;}
            .social-media-links .sm {margin: 0 10px 0 0;}
            
            a.sm {display:block; float:left; background: url("../images/sprites/sm_sprite.png") no-repeat scroll left top transparent; }
            a.sm.youtube{ width:31px; height:36px; background-position:-10px -10px; }
            a.sm.youtube:hover{ width:31px; height:36px; background-position:-51px -10px; }
            a.sm.youtube:active{ width:31px; height:36px; background-position:-92px -10px; }
            a.sm.youtube_1{ width:31px; height:36px; background-position:-133px -10px; }
            a.sm.facebook{ width:31px; height:36px; background-position:-10px -56px; }
            a.sm.facebook:hover{ width:31px; height:36px; background-position:-51px -56px; }
            a.sm.facebook:active{ width:31px; height:36px; background-position:-92px -56px; }
            a.sm.facebook_1{ width:31px; height:36px; background-position:-133px -56px; }
            a.sm.rss{ width:31px; height:36px; background-position:-10px -102px; }            
            a.sm.rss:hover{ width:31px; height:36px; background-position:-51px -102px; }
            a.sm.rss:active{ width:31px; height:36px; background-position:-92px -102px; }
            a.sm.rss_1{ width:31px; height:36px; background-position:-133px -102px; }
            a.sm.twitter{ width:31px; height:36px; background-position:-10px -148px; }
            a.sm.twitter:hover{ width:31px; height:36px; background-position:-51px -148px; }
            a.sm.twitter:active{ width:31px; height:36px; background-position:-92px -148px; }
            a.sm.twitter_1{ width:31px; height:36px; background-position:-133px -148px; }
            a.sm.youtube_small{ width:21px; height:24px; background-position:-10px -194px; }
            a.sm.youtube_small:hover{ width:21px; height:24px; background-position:-41px -194px; }
            a.sm.youtube_small:active{ width:21px; height:24px; background-position:-72px -194px; }
            a.sm.youtube_small_1{ width:21px; height:24px; background-position:-103px -194px; }
            a.sm.facebook_small{ width:21px; height:24px; background-position:-10px -228px; }
            a.sm.facebook_small:hover{ width:21px; height:24px; background-position:-41px -228px; }
            a.sm.facebook_small:active{ width:21px; height:24px; background-position:-72px -228px; }
            a.sm.facebook_small_1{ width:21px; height:24px; background-position:-103px -228px; }
            a.sm.rss_small{ width:21px; height:24px; background-position:-10px -262px; }
            a.sm.rss_small:hover{ width:21px; height:24px; background-position:-41px -262px; }
            a.sm.rss_small:active{ width:21px; height:24px; background-position:-72px -262px; }
            a.sm.rss_small_1{ width:21px; height:24px; background-position:-103px -262px; }
            a.sm.twitter_small{ width:21px; height:24px; background-position:-10px -296px; }
            a.sm.twitter_small:hover{ width:21px; height:24px; background-position:-41px -296px; }
            a.sm.twitter_small:active{ width:21px; height:24px; background-position:-72px -296px; }
            a.sm.twitter_small_1{ width:21px; height:24px; background-position:-103px -296px; }

            a.sm.instagram{ width:31px; height:36px;   background-position: -174px -10px; }
            a.sm.instagram:hover{ width:31px; height:36px; background-position:-174px -56px; }
            a.sm.instagram:active{ width:31px; height:36px; background-position:-174px -102px; }
            a.sm.instagram_1{ width:31px; height:36px; background-position:-174px -148px; }

                    
            /* ========================= e-app ======= sidebar =========== */ 
                
                .e-app header { position: relative; z-index: 1; margin: 0 0 0 15px; padding-top: 0 !important; }
                .e-app header .e-app-icon { position: absolute; top: 5px; left: -18px; }
                .tickerContainer section.box.e-app header h3 { padding: 0 0 0 45px; }
                
                .e-app .applinks { padding: 0 0 0 70px; margin: 10px 0 0 0; }
                .e-app .applinks a { font-family:  Arial, Helvetica, Sans-Serif; font-weight: 700; font-size: 1.231em; }
                
            /* ========================= e-video ======= sidebar =========== */ 
            
                .e-video .e-video-icon { float: left; margin: 0 20px 0 0; }
                .e-video .youtube-link {
                        display: block;
                        font-family:  Arial, Helvetica, Sans-Serif;
                        font-weight: 700;
                        font-size: 1.2em;
                        padding: 10px 0 0 0;                        
                        margin: 10px 0 5px 0;
                        border-top: 1px solid #9FD3FF;  
                        text-align:left;                      
                    }                    
                .e-video iframe { margin-top: 10px; }
            
                    
    /* ========================= Footer ========================== */
    
    footer {      
        color: #555555;               
        background-image: linear-gradient(bottom, #CECECE 84%, #FFFFFF 98%, #E6E6E6 100%);
        background-image: -o-linear-gradient(bottom, #CECECE 84%, #FFFFFF 98%, #E6E6E6 100%);
        background-image: -moz-linear-gradient(bottom, #CECECE 84%, #FFFFFF 98%, #E6E6E6 100%);
        background-image: -webkit-linear-gradient(bottom, #CECECE 84%, #FFFFFF 98%, #E6E6E6 100%);
        background-image: -ms-linear-gradient(bottom, #CECECE 84%, #FFFFFF 98%, #E6E6E6 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.76, #CECECE), color-stop(0.93, #FFFFFF), color-stop(1, #E6E6E6) );
        -pie-background:    linear-gradient(bottom, #CECECE 84%, #FFFFFF 98%, #E6E6E6 100%);            
        padding: 30px 5px 30px 5px;
        margin: 20px 0 0 0;
        box-shadow: 0 -2px 7px #555555;                        
        min-width: 310px;
    }   
    footer .sitefooter { margin: 0 auto; min-width: 310px; }         
    .oldie footer hgroup h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
    footer hgroup h1 {
        font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
        font-stretch: condensed;
        font-weight: normal;
        font-size: 2em;
        color: #2880D7;
        text-transform: none;
        margin: 0; 
    }
    footer hgroup h2 {
        font-family: Arial, Helvetica, Sans-Serif;            
        font-weight: normal;
        font-size: 1.3em;
        color: #2880D7;
        text-transform: none;            
        margin: 3px 0 0 0;
    }        
        
        /* ========================= Links ========== footer ============ */
        
        footer .links { 
            display: none; 
            float: left; 
            width: 241px; 
            height: 385px; 
            padding: 0 23px 0 0; 
            border-right: 1px solid #939393; 
        }       
        footer .links ul { padding: 0; margin: 15px 0 0 0; list-style-type: none; }
            footer .links ul li { margin: 0 0 10px; }
            footer .links ul li a { color: #606060; }
            footer .links ul li a:hover { color: #76ADE4; }            
        footer .links .morelinks-link {
            display: block;
            font-family:  Arial, Helvetica, Sans-Serif;
            font-weight: 700;
            font-size: 1.3em;
            padding: 5px 0;            
            margin: 5px 0 5px 0;
        }            
        footer .topfooter { padding: 0 0 20px 0; border-bottom: 1px solid #939393; }
        footer .bottomfooter { padding: 10px 0 0 0; border-top: 1px solid #FFFFFF; }
            
        /* ========================= Kontaktform ========== footer ============ */
        
        footer .contactform {
            display: none; 
            float: left; 
            width: 654px; 
            height: 385px;
            padding: 0 0 0 40px; 
            border-left: 1px solid #FFFFFF;
        }          
        .oldie footer .contactform header h1 { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
        footer .contactform header h1 {
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
            font-stretch: condensed;
            font-weight: normal;
            font-size: 2em;
            color: #2880D7;
            text-transform: none;            
            margin: 0 0 5px 0;
        }
        footer .contactform span.concern {
            display: block;
            font-family: Arial, Helvetica, Sans-Serif;
            font-weight: bold;
            font-size: 1.307em;
            color: #2880D7;
            text-transform: none;            
            margin: 7px 0 8px 0;
        }            
        .contactform input[type="text"] { 
            display: block; 
            color: #555555;
            background: #FFFFFF;
            width: 288px;                                  
            height: 19px;        
            padding: 5px 10px;            
            border: 1px solid #8A8A8A;
            margin: 0 0 5px 0;
            box-shadow: inset 2px 2px 7px 0px #CACACA;               
        }            
        .contactform textarea {            
            color: #555555;
            background: #FFFFFF;
            width: 288px;  
            height: 90px;
            padding: 5px 10px;                                                      
            margin: 0 0 5px 0;
            border: 1px solid #8A8A8A;            
            box-shadow: inset 2px 2px 7px 0px #CACACA;     
        }
    
            /* ========================= Empf�nger Select =========== footer ======== */
            
            .contactform .recipient-select select { width: 310px; }
            .contactform .recipient-select .selectBox {
                color: #555555;
                background: none repeat scroll 0 0 #FFFFFF;
                height: 31px;
                width: 277px;
                padding: 0 0 0 11px;
                border: 1px solid #8A8A8A;
                box-shadow: 2px 2px 7px 0 #CACACA inset;                                
            }
            .contactform .recipient-select .erSelect { position: relative; z-index: 1; }            
            .contactform .recipient-select .selectedItem { color: #555555; line-height:30px;}
            .contactform .recipient-select .moreButton { 
                position: absolute;
                right: 0;
                top: 0;
                background: url('../images/forms/blue_down.png')  no-repeat; 
                width: 33px;
                height: 33px;
            }
            
            footer .contactform .dropDown { top: 20px; width: 307px; padding-top: 5px;}             
            footer .contactform .contact1, footer .contactform .contact2,
            footer .contactform .contact3, footer .contactform .contact4 { width: 310px; }
            footer .contactform .contact1 { float: left; margin: 0 32px 0 0; }
            footer .contactform .contact2 { float: left; }
            footer .contactform .contact2 .allgemein { display: inline; font-size: 1.13em; margin: 0 20px 0 0; }            
            footer .contactform .contact2 .beschwerde { display: inline; font-size: 1.13em; }            
            footer .contactform .contact3 { float: left; margin: 0 32px 0 0; }
            footer .contactform .contact3 p { margin: 5px 0; }
            footer .contactform .contact4 { float: left; }
            
            footer .contactform .contact2 .custom-radio label,
            footer .contactform .contact2 .custom-checkbox label {
                padding-top: 4px !important;
            }
            
            footer .contactform .captcha img { float: left; margin: 0 10px 0 0; }
            footer .contactform .captcha input { float: left; width: 87px; margin: 0 0 3px 0; }
            footer .contactform .captcha a { font-size: 0.8em; color: #555555; text-decoration: underline; }
            footer .contactform .captcha a:hover { color: #76ADE4; }
            
            footer .contactform .send-link {
                display: block;
                float: right;                
                font-family:  Arial, Helvetica, Sans-Serif;
                font-weight: 700;
                font-size: 1.6em;
                padding: 5px 0;            
                margin: 25px 0 5px 0;
            }
            
            .footer .erSelect .dropDown { width: 97.1%; padding-bottom: 10px; padding-top: 10px; padding-left: 12px; }
            
            /* ========================= Footer Navigation ========================== */
            
            footer .footernavigation {
                float: left;
                list-style-type: none;
                padding: 0;
                margin: 0;
            }            
            footer .footernavigation li { display: inline; margin: 0 10px 0 0; }            
            footer .footernavigation li a { color: #555555; }
            footer .footernavigation li a:hover, footer .footernavigation li a:focus, footer .footernavigation li a:active { color: #76ADE4; }
            
            footer .hotline { float: right; font-family:  Arial, Helvetica, Sans-Serif; font-size: 1.3em; font-weight: 700; }
    
/* ============================================
 * ===== MEDIA QUERIES --Mobile First-- =======
 * ============================================ */

@media only screen and (min-width: 240px) {
  /* Style adjustments for viewports 240px and over go here */  
            
    /* ======================= Responsive ==================== */
        
        body { background: #FFFFFF; }
        header.top { background: #FFFFFF; height: auto; box-shadow: none; }
        header.top .logo { display: none; }
        header.top .logo.mobile { display: block; }
        header.top .topnav { display: none; }
        header.top .topright { width: auto; margin: 5px 0 0 120px; float: none; }
        header.top .topright > .clear { clear: none; }
        header.top .topright .action-select .erSelect { width: 100% !important; }        
        header.top .topright .action-select .erSelect.small { width: 100% !important;}            
        header.top .search { width: 85%; padding-left: 40px; }
        /*header.top .search:focus, header.top .search.sfocus { width: 85%; font-size: 1em; }            */
        header.top .searchcontainer { margin: 0 0 10px 0; width: 100%; }
        header.top .action-select select { width: 170px; }
        header.top .action-select .erSelect .dropDown { width: 98.7%; }
        header.top .homelink.mobile { display: block; margin: 3px 0 0 0; }
        header.top .homelink .icon { 
            position: absolute;
            display: block;
            background: url('../images/icons/home_h.png') no-repeat 5px center; 
            width: 26px; 
            height: 20px;  
        }
        header.top .mobileNavButton {
            position: relative;
            color: #666666;
            font-size: 1.5em;
            text-align: center;
            background-color: #F0F0F0;
            background-image: linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -o-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -moz-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -webkit-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -ms-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);                
            -pie-background:    linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);            
            padding: 10px 0 10px 0;
            border-bottom: 1px solid #BBBBBB;
        }
        header.top .mobileNavButton:hover { color: #2880D7; }
        
        header .dropDownNav { display: none; }
        header.top nav.mainnav { display: none; }                             /* Hides the Main (Desktop) Navigation */        
        
        div.content { padding: 0; }
        div.content .box { box-shadow: none; }
        
        .box.breadcrumbBox { display: none; }
        .tickerContainer .bannerBoxes { display: none; }                      /* Hides the Banners in tickerContainer (3rd Column) */        
        .servicelist { width: auto; padding-right: 0px; margin: 0 0 10px 0;background-color: #ffffff; -webkit-box-shadow: 4px 2px 3px #888888; box-shadow: 4px 2px 3px #888888; } /* Makes the Servicelist fluid */            
        #ERSlider { display: none; }                                          /* Hides the Slider Box */
        .sub .side { display: block; }                                        /* Hides the Rightpane on the Sub Pagetemplate */
        .sub .leftside { display: none; }                                     /* Hides the Leftpane on the Sub Pagetemplate */        
   
        section.news article .preview { padding-left: 0;float: left; }
        .tickerContainer section.e-video { text-align: center; }
        
        .guide .more-options-button { display: none; }
        
        footer .hotline {                                                     /* Centers the Hoteline Link */                                                                      
            display: block; 
            float: none; 
            text-align: center; 
            margin: 70px 0 0 0; 
        }
        footer .footernavigation { text-align: center; width: 100%; }
        footer .footernavigation li.copyright { display: block; margin-bottom: 18px; }
        .detailview .submitBox .submit { float: left; }
        
        header.top .topheader { display: none; }
        header.top .mobileheader { display: block; }        
        .mobileheader .headerbar {
            background-color: #F0F0F0;
            background: url('../images/backgrounds/mobile-header-bg.png') repeat-x left top transparent;
            width: 97%;
            padding: 5px 5px 3px 5px; 
            position: relative;
        }
        .oldie header.top .mobileheader .erlangen-claim { font-family: "Open Sans Condenesd", "Arial Narrow", Arial, Helvetica, Sans-Serif; }
        header.top .mobileheader .erlangen-claim {             
            float: left; 
            font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif; 
            font-stretch: condensed; 
            font-size: 1.5em; 
            color: #FFFFFF; 
            margin: 0 20px 0 0;             
        }
        header.top .mobileheader .mobile-logo {
            display: block;
            float: left;
            background: url('../images/mobile-logo.png') no-repeat left top;
            height: 24px;
            width: 24px;
            margin: -1px 10px 0 0;
        }        
        header.top .mobileheader .home-logo {
            display: block;            
            background: url('../images/icons/mobile-icons.png') no-repeat left top;
            background-position: -11px -11px;
            height: 24px;
            width: 26px;
            margin:-1px 0 1px 0;
            float:right;
            padding-right: 10px;
        }
        header.top .mobileheader .search-logo {
            display: none;
            position: absolute;
            top: 5px;
            right: 5px;
            background: url('../images/icons/mobile-icons.png') no-repeat left top;
            background-position: -11px -47px;
            height: 24px;
            width: 26px;
            margin: 0 10px 0 0;
        }
        header.top .mobileheader .searchcontainer { display: none; margin: 0;}
        header.top .mobileheader .search { width: 100%; }
        
        /* ======================= mobileNav Select Styling ==================== */
        
        header.top .mobileNav select {
            display: block;
            width: 100%;
            margin: 0 0 10px 0;            
        }
            
        header.top .mobileNav .erSelect {
            position: relative;
            color: #666666;
            font-size: 1.5em;
            text-align: center;
            background-color: #F0F0F0;
            background-image: linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -o-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -moz-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -webkit-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);
            background-image: -ms-linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);                
            -pie-background:    linear-gradient(bottom, #F0F0F0 21%, #FFFFFF 54%, #F0F0F0 84%);            
            width: 100% !important;
            padding: 10px 0 10px 0;            
            border-bottom: 1px solid #BBBBBB;
            height: auto;
        }
        header.top .mobileNav .erSelect .selectBox { 
            color: #666666; 
            font-size: 1.1em;            
            padding-left: 0;                
            width: 100%; 
            text-align: center;  
            position: static;                 
        }
        header.top .mobileNav .erSelect .selectBox:hover {
            color: #2880D7;
        }
            header.top .mobileNav .dropDown { 
                position: relative;                
                color: #666666;
                background: #FFFFFF;
                padding-left: 0;
                width: 100%;                                 
                z-index: 10000; 
            }    
            header.top .mobileNav .dropDown li { border-bottom: 1px solid #BBBBBB; padding: 10px 0 10px 0; font-size: 1.5em; text-align: center; }        
            header.top .mobileNav .dropDown li:hover { color: #2880D7; }
            
            header.top .mobileNav .icon { 
                position: absolute;  
                
            }
            header.top .mobileNav .icon { position: absolute; width: 29px; height: 29px; left: 10px; top: 8px; }
            header.top .mobileNav .firstLevel .icon { background: url('../images/forms/first-level.png') no-repeat left top; }
            header.top .mobileNav .secondLevel .icon { background: url('../images/forms/second-level.png') no-repeat left top; }
            header.top .mobileNav .thirdLevel .icon { background: url('../images/forms/third-level.png') no-repeat left top; }
            header.top .mobileNav .erSelect .moreButton {
                position: absolute;
                right: 15px;
                top: 18px;
                cursor: pointer;  
                background: url('../images/forms/acc_down_h.png') no-repeat right top;
                width: 14px;
                height: 8px;                                  
            }
            .social_share_privacy_area { height: auto !important;}
            .twoClickSocialMedia .social_share_privacy_area li { display: block !important; float: none !important; margin: 0 0 5px 0 !important; }         

            .bookinfobox .linkbox a { line-height: 39px; }    
             .read-button { margin-bottom: 10px; }  
   
            .legend-item {
                float:left;
                width:60%;
                margin-top: 15px;
            }
            .legend-item div {
                padding-left: 47px;
            }
}


@media only screen and (min-width: 480px) {  
  /* Style adjustments for viewports 480px and over go here */   
      
    /* ======================= Responsive ==================== */
    
  
    section.news article .preview { padding-left: 115; }
    .guide .more-options-button { display: block; }
    .bookinfobox .linkbox a { line-height: 30px; }    
}

@media only screen and (min-width: 640px) {
  /* Style adjustments for viewports 640px and over go here */
  
    /* ======================= Responsive ==================== */
        
        
        body { background: #DADADA url('../images/backgrounds/main_bg.png') repeat-x 0 185px; } 
        
        /* default header image */
        header.top {          
            background: url('../images/backgrounds/squares_bg.png') no-repeat right top, 
                        url('../images/backgrounds/header_bg.jpg') no-repeat;                    
            height: 180px; 
            box-shadow: 0 -3px 10px #555555 inset;                                          
        }    
       .oldie header.top { -pie-background: url('../images/backgrounds/squares_bg.png') no-repeat right top, 
                             url('../images/backgrounds/header_bg.jpg') no-repeat left top;    
        }
       
        /* theme-specific header image */
        /* summer */
         header.theme-2 { background: url('../Resources/Header_bilder/Rathaus_S.jpg') no-repeat; }    
       .oldie header.theme-2 { -pie-background: url('../Resources/Header_bilder/Rathaus_S.jpg') no-repeat left top;    
        }
        header.theme-3 { background: url('../Resources/Header_bilder/Leben_S.jpg') no-repeat; }    
       .oldie header.theme-3 { -pie-background: url('../Resources/Header_bilder/Leben_S.jpg') no-repeat left top;    
        }
          header.theme-4 { background: url('../Resources/Header_bilder/Bildung_S.jpg') no-repeat; }    
       .oldie header.theme-4 { -pie-background: url('../Resources/Header_bilder/Bildung_S.jpg') no-repeat left top;    
        }
          header.theme-5 { background: url('../Resources/Header_bilder/Umwelt_S.jpg') no-repeat; }    
       .oldie header.theme-5 { -pie-background: url('../Resources/Header_bilder/Umwelt_S.jpg') no-repeat left top;    
        }
          header.theme-6 { background: url('../Resources/Header_bilder/Stadtentwicklung_S.jpg') no-repeat; }    
       .oldie header.theme-6 { -pie-background: url('../Resources/Header_bilder/Stadtentwicklung_S.jpg') no-repeat left top;    
        }
          header.theme-7 { background: url('../Resources/Header_bilder/Kultur_SW.jpg') no-repeat; }    
       .oldie header.theme-7 { -pie-background: url('../Resources/Header_bilder/Kultur_SW.jpg') no-repeat left top;    
        }
      /* winter */
       header.theme-8 { background: url('../Resources/Header_bilder/Rathaus_W.jpg') no-repeat; }    
       .oldie header.theme-8 { -pie-background: url('../Resources/Header_bilder/Rathaus_W.jpg') no-repeat left top;    
        }
         header.theme-9 { background: url('../Resources/Header_bilder/Leben_W.jpg') no-repeat; }    
       .oldie header.theme-9 { -pie-background: url('../Resources/Header_bilder/Leben_W.jpg') no-repeat left top;    
        }
         header.theme-10 { background: url('../Resources/Header_bilder/Bildung_W.jpg') no-repeat; }    
       .oldie header.theme-10 { -pie-background: url('../Resources/Header_bilder/Bildung_W.jpg') no-repeat left top;    
        }
         header.theme-11 { background: url('../Resources/Header_bilder/Umwelt_W.jpg') no-repeat; }    
       .oldie header.theme-11 { -pie-background: url('../Resources/Header_bilder/Umwelt_W.jpg') no-repeat left top;    
        }
         header.theme-12 { background: url('../Resources/Header_bilder/Stadtentwicklung_W.jpg') no-repeat; }    
       .oldie header.theme-12 { -pie-background: url('../Resources/Header_bilder/Stadtentwicklung_W.jpg') no-repeat left top;    
        }
       
        
        
        header .topheader {                                     /* Makes the Header fluid */
            position:relative; 
            min-width: 610px; 
            width: auto; 
            height:100%; 
            margin: 0 auto;              
            z-index: 300;         
        }     
        
        div.content .box { box-shadow: 4px 2px 3px #888888; }      
        header.top .logo.mobile { display: none; }              /* Hides bigger Logo */  
        header.top .logo { display: block; }
        header.top .topright { width: 310px; margin: 0; float: right; }
        header.top .topright > .clear { clear: both; }
      
        header.top .topright .action-select .erSelect { width: 157px !important; }
        header.top .topright .action-select .erSelect.small { width: 66px !important;}                
        header.top .search { width: 259px; padding-left: 40px; }
        /*header.top .search:focus, header.top .search.sfocus { width: 197px; font-size: 1.231em; }            */
        header.top .action-select select { width: 157px; }
        header.top .action-select .erSelect .dropDown { width: 151px; }
        header.top .homelink.mobile { display: none; }  
        header.top .topnav { display: block; }
        header.top .dropDownNav { display: none; }                  /* Hides the Dropdown (Mobile) Navigation off 640px */
        header.top nav.mainnav { display: block; }              /* Shows the Main (Desktop) Navigation off 640px */
        header.top .mobileNav { display: none; }  
        
        .box.breadcrumbBox { display: block; }
        
        #ERSlider { display: block; }                           /* Show Sliderbox off 640px */            
        div.content .main .slider { height: 299px !important; }    
                
        div.content .side .sidemain { float: left; width: 49%; margin: 10px 2% 0 0;}        /* Fit two Sidebar Boxes in 1 Row */
        div.content .side .tickerContainer { float: left; width: 49%; margin: 10px 0 0 0;}  /* Fit two Sidebar Boxes in 1 Row */        
        div.content .side .box + .box { margin-right: 0; }     /* Make sure the right Sidebar Boxes never have a right margin */    
    
        footer .links { display: block; width: 41%; height: 659px; padding: 0 5% 0 5%; }    /* Displays the Footer Links off 640px */
        footer .contactform { display: block; width: 42%; height: auto; }                   /* Display the Footer Contactform off 640px */
        footer .contactform .contact1, footer .contactform .contact2,
        footer .contactform .contact3, footer .contactform .contact4 { float: none; margin-right: 0; width: auto; }  /* Makes the Contactform appear one below the other */
        footer .contactform input[type="text"] { width: 90%; }
        footer .contactform .recipient-select .erSelect  { width: 98.4% !important; }
        footer .contactform .recipient-select .selectBox  { width: 94%; }
        footer .contactform textarea { width: 90%; }
        footer .contactform .contact2 .allgemein, footer .contactform .contact2 .beschwerde { font-size: 1em; }
        footer .contactform .contact4 .captcha input { margin-top: 2px; }
        footer .hotline { float: right; margin: 1px 0 0 0; }
        footer .footernavigation { text-align: left; }
        footer .footernavigation li.copyright { display: inline; margin-bottom: 0; }        
        .detailview .submitBox .submit { float: right; }
        header.top .topheader { display: block; }
        header.top .mobileheader { display: none; }
        .read-button { position: absolute; top: 3px; right: 18px; margin: 0;}
        
         .legend-item {
                float:left;
                width:40%;
                margin: 15px 15px 0 0;
            }
}

@media only screen and (min-width: 760px) {
  /* Style adjustments for viewports 960px and over go here */ /*iPad Fix 760px
  
    /* ========================= Responsive ========================== */
    body {min-width: 960px;}
	#wrapper {min-width: 1100px; position:relative;}
	
	
        header .topheader { width: 960px; }                                   /* Fix the Header to 960px non-fluid */
        header.top nav.mainnav ul li a { display: block; padding: 13px 0; font-size: 1.3em; } /* Change Fontsize and Padding on the Mainnavi from 960px */
        header.top nav.mainnav ul > li:hover > ul { font-size: 0.7em; font-weight: normal; }
        header .dropDownNav { display: none; }
        
        div.content { width: 960px; margin: 0 auto; }                         /* Fix the Content to 960px non-fluid */
        div.content .main { float: left; width: 630px; margin: 0 20px 0 0; }  /* Fix the Mainpane to 630px off 960px viewport */        
        
        div.content .side { float: left; }                      /* Let the sidebar float off 960px */
        div.content .side .sidemain { float: none; width: 310px; margin: 0; } /* Make the Sidemain 310px so its content stays in one column */
        div.content .side .tickerContainer { float: none; width: 310px; margin: 0; } /* Make the Ticketcontainer 310px so its content stays in one column */
        div.content .side .box { /*width: 290px;*/ padding: 10px 10px 10px 10px; margin: 0 0 10px 0; } /* Fix the Sidebar Boxe's Padding and width */ 
        
        
        /*.sub .side { display: none; }*/                                         /* Hides the Rightpane on the Sub Pagetemplate off 960px */    
        .sub .leftside { display: block; }                                    /* Shows the Leftpane on the Sub Pagetemplate off 960px */
        .sub div.content .main { margin: 0 0 0 0; }                           /* No Margin on the Sub Pagetemplate */
        .sub div.content .side{margin-left: 330px; min-width: 630px;}
    
        .tickerContainer section.e-video { text-align: left; }        
        .guide .searchcontainer.active, .no-js .guide .searchcontainer { width: 64%; }
        
        footer .sitefooter { width: 960px; }                                  /* Fix the Footer to 960px non-fluid */
       
        footer .links { float: left; width: 241px; height: 385px; padding: 0 23px 0 0; }          
        footer .contactform {                
            float: left; 
            width: 654px; 
            height: 385px;
            padding: 0 0 0 40px;                 
        }        
        footer .contactform .contact1 { float: left; margin: 0 32px 0 0; } 
        footer .contactform .contact2 { float: left; }    
        footer .contactform .contact3 { float: left; margin: 0 32px 0 0; }    
        footer .contactform .contact4 { float: left; }
        footer .contactform .contact1, footer .contactform .contact2,
        footer .contactform .contact3, footer .contactform .contact4 { width: 310px; }
        footer .contactform input[type="text"] { width: 288px; }
        footer .contactform .recipient-select .erSelect { width: 310px !important; }
        footer .contactform .recipient-select .selectBox  { width: 277px; }
        footer .contactform .contact2 .allgemein, footer .contactform .contact2 .beschwerde { font-size: 1.13em; }
        footer .contactform .contact4 .captcha input { margin-top: 0; width: 87px }
        footer .contactform textarea { width: 288px; }
        
        /*.toolbox { visibility: visible; }*/        
        .social_share_privacy_area { height: 25px !important;}
        .twoClickSocialMedia .social_share_privacy_area li { display: inline-block !important; float: left !important; margin: 0px !important; }
        div.content .side .box.e-ticker { width: 310px; }
        /*.social_share_privacy_area li {
			max-width: 33%;
		}*/
}
@media only screen and (min-width: 1200px) {
/* Toolbox fix */
	#wrapper {
	padding-right: 0;
	}
}
@media only screen and (min-width: 1400px) {
  /* Style adjustments for viewports 1280px and over go here */
  
    header .topheader { width: 1250px; }        /* Fix the Header to 1250px non-fluid */
    header.top nav.mainnav ul li a { display: block; padding: 11px 0 11px 0; font-size: 1.5em; } /* Change Fontsize and Padding on the Mainnavi from 1400px */
    div.content { width: 1250px; }              /* Fix the Content to 1250px non-fluid */
    div.content .side { min-width: 610px;margin-left: 0px; }     /* Set the Sidebar to 610px so it can contain 2 Columns */
    div.content .side .sidemain { float: left; margin: 0 10px 0 0; width: 290px; }
    div.content .side .tickerContainer { float: left; }
    div.content .side .sidemain .events { width: 270px; height: 480px; }
    div.content .side .box.e-ticker { width: 290px; }
    
    div.content .main { width: 620px; }
    div.content .main .box { width: 890px; }
    div.content .main .slider { height: 500px !important; width: 590px; }    
    div.content .side .e-ticker { height: 500px; }    
    
    
    footer .sitefooter { width: 1250px; }
    footer .links { width: 267px; }
    
    .tickerContainer .bannerBoxes { display: block; } /* Show the Banner below the e-boxes */
    .sidemain .bannerBoxes { display: none; } /* Hide the Banner below the events, so main content get's more width */
    .guide .searchcontainer.active, .no-js .guide .searchcontainer { width: 64%; }
    
  
    .sub div.content .leftside { width: 290px; }
    .sub div.content .leftside section.box { max-width: 290px; }
  
    .sub div.content .main { width: 620px; margin: 0 10px 0 0; }    
    .sub div.content .box { width: 580px; }
    .sub div.content .side .box { width: 290px; }
    .sub div.content .side { min-width: 310px;margin-left: 0; }
  
    .sub .toolbox { visibility: hidden; } /* Hide the Toolbox on the Sub Pagetemplate from 1280px */
    .sub .side { display: block; } /* Show the Rightpane on the Sub Pagetemplate from 1280px */
     .servicelist { width: 310px; }    
}

@media only screen and (min-width: 1550px) {
  /* Style adjustments for viewports 1550px and over go here */
  
  header .topheader { width: 1520px; } /* Fix the Header to 1520px */
    div.content { width: 1520px; }     /* Fix the Content to 1520px */
    div.content .side { min-width: 630px; }
    div.content .side .sidemain .events { width: 290px; }
    div.content .side .sidemain { float: left; width: 310px; margin: 0 10px 0 0; }    
    div.content .side .box.e-ticker { width: 310px; }
    
    div.content .main { width: 870px; }
    div.content .main .box { width: 1160px; }
    div.content .main .slider { height: 440px; width: 840px; }
    
    div.content .events { height: 480px; }
    div.content .side .e-ticker { height: 500px; }    
    .guide .searchcontainer.active, .no-js .guide .searchcontainer { width: 65.5%; }
    
    footer .sitefooter { width: 1520px; }
    footer .contactform { width: 874px; }
    footer .contactform .contact1, footer .contactform .contact2,
    footer .contactform .contact3, footer .contactform .contact4 { width: 420px; }
    footer .contactform input[type="text"] { width: 95%; }
    footer .contactform textarea { width: 95%; }
    footer .contactform input[type="text"] { width: 95%; }
    footer .contactform .recipient-select .erSelect { width: 100.5% !important; }
    footer .contactform .recipient-select .erSelect .selectBox { width: 96% !important; }
    footer .contactform .dropDown { width: 98.6%; }
    footer .contactform .contact4 .captcha input { width: 188px; }
    
    .sub div.content .main .box { width: 850px; }
    .sub div.content .main { width: 890px; }    
    
}

div.content .side .box.e-ticker { padding: 0; }

/* ========= Google Search ========*/


.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    color: #2880D7;
    text-decoration: none;
}

.gsc-thumbnail, .gs-result img.gs-image, .gs-result img.gs-promotion-image { display: none !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #51978D !important; }
input.gsc-input { height: 30px !important; }
.cse input.gsc-search-button, input.gsc-search-button { background-color: #2880D7 !important; color: #FFFFFF !important; border: none !important; height: 30px !important; }




/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/* ===== General IE Styles ===== */

.ie8 input[type="text"].search { padding-top: 10px; height: 20px; }
.ie7 input[type="text"].search { padding-top: 10px; height: 20px; }

.ie7 .action-select { margin-top: 1px; }
.ie7 .searchcontainer #searchbutton { position: absolute; top: 1px; right: 0; }

	.contactData .error, .contactform .error, .contactform input[type="text"].error {
		border-color: #D44E70;
		border-width: 2px;
		display:inline;
	}
	.errorMessage { color: #D44E70; }
	
	
/* ===== New Topnavi ===== */
	  ul.topnavi-new {
			background:#F0F0F0;
			padding: 0;
			border: 1px solid #BBB;
			border-top: none;
			margin: 0 0 5px 0;
			height:24px;	
			list-style-type:none;
		}
		ul.topnavi-new li {
			float:left;
		}
		ul.topnavi-new li a {
			color: #888;
			font-weight:bold;
			line-height:24px;
			float:left;
			margin: 0 9px 0;
		}
		ul.topnavi-new li a:hover, ul.topnavi-new li a:focus {
			color: #2880D7;
		}
		ul.topnavi-new li span {
		    line-height:24px;
		    color: #888;
		    font-weight:bold;
		}
		ul.topnavi-new li:first-child span {
		    display:none;
		}
		/* Textbausteine */
		.imageRight{
		    float:right;
		    margin: 0 0 5px 10px;
		}
		.imageLeft{
		    float:left;
		    margin: 0 10px 5px 0;
		}
	
/* ===== Homepage Accordion Fixes ==== */

section.morenews article h1 {
    position: relative;
    z-index: 1;
    min-height: 47px;
    margin: 0 0 0 0;
    border-bottom: none;
    padding:0;
    line-height: normal;
}
section.morenews article h1 a {
    padding: 12px 10px 8px 50px;
    line-height: 1.2em;
    display: block;
}
section.morenews article div {
    padding-top:15px;
}

/* ===== Newsroom ==== */
div.content .container .box {
 background: url('../images/backgrounds/ticker_bg.gif');
	background-repeat: repeat;
	
}
.newsroom-sidebar {
	float:left;
	width: 49%
}
.newsroom-newsletter .intro {
    padding: 10px 0 0 58px;
	font-family:"Arial Narrow", Arial; 
    font-size:20px; 
    line-height:120%; 
    color:rgb(81,151,221);    
}
.newsroom-e-links .intro {
	padding: 10px 0 35px 58px;
	font-family:"Arial Narrow", Arial; 
    font-size:20px; 
    line-height:120%; 
    color:rgb(81,151,221); 
}
.newsroom-newsletter {	
	box-shadow: 4px 2px 3px #888;
	}

.newsroom-newsletter  h3, .newsroom-e-video h3, .newsroom-e-links h3 {
	float: left;
	font-family:"Arial Narrow", Arial; 
    font-size:30px; 
    color:rgb(101,153,203); 
	padding: 0;
	margin: 0;
}
.newsroom-icon {
	float:left;
	margin: 0 20px 0 0;
}
.newsroom-newsletter header {
	padding: 7px 10px 7px 7px;
	border-bottom: 1px solid #9FD3FF;
}

.newsroom-newsletter article header {
	border:none;
    padding: 0;
	}
.newsroom-newsletter article h1 a , .newsroom-e-links article a{	
	font-size: 16px;
    font-weight: 900;
    line-height: 100%;
    color: #5197dd;
	}
.newsroom-newsletter article h1 a:hover , .newsroom-e-links article a:hover{	
	color: #7497BA;
	} 
.newsroom-newsletter article {
	float:left;
	font-family:"Arial Black", Gadget, sans-serif; 
    font-size:16px; 
    font-weight:900; 
    line-height:100%; 
    color:rgb(81,151,221); 
}
.newsroom-newsletter article header h1 {
	padding: 0;
}


.newsroom-e-video {
	padding:10px;
}
.newsroom-e-video a {
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 10px 0 0 0;
	margin: 10px 0 5px 0;
	border-top: 1px solid #9FD3FF;
}
.e-link-wrapper {
	margin-right:14px;
}
.newsroom-e-links {
	background: url('../images/backgrounds/ticker_bg.gif');
    background-repeat: repeat;
    box-shadow: 4px 2px 3px #888;
    padding: 15px 10px 15px;
    margin-bottom: 10px;
}
.newsroom-e-video {
    background: url('../images/backgrounds/ticker_bg.gif');
    background-repeat: repeat;
    box-shadow: 4px 2px 3px #888;
    padding: 15px 10px 15px;
    margin-bottom: 10px;
}
.newsroom-e-links header h1 {
    margin: 0;   
}
.newsroom-e-links header {
    padding: 0 0 35px 0;
}
.newsroom-e-links .link {
	padding: 0 0 0 51px;
	display:block;
	font-family:"Arial Black", Gadget, sans-serif;
    font-size:16px;
    font-weight:900;
    line-height:190%;
    color:rgb(81,151,221);
}
.newsroom-e-links a:hover{	
	color: #7497BA;
	} 
.sub div.content .main .newsroom-e-links, .sub div.content .main .newsroom-e-video {
	width: 400px;
}
.newsroomFooter header.e-links, .newsroomFooter header.e-video {
    border-bottom: 1px solid #9FD3FF;
    padding-bottom: 10px;
}
/* ==== RSS-Feeds Newsroom ==== */
.rssBody ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.rssBody .rssRow ul li h4 a{
    color: #666;
}

.rssBody .rssRow  h4 a { color: #666; }
.rssBody .rssRow  h4 a:hover { color: #2880D7; }
.rssBody .rssRow  h4 a:visited { color: #7497BA; } 


#rss-nav { float: left; width: 50px;}
#rss-nav .ellipse { display: none !important; }
#rss-nav  .previous_link { display: block; background: url('../images/forms/control_left.png') no-repeat left top; height: 25px; width: 25px; float: left; }
#rss-nav  .next_link { display: block; background: url('../images/forms/control_right.png') no-repeat left top; height: 25px; width: 25px; float: left; }

.rss-header-right {
   float:right;
}
.rss-header-left {
    float:left;
    vertical-align: middle;
    width: 190px;
    height: 40px;
}
.rss-header {
    border-bottom: 1px solid #BBB;
    min-height: 50px;
}
.rss-link a, .rss-link a:active, .rss-link a:focus {
    float:right;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 700;
    font-size: 1.2em;
    color: #2880D7;
}

.rss-link a:visited, .rss-link a:hover { 
color:#7497BA
}
.resize-container {
   vertical-align: middle;
    width: 110px;
    height: 70px;
}
.resize {
    display: block;
    margin: auto;
    max-height: 70px;
    max-width: 110px;
}

/* ==== e-Ticker newsroom ==== */
.e-ticker-newsroom .e-ticker-control{
	display:block;
	position: static;
	background:none;
	padding: 10px;
	width: 98%;
}
.e-ticker-newsroom  .options {
    background-color:transparent; /* fix for IE8, doesn´t support rgba */
	background: rgba(255, 255, 255, 0.5);
	display: none;
}
.e-ticker-newsroom .active {
    display: block;
}
.e-ticker-newsroom {
	padding: 0;
	margin-bottom: 10px;
	background: url('../images/backgrounds/ticker_bg.gif') repeat top left;
}

.e-ticker-control-newsroom .custom-checkbox { margin-right: 5px; float: left; }
.e-ticker-control-newsroom .custom-checkbox label { background: url(../images/sprites/sprite_checks.png) no-repeat -21px 0px; width: 22px; height: 22px; padding: 0; }                
.e-ticker-control-newsroom .custom-checkbox label.checked { background: url(../images/sprites/sprite_checks.png) no-repeat 0px 0px; width: 22px; height: 22px; padding: 0; }       
.e-ticker-control-newsroom .feedName { font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:120%;color: #2475C6; }
.e-ticker-control-newsroom ul { padding: 0; }
.e-ticker-control-newsroom li { list-style-type: none; }
.e-ticker-control-newsroom .ticker-submit { color: #2475C6; font-size: 1.4em;}


section.box.e-ticker-newsroom header {
	padding: 15px 20px 15px;
}
.e-ticker-newsroom  #twitterControls {
	width: 100%;
	float:none;
	background-image: url('../images/icons/twitter.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 50px;
    padding: 0 0 10px 0;
}
.e-ticker-newsroom  #facebookControls {
	width: 100%;
	float:none;
	background-image: url('../images/icons/facebook.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 50px;
	margin: 20px 0 0 0;
}
.e-ticker-newsroom #twitterControls img, .e-ticker-newsroom #twitterControls ul,.e-ticker-newsroom #facebookControls img, .e-ticker-newsroom #facebookControls ul {
	float:left;
	margin: 0 0 0 36px;
	
}

.e-ticker-newsroom #twitterControls ul li, .e-ticker-newsroom #facebookControls ul li {
    min-width: 150px;
	width: 30%;
    float: left;
    padding: 0 0 15px 15px;
}

div.side-newsroom  .tickerContainer section.box{
    background: #fff;
}
.e-ticker-newsroom ul li {
   float: left;
    max-width: 46%;
    padding: 0 0 0 15px;
}
.e-ticker-newsroom .social-media-feed {
   height:auto;
}
.e-ticker-newsroom .nav-wrapper {
    height: 25px;
    border-top: 1px solid #9FD3FF;
    padding-top: 10px;
    margin: 0 20px;
}
section.box.e-ticker-newsroom header h3 {
    color: rgb(101, 153, 203);
    font-size: 30px;
    font-family: "Arial Narrow", Arial;
    }
div.content .e-ticker-newsroom {
    padding: 0 0 10px 0;
}
.newsroom-loading {
    padding: 10px;
}
.e-ticker-newsroom #activityFeedNewsroom {
    padding: 10px 20px;
}
div.content .side-newsroom {
    float:right;
}
.newsroom-intro p {
    font-size: 1.231em;
    color: #333;
}

/* ==== Pagetemplate Newsroom === */

@media only screen and (min-width: 240px) {
    .newsroom-sidebar {
        width: 100%;
    }
    div.content .side-newsroom {
        float: none;
    }
    .e-ticker-newsroom ul li {
    max-width: 100%;
    }
    .newsroom-newsletter article {
	width: 270px;
    }
}
@media only screen and (min-width: 640px) {
     .newsroom-sidebar {
        min-width:308px;
         width: 48%;
    }
     .e-ticker-newsroom ul li {
    width: 46%;
    }
    .e-ticker-newsroom #activityFeedNews ul li {
        height: 100px;
    }
    div.content .side .newsroom-rightpane {
        width: 100%
    }
    div.content .side .newsroom-rightpane section.box {
        width: 42%;
        float: left;
    }
    div.content .side .newsroom-rightpane .container-rss-feeds {
        width: 49%;
        float: left;
        margin-left: 15px;
    }
     #activityFeedNews {
        height: 310px;
    }
    
}
@media only screen and (min-width: 760px) {
     div.content .side-newsroom {
        float: right;
    }
    .newsroom-sidebar {
        min-width:308px;
         width: 48%;
    }
      div.content .side .newsroom-rightpane {
        width: 100%
    }
     div.content .side .newsroom-rightpane section.box {
        width: auto;
        float: none;
    }
     div.content .side .newsroom-rightpane .container-rss-feeds {
        width: auto;
        float: none;
        margin-left: 0;
    }
     #activityFeedNews {
        height: 275px;
    }
    .newsroom-newsletter article {
	width: 50%;
    }
}

@media only screen and (min-width:1400px) {
    div.content .side-newsroom {
        min-width: 0;
    }
    div.content .main-newsroom {
    width: 910px;
    }
    div.content .main .newsroomFooter{
        width: 933px;
    }
    .newsroom-sidebar {
        width: 49%;
    }
    div.content .main .e-ticker-newsroom {
    width: 930px;
    }
    .e-ticker-newsroom #activityFeedNews ul li {
        height: 70px;
    }
    #activityFeedNews {
        height: 225px;
    }
    
    
 }
 
@media only screen and (min-width: 1550px) {
div.content .side-newsroom {
    min-width: 0px;
    }
div.content .main-newsroom {
    width: 1190px;
    }

   div.content .main .newsroomFooter {
       width: 1210px;
   }
   .newsroom-sidebar {
        width: 49%;
    }
    div.content .main .e-ticker-newsroom {
    width: 1200px;
    }
}


.main-newsroom  article.detailview {
    border:none;
}
 

.e-ticker-newsroom #activityFeedNews #loading{
    margin-left: 45%;
    margin-top: 30px;
}
.newsroom-newsletter .wrapper {
    padding: 0 0 0 58px;
}
.e-ticker-control-newsroom .line {
    border-bottom: 1px solid #9FD3FF;   
}
.channelLink a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:120%;
    color:#2475C6;
}
.header-bottom {
    min-height: 30px;
    border-bottom: 1px solid #bbb;
    padding: 6px 0 0 0;   
}
.header-bottom .rss-link a {
    line-height: 180%;
	color: #2880D7;
}
.header-bottom .rss-link a:hover {
    line-height: 180%;
	color: #7497BA;
}
.newsroom-intro article.detailview, .newsroom-intro article.detailview h1 {
    padding: 0;
}
.e-ticker-newsroom .option {
    background: #fff;
}
.e-ticker-control ul li span {
    color: #2475C6;
}
#activityFeedNews ul li  article p a, #twitterContacts ul li article p a, .e-ticker #facebookActivityFeed .social-media-feed article p a{
    color: #2880D7;
}
.main .detailview .externLink {
    background: url('../images/icons/link.png');
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding: 0 0 0 16px;
    margin-left: 5px;
}

@media only screen and (min-width: 240px) {
#facebookActivityFeed ul li, #twitterContacts ul li {
    width: 100%;
    float:left;
    height: 60px;
    padding-right: 10px;
}
 .twitter .e-ticker .social-media-feed, .facebook .e-ticker .social-media-feed {
	height: 255px;
	}
	section.news h3 {
	    font-size: 2.35em;
	}
}
@media only screen and (min-width:640px) {
#facebookActivityFeed ul li, #twitterContacts ul li {
    width: 48%;
    float:left;
    height: 100px;
    padding-right: 10px;
}
 .twitter .e-ticker .social-media-feed, .facebook .e-ticker .social-media-feed {
	height: 205px;
	}
	section.news h3 {
	    font-size: 2.5em;
	}
}


ul.az-nav li {
    float: left;
    font-size: 1.6em;
}
ul.az-nav a {
color: #BBBBBB;
padding: 0 5px;
}
ul.az-nav a:hover, ul.az-nav a:active, ul.az-nav a.active {
color: #5298DE;
}
ul.az-nav li.active a {
color: #5298DE;
}
ul.az-nav li:last-child {
	border:none;
}
ul.az-nav {
    list-style-type:none;
	color: #BBBBBB;
	padding: 10px 0;
	margin: 0;
}
article.detailview a {
    color: #2475C6;
}
article.detailview a:hover, article.detailview a:visited {
    color: #7497BA;
}
#toggleChannels {
    background: #F0F0F0;
    padding: 10px 28px 10px 10px;
    border: 1px solid #BBB;
    margin: 0 0 5px 0;
	font-weight: bold;
	cursor:hand;
	cursor:pointer;
}
#toggleChannels .arrow {
	position: absolute;
height: 25px;
width: 25px;
background-image: url("../images/sprites/sprite_sidebar.png");
background-repeat: no-repeat;
background-position: -50px -472px;
}
#toggleChannels .text {
padding: 0 7px 0 0;
}
.ticker-footer {
    padding: 10px 0 0 0;
}
.ticker-footer div {
    max-width: 48%; 
    float:left;
    margin: 0 0 0 25px;
}
section.news article .thumbnail {
    margin: 0 12px 5px 0;
}

.sidebar-sprite
{
    background-image: url("../images/sprites/sprite_sidebar.png");
    background-repeat: no-repeat;
}
.sidebar-sprite.pdf-new{ background-position: -40px -308px; padding-right: 30px;}
.sidebar-sprite.pdf-old{ background-position: -11px -86px; padding-right: 30px;}
.sidebar-sprite.pdf-new-small{ background-position: -40px -308px;width: 30px;height: 23px;display: block;float: left;margin-right:10px;}
.sidebar-sprite.pdf-old-small{ background-position: -11px -86px;width: 30px;height: 23px;display: block;float: left; margin-right: 10px;}


.newsroom-link-footer {
    position:absolute;
    top:16px; 
    right: 9px;
}
.newsroom-link-footer a {
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 700;
    font-size: 1.231em; 
    color: #2880D7;
} 
.newsroom-link-footer a:hover { 
    color: #7497BA;
}
.list-item-image {
    float:left;
    max-width: 130px;
}
.preview .stadtrecht {
    margin: 0 0 0 30px;
}

.container-feed-items {
	width: 100%;
	}
.container-e-items {
    float:left;
	width: 70%;
	height: 50px;
}
.standalone p {
 
       font-size: 1.231em;
}
.contact-wrapper .contact-data {
float:left;
width: 50%;
}
.contact-wrapper .contact-pic {
float:left;
width: 50%;
}
.cookie_richtlinien {
background: none repeat scroll 0 0 #FFF;
border: 3px solid #BBB;
bottom: 10px;
height: 210px;
padding: 10px;
position: fixed;
right: 10px;
width: 200px;
z-index: 200;
}
.cookie_richtlinien h1 {
	font-size: 18px;
	margin: 6px 0;
}
.cookie_richtlinien p {
    font-size: 14px;
    margin-bottom: 26px;
}
.cookie_richtlinien p a {
   color: #2880D7;
}
.cookie_richtlinien span {
    background: none repeat scroll 0 0 #2880D7;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    padding: 7px 46px;
}
    

input[type="date"] {
    display: block;
    color: #555555;
    background: #FFFFFF;
    width: 288px;
    height: 19px;
    padding: 5px 10px;
    border: 1px solid #8A8A8A;
    margin: 0 0 5px 0;
    box-shadow: inset 2px 2px 7px 0px #CACACA;
}

footer input[type="date"] {
    width: 95%;
}

.standalone ul li p {
font-size: 1em;
}

.standalone ul li {
font-size: 1.231em;
}