/* Stadt Koeln Styles
================================================== */
/* Allgemeine Angaben */
/*
h1, h2, h3 {
  text-transform: none !important;
}

.tabbox .tabboxcontrols li a {
  text-transform: none !important;
 }
 */
/* Formulardesigner */

form.fdesigner div.jstabpanellist {
	background-color:#ffffff;
}

fieldset.fdesigner {
  width:98%;
  margin:0% 2% 1% 0px;
  font-size:80%;
  border:none;
}

html.js body div.wrapper main#inhalt.grid_3 div.greywrap div.grid_3 div.tabbox form#formulardesigner.grid_3 div.jstabpanellist div.ui-tabs-panel fieldset.grid_4 p {
  font-size:1.0em !important;
}

.fdesigner p {
  font-size:1.0em !important;
}

legend.fdesigner {
	display:inline-block;
	position:fixed;
	left:-4000px;
	top:-4000px;
	}

form.fdesigner {
	width:100%;
	margin:0% 2% 0% 0px;
	background:none;
}

.fdesigner ul {
	list-style-type:none;
	margin-left:0%;
}

label.fdesigner {
  display:block;
  font-weight:bold;
  }

input.fdesigner, button.fdesigner {
	border:1px solid #6C655F;
	background-color:#E4E3DF !important;
	height:2em;
	line-height:1.8em;
	margin-bottom:1%;
    width: 77%;
  }

textarea.fdesigner {
	border:1px solid #6C655F;
	background-color:#E4E3DF !important;
	margin-bottom:1%;
	width: 77%;
 }

textarea.fdesigner:active,
textarea.fdesigner:focus {
	border:1px solid #CC5F5F;
	background-color:#ffffff !important;
  }

input.fdesigner:active, button.fdesigner:active,
input.fdesigner:focus, button.fdesigner:focus {
	border:1px solid #CC5F5F;
	background-color:#ffffff !important;
  }

select.fdesigner {
	border:1px solid #6C655F;
	background-color:#E4E3DF !important;
	margin-bottom:1%;
	height: 2.2em !important;
	width: 77%;
}

form.fdesigner .bildlinks {
    float: left;
    margin: 0 20px 5px 0;
}


form.fdesigner .bildrechts {
    float: right;
    margin: 0 0 5px 20px;
}

form.fdesigner .bildrahmen img {
    border: 1px solid #666666;
}


form.fdesigner .bild em,
form.fdesigner .bildlinks em,
form.fdesigner .bildrechts em {
    display: block;
    margin: 6px 0 0 0;
    font-size: 0.55em;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    color: #000066;
    text-decoration: none;
}


input.eingabefeldstift {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUAMQAAAAAAPf398XFxaWlpYmJiWZmZmZmZt3d3UVFRby8vO/v74SEhJmZmRgYGP///9bW1l5eXnp6eqysrObm5szMzJmZmf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABYALAAAAAAUABQAAAWRoCWOZGmepEMVy4SawcAoj+S+osIsiuMcNlxgUej5HJPIS0cYUI4ORQGlYxwSg4fvsKCcqpREIMB4PAqDL4ER7h0EDETapFiwE73wmfGVUQR5CStzJg4QFBSBAmgoAQUMA3kCixIvjgECEmYJEJUvBVoOD5AFnp8MDgEUBAUJOCIADQxsEzevAAATAa+8vb4kIQA7') no-repeat left;
 }

input.eingabefeldname {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUAKIAAJmZmf///7m5uczMzMXFxQAAAAAAAAAAACH5BAUUAAEALAAAAAAUABQAAAM0GLrc/jAuAgCRjVaL196d8lVhoFVXqaVl642kBH/RPD423IB2AL6iWRDSwxQlApjAxQwlAAA7') no-repeat left;
}

input.eingabefeldstrasse {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUAIAAAJmZmf///yH5BAUUAAEALAAAAAAUABQAAAIujI+pCu2wWAsuplrtwVMbDnnU03lkqYHiCGXm5KYwap3hS66quOOsPrvJcitRAQA7') no-repeat left;
  }

input.eingabefeldmail {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUALMAAGZmZv///5mZmczMzLW1tXt7e+fn58TExPb29qWlpY6Ojtvb2/Hx8a6urtfX1wAAACH5BAUUAAEALAAAAAAUABQAAARMMMhJq7046wu6/yBBAUrCZEcBjAghLJYhKMg62U7RTMghHIiATTJEJAQGhAB5G1F6B8ChMhRumthrFQDbOKoEkNgjuprP6LR6zVZHAAA7') no-repeat left;
  }

input.eingabefeldplz {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUALMAAGZmZv///7Kysnl5ednZ2ampqeLi4pmZmby8vPX19czMzIyMjOzs7GZmZsXFxYKCgiH5BAUUAAEALAAAAAAUABQAAARYMMhJq7046827/4wgKJRAlKKABATwAMUECBRgAwcLEAUg05UDwKDj+SSzSgKwkLReMSRwggA4nDjSrzIYTFqn2lQXLVaYAoZEeBBcwWfbaXlrfu74vP4TAQA7') no-repeat left;
  }

input.eingabefeldhaus {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUALMAAJmZmf///6ysrOXl5b+/v8XFxdnZ2e7u7rOzswAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUAAEALAAAAAAUABQAAARAMMhJq7046z0J4pUAAAIYHOJIHtugvgCLGTAsV0VdG1hsHQBN8DLsGTPFStKynDQpz0BU4qu4NAQdgGDqer+TCAA7') no-repeat left;
}

input.eingabefeldtelefon {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhEAAQAMQAAGZmZrW1tfDw8JmZmYyMjMzMzIWFhaWlpXt7e9bW1r29vf///3R0dK2trd7e3pmZmcXFxWZmZurq6vf39wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUAAsALAAAAAAQABAAAAWI4CKOZLlMR6oOA0EYBoIIB+TcTqInRV8MgEZBoSAoBooAIYBgNYJDpQIGYxoODYbqwCtAvt8YA/A7BBKNlosASRsCokDAISEFFIfBiFZwCEgQA0ojRn0TJAlGAw0iA14JJQ5vDQaNeHgsLTAuCCJLmWouMECeDaYNW6AAIjIxMgywsQB6JrUjIQA7');
	background-repeat: no-repeat;
	background-position:0.5%;
}

input.eingabefeldhandy {
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUAKIAAGZmZv///8XFxdTU1MzMzAAAAAAAAAAAACH5BAUUAAEALAAAAAAUABQAAAM7GLrc/jBKKYC9V0Qw3gBbgF1iCDLg+aQNC7kL7KSj3IZvqdsovu4KXsw3A5ZUM8KDgGxUahbNZEp9JAAAOw==') no-repeat left;
}

input.eingabefelddatum {
	padding-left:24px;
  background:url('data:image/gif;base64,R0lGODlhFAAUALMAADMzM+3t7f8AAK2trZmZmf///8DAwKampvf398PDwwAAAAAAAAAAAAAAAAAAAAAAACH5BAUUAAUALAAAAAAUABQAAARRsMhJq73YgrI7/x4VDERpnuUQUEDrvvA2xbRLERKeT3rR+7sgUOhDGU83YW+ZHDqZvKO0uRRYocHqlXeTHqlcJeWQQGBxCMNBRPKmVpm4XB4BADs=') no-repeat left;
}

input.eingabefeldattachment{
	padding-left:24px;
	background:url('data:image/gif;base64,R0lGODlhFAAUAMQAAAAAAPf398XFxaWlpYmJiWZmZmZmZt3d3UVFRby8vO/v74SEhJmZmRgYGP///9bW1l5eXnp6eqysrObm5szMzJmZmf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABYALAAAAAAUABQAAAWRoCWOZGmepEMVy4SawcAoj+S+osIsiuMcNlxgUej5HJPIS0cYUI4ORQGlYxwSg4fvsKCcqpREIMB4PAqDL4ER7h0EDETapFiwE73wmfGVUQR5CStzJg4QFBSBAmgoAQUMA3kCixIvjgECEmYJEJUvBVoOD5AFnp8MDgEUBAUJOCIADQxsEzevAAATAa+8vb4kIQA7') no-repeat left;
}

