/* ####### BODY main.css?  ################*/

.topicbox.Bodygrau {background-color:#FAFAFA}

.topicbox_op.Hellrot { background-color: #DB2F4D; color: white}
.topicbox.Hellrot { background-color: #DB2F4D; color: white}
.topicbox.Hellrot .teaserlink  { color: white; }
#infocol .rightcol_contentbox.Hellrot a {color:#fff}
.contentmainbox .topiccontainer.down .topicbox.Hellrot{ background-color: #DB2F4D; color: white; }
.topicbox.Hellrot .externer_link { color: #fff; background-image: url(/systemstatic/internet_relaunch/img/icon_externallink_w_rel.png); }
.topicbox.Hellrot h3, .topicbox.Hellrot h3 a, .topicbox.Hellrot .interner_link, .topicbox.Hellrot .teaserlink  { color: white; }
.topicbox.Hellrot h2, .topicbox.Hellrot h2 a, .topicbox.Hellrot .interner_link, .topicbox.Hellrot .teaserlink  { color: white; }

#oben.topmeldung.start_minimized h2 { font-size: 1.2em; text-align: left; padding: 0; }
h1.headline.minimized { text-transform: none; line-height: 1.25em; }
.footer_minimized a, .footer_minimized a:visited { color: white; }

.d115 a {color:#430433;text-decoration:underline;}

.detailtext {font-weight:400;}

/* ####### BODY relaunch19.css?  ################*/

#oben .prev, #oben .next {margin-top:-110px}
.prev:hover {transform: scale(1.2);}
.next:hover {transform: scale(1.2);}

/* Hauptnavigation */
#contentnavbox li a.navlevel1 {font-weight:500;}

.flex-control-nav li a.active {background-color:#efefef; zoom: 1; cursor: default; border: 1px solid #9E4557;}

/* Iconbar oben */
.icon {width:55px;height:auto;padding-bottom:10px;}
.icon:hover {transform: scale(1.15);}


/* ######### Startseite Topmeldung resetten ############ */

#oben.topmeldung .teasertext {} 
#oben.topmeldung .teasertext li {text-align:left; width:auto; display:list-item;}
#oben.topmeldung .teasertext p {text-align:left;}
#oben.topmeldung .teasertext a.interner_link {color:#430433}


/* Linie in der Downloadbox */
#infocol.content .rightcol_contentbox.download .contentboxhighlight li a {  }

/* Dito Umweltseite */
.rightcol_contentbox.download .contentboxhighlight li a {color:white}

.contentboxhighlight.presse a {color:#000}

.contentboxhighlight #az_box  a:hover {text-decoration:underline;color:#fff}

#scrollarea.scrolled {box-shadow: 0px 5px 10px #58595B}

.glyphicon-new-window:before {display:none}



.interner_link {
  display: inline-block;
  padding-left:12px;
  background-image: url(/systemstatic/internet_relaunch/img/icon_internallink_rel.png);
  background-position: 0px 6px;
  background-repeat: no-repeat;
  font-weight:500;
  color:#430433
}

.start .teasertext a.externer_link {background-image:none;padding:0}
.start .externer_link { display: block; background-position: 1px 4px; }
.start .teaserlinkbox { background-position: 0px 6px; }

.teaserlink {
display: inline-block; }



#infocol .rightcol_contentbox .interner_link, #infocol .rightcol_contentbox .teaserlink {
	background-image: url(/systemstatic/internet_relaunch/img/icon_internallink_rel.png);
	background-repeat:no-repeat;
	padding-left: 20px;
}

.interner_link:hover {text-decoration: underline;}


/* Links in der Symbolleiste */


.numbers a {
font-weight:400;
font-size:0.9em
}  
/* Navigations-Icons */

.glyphicon {
  font-size: 40px;
  padding: 0.3em;
  top:-10px
}


.glyphicon a.symbol {

position: absolute ;

    top: 5px ;
    left: 0px ;
    right: 0px ;
    bottom: 0px ;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}


a.link:hover {text-decoration: underline}



/*.topiccontainer.down h2 { text-transform: uppercase; }*/
/*.rightcol_contentbox h2 {text-transform: uppercase}*/

/* Weitere rote Boxen in rechter Spalte */
#infocol .rightcol_contentbox.Rot {background-color:#430433;color:white}
#infocol .rightcol_contentbox.Rot {  border: 1px solid #430433; }
#infocol.content .rightcol_contentbox.Rot .contentboxheader {color:white}
#infocol.content .rightcol_contentbox.Rot a.teaserlink {color:white}
.contentboxhighlight a.teaserlink  {} 


/* Übersichtsseite Rathaus */

.teaserimg.rhz {float:left; max-width:150px}
.rhzright {margin-left:165px}

/* Übersichtsseite Schlagworte Ortsteile aktuell */

.contentmainbox.schlagworte .teaserimg {
	float:left;
    margin-right: 15px;
    width: 200px;}
	
.text.schlagworte {
    overflow: hidden;
	text-overflow: ellipsis;
	padding-right:15px;
    }

audio#audio_with_controls {width: 220px;}
.audiofile {
background-image: url(/systemstatic/internet_relaunch/img/icon_audio.png);
  background-position: 0px 1px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 28px;
	
}

	

/* ###################### Impressionen Bildergalerie Detail ################# */

.galerie_imageteaser {width: 145px;}

.topicbox.bildergalerie {height:auto;background:transparent}

.fancybox-button.fancybox-button--arrow_left {position:absolute;margin-left:100px;}
.fancybox-button.fancybox-button--arrow_right {position:absolute;margin-right:100px;}

.fancybox-caption {font-size:20px !important;}

#infocol.galerie {margin-top: 37px;}

.galerie_slider {padding-top: 10px;}

/* ############### Kontaktformular ############### */

.kontaktformular input.inputField { height:40px; font-size:1.15em;margin-bottom:15px} 
.kontaktformular textarea.textField { height:100px; font-size:1.15em}
.topicbox.kontaktformular {background:transparent;height:auto}
.kontaktformular input.formButton {}

.hint {
	padding:10px;
	color:  red;
	background-color:#F5F5DE;
	border: 1px solid red;
}

.checkboxerror {
	display: inline;
	border: 3px solid red;
	background-color:#F5F5DE;
}
.checkboxerror > div.checkboxerror {
	display: inline;
	border: 3px solid red;
	background-color:#F5F5DE;
	}

.errorinput {

	border: 3px solid red;background-color:#F5F5DE;
}
.manField, .errorinput {
	border: 3px solid red;background-color:#F5F5DE;
}


/* Submenüs */
/* ########################################### */

.contentnav_2 a{
  background:none;
  font-weight:normal;
  padding:10px 0px 1px 0px;
  color:#000;
  border-top:2px dotted #ddd;
}

.contentnav_2 a:hover{background:none;color:#90293c}

.contentnav_2, .contentnav_2_aktiv {
background-image:none;
background:none;
font-size: 1.1em;
padding: 5px 0px;
}

.contentnav_2_aktiv {
border-top:2px dotted #ddd;
}
.contentnav_2, .contentnav_2_aktiv >a {
  color:#90293c;
  padding-left:0px;

}

.contentnav_2_aktiv >a {font-weight:bold;
 
 padding-bottom:2px;
 }

.contentnav_2, .contentnav_2_aktiv a:hover {
  background-image:none;
  background:none;
  color:#90293c;
}



/* 3 */

.contentnav_3, .contentnav_3_aktiv {
  background:none;padding-left:7px;
}
.contentnav_3_aktiv >a {font-weight:bold}

.contentnav_3 a{
  background:none;
  font-weight:normal;
  padding-left:4px;
  border:0px;
  color:#000;
}

li.contentnav_3:last-child {  color:blue;
}

.contentnav_3 a:hover{
  background:none;
}

/* 4 */

.contentnav_4, .contentnav_4_aktiv {
  background:none;padding-left:12px;
}
.contentnav_4_aktiv >a {font-weight:bold; color: #430433;}
.contentnav_4_aktiv >a:hover {}
.contentnav_4 a{
  background:none;
  font-weight:normal;
  padding-left:4px;
  border:0px;
  color:#000;
}

.contentnav_4 a:hover{
  background:none;
}

/* 5 */

.contentnav_5, .contentnav_5_aktiv {
  background:none;padding-left:12px;
}
.contentnav_5_aktiv >a {font-weight:bold; color: #430433;}
.contentnav_5_aktiv >a:hover {}
.contentnav_5 a{
  background:none;
  font-weight:normal;
  padding-left:4px;
  border:0px;
  color:#000;
}

.contentnav_5 a:hover{
  background:none;
}

/* 6 */

.contentnav_6, .contentnav_6_aktiv {
  background:none;padding-left:12px;
}
.contentnav_6_aktiv >a {font-weight:bold; color: #430433;}
.contentnav_6_aktiv >a:hover {}
.contentnav_6 a{
  background:none;
  font-weight:normal;
  padding-left:4px;
  border:0px;
  color:#000;
}

.contentnav_6 a:hover{
  background:none;
}

/* ######## ENDE SUBMENÜS ############ */

#infocol.content {margin-top:0px;}


/* ############################### Übersicht Schlagworte (Ortschaften aktuell) ############################ */

/* ############################### SUCHE ######################## */

.teaserlinkbox.suche {padding:0; background-image:none}

.topicbox.schlagworte {padding:0;}
.teaserboximg.schlagworte {min-width:200px;}


/* ############################### TEMPLATE AKKORDEON ############################ */


.akkordeon .topicbox {background-color:transparent;}

/* ##### JQUERY ######## */
.ui-accordion .ui-accordion-icons {padding: 22px 0px 22px 27px}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -khtml-border-top-left-radius: 12px; border-top-left-radius: 12px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; -khtml-border-top-right-radius: 12px; border-top-right-radius: 12px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; -khtml-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-moz-border-radius-bottomright: 12px;-webkit-border-bottom-right-radius: 12px;-khtml-border-bottom-right-radius: 12px;border-bottom-right-radius: 12px;}

.ui-widget-content {background: transparent;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #000000;}
.ui-accordion .ui-accordion-header { font-size: 1.15em; }
#accordion.ui-accordion .ui-accordion-header { color:#430433; }
#accordion .ui-state-active { background-color:#430433; color:#ffffff !important;}


/* Overlays */

/* ############################### DETAILSEITEN ############################ */
 
@media screen and (max-width:400px){

}

@media screen and (max-width:500px){
iframe {max-height:350px}
  #contentmain.detail {width: 100%;}
  .start .text {display:none}
  .piccommentbox {display:inline-block;}
  .topiccontainer.detail .detailimg {float:none;}
  .topiccontainer.detail .detailimg img{max-width:330px;max-height:330px;}
  .topiccontainer.detail .detailtext .fb_like_privacy_dummy {width:83px}
    .topiccontainer.detail .detailtext .tweet_this_dummy {width:55px}
  .topiccontainer.detail .detailtext .sliderimg {width: 65px;}
  .detailimg {padding-left:0}
  /*.topiccontainer.detail .piccommentbox {width:345px !important}*/
  #infocol.content .rightcol_contentbox {width:100%;}
  .detailtext {}
  h2.contentboxheader {font-size:1.5em;font-weight:500;}
  .topicbox {width:auto}
  .sliderimg {width: 105px;}
  #oben.topmeldung.start_minimized { margin-top: 65px; }
  .nobreadcrumbcontainer { right: 10px; }
   h1.headline.minimized { margin-bottom: -1em; }

}
.infocol {width:auto}
.rightcol_contentbox {border:1px solid red}


@media screen and (min-width:501px) and (max-width:639px){
iframe {max-height:450px}
  #contentmain.detail {width: 480px;}
  .topiccontainer.detail .detailimg img{max-width:500px;max-height:500px}
  /*.topiccontainer.detail .piccommentbox {width:500px !important; margin-bottom: 1em;}*/
  .topiccontainer.detail .detailtext img {}
  .detailtext {width:480px}
  .topiccontainer.detail .detailtext .sliderimg {width: 100px;}
  #infocol.content .rightcol_contentbox {width:480px;}
  #infocol.start .rightcol_contentbox h2.contentboxheader {font-size:1.15em;font-weight:500;}
  .sliderimg {width: 115px;}
   h1.headline.minimized { margin-bottom: -1em; }
}

@media screen and (min-width:640px) and (max-width:767px){
iframe {max-height:450px}
  .topiccontainer.detail .detailimg img{max-width:300px;max-height:300px}
  /*.topiccontainer.detail .piccommentbox {width:300px !important}*/
  .topiccontainer.detail .detailimg {float:right;margin-left:0px}
  .topiccontainer.detail .detailtext .sliderimg {width: 120px;}
  #infocol.content .rightcol_contentbox {width:300px;}
  #infocol.multi .rightcol_contentbox {width:300px;}
  h2.contentboxheader {font-size:1.3em;font-weight:500;}
  .sliderimg {width: 140px;}
  h1.headline.minimized { margin-bottom: -1em; }
}

@media screen and (min-width:768px) and (max-width:899px){
  #contentmainfull.detail .contentmainbox .topiccontainer {width:750px}
  #contentmain.detail {width: 500px; margin-right: 20px; } 
  #contentnavigation {width: 230px;}
  /* #contentmainfull .topiccontainer.detail .piccommentbox {width:300px !important} */
  .topiccontainer.detail .detailimg img{max-width:300px;max-height:300px}
  .topiccontainer.detail .detailimg {float:right;margin-left:0px}

  .topiccontainer.detail .detailtext .sliderimg {width: 100px;}
  .sliderimg {width: 110px;}
  /* .topiccontainer.detail .piccommentbox {width:470px !important} */
  #infocol.content {width:218px;}
  #infocol.multi {margin-top:60px;}
  #infocol.content .rightcol_contentbox {font-size:0.9em;}
  *#infocol.start .rightcol_contentbox .contentboxheader {padding: 12px 20px 10px 20px;}
  h1.topic {font-size: 1.3em;font-weight:500;}
  
  
  /* relaunch19.css:891 */
	.topicbox.jobs {height:auto;}
  
  
  
}

@media screen and (min-width:900px) and (max-width:1023px){
  #contentmainfull.detail .contentmainbox .topiccontainer {width:900px}
  #contentnavigation {width: 230px;}
  #contentmain.detail, #contentmain.multi {width: 587px;margin-right:20px} 
  .topiccontainer.detail .detailimg img{max-width:300px;max-height:300px}
  .topiccontainer.detail .detailimg {float:right;clear:both;margin-left:0px;}
  #infocol.content {width:258px;}
  #infocol.content .rightcol_contentbox {font-size:1em;}
  #infocol.multi {margin-top:60px; width: 258px; }
  
#infocol.galerie { width:193px; }
#contentmain.galerie { width: 552px; }


  .sliderimg {width: 132px;}
  h2.contentboxheader {font-size:1.1em;font-weight:500;padding: 20px 30px 0.7em 20px;}
  
  .topiccontainer.detail .detailtext .sliderimg {width: 130px;}

  /* .topiccontainer.detail .piccommentbox {width:300px !important} */
  h1.topic {font-size: 1.3em;font-weight:500;}
 
  .jcarousel-skin-tango .jcarousel-prev-horizontal {top:55px}
  .jcarousel-skin-tango .jcarousel-next-horizontal {top:55px}
}

@media screen and (min-width:1024px) and (max-width:1199px){

  #contentmainfull.detail {width:760px}
  .contentboxhighlight { padding: 0px 20px 20px 20px; }
  #contentnavigation {width: 210px;padding-right:24px;}
  #infocol.detail {padding-left:0px}
  #contentmain.detail {width: 480px; margin-right: 20px; } 
  #contentmain.multi {width: 480px; margin-right: 20px;} 
  .topiccontainer.detail .detailimg{float:right;margin-left:0px}

  /* .topiccontainer.detail .piccommentbox {width:300px !important} */
  #infocol.content {width:265px;}
  #infocol.uebersicht {width:265px;}
  #infocol.multi {width:265px; margin-top:53px;}
  #infocol.galerie { width:235px; margin-left:10px}
  .topicbox.bildergalerie {width:525px;}
  h2.contentboxheader, h3.contentboxheader {padding: 20px 30px 0.7em 20px;}
  h1.topic, h2.topic {font-size: 1.4em;font-weight:500;}
  h2.contentboxheader, h3.contentboxheader {font-size:1.2em;font-weight:500;}
  .sliderimg {width: 105px;}
  .jcarousel-skin-tango .jcarousel-prev-horizontal {top:55px}
  .jcarousel-skin-tango .jcarousel-next-horizontal {top:55px}
}

@media screen and (min-width:1200px) and (max-width:1519px){
  #infocol.multi {width:273px; margin-top:53px; padding-left: 10px; }
  #contentnavigation {width: 230px;padding-right:24px;}
  #contentmain.detail {width: 645px;}
  .topiccontainer.detail .detailimg{float:right;margin-left:0px;}
  .topiccontainer.detail .detailimg img{max-width:350px;max-height:350px}
  /* .topiccontainer.detail .piccommentbox {width:350px !important} */
 

  h1.topic {font-size: 1.4em;font-weight:500;}
  .sliderimg {width: 140px;}
  .jcarousel-skin-tango .jcarousel-prev-horizontal {top:70px}
  .jcarousel-skin-tango .jcarousel-next-horizontal {top:70px}
  .sliderimg {width: 140px;}
}

@media screen and (min-width:1520px){
/* #infocol {margin-top: 85px;} */
  #contentnavigation {width: 230px;padding-right:24px; }
  .topiccontainer.detail .detailimg img{max-width:350px;max-height:350px}


  h1.topic {font-size: 1.8em;font-weight:500;}
  .sliderimg {width: 140px;}
  .jcarousel-skin-tango .jcarousel-prev-horizontal {top:65px}
  .jcarousel-skin-tango .jcarousel-next-horizontal {top:65px}
}


/* BreakPoint SmartNav */
/* ##################################################### FOOTER Reduziert Mobile ################# */
@media screen and (max-width:1023px) {
.footerbox {}
#footer {}
.footer-1st-4 {display:none;float:none}
.footer-1st-1 {float:none}
.footer-1st-2 {clear:both;padding-left:24px}
.footerbox a:hover {text-decoration:underline;color:white}
.footerbox a:link, .footerbox a:hover {color:#fff}
.footerbox .kontaktlink {color:#fff}
.footer-1st {text-align:left;color:white}
a.anchor_top {display:none}

.footerboxleft {width:295px}
.footerboxright {float:none;text-align:left;width:295px;padding:50px 0px 0px 21px}
}

/* ############### FOOTER > 1024 px.  ################################# */
@media screen and (min-width:1024px) {

.footerbox {}
.footerbox a:hover {text-decoration:underline;color:white}
.footerbox a:link, .footerbox a:hover {color:#fff}
.footerbox .kontaktlink {color:#fff}

.footer-1st {text-align:left;color:white}
.footer-1st-1 {
width:40%;
height:330px;
text-align:left;
float:left
}
.footer-1st-2 {width:30%;float:right;padding-top:115px;color:white}
/*.footer-1st-3 {width:16%;float:right;padding-top:110px;color:white}*/
.footer-1st-4 {width:30%;float:right;color:white}

}



/* ################################################ Infospalten links und rechts ############### */

.leftcol_contentbox { margin-bottom: 30px; border-bottom: 0; }
.leftcol_contentbox h2.contentboxheader {color:#780D3C}
.leftcol_contentbox .contentboxheaderstandard, .leftcol_contentbox .contentboxhighlight {  background: transparent; }
.leftcol_contentbox .contentboxhighlight { padding: 0 18px; border: 0; }
.leftcol_contentbox h2.contentboxheader { padding-left: 18px; }
.leftcol_contentbox .contentboxhighlight br { height: 5px; line-height: 0.8em; }
.leftcol_contentbox .contentboxhighlight .externer_link { font-weight: 400; }
.leftcol_contentbox li { list-style:none;margin-left:-40px }

.topicbox.detail {margin-bottom:0px}



.paginglinkbox {clear:both;padding-top: 15px;}

/* ############## PRESSE DETAIL ###################### */


.topicbox.pressedetail {height:auto}


#socialshareprivacy .rs_skip {}

.social_share_privacy_area {margin-top:30px !important}


a.facebooknav {background-image: url("/systemstatic/internet_relaunch/img/facebook-nav.png");
background-repeat: no-repeat;
background-position: 0px -2px;
padding-left:25px; 
color: white;
}
a.twitternav {background-image: url("/systemstatic/internet_relaunch/img/twitter-nav.png");
background-repeat: no-repeat;
background-position: 0px -2px;
padding-left:25px; 
color: white;
}
a.youtubenav {background-image: url("/systemstatic/internet_relaunch/img/youtube-nav.png");
background-repeat: no-repeat;
background-position: 0px -2px;
padding-left:25px; 
color: white;
}
a.instagramnav {background-image: url("/systemstatic/internet_relaunch/img/instagram-nav.png");
background-repeat: no-repeat;
background-position: 0px -2px;
padding-left:25px; 
color: white;
}

/* Seite drucken und verbessern auf Detailseiten. */

.functionbox a:link {color:#000}
.functionbox .kontaktlink {color:#000}

.kontaktlink {
	margin-left: 10px;
    height: 63px;
	padding: 20px 14px 20px 42px;
	background-position: 10px 21px;
	background-image: url(/systemstatic/internet_relaunch/img/icon_comment.png);
}
.printlink {
	padding: 20px 14px 20px 42px;
    background-image: url(/systemstatic/internet_relaunch/img/icon_druck.png);
    background-position: 10px 16px;
    background-repeat: no-repeat;	
}
.kontaktbox {
	
	background-color: #fff;
	width: 100%;
	height: 120px;
	
	}


.function-hr {width:40%}

hr.functionbox {border-bottom: 1px solid #999; }

hr.presse {border: 0px; border-bottom:1px solid #d4d4d4;margin-bottom: 13px;margin-left:0;clear:both;padding-top:12px;width:95%}
hr.schlagworte {border-top: 0px; border-bottom:1px solid #d4d4d4;margin-bottom: 13px;}



/* ########## PRESSEMITTEILUNGEN ############# */

.headercomment {
	text-align: center;
    font-size: 1.4em;
    font-weight: 500;
    padding-bottom: 1em;
	color:#430433}

.teaserimg.presse {height:120px;width:120px}
.topicbox.presse { height:80px}

.topicbox a:hover {color:#000}

.video-container {
    position: relative;
    /* padding-bottom: 56.25%; */
	padding-bottom: 51%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ###### Shariff ########## */
.shariff .orientation-horizontal {margin-top:50px}

.logomicro { display: none; }

/* Suche im Sandwich */
ul#mobile_menu_2 li:first-child a:hover {text-decoration:underline}

@media screen and (min-width:421px){
.mobile_1st_li {display:none}
}

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

#mobile_menu_2 img.topnav_icon_lupe {position:absolute;top:5px;right:15px;width:30px}



.lupe500_mobile2 {height:20px;background-color:#780d3c;}
.lupe500_mobile2 a {padding-left:2px;}

}

@media screen and (max-width:639px){
	#contentnavigationmobile {}
}

.suchnav_2 {position:absolute;top:10px;color:white !important;font-size:1.1em; font-weight:500}

.hidden{
	display:none;
}