textarea.textareabemerkung {
    height: 10em;
    overflow:auto;
    background:url('data:image/gif;base64,R0lGODlhFAAUAMQAAGZmZry8vJmZmdfX14WFhaampuPj48zMzLW1tYuLi3p6et/f38PDw/Pz85mZma6uru7u7nNzc////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUABIALAAAAAAUABQAAAVeoCSOZGmeaKqeguK+MMyQwrFKx0PbK6OPtRsDsRMSgTzVsNg7ioKrQICWECSuBIIichwQBiXGYTAwQM6RhSRAUN8KAYigALlJBgn81N4QPNp2IgUKdIF3XIYjbol2IQA7') no-repeat top left;
    padding: 0 0px 0 25px !important;
}

textarea.textareastift{
	height: 10em;
    overflow:auto;
    background:url('data:image/gif;base64,R0lGODlhFAAUAMQAAAAAAPf398XFxaWlpYmJiWZmZmZmZt3d3UVFRby8vO/v74SEhJmZmRgYGP///9bW1l5eXnp6eqysrObm5szMzJmZmf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABYALAAAAAAUABQAAAWRoCWOZGmepEMVy4SawcAoj+S+osIsiuMcNlxgUej5HJPIS0cYUI4ORQGlYxwSg4fvsKCcqpREIMB4PAqDL4ER7h0EDETapFiwE73wmfGVUQR5CStzJg4QFBSBAmgoAQUMA3kCixIvjgECEmYJEJUvBVoOD5AFnp8MDgEUBAUJOCIADQxsEzevAAATAa+8vb4kIQA7') no-repeat top left;
    padding: 0 0px 0 25px !important;
}

a.fdesigner_prev {
  float:left;
  text-decoration:none;
	color:#000000;
  padding:0.5em 8px 0 30px;
  margin-bottom:1em;
  display:block;
  height:2em;
  font-size:90%;
  background:url('data:image/gif;base64,R0lGODlhGQAZAOYAAAAAAP////j4+Pf39/X19fT09PPz8/Ly8vDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f397e3t3d3dzc3Nvb29nZ2djY2NPT09LS0tHR0dDQ0MnJycjIyMfHx8bGxsLCwsDAwLOzs66urqampqSkpKGhoaCgoJ6enpqampmZmZeXl5WVlZOTk4SEhIKCgoCAgH5+fnt7e3p6end3d25ubm1tbWpqamdnZ2ZmZmJiYmFhYV1dXVdXV1NTU1FRUU1NTUVFRURERENDQ0JCQjw8PDs7Ozo6Ojk5OTg4ODc3NzY2NjMzMzAwMP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFYALAAAAAAZABkAAAf/gBITg4SEEQ8REBATEhWCFREUkoKFhRERgxQWkA8TkJIUlJWMFhgVhKGPkZOjhBYSDAyRjIOfrK0TFA0SHSEhExmvtqG4FAkRL0NGOyQYDJ6rxLgRHzpUTjgOEpjDgq8WFJgSFgQrSFVEKQ0OGI3Rgg4PFQ/sFw8cOVFQNxUQje6gBEGgkEHRPAMsjkwpokKBA0fQAk4AB66CgwQadjRpYuPCJUwRbzV4QAGDAwgohEhR4kKAKZIAbwmKJAiEDypMaCBocAFSSGIlC8qTcEAGkyc/ThSokMHBz5kR2j2MYEAEkCpLajzLFZOYBJI+EymY0YRKjxEKPHWlRGEUgxJBXaokkXHAwqJuxRZMoJEECg8Pu57iYqTABIwYLUJQcIQX14WRCwbkItR4lAQNFh50ouBg09rB/iRQ2KDLZ+VRES5kmADBAUHG7wZPOITpEgTYoJ5J2M27t2/el9QGAgA7') no-repeat left;
  }

a.fdesigner_prev:hover,
a.fdesigner_prev:focus {
  background-color:#E4E3DF;
  }

a.fdesigner_next, input.fdesigner_next {
	float:right;
	text-decoration:none;
	color:#000000;
	padding:0.5em 30px 0px 8px;
	margin-bottom:1em;
	display:block;
	height:2em;
	font-size:90%;
	background:url('data:image/gif;base64,R0lGODlhGQAZAOYAAAAAAP////j4+Pf39/X19fT09PPz8/Ly8vDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f397e3t3d3dzc3Nvb29nZ2djY2NPT09LS0tHR0dDQ0MnJycjIyMfHx8bGxsLCwsDAwLOzs66urqampqSkpKGhoaCgoJ6enpqampmZmZeXl5WVlZOTk4SEhIKCgoCAgH5+fnt7e3p6end3d25ubm1tbWpqamdnZ2ZmZmJiYmFhYV1dXVdXV1NTU1FRUU1NTUVFRURERENDQ0JCQjw8PDs7Ozo6Ojk5OTg4ODc3NzY2NjMzMzAwMP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFYALAAAAAAZABkAAAf/gBSCERUTEhUSExAQEQ8RE5CRkRKCFIQTjhUWFJARj5KSlIOFEpSRFRgWiaCQopaFhhOWDAwSFqyTlYS2GRMhIR0SDZy4hrqFDBgkO0ZDLxEJxKyulxESDjhOVDofn7jUiBgODSlEVUgrBKoTERSqt+CHEhAVN1BRORwPF+IPFQ8OjI0yVMGBAhVFphxhYcDfogwUIAh81cnTBRtNmuzQkMBBBXfuJu6i4A+DABdKpAhBAcEBBpINWh1jV+FCAwQ0mFDxAcLYo1XgJjjIUKHAiR9PmMg4cOgBhAwvRSIixqDGkipARBgg5EACBk9SD01QMKIHlSYzFDCiSTJRUAgWXQ7ISFIlSAkGrIgFFeaBB5QkNCYskAYq3scQLWLAMKFg1beZkDgNWPCgwYViYTU54PTggQUNjgvPJDRsA4VSEosZhuhAYoYL3qYdO8ToUaPY08R6KsW7t+/eExgEAgA7') no-repeat 100%;
}
input.fdesigner_next {
	border: 0 none;
}

a.fdesigner_next:hover, input.fdesigner_next:hover,
a.fdesigner_next:focus, input.fdesigner_next:focus {
	background-color:#E4E3DF;
}

a.fdesigner_submit, input.fdesigner_submit {
	float:right;
	width:0px;
	height:0px;
	padding:14px;
	display:block;
	background:url('data:image/gif;base64,R0lGODlhGQAZAOYAAAAAAP////j4+Pf39/X19fT09PPz8/Ly8vDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f397e3t3d3dzc3Nvb29nZ2djY2NPT09LS0tHR0dDQ0MnJycjIyMfHx8bGxsLCwsDAwLOzs66urqampqSkpKGhoaCgoJ6enpqampmZmZeXl5WVlZOTk4SEhIKCgoCAgH5+fnt7e3p6end3d25ubm1tbWpqamdnZ2ZmZmJiYmFhYV1dXVdXV1NTU1FRUU1NTUVFRURERENDQ0JCQjw8PDs7Ozo6Ojk5OTg4ODc3NzY2NjMzMzAwMP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFYALAAAAAAZABkAAAf/gBSCERUTEhUSExAQEQ8RE5CRkRKCFIQTjhUWFJARj5KSlIOFEpSRFRgWiaCQopaFhhOWDAwSFqyTlYS2GRMhIR0SDZy4hrqFDBgkO0ZDLxEJxKyulxESDjhOVDofn7jUiBgODSlEVUgrBKoTERSqt+CHEhAVN1BRORwPF+IPFQ8OjI0yVMGBAhVFphxhYcDfogwUIAh81cnTBRtNmuzQkMBBBXfuJu6i4A+DABdKpAhBAcEBBpINWh1jV+FCAwQ0mFDxAcLYo1XgJjjIUKHAiR9PmMg4cOgBhAwvRSIixqDGkipARBgg5EACBk9SD01QMKIHlSYzFDCiSTJRUAgWXQ7ISFIlSAkGrIgFFeaBB5QkNCYskAYq3scQLWLAMKFg1beZkDgNWPCgwYViYTU54PTggQUNjgvPJDRsA4VSEosZhuhAYoYL3qYdO8ToUaPY08R6KsW7t+/eExgEAgA7') no-repeat 100%;
}
/* NEU 2016-10*/
form.munzinger a.fdesigner_submit, form.munzinger input.fdesigner_submit {
margin: 1px 6px 0 0;
}

label.fdesigner_1col {
  font-size:0.8em !important;
  display:block;
  font-weight:bold;
  }

input.fdesigner1col {
 	width:71% !important;
  } 

form#formulardesigner li a {
  font-size:0.9em;
  padding:8px 3px 9px 3px;
  text-transform:none;
} 

h3.h3small {
 font-size:0.9em;
 margin:0.5em 0em;
 font-family: 'OpenSansBold', sans-serif;
 font-weight:normal !important;
 }

.nominheight {
	min-height:0px !important;
 }

.minheight_120 {
  min-height:120px !important;
}

 div.fehlerliste {
   margin-top: -12px;
   margin-bottom: 12px;
   padding-left:12px;
   color:#CC5F5F;
   background-color:#ffffff;
   border:1px solid #CC5F5F;
}

div.fehlerliste h2 {
   font-size:0.9em;
 }

div.fehlerliste a {
   color:#CC5F5F;
 }

/***** Formulardesigner Ende *****/

/*** Bauwin ***/

h3.bauwin_h3 {
  font-family: 'OpenSansBold' , sans-serif;
  font-size: 1.1em;
  line-height: 1.1em;
  margin-top: 0;
}
/*** Bauwin Ende ***/

/*** Start Autocomplete fuer Formulardesigner und Geo ****/

span.ui-helper-hidden-accessible{
	display:none;
}
.ui-autocomplete{
	position:absolute;
	max-height:265px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-right: 20px;
	cursor:default;
	font-family:Verdana,sans-serif;
	font-size:0.8em;
	border:1px solid #666666;
	background-color:#ffffff;
	z-index:35 !important;
}
* html .ui-autocomplete{
	height:250px;
}

.ui-autocomplete .ui-menu-item .ui-state-hover,
.ui-autocomplete .ui-menu-item .ui-state-focus{
	border:1px solid #cc0000;
	background-color:#dadada;
	font-weight:normal;
	color:#cc0000;
}

.ui-autocomplete .ui-menu-item{
	margin:0;
	padding:0;
	zoom:1;
	float:left;
	clear:left;
	width:100%;
}
.ui-autocomplete .ui-menu-item a{
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover,
.ui-autocomplete .ui-menu-item a.ui-state-active{
	font-weight: normal;
	margin:-1px;
}
.ui-menu{
	list-style:none;
	padding:2px;
	margin:0;
	display:block;
	float:left;
}

form#geoinformation{
	border: 1px solid #D7D6D4;
	padding:1em;
}

/*** Ende Autocomplete fuer Formulardesigner und Geo ****/

/**** Warnmeldungen **/
a.warnmeldung {
background-image:url('data:image/gif;base64,R0lGODlhCwALANUAAAAAAP////8AAf8CA/8FBv8JCv8KC/8NDv8QEf8SE/8TFP8UFf8VFv8gIf8hIv8iI/8jJP8kJf8rLP8xMv87PP9BQv9UVf9VVv9eX/9hYv9naP9yc/9zdP94ef99fv+Bgv+mp/+xsv+ys/8AAP8SEv8lJf9AQP9CQv9OTv9mZv9ra/96ev+MjP+iov+kpP+pqf+8vP/Fxf/R0f/W1v/i4v/4+P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADYALAAAAAALAAsAAAZZwNoMxDGRSIkkhBZaVRoXhmB6iLEsik2gNZomXKnJyBMQjbqJz2kxogQyXUEC4xiMCrJIPGEynEcdBHslUyMPLyh7UgIjGgEwZ3IHUwIIKhKUBxBJCUdISkEAOw==') !important;
background-position:4px 50% !important;
background-repeat: no-repeat;
}

.teaser ul li a.warnmeldung {
	display: inline-block;
}


a.warnmeldung time.pressedatum {
 font-size:0.8em;
 color:#cc0000;
}

@media only screen and (min-width:1024px){
input.fdesigner1col {
 	width:71% !important;
  }


}

/***** Basiskarte Werkzeuge fuer Geo Information *****/
/***** Buttons Karteweckseln, Standardausloesung, Legende *****/
/***** Start ****/

#werkzeug{
	 -moz-user-select: none;
    border:none;
    color: #666666;
    position: absolute;
	display:block;
	width:auto;
    text-align: center;	
	margin-top:90px;
	margin-left:20px;
	z-index:3;
}

#mapgallery,
#legende,
#mapzoom{
	padding:2px;
	margin-top: 2px;	
	background-color: #FFFFFF;
    border: 2px solid #666666;
    border-radius: 5px;	
	z-index:2;
}

#mapgallery div{
    cursor: pointer;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAmVBMVEX////////f399PT0+/v7+srKxnZ2c6OjqBgYF1dXVLS0vV1dVZWVmRkZF0dHRYWFh6enqzs7NgYGCxsbFfX19/f3/t7e1HR0dTU1NoaGhKSkpycnLJycnNzc13d3dcXFzb29ve3t7d3d3m5uaSkpKAgIBhYWGUlJSTk5OOjo5wcHBzc3NWVlZVVVVXV1dJSUny8vLv7+/u7u6SFrChAAAAAnRSTlMAAHaTzTgAAADCSURBVCiRndLXEoIwEEBR1t5AitJEQKWXUP7/43RY0AQlD96nZc5MgCQCTCYAtA1VTVNbkfJdkdPUkCztSuI4iUKGygDHx/3me+4Vc5BSpEtp21Zkd5mGTtP5pGlqrnTJpGHoCGBIOIslSwcAZ49z+k1DP0iKJ2m3/WdBDnEW5HwGZ8HxL4v4uHlt1HrFEJFxS3NVU5YLmnTDxIOILHvOvguc/vRcz58NFCANhVESp30ZYSgvPteHVC1NNX3pWqBp3BN8dCuEo7pxMAAAAABJRU5ErkJggg==");	
    height: 26px;
    width: 26px;
	z-index:1;
}

#legende div{
    cursor: pointer;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAA2FBMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYpBkKAAAAAR3RSTlMAADSh09np1atEVvP9cjD1UJ213dsoDhAY3/dkUljnSuM2Hib5iXp+7RLl+8vFxwyVh43vv82FBKfDg9F4TEYgPJka11RIn6C4Yl4AAADoSURBVCiRjZLrUsIwEEb3Q1usqURstQWkKBdFvEBFuV9UkL7/G5GWTm1oOuP5sZnsmWx2dpaAwsmplkbXteKZARDOWaDAvACVuMoILqmcY4IrKoYHZzwF46bIWWSLyK5vnDRumKyQJmK1ditR9xKlJH5VNyQad4ni902JVuU/BdudB4nHbqLYE2S0v4J6zwvpWXaE9Zwo8+U14s3M/MX6cSE728bA7wj896GkPvKa/6RanhrReKI2U4fQn3lZMRy4YjcA15hH90VjGbNaA5ECvsIF+T4ayUHBFxP5UStnE2yhVvjdHRvsAcN/b3VsTcCVAAAAAElFTkSuQmCC");
	height: 26px;
    width: 26px;
	z-index:1;
}

#mapzoom div{
    cursor: pointer;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAAElBMVEX///////9VVVXv7+/Nzc1ZWVngRf4xAAAAAnRSTlMAAHaTzTgAAACKSURBVBiVvZDZEUMhCEVpwWgDcSlAiAWovAYc038rEWWyNJD7xfm4AxyY5pMCGFlnixFuwx8kTHewifwmz6OCjZM2ccEK5lHqqU0h7M+THs2iOllyWSFjJkmuNW3KUvsjfW1vWS9zQYj0al7kwvujLjTVRGkZXGI1QSMvS0FN+GUJQ1aD3CL82H0BVaowO/97mYYAAAAASUVORK5CYII=");
	height: 26px;
    width: 26px;
	z-index:1;
}

#mapgallery:hover,
#legende:hover,
#mapzoom:hover{
	background-color: #EEEEEE;
}

/***** Finisch ****/
/***** Buttons Karteweckseln, Standardausloesung, Legende *****/
/***** Basiskarte Werkzeuge fuer Geo Information *****/

/**** Liste fuer GeoAnwendungen so wie Projektdatenblatt & Inklusion ********/
/**** Diel am 27.03.2014 ********/
/***** .fdesigner ul ist oben definiert *****/

.fdesigner ul.layersliste,
.fdesigner ul.layersliste3,
.fdesigner ul.layersliste4  {
	/*** list-style-type:none;***/
	margin:0px;
	padding:0px;
	height:auto;
	width:100%;
	text-align:left;
}

.fdesigner ul.layersliste li {
	float: left;
	height:20px;
    width: 49%;
	margin-bottom:3px;
}

.fdesigner ul.layersliste3 li {
	float: left;
	height:20px;
    width: 33%;
	margin-bottom:3px;
}

.fdesigner ul.layersliste4 li {
	float: left;
	height:20px;
    width: 24.5%;
	margin-bottom:3px;
} 

.fdesigner ul.layersliste li img,
.fdesigner ul.layersliste3 li img,
.fdesigner ul.layersliste4 li img {
	float: left;
}

form#formularpersonal {
  background-color:#ffffff;
  margin:6px 1px 1px 1px;padding:5px;
}

div.fdesigner.eidhinweis {
	background-color:#ffffff;
	background-position:1.5% 50%;
	margin:1px;
	padding:5px 5px 8px 20px;
}

div.fdesigner.eidmanuell {
	background-color:#ffffff;
	margin:1px;
	padding:5px 5px 8px 5px;
}

/* Newsletter */
div.infotext_newsletter {
   font-size:0.9em;
}

div.newsletter_error {
   font-size:1em;
   font-weight:bold;
   color:#cc0000;
}


/* wartezeitenanzeige in Kundenzentren */
p.wz_only {
 margin:-27px 0px 10px;
 font-family: 'OpenSansBold',sans-serif;
 color: #6c655f;
}

@media only screen and (min-width:320px){
	.fdesigner ul.layersliste li,
	.fdesigner ul.layersliste3 li,
	.fdesigner ul.layersliste4 li {
		width: 99%;
	}
}

@media only screen and (min-width:480px){
	.fdesigner ul.layersliste li,
	.fdesigner ul.layersliste3 li,
	.fdesigner ul.layersliste4 li {
		width: 99%;
	}
}

@media only screen and (min-width:768px){
	.fdesigner ul.layersliste li {
		width: 49%;
	}
	.fdesigner ul.layersliste3 li {
		width: 33%;
	}
	.fdesigner ul.layersliste4 li {
		width: 25%;
	}
}

@media only screen and (min-width:1024px){
	.fdesigner ul.layersliste li {
		width: 49%;
	}
	.fdesigner ul.layersliste3 li {
		width: 33%;
	}
	.fdesigner ul.layersliste4 li {
		width: 25%;
	}
}

/* Auftragssuche */

.linke_spalte_auftragsuche{
min-width:47%;
max-width:95%;
padding-left:17px;
float:left;
}

.rechte_spalte_auftragsuche{
min-width:47%;
max-width:95%;
padding-left:17px;
float:left;
}

.auftraege_suche_h2 {
 font-size:1.1em;
 text-transform:uppercase;
}


@media only screen and (min-width:320px){
.linke_spalte_auftragsuche{
width:95%;
padding-left:17px;
float:left;
  }
.rechte_spalte_auftragsuche{
width:95%;
padding-left:17px;
float:left;
}
}
@media only screen and (min-width:1024px){
.linke_spalte_auftragsuche{
width:46%;
padding-left:17px;
float:left;
}
.rechte_spalte_auftragsuche{
width:46%;
padding-left:17px;
float:left;
}
}

.button_wrap_auftragsuche{
padding-top: 20px;
padding-left: 11%;
margin-bottom:-10px;
margin-top:-10px;
}

.auftrag_wrapper_auftragsuche{
background-color:#EFEEEC;
font-size:80%;
padding:5px;
}

.wronginput_auftragsuche{
color:#DA4A4A;
}

.wronginput2_auftragsuche{
color:#DA4A4A;
margin-top:20px;
text-align:center;
}

.anztreffer_auftragsuche{
margin-top:10px;
padding: 10px 10px 10px 10px;
}

.auftrag_select_tag{
height: 2.2em !important;
margin-bottom: 1%;
border: 1px solid #D3D3D3;
width: 50px;
}

.auftrag_select_monat{
height: 2.2em !important;
margin-bottom: 1%;
border: 1px solid #D3D3D3;
width: 100px;
}

.auftrag_ort{
border: 1px solid #D3D3D3;
background-color: #FFFFFF!important;
/*height: 2em;
line-height: 1.8em;*/
margin-bottom: 1%;
width: 77%;
padding-left: 24px !important; 
background: url('data:image/gif;base64,R0lGODlhFAAUALMAAJmZmf///6ysrOXl5b+/v8XFxdnZ2e7u7rOzswAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUAAEALAAAAAAUABQAAARAMMhJq7046z0J4pUAAAIYHOJIHtugvgCLGTAsV0VdG1hsHQBN8DLsGTPFStKynDQpz0BU4qu4NAQdgGDqer+TCAA7') no-repeat scroll left center transparent;
}

.auftrag_stichwort{
border: 1px solid #D3D3D3;
background-color: #FFFFFF!important;
/*height: 2em;
line-height: 1.8em;*/
margin-bottom: 1%;
width: 77%;
padding-left: 24px !important;
background: url('data:image/gif;base64,R0lGODlhFAAUAMQAAAAAAPf398XFxaWlpYmJiWZmZmZmZt3d3UVFRby8vO/v74SEhJmZmRgYGP///9bW1l5eXnp6eqysrObm5szMzJmZmf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABYALAAAAAAUABQAAAWRoCWOZGmepEMVy4SawcAoj+S+osIsiuMcNlxgUej5HJPIS0cYUI4ORQGlYxwSg4fvsKCcqpREIMB4PAqDL4ER7h0EDETapFiwE73wmfGVUQR5CStzJg4QFBSBAmgoAQUMA3kCixIvjgECEmYJEJUvBVoOD5AFnp8MDgEUBAUJOCIADQxsEzevAAATAa+8vb4kIQA7') no-repeat scroll left center transparent;
}


.auftrag_select_jahr{
height: 2.2em !important;
margin-bottom: 1%;
border: 1px solid #D3D3D3;
width: 60px;
overflow: hidden;
/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAMAAABbGh8VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkYyMEU0NTQ2MEExMUUzOTc2NkRDMjZEODNDNjZCMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkYyMEU0NjQ2MEExMUUzOTc2NkRDMjZEODNDNjZCMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRjIwRTQzNDYwQTExRTM5NzY2REMyNkQ4M0M2NkIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRjIwRTQ0NDYwQTExRTM5NzY2REMyNkQ4M0M2NkIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+17GBlAAAAKhQTFRFjYR9jIJ5jIN+ioN9////i4J9i4R9jYR7jIN6i4R8//7/joN9ioN7ioWBioF6jIV/5+Pg1tLR497b/v//l5CKjIR+jIN9rqmlysnH0c3K//78oJuXoZyYkYqEtrOut7Cq1dTS+fn3p6Kc/f377enm39vYjYR/ycTAjoR7joWA7OjnnJOO4+LgsKeiz8vIi4N9/f/+/f7/jIV9i4R+jYJ8i4J7jYN6jIN8ACUj3gAAANlJREFUeNqskddSQzEMRGX71nR6r6F3UNn//zPkkODM5I1BL7aPVtKOTNgI+jPSpjz83rw7gv2ioAZKlLiIAAtg4lRUNHkw14HCijCPJ1AmaFF5kfcjsK6AgXO/7Gv0+hz9EDu7EHCdEb8NLk8Vu4dXT1H7x4zkvqqOt4/mnx8vkbBQGa5vB1W1c3M+dl93GSV0Xydbs4OcbX/as7Zh6LOkVeohi0LBMATEPHa0RIg1lKTuVDxP1q2Zd7NGrpoWZjZt4UxlGXl1CT2tb3ofaLBH//lpm+hbgAEAF7hcWXLZeqEAAAAASUVORK5CYII=');*/
background-position: 99.9% 1px;
background-repeat: no-repeat;
}

.button_auftrag{
border: 1px solid #6C655F;
background-color: #E4E3DF !important;
margin-bottom: 1%;
width: 77%;
}

/*Newsletter Stadtbibliothek*/

.button_newsletterbib_form{
 border: 1px solid #6C655F; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;line-height: normal;cursor: pointer;padding: 4px 20px;font-size:1em; text-decoration:none; display:inline-block;font-weight:bold; color: #1D1D1D;
 background-color: #f2efef; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2efef), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #f2efef, #CCCCCC);
 background-image: -moz-linear-gradient(top, #f2efef, #CCCCCC);
 background-image: -ms-linear-gradient(top, #f2efef, #CCCCCC);
 background-image: -o-linear-gradient(top, #f2efef, #CCCCCC);
 background-image: linear-gradient(to bottom, #f2efef, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}

.button_newsletterbib_form:hover{
 border: 1px solid #6C655F;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #b3b3b3);
 background-image: -moz-linear-gradient(top, #E6E6E6, #b3b3b3);
 background-image: -ms-linear-gradient(top, #E6E6E6, #b3b3b3);
 background-image: -o-linear-gradient(top, #E6E6E6, #b3b3b3);
 background-image: linear-gradient(to bottom, #E6E6E6, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

.tabbox form#formulardesigner .tabboxcontrols li a:hover,
.tabbox form#formulardesigner .tabboxcontrols li a:focus,
.tabbox form#formulardesigner .tabboxcontrols li a:active,
.tabbox form#formulardesigner .tabboxcontrols li.ui-state-active a {
 margin-bottom: -1px;
}

/*Suche mobil Stadtbibliothek*/
article.SucheMobil { display: none; }
article.SucheMobil p, article.SucheMobil form {margin-left: 10px;}
@media only screen and (max-width:768px){
article.SucheMobil{
 display: block;	
}
}
/*** im IFrame eingebetteter Stadtplan ***/

@media only screen and (min-width:320px){
.stadtplan_if{
 height:444px;	
}
}

@media only screen and (min-width:480px){
.stadtplan_if{
 height:284px;	
}
}

@media only screen and (min-width:768px){
.stadtplan_if{
 height:700px;	
}
}

@media only screen and (min-width:1024px){
.stadtplan_if{
 height:706px;	
}
}

/*** klapper bei ehrenliste koeln-engagiert **/

.tinyblock .accordionhead .klapper {
  top:13px;
}

.ehrenliste dl dt {
  line-height:2.4em;
  background-color:#ebebeb;
  padding:0 0 0 10px;
  font-weight:bold;
  margin-top:4px;
}

.ehrenliste dl dd {
  min-height:1.9em;
}

.ehrenliste dl dd dl dt {
  display:inline-block;
  background-color:#ffffff;
  width:29%;
  float:left;
  margin-top:0px;
  line-height:1.4em;
  font-weight:bold;
}

.ehrenliste dd a {
 text-decoration:none;
 display:inline-block;
 width:98%;
 }

.ehrenliste dd img {
 max-height:125px;
} 

@media only screen and (min-width:320px){
.ehrenliste dl dd dl dd {
  display:inline-block;
  width:98%;
}
}
@media only screen and (min-width:480px){
.ehrenliste dl dd dl dd {
  display:inline-block;
  width:68%;
}
}



/**** Ende Liste fuer GeoAnwendungen so wie Projektdatenblatt & Inklusion ********/


/*** Twitter Timeline rechte Spalte ****/

.twitter_tl, .twitterInner { height: 600px; }
.twitter_tl { position:relative; overflow:hidden; margin-top: -10px;}
.twitterOuter { 
width: 107%;
position: absolute; left: 0; 
overflow-x: hidden; overflow-y: scroll;
}

.twitterOuter:::-webkit-scrollbar { display: none; }

.twitter_tl a { color: #FFFFFF; text-decoration: none; }

.twitterEmbed .inhalt.twitter_tl ul, .twitterEmbed .inhalt.twitter_tl h2 { margin: 0; width: 100%;}

.twitter_tl ul li {
  font-size:0.7em;
  padding:5px;
  border-bottom: 1px dotted #a1a1a1;
  margin-bottom: 3px;
}

.twitter_tl ul img {
 height:100px;
 width:auto; 
 }

.teaser .twitter_tl ul li a {
  padding-bottom:0px !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  border-bottom:0px !important;
  border-top:0px !important;
  display:inline !important;
  color:#0084b4 !important;
  background-position:0 0;
  font-size:1.0em;
}

.twitter_tl span.twdate { font-size: 0.7em; color: grey;}
.twitter_tl span.twlikes { padding-left: 20px; background: url('../img/layout/twlike.png') left center no-repeat; }
.twitter_tl span.twlikes:hover { background: url('../img/layout/twlike_hover.png') left center no-repeat; }
.twitter_tl span.twretweets { padding-left: 24px; background: url('../img/layout/retweet.png') left center no-repeat; }
.twitter_tl span.twretweets:hover { background: url('../img/layout/retweet_hover.png') left center no-repeat; }

@media only screen and (min-width:768px) and (max-width:1024px) {
aside.grid_1 .twitterEmbed { width: 99%;}
.twitterOuter { width: 110%; }
}

@media only screen and (min-width:480px) and (max-width:768px) {
.twitterOuter { 
width: 104%;	
}
}

.teaser.listbox .linkemail { padding-left: 26px; }

/* 3er Bildreihe */
.bildreihe figcaption {font-size: 0.8em; margin-bottom: 0.8em; }
@media only screen and (min-width:480px) and (max-width:768px) {
	figure.grid_1.bildreihe { width: 32.45%; float: left;}
}


/* Footer 2016 */
footer div.footerInside {max-width:64em; margin: 0 auto;}

/* META NAVIGATION 2016 */
div#metaNavigation {
	position: absolute;
	left: 0;
	top: .6rem;
	font-size: 0.6em;
}

div#metaNavigation ul {
list-style: none;
margin: 0; padding: 0;
height: 24px;
color: #676767;
}

div#metaNavigation ul li {
float: left;
}

div#metaNavigation ul li a:link, div#metaNavigation ul li a:visited {
	position: relative;
 	padding: 6px 8px;
	color: #676767;
	text-decoration: none;
	display: block;
}
@media screen and (min-width: 768px) {
	/* Mobile meta-navigation style adjustments */
	div#metaNavigation ul li a:after {
		content: ' ';
		position: absolute;
		border-right: 1px solid;
		display: inline-block;
		height: 1.1em;
		top: 0.5rem;
		left: 0;
	}
	div#metaNavigation ul li:first-child a:link, div#metaNavigation ul li:first-child a:visited {
		padding-left: 0;
	}
}
div#metaNavigation ul li:first-child a:after {
	display: none;
}

div#metaNavigation ul li a:focus, div#metaNavigation ul li a:hover,
div#metaNavigation ul li a:active {
	color: #676767;
}

div#metaNavigation ul li a.meta_schriftgroesse, div#metaNavigation ul li a.meta_leichtesprache, div#metaNavigation ul li a.meta_farbinvert  {
	padding-top: 5.5px;
	margin: 0;
}

div#metaNavigation ul li a.meta_schriftgroesse:hover, div#metaNavigation ul li a.meta_leichtesprache:hover, div#metaNavigation ul li a.meta_farbinvert:hover {
/* Hover effect here? */
}

div#metaNavigation ul li a img {
padding: 0; margin: 0;
height: 18px; width: 17px;
}
a.metaNavLink {display: none;}

div#metaNavigation .meta_leichtesprache img,
div#metaNavigation .meta_schriftgroesse img,
div#metaNavigation .meta_farbinvert img {
	display: none;
}
div#metaNavigation .meta_leichtesprache::before,
div#metaNavigation .meta_schriftgroesse::before,
div#metaNavigation .meta_farbinvert::before {
	content: ' ';
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
}
div#metaNavigation .meta_leichtesprache::before { background-image: url(/img/new-assets/header-icons/linkleichtesprache_meta_grau.png); }
div#metaNavigation .meta_schriftgroesse::before { background-image: url(/img/new-assets/header-icons/linkschriftgroesse_meta_grau.png); }
div#metaNavigation .meta_farbinvert::before { background-image: url(/img/new-assets/header-icons/linkfarbinvert_meta_grau.png); }

@media only screen and (max-width:768px){
	div#metaNavigation .meta_leichtesprache::before,
	div#metaNavigation .meta_schriftgroesse::before,
	div#metaNavigation .meta_farbinvert::before {
		width: 1em;
		height: 1em;
	}
a.metaNavLink { display: block; position: absolute;  right: 60px; top: -55px; z-index: 999; }
div#metaNavigation {float: none;display: block;position: relative;width: 100%;font-family: "OpenSansSemiBold", Verdana, sans-serif;z-index: 999;max-width: 30rem;margin: 0 auto;top: 0;height: auto !important;}
div#metaNavigation ul {height: auto;z-index: 999;background-color: inherit;border-bottom: 3px solid #e1141c;margin-bottom: 1rem;}
div#metaNavigation ul li {width: 100%;float: none;z-index: 999;font-size: 0.95rem;border-top: 1px solid #676767;}
div#metaNavigation ul li a:link,
div#metaNavigation ul li a:visited {
	background-image: url("/img/new-assets/red_chevron.svg");
	background-position: right 12px center;
	background-repeat: no-repeat;
	padding: 10px;
}
header #headeroben .headerrechts {
	position: relative;
	display: flex;
	flex-direction: column;
}

div#metaNavigation .meta_leichtesprache::after,
div#metaNavigation .meta_schriftgroesse::after,
div#metaNavigation .meta_farbinvert::after {
  display: inline-block;
  margin-left: .5em;
}
div#metaNavigation .meta_leichtesprache::after {content: 'Leichte Sprache';}
div#metaNavigation .meta_schriftgroesse::after {content: 'Schriftgröße ändern';}
div#metaNavigation .meta_farbinvert::after {content: 'Farben umkehren';}

}


/* 3 Icon Teaser */
.teaser.multithemen.rahmen { border: 0 none; }
.teaser.multithemen.rahmen article.teaser div.inhalt { background-color: #EFEFEF; padding: 0; }
.teaser.multithemen.rahmen article.teaser div.inhalt a {font-family: OpenSansRegular;font-size: 0.9em;padding: 6px 10px;}
.teaser.multithemen.rahmen article.teaser div.inhalt a:hover { background-color: #D4D4D4;}
.teaser.multithemen.rahmen article.teaser div.inhalt a p:hover {outline: inherit;}

/* 2er Text-Bild Teaser */
div.textbildteaser article.teaser.grid_1 {width: 48%; min-height: auto; height: 81px;background-color: #EfEEEC;border: 1px solid #dfdfdf;}
div.textbildteaser article.teaser figure {float:left;width: 33%; }
div.textbildteaser article.teaser .inhalt a {padding: 2%;float: left; width: 63%;height: 64px;}
div.textbildteaser article.teaser .inhalt a:hover {background-color: #DFDFDF;}
div.textbildteaser article.teaser .inhalt a h2 {margin-bottom: 8px;}
@media only screen and (min-width:768px) and (max-width:1024px) {
	div.textbildteaser article.teaser.grid_1, div.textbildteaser article.teaser .inhalt a { height: auto;}	
}
@media only screen and (max-width:768px) {
	div.textbildteaser article.teaser.grid_1, div.textbildteaser article.teaser .inhalt a  {width:100%;height: auto;min-height: auto; box-sizing: border-box;}
	div.textbildteaser article.teaser figure {float:left;width: 25%; }
	div.textbildteaser article.teaser .inhalt {width: 75%; height: auto; float: left;}
}

/* Anpassungen 2016 */
.farbInvert { filter: invert(100%); }
.schriftGroesse { font-size: 120%; }
.topbox ul.controls li a span { font-size: 1em;}
.topbox section a.mehrlink {background-position: 72px 15px;}
.tabbox .tabpanel .dottedlinklist li a {padding: 11px 0 11px 18px;background-position: 8px 50%; }

.tabbox .tabpanel .dottedlinklist li a.linkextern {padding-left: 19px;}
.tabbox .tabpanel .dottedlinklist li {display: block; }
header #breadcrumb { width: 64em; margin: 0 auto; }

header #volltextsuche {padding: 0; order: -1;}
header #volltextsuche button {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	padding: 12px 10px 14px;
	background-image: url(/img/new-assets/header-icons/search.png);
	width: 2.5em;
	height: 100%;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
header #volltextsuche button:hover, header #volltextsuche button:focus, header #volltextsuche button:active {outline: unset;}
header #volltextsuche button span {
	display: none;
}


.navMenueLayer { box-sizing: border-box; padding: 0 8%; }
.navMenueLayer h1, .navMenueLayer h2 {text-transform: inherit !important; text-shadow: none;}
.mainListWrapper {background-repeat: repeat-x;} 
.kopfbereich.medium .grid_4 {margin-left: 0; margin-right: 0; width: 100%;} /*EILMELDUNGEN �BER KOMPLETTE BREITE UND B�NDIG MIT BREADCRUMB*/
.kopfbereich.large .grid_3, .kopfbereich.medium .grid_3  {margin-left: 0; margin-right: 0; width: 75%;}/*MAINSLIDER B�NDIG MIT EILMELDUNGEN UND BREADCRUMB*/
.kopfbereich.large .grid_3 .topteaser .inhalt a, .kopfbereich.medium .grid_3 .topteaser .inhalt a  {height: 263px;}
/* LINK AUF KOMPLETTEN TEASERBEREICH */
.mainslider_start {box-shadow: 10px 10px 10px -13px #b3b3b3 !important;}/*ZUR ANPASSUNG AN NEUE BREITE DES MAINSLIDERS*/
.articlehead {margin-left: 0;} /*B�NDIG MIT BREADCRUMB UND SLIDER*/
.teaser.grid_1 .inhalt, .grid_1 .teaser .inhalt, 
.teaser.listbox .inhalt { padding: 0; }
/*.teaser.grid_3 .inhalt, .grid_3 .teaser .inhalt, .teaser.listbox.grid_3 .inhalt , .teaser.grid_4 .inhalt, .grid_4 .teaser .inhalt, .teaser.listbox.grid_4 .inhalt{padding-top: 1px;}*/
.teaser.darkhead .inhalt h2 { margin: 0; padding: 10px; }
.teaser .inhalt h2 { padding: 0; margin: 10px; }
.teaser.listbox ul, .teaser.listbox.grid_1 ul, .grid_1 .teaser.listbox ul , .kopfbereich .teaser.listbox.grid_1 ul, .kopfbereich .grid_1 .teaser.listbox ul, .teaser.listbox.grid_3 ul, .grid_3 .teaser.listbox ul, .teaser.listbox.grid_2 ul, .grid_2 .teaser.listbox ul.teaser.listbox.grid_4 ul, .grid_4 .teaser.listbox ul {width: 100%; margin: 0;}
.teaser .inhalt > a, .topteaser .inhalt > a, ul.textteaserliste {padding: 11px;}
/* .teaser .inhalt a span, .topteaser .inhalt a span, ul.textteaserliste li a span  { float: left; margin-top: 4px; } */
.teaser .inhalt a span.linkintern, .topteaser .inhalt a span.linkintern, ul.textteaserliste li a span.linkintern  { float:left; }
.teaser .inhalt a span.linkextern, .topteaser .inhalt a span.linkextern, ul.textteaserliste li a span.linkextern  { float:left; }
.teaser .inhalt a span, .topteaser .inhalt a span, ul.textteaserliste li a span  { margin-top: 4px; }
.topteaser .inhalt h2 {font-size: 1.25em;}
.topteaser figure.grid_2 {margin-right: 0;} .topteaser .grid_1.lastchild.inhalt {margin: 0; padding: 0; width: 33.78%;}
.topteaser .inhalt a {height: 259px;}
.teaser .inhalt p.ohneLink {margin-left: 11px; margin-right: 11px;}
.kopfbereich .grid_4 .topteaser .inhalt, .kopfbereich .grid_4 .topteaser figure {margin: 0; padding: 0;width:50%;} 
.kopfbereich .grid_4 .topteaser .inhalt a {height: 260px;}
.slot_m article.teaser.textbildlinks, .slot_m article.teaser.textbildoben, .slot_m article.teaser.nurtext, .slot_m .teaser.listbox, .slot_m .teaser.linkliste { min-height: 244px;} /*Sonst sind die einzeiligen zu kurz*/
.teaser.nurtext.grid_2 .inhalt {padding: 0;}
.slot_m article.teaser.textbildlinks div.inhalt a {height: 244px;}
.slot_xl .textbildliste .inhalt figure {width: 50%; margin-right: 0;}
.slot_xl .textbildliste .inhalt .inhalt {width: 50%; margin: 0;}
.slot_xl .textbildliste .inhalt .inhalt a {min-height: 167px; box-sizing: border-box;}
.slot_xl .textbildoben .inhalt a {min-height: 66px;}
article.teaser.grid_2 div.grid_1.lastchild, article.teaser.grid_2 figure.grid_1.firstchild {margin: 0; }
.teaser.multithemen > .inhalt, .teaser.linkliste .inhalt {padding-top: 1px;}
aside.grid_1 article.listbox .inhalt p, aside.grid_1 article.listbox .inhalt form{margin-left: 10px;}
/*Topteaser ohne Link*/
h2.noLink {padding: 11px 11px 6px 11px; margin-bottom: 0 !important;}
p.noLink {padding: 11px 11px 0 11px; margin-bottom: 0;}
/* M�glicher, unsch�ner Workaround f�r textbildlinks*/
article.teaser.textbildlinks figure.grid_1.firstchild, article.teaser.textbildlinks div.inhalt.grid_1.lastchild {margin: 0; width: 50%;padding: 0; } 
article.teaser.textbildlinks div.inhalt {height: 167px; /*wie Teaserbild*/ }
article.teaser.textbildlinks div.inhalt a {width: 100%; height: 167px; box-sizing: border-box; padding: 16px 16px 6px 18px;}

.greywrap { background-color: #efeeec;}
.veranstaltungssuche tr th a:hover, .veranstaltungssuche tr td a:hover, .veranstaltungssuche tr th a:focus, .veranstaltungssuche tr td a:focus,.veranstaltungssuche tr th a:active, .veranstaltungssuche tr td a:active {background-color: #DFDFDF; border: 1px solid #DFDFDF; }
.veranstaltungssuche table tr td:hover {background-color: #DFDFDF; }
.teaser .inhalt a h2 { font-size: 1.28em; margin-top: 0;} /*nur mit der font-size ist das kleine "i" auch als solches und nicht als "l" erkennbar */ .teaser .inhalt a p, .topteaser .inhalt a p {margin-bottom:0;}
.veranstaltungssuche button { text-align:center; border: 0; font-family: "OpenSansRegular", Verdana, sans-serif; font-size: 0.8em;}
#veranstaltungssuchergebnis ul.veranstaltungskalender li {padding: 0; }
#veranstaltungssuchergebnis ul.veranstaltungskalender li article {padding: 0 0; }
#veranstaltungssuchergebnis ul.veranstaltungskalender li article div {padding: 10px 0; }
#veranstaltungssuchergebnis ul.veranstaltungskalender li article a { color: black;padding: 10px 0;}
#veranstaltungssuchergebnis ul.veranstaltungskalender li article a div{ min-height: 65px;}
#veranstaltungssuchergebnis ul.veranstaltungskalender li article a:hover div { background-color: #DFDFDF;}
#veranstaltungssuchergebnis ul.veranstaltungskalender li article span.linkintern { display: inline-block; width: 5px; height: 8px; margin-top: 5px; float: left;}
#veranstaltungssuchergebnis ul.veranstaltungskalender li article h3 {margin-left: 10px;}
#veranstaltungssuchergebnis ul.veranstaltungskalender li article p {font-size: 0.8em;}
#volltextsuche_detail button {border:none;}
.servicesuche #volltextsuche-serv p input {padding: 4px; }
.servicesuche #volltextsuche-serv button { font-family: "OpenSansRegular", Verdana, sans-serif; font-size: 0.8em; }
.pfeilrechtsweissklein {background-image: none; }
.servicesuche .itemlist { margin: 0; }
.servicesuche .itemlist li a { padding: 10px 8px 10px 26px; background-position: 15px 14px;}
.servicesuche .itemlist li .big-icon {padding: 16px 8px 16px 50px;}
.servicesuche .itemlist li .terminvereinbarung {background-position: 9px 18px;}
.servicesuche .itemlist li .onlineanwendungen {background-position: 12px 14px;}
.servicesuche .itemlist li .kontakt {background-position: 10px 15px;
}
.servicesuche .big-icon.accordionhead .klapper { margin-right: 8px; }
.servicesuche .itemlist .itemlist {margin: 0 8px;}
.servicesuche .amt-info .wartezeit {margin-top: 4px; }
/* header #volltextsuche button:hover, header #volltextsuche button:focus, .servicesuche #volltextsuche-serv button:hover, .servicesuche #volltextsuche-serv button:focus, .servicesuche #volltextsuche-serv button:active, .greywrap .tabbox .tabboxcontrols li a:hover , .anfahrtpanel button:hover, .fahrrad-route button:hover, #formbewertungja a:hover, #formbewertungja button:hover, .veranstaltungssuche button:hover {background-color: #DFDFDF; color: #000; outline: none; border:none; text-align:center;} */
header #volltextsuche button:hover, header #volltextsuche button:focus, .servicesuche #volltextsuche-serv button:hover, .servicesuche #volltextsuche-serv button:focus, .servicesuche #volltextsuche-serv button:active, .greywrap .tabbox .tabboxcontrols li a:hover , .anfahrtpanel button:hover, .fahrrad-route button:hover, #formbewertungja a:hover, #formbewertungja button:hover, .veranstaltungssuche button:hover {background-color: #E1141C; color: #000; outline: none; border:none; text-align:center;}
.greywrap .tabbox .tabboxcontrols li a:hover  {border: 1px solid #DFDFDF;}
/* .servicesuche #volltextsuche-serv button , .anfahrtpanel button, .fahrrad-route button, #formbewertungja a, #formbewertungja button{ font-family: "OpenSansRegular", Verdana, sans-serif; text-transform: capitalize; outline: none;} */
.servicesuche #volltextsuche-serv button , #formbewertungja a, #formbewertungja button{ font-family: "OpenSansRegular", Verdana, sans-serif; text-transform: capitalize; outline: none;}

ul.suchergebnis li { padding: 0; }
ul.suchergebnis li a {padding: 14px 0;}
ul.suchergebnis li a:hover {background-color: #DFDFDF;}

.smallfont {
	font-size: 0.9em;
  }


@media only screen and (min-width:768px) and (max-width:1024px) {
input.fdesigner1col {width: 60% !important;}
article.teaser.textbildlinks div.inhalt, article.teaser.textbildlinks div.inhalt a  {height: auto; /*H�he dynamisch nach Inhalt*/ }
 div.kopfbereich article.topteaser.rahmen .inhalt a {min-height: 99px;}
}
@media only screen and (max-width:1023px) {
.kopfbereich.large .grid_3, .kopfbereich.medium .grid_3 {width:100%;}
}
@media only screen and (max-width:767px) {
.wrapper {padding-top: 0.8em; }
article.teaser.grid_1 figure, article.teaser.grid_1 .inhalt {width: 50%; /*H�he dynamisch nach Inhalt*/ }
article.teaser div.inhalt > a{min-height: 133px; }
 article.teaser.textbildlinks div.inhalt, article.teaser.textbildlinks div.inhalt a  {min-height: 157px; height: auto; padding-top: 16px;}
 article.teaser.listbox .inhalt,  article.teaser.nurtext .inhalt {width: 100%;}
 article.topteaser.rahmen .inhalt a, .kopfbereich.large .grid_3 .topteaser .inhalt a, .kopfbereich.medium .grid_3 .topteaser .inhalt a {height: auto;}
 .topteaser .grid_1.lastchild.inhalt {width: 100%;}
 //article.topteaser.rahmen .inhalt a {min-height: 135px;}
 .slot_m article.teaser.textbildoben, .slot_m .multithemen .teaser.textbildoben .inhalt a{min-height: auto;}
  .slot_m article.teaser.textbildlinks div.inhalt a {height: auto;}
  aside article.teaser .inhalt a {min-height: auto;}
	section#produktinfocenter .accordionhead .klapper {margin-right: 10px;}
	footer div.footerInside {margin-top: 20px;}
	/*NEU 2017-03-29*/
.kopfbereich .grid_4 .topteaser .inhalt, .kopfbereich .grid_4 .topteaser figure, .kopfbereich .grid_4 .topteaser figure img {margin: 0; padding: 0;width:100%;}
}

@media only screen and (min-width:320px) and (max-width:768px) {
	//.wrapper { max-width: 98%;}
	header { box-sizing: border-box; padding: 0 2%; }
	header #breadcrumb { max-width: 48em; width: 100%;}
	header #volltextsuche button span{text-indent:-999em;}
	header #volltextsuche button{}
	header #headeroben h1 {margin-left: 0; }
	div#metaNavigation { display: none; }
	.navMenueLayer { padding: 0;}
	.mainListWrapper {height: auto;font-family: "OpenSansSemiBold", Verdana, sans-serif;font-weight: normal;font-size: 1em;max-width: 30em;}
	.slot_m article.teaser.textbildlinks, .slot_m article.teaser.nurtext, .slot_m .teaser.listbox, .slot_m .teaser.linkliste { min-height: 150px; }
	#mainList a.navMenue, #mainList a.navMenue h2, #mainList a.backItem, #mainList a.backItem h2 {font-weight: normal;}
	#mainnav li {}
	#mainnav li  a{color: #676767; text-transform: none;}
	#mainnav li ul li {}
	#mainnav li  div a{ color: #000000; }
	ul#socialmedia { top: inherit; bottom: -5px; width: 100%; text-align: center; box-shadow: inherit; right: inherit; opacity: 1; background: rgba(108,101,95,0.5); }
	footer ul#socialmedia li a {opacity: 1;}
	footer ul#socialmedia li a:hover {right: 0; top: -4px; width: 30px; height: 34px; }
	h2#menue { background: none; border: none; width: auto; }
	h2#menue a { height: 50px; width: 70px; padding: 0; background-position: center;}
	#mainList a {}
	#mainList a.navMenue {
	background-image: url('/img/new-assets/red_chevron.svg');
	background-repeat: no-repeat;
	}
	#mainList a, #mainList > li > a,  #mainList .forwardItem a {background-position: right 12px center; padding: 10px;}
	#mainList div.navCol.backItem a.backItem, #mainList div.navCol ul li.backItem a.backItem, #mainList .geheZu a {background-position: left 12px center; padding-left: 25px; font-family: "OpenSansRegular", Verdana, sans-serif; font-size: 1em;}
	#mainList div.ColWrapper a, #mainList div.navCol a , #mainList div.besuchenSie a{ font-family: Verdana, sans-serif; font-size: 0.8em;}
	#mainList .besuchenSie h3 {font-family: "OpenSansRegular", Verdana, sans-serif;}
	#mainList li div.navMenueLayer a.navMenue {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpiaGFgWMWABpiAOBQocReIjZEFw4BYCYjPACXSQIKMIALIcQFSu6EKlZmAAqFIAuk1DAz3WBggFt0DGQMUOMsA1YphO0CAAQA3tA8ldaPNrgAAAABJRU5ErkJggg==');

	background-repeat: no-repeat;
	}
	
}

@media only screen and (max-width:480px) {
article.teaser.textbildlinks figure.grid_1.firstchild, article.teaser.textbildlinks div.inhalt.grid_1.lastchild, article.teaser.grid_1 figure, article.teaser.grid_1 .inhalt { width: 100%;}
article.teaser div.inhalt > a , article.teaser.textbildlinks div.inhalt, article.teaser.textbildlinks div.inhalt a{ height: auto !important; min-height: auto !important;}
.slot_xl .textbildliste .inhalt figure, .slot_xl .textbildliste .inhalt .inhalt {width: 100%; margin-bottom: 0;}
}

.veranstaltungssuche table caption a.vor {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi+A8BC4CYAYZBRAJUYgMQC8AEkSUugCQYkLQFAPEHkAQTAwI8gLNwacdqEYaTAAIMABTrd4SDHVy4AAAAAElFTkSuQmCC);
}

.veranstaltungssuche table caption a.zurueck {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNpi+P//PwMSXvAfiSMAxBv+Q0ACTOACTACkiAEq8AGIA2A6mRgQ4AGchUs7VoswnAQQYADtjHeExwkLKgAAAABJRU5ErkJggg==);
}

.feldbox .selectbox
 {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAAHlBMVEVsZV91b2mIgn2alZGjn5vIxsPRz83k4+L29vb///8jQkyLAAAAL0lEQVR4AWMY1ICTBUSycCIJsQLFgCKsyMrYOJmZONlQdDKyc3CwMzKgicFF6A8AXqsAkjI4oA0AAAAASUVORK5CYII=);
}

figure.responsiveImage img { width: 100%; height: auto;}

div.flags a:link { float:left; margin-right: 15px; display: inline-block; margin-bottom: 8px;}
div.flags_abc a:link { float:left; font-size:0.8em; margin-right: 12px; display: inline-block; margin-bottom: 8px;}
a.sprachRaum {padding: 0.5em; background-color:#6c655f; color: white; text-decoration: none; }
a.sprachRaum:hover {background-color: #DFDFDF; color: #000;}

form.nl2go_form {border: 1px solid #E4E3DF; padding: 0 0 15px 0; margin: 0 0 50px 0;}
form.nl2go_form  h3, form.nl2go_form  h2 { background-color: #E4E3DF; font-size: 1.4em; padding: 8px; margin: 0 0 15px 0;}
form.nl2go_form  table, form.nl2go_form  tr, dform.nl2go_form  td {margin: 0; padding: 0; border-spacing: 0;}


/* Chrome Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tabbox .tabpanel .dottedlinklist li {display: inline-block; }
	
}


/* Styles migrated from _head-mobile.scss */
@media only screen and (max-width: 767px) {
	/* .wrapper {
		padding-top: 0;
	} */
	header {
		padding: 0;
	}
	header #headeroben {
		height: auto;
	}
	header #volltextsuche {
		width: 90%;
		margin-top: 0.2em;
		margin-bottom: 1em;
		max-width: none !important;
	}
	header #headeroben .headerlinks {
		padding-top: 1em;
		padding-left: 5%;
	}
	#menue {
		right: 5%;
		top: 0.5em;
	  }
	  h2#menue,
	  h2#metanav {
		  width: 2rem;
		  height: 2rem;
	  }
	  h2#menue a,
	  h2#metanav a {
		  width: 100%;
		  height: 100%;
		  padding: 0;
	  }
  }
  header #headeroben h1 a {
	margin-top: 3px;
	width: 190px;
	height: 31px;
  }
  header #headeroben h1 a img {
	width: 190px;
	height: 31px;
  }
  header #volltextsuche p input {
	margin: 0;
	padding: 7px 4px 7px 4px;
  }
  header #volltextsuche button {
	margin: 0;
  }
  
  @media only screen and (min-width:768px) and (max-width: 769px) {
	
	.mainListWrapper {
		max-width: 100%;
	}
	#mainList > li > a {
		padding: 0 1rem !important;
	}
	#mainList a.navMenue {
		background-image: none;
	}

}

@media only screen and (max-width: 768px) {
	body {
		padding-bottom: 40px;
	}
}

dd[itemprop="telephone"] a.telLink {
	font-weight: bold;
}