html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #272525;
}

.zoom {
    margin-left: -14px;
    margin-top: -14px;
}

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

.formField {
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-left-width: 0;
    border-top-width: 0;
    background-image: url(/bilder/layout/bg_input.png);
    background-repeat: no-repeat;
    width: 277px;
    height: 30px;
    font-size: 12px;
    padding-left: 5px;

	font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	color: #272525;
	line-height: 17px;
}

textarea {
	padding-top: 5px;
}

select.formField {
	width: 283px;
	padding: 6px 5px;
}

.formFieldPLZ {
    width: 70px;
}

.formFieldOrt {
    width: 189px;
}

.formFieldLabel {
    color: #282727;
    font-size: 15px;
    padding-bottom: 3px;
}

.formRow {
    padding-bottom: 20px;
}

.formCol {
    float: left;
    width: 283px;
}

h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 0;
    padding-top: 0;
    background-color: #ffffff;
}

h2 {
    display: block;
    /*height : 30px;*/
    line-height: 30px;
    font-size : 15px;
    font-weight : normal;
    padding: 0 12px 0 10px;
    margin : 0;
    background-color: #ebebeb;
    /*border-bottom: 1px dotted #878787;*/
}

h2.subline {
    background-color: #ffffff;
    padding-left: 0;
    border-bottom: 0;
}

h3 {
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 7px 0;
}

p {
    margin: 0 0 5px 0;
}

table {
    border-collapse: collapse;
}

th {
    text-align: left;
}

img {
    border : none;
    border-width : 0;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

a {
    text-decoration: underline;
    color: #3e3e3e;
}

.intranetContent {
	border: solid 1px #272525;
}

.intranetContentDescription {
	padding: 5px;
	border-bottom: solid 1px #272525;
}

.intranetContentDisplay {
	padding: 5px;
}

.imgText {
    font-size: 10px;
}

#content ul li {
    list-style-image: url(/bilder/layout/listpoint.png);
    /*list-style-position: inside;*/
}

#content ol li {
	list-style-image: none;
}

#lebenssituationen li,
#content .paginationControl li,
#dienste li,
#NTList1 li {
    list-style-type: none;
    list-style-image: none;
}

/* ######################## */
/*   Formulare              */
/* ######################## */
 
.inpText {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-top: 1px solid #919191;
    border-bottom: 1px solid #e2e2e2;
    background: url(/bilder/layout/bg_input.gif) 0 0 repeat-x #ffffff;
    padding: 0 0 0 5px;
}

.ob-select select {
    width: 321px;
    height: 20px;
    line-height:17px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

.ob-select select option {
    background: #ffffff;
}

.ob-select {
    position : relative;
    float: left;
    display : block;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-top: 1px solid #919191;
    border-bottom: 1px solid #e2e2e2; 
    width: 321px;
    height: 18px;
    background: url(/bilder/layout/bg_input.gif) 0 0 repeat-x #ffffff;
    margin: 0;
}

input[type="image"] {
    float: left;
    display: block;
    /*width: 30px;
    height: 30px;
    margin: 4px 10px 4px 0;
    padding: 0;*/
}

#telSuche input[type="image"] {
    float: none;
}


/* ######################## */
/*   Layout                 */
/* ######################## */

#contentShadowLeft
{
    background-image: url(/bilder/layout/bg_content.gif);
    background-repeat: repeat-y;
    /*height: 100%;*/
    padding-left: 10px;
}

#contentShadowRight
{
    background-image: url(/bilder/layout/shadow_content_right.jpg);
    background-position: 993px 0;
    background-repeat: repeat-y;
    /*height: 100%;*/
    padding-right: 10px;
    float: left;
}

#contentContainer {
    position : relative;
    background-color: #ffffff;
    padding : 0 10px;
    width: 973px;
}

#head
{
    padding-top: 9px;
    height: 49px;
}

#textmarkeContainer
{
    float: left;
}

#headnavContainer
{
    float: right;
}

#headnavContainer ul
{
    margin: 0;
    padding: 0;
    position: relative;
    z-index:1;
}

#headnavContainer li
{
    /*display: inline;*/
    float: left;
    list-style-type: none;
    list-style-image: none;
    vertical-align: top;
    margin-left: 8px;
    position: relative;
}

#headnavContainer li a {
    color: #272525;
    text-decoration: none;
}

#languageSelection {
    position: absolute;
    left: 0;
    display: none;
    margin: 19px 0 0 -3px;
    border: 1px solid #ebebeb;
    background-color: #ffffff;
    z-index: 1;
}

.German {
    padding: 2px;
    border-bottom: 1px solid #ebebeb;
}

.English {
    padding: 2px;
}

.German a, .English a {
    padding-right: 25px;
    padding-top: 2px;
    background-image: url(/bilder/layout/icon_flag_german.gif);
    background-position: 50px 2px;
    background-repeat: no-repeat;
    margin-right: 2px;
}

#headLogo {
    float: left;
}

#dekoSearchContainer {
    position : relative;
    width: 973px;
    height: 342px;
}

#searchTabSuchen {
    width : 78px;
}

#searchTabService {
    width : 78px;
}

#searchTabKalender {
    width : 87px;
}

#searchTabMeistGesucht {
    width : 124px;
    margin : 0
}

#dekoSearchContainer .serviceIcons a {
	margin: 4px 10px 4px 0;
}

#dekoSearchContainer .serviceIcons .lastInLine a {
	margin-right: 0;
}

#dekoSearchContainer #kalender .SwitchMonthL {
	background-repeat: no-repeat;
	padding: 0 0 6px 0;
}

#dekoSearchContainer #kalender #kalEventTeaser {
	background-color: #ffffff;
	float: left;
	width: 111px;
	height: 127px;
	padding: 2px 5px;
	overflow: hidden;
}

#dekoSearchContainer #kalender #kalEventTeaser p {
	margin-bottom: 9px;
}

#dekoSearchContainer #kalender #kalEventTeaser a {
	text-decoration: none;
	font-weight: bold;
}

#slideshowHead {
    position : relative;
    width: 973px;
    height: 342px;
    overflow: hidden;
}

#slideshowHead img {
    position : absolute;
    width: 973px;
    height: 342px;
    top : 0;
    left : 0;
}

#slideshowControllBar {
    position : absolute;
    left : 0;
    bottom : 0;
    height: 32px;
    width: 973px;
    background : url(/bilder/layout/grey_trans.png) repeat;
}

#headImgDesc,
#headImgDesc_BA {
    float: left;
    padding-left: 10px;
    padding-top: 7px;
    font-style: italic;
    color: #383838;
}

#headImgDesc a,
#headImgDesc_BA a {
    color: #383838;
    text-decoration: underline;
}

#headImgCount,
#headImgCount_BA {
    float: right;
    padding-right: 10px;
    padding: 5px 10px 0 0;
}

#headImgCount a,
#headImgCount_BA a {
    display: block;
    float: left;
    margin-left: 4px;
    background-color: #ffffff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    padding: 0;
    color: #424245;
    text-decoration: none;
}

#headImgCount a.active,
#headImgCount_BA a.active {
    background-color: #717172;
    color: #ffffff;
}


/* ######################## */
/*   Suchbox                */
/* ######################## */

#searchContainerOuter {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 372px;
    height: auto;
    margin: 0;
    padding: 0;
}

#searchContainerHead {
    margin: 0;
    width: 100%;
    height: 32px;
    overflow: hidden;
    font-size: 15px;
}

#searchContainerHead ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 110%;
}

#searchContainerHead ul li {
    float: left;
    margin: 0 2px 0 0;
    height: 32px;
    line-height: 30px;
    list-style-image: none;
}

#searchContainerHead ul li a {
    display: block;
    height: 30px;
    padding: 0 10px;
    background: url(/bilder/layout/darkgrey_trans.png) repeat;
    text-decoration: none;
    color: #ffffff;
}

#searchContainerHead ul li a:hover {
    background: url(/bilder/layout/grey_trans.png) repeat;
    color: #3e3e3e; 
}

#searchContainerHead ul li a.active {
    height: 32px;
    background: url(/bilder/layout/grey_trans.png) repeat;
    color: #3e3e3e; 
}

#searchContainerInner {
    position: relative;
    width: 372px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(/bilder/layout/grey_trans.png) repeat;
    overflow: hidden;
}

#searchContainerInner a {
    color: #3e3e3e;
}

#searchContainerInner  p {
    line-height: 15px;
    margin: 3px 0 1px 0;
}

#searchContainerInner > fieldset {
    position: relative;
    padding: 2px 0 2px 0;
    width: 352px;
    margin-left: 10px;
    display: none;
}

#searchContainerInner > fieldset.active {
    position: relative;
    display: block;
}

#searchContainerInner > fieldset > fieldset {
    position: relative;
    display: block;
    width: 352px;
    padding: 4px 0 17px 0;
    margin: 0;
    background: url(/bilder/layout/frm_border.gif) 0 bottom no-repeat;
}

fieldset.Overflow {
    margin: 0;
    padding: 0;
    width: 370px;
    background: transparent;
}

.AbisZ {
    display: block;
    float: left;
    margin: 6px 5px 0 0;
    padding : 0;
    background-color: #ffffff;
    width: 22px;
    height: 22px;
    line-height : 22px;
    font-size: 14px;
    text-align: center;
    border : none;
    color: #424245;
    cursor: pointer;
}

.AbisZ:hover {
    background-color: #717172;
    color: #ffffff;
}

.SearchButton, .SearchButtonLst  {
    float : right;
    border : none;
    margin : 0;
    width : 20px;
    height : 20px;
    background: url(/bilder/layout/btn_search.gif) 0 0 no-repeat;
    cursor: pointer;
}

#SearchBoxFooter {
    position : relative;
    display: block;
    visibility: hidden;
    width : 372px;
    height : 17px;
    background-image : url(/bilder/layout/grey_trans.png);
    margin: 0;
    padding: 0;
}

a#SearchOpenClose {
    position : relative;
    display : none;
    float : right;
    margin : 0;
    z-index : 10;
    text-decoration : none;
}

#STButton, .STButton {
    display : block;
    width : 33px;
    height : 17px;
    background-image : url(/bilder/bereiche/search_updown_darkgrey.png);
    background-position : 0 0;
    background-repeat : no-repeat;
}

.Searchtext {
    float : left;
    width : 317px;
    height : 18px;
}

.Calendar {
    width: 231px;
    margin: -4px 0 -5px 0;
    float: left;
}

.Calendar td, th {
    width: 33px;
    text-align: center;
    vertical-align: top;
}

.Calendar th {
    font-weight: normal;
    height: 19px;
    line-height: 17px;
    padding: 0 0 2px 0;
    background: url(/bilder/layout/frm_border.gif) 0 17px no-repeat;
    text-align: center;
}

.Calendar td {
    height: 17px;
    line-height: 17px;
    padding: 0;
}

.Calendar td.OutDay {
    color: #ffffff;
}

#Events {
    float: right;
    margin: -4px 0 -5px 0;
    display: block;
    background: #ffffff;
    padding: 2px 5px 0 5px;
    width: 111px;
    height: 127px;
    line-height: 15px;
}

#Events p {
    margin: 0 0 9px 0;
}
#Events a {
    text-decoration: none;
}

.SwitchMonth {
    padding: 0;
    height: 11px;
    line-height: 17px;
}

.SwitchMonth p {
    display: inline-block;
    float: left;
    margin: 0;
}

a#CalBack, a#CalForw {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    background: url(/bilder/layout/calback.png) 0 0 no-repeat;
    margin: 4px 5px 0 0;
}

a#CalForw {
    background: url(/bilder/layout/calforw.png) 0 0 no-repeat;
    float: right;
    margin: 4px 0 0 0;
}

a#CalBack > span, a#CalForw > span {
    display: none;
}

/* ######################## */
/*   Ende Suchbox           */
/* ######################## */


/* ######################## */
/*   Navigation             */
/* ######################## */

#mainNav {
    background-color: #ebebeb;
    height: 40px;
    width: 973px;
    margin-top: 4px;
    /*margin-bottom: 30px;*/
}

#mainNav ul {
    padding: 0;
    margin: 0;
	position: relative;
	z-index: 499;
}

#mainNav li {
    float: left;
    list-style-type: none;
    list-style-image: none;
    margin-right: 3px;
}

#mainNav a {
    display: block;
    font-size: 15px;
    color: #282727;
    height: 30px;
    padding: 10px 10px 0 10px;
    background-image: url(bilder/bereiche/tourismus_stadtinfo/bg_main_nav.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    text-decoration: none;
}

#mainNav a:hover {
    background-position: top;
}
#mainNav .active a {
    background-position: top;
    background-color: #ffffff;
}

#mainNav .mainLebenInOberhausen a {
    background-image: url(/bilder/bereiche/leben_in_ob/bg_main_nav.gif);
}

#submainLebenInOberhausen .subMainNav1Item a:hover, .bgColorLebenInOberhausen a {
	background-color: #b1c91f !important;
	color: #ffffff !important;
}

#mainNav #submainLebenInOberhausen li.subMainNav2Item a {
	background-image: url(/bilder/bereiche/arrow_go_green.png);
}

#mainNav .mainRathaus a {
    background-image: url(/bilder/bereiche/rathaus/bg_main_nav.gif);
}

#submainRathaus .subMainNav1Item a:hover, .bgColorRathaus a {
	background-color: #258b92 !important;
	color: #ffffff !important;
}

#mainNav #submainRathaus li.subMainNav2Item a {
	background-image: url(/bilder/bereiche/arrow_go_petrol.png);
}

#mainNav .mainTourismusFreizeit a {
    background-image: url(/bilder/bereiche/tourismus_freizeit/bg_main_nav.gif);
}

#submainTourismusFreizeit .subMainNav1Item a:hover, .bgColorTourismusFreizeit a {
	background-color: #a02d32 !important;
	color: #ffffff !important;
}

#mainNav #submainTourismusFreizeit li.subMainNav2Item a {
	background-image: url(/bilder/bereiche/arrow_go_red.png);
}

#mainNav .mainKulturBildung a {
    background-image: url(/bilder/bereiche/kultur_bildung/bg_main_nav.gif);
}

#submainKulturBildung .subMainNav1Item a:hover, .bgColorKulturBildung a {
	background-color: #d7962d !important;
	color: #ffffff !important;
}

#mainNav #submainKulturBildung li.subMainNav2Item a {
	background-image: url(/bilder/bereiche/arrow_go_yellow.png);
}
	

#mainNav .mainWirtschaftArbeit a {
    background-image: url(/bilder/bereiche/wirtschaft_arbeit/bg_main_nav.gif);
}

#submainWirtschaftArbeit .subMainNav1Item a:hover, .bgColorWirtschaftArbeit a {
	background-color: #2e4694 !important;
	color: #ffffff !important;
}

#mainNav #submainWirtschaftArbeit li.subMainNav2Item a {
	background-image: url(/bilder/bereiche/arrow_go_darkblue.png);
}
	
#mainNav .mainStadtentwicklungUmwelt a {
    background-image: url(/bilder/bereiche/stadtentwicklung_umwelt/bg_main_nav.gif);
}

#submainStadtentwicklungUmwelt .subMainNav1Item a:hover, .bgColorStadtentwicklungUmwelt a {
	background-color: #799b4b !important;
	color: #ffffff !important;
}

#mainNav #submainStadtentwicklungUmwelt li.subMainNav2Item a {
	background-image: url(/bilder/bereiche/arrow_go_darkgreen.png);
}
	
#mainNav .mainIntranet a {
    background-image: url(/bilder/bereiche/intranet/bg_main_nav.gif);
}

#submainIntranet .subMainNav1Item a:hover, .bgColorIntranet a {
	background-color: #7197ca !important;
	color: #ffffff !important;
}

#mainNav #submainIntranet li.subMainNav2Item a {
	background-image: url(/bilder/bereiche/arrow_go_blue.png);
}

#breadcrumb {
    height: 30px;
    font-size: 10px;
    color: #a1a0a0;
    padding-top: 10px;
}

#breadcrumb a {
    color: #a1a0a0;
    text-decoration: none;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#mainNav .subMainNav1 {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 973px;
	z-index: 999;
}

#mainNav .subMainNav1Content {
	border-top: 5px solid #ffffff;
	background-color: #ebebeb;
	width: 973px;
	float: left;
}

#mainNav .subMainNav1 ul {
	width: 181px;
    padding: 0 0 15px 0;
    margin: 0 12px 0 0;
	float: left;
}

#mainNav li.subMainNav1Item {
	width: 181px;
    float: none !important;
}

#mainNav li.subMainNav1Item a {
	background-image: none;
	background-color: #ebebeb !important;
    height: 100% !important;
    font-size: 15px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
	padding-left: 0;
	border-bottom: 1px dotted #878787;
}

#mainNav li.subMainNav1Item a:hover {
	color: #ffffff !important;
}

#mainNav .subMainNav1Shadow {
    width: 973px;
    height: 15px;
    background: transparent url(/bilder/layout/bg_subnavi.png) repeat-x left bottom;
}

#mainNav .subMainNav2 {
}

#mainNav .subMainNav2 ul {
	width: 181px;
	margin: 0;
    padding: 0;
	float: none;
}

#mainNav .subMainNav2Item {
    margin-top: 0px;
    margin-right: 0px !important;
	float: none;
}

#mainNav li.subMainNav2Item a {
    background-color: #ebebeb !important;
	background-repeat: no-repeat;
	background-position: 0 0;
    color: #282727 !important;
	font-size: 12px !important;
    display: block;
	padding: 0 0 0 12px;
}

#mainNav li.subMainNav2Item a:hover {
	background-position: 0 -70px;
}

/* ==== Unternavigation 1. Ebene ==== */
#sideNav {
    float: left;
    width: 185px;
    padding-right: 12px;
    font-size : 12px;
}

#sideNav ul , #sideNav li {
    padding: 0;
    margin: 0 0 3px 0;
    list-style-type: none;
    list-style-image: none;
}

.sideNavLevel1 {
    font-weight : bold;
    width : 185px;
}

.sideNavLevel1 li {
    background-color: #e6e6e6;
    margin: 0 0 3px 0;
}

.sideNavLevel1 li a {
    display: block;
    margin : 0;
    padding: 6px 5px 6px 8px;
    color: #3e3e3e;
    text-decoration: none;
}

/* ==== Unternavigation 2. Ebene ==== */
.sideNavLevel2 {
    background-color: #e6e6e6;
    padding-bottom : 1px;
}

#sideNav .sideNavLevel2 li {
    margin : 0;
}

.sideNavLevel1 li.active li a,
.sideNavLevel2 li a {
    display: block;
    font-weight : normal;
    margin : 0;
    padding: 8px 5px 7px 8px;
    color: #3e3e3e;
    background-color: #e6e6e6;
	/*background-image: url(/bilder/layout/bg_subnav_level3.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: 9px 14px;*/
}

/* ==== Unternavigation 3. Ebene ==== */
#sideNav ul.sideNavLevel3 {
    margin : 0 3px;
    width : 179px;
    background-color : #f1f1f1;
    padding-bottom : 8px;
}

.sideNavLevel3 li {
    background-color : #f1f1f1;
}

.sideNavLevel1 .sideNavLevel2 li.active li a,
.sideNavLevel3 li  a {
    display: block;
    font-weight : normal;
    padding: 5px 5px 4px 19px;
    color: #3e3e3e;
    background-color: #F1F1F1;
    background-image: url(/bilder/layout/bg_subnav_level3.png);
    background-repeat: no-repeat;
    background-position: 9px 11px;
}

.sideNavLevel3 li  a:hover {
    background-color: #F1F1F1;
}

/* ==== Unternavigation 4. Ebene ==== */
#sideNav ul.sideNavLevel4 {
    margin : 0 3px;
    width : 173px;
    background-color : #ffffff;
    padding : 4px 0 7px 0;
}

.sideNavLevel4 li {
    background-color : #ffffff;
    margin : 0 0 2px 0;
    line-height: 15px;
}

.sideNavLevel1 .sideNavLevel2 .sideNavLevel3 li.active li a,
.sideNavLevel4 li a {
    display: block;
    margin : 0;
    font-weight : normal;
    padding: 3px 5px 2px 15px;
    color: #3e3e3e;
    text-decoration : underline;
    text-indent: 0;
    background-color: #ffffff;
    background-image: none;
}

.sideNavLevel4 li a:hover {
    background-color: #ffffff;
}

.sideNavLevel1 li.active .specialNavigationEntry {
    color: #008894;
    background-image: url(/bilder/layout/back_arrow_special_navigation.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-left: 30px;
    padding-top: 4px;
    line-height: 15px;
	background-color: #E6E6E6;
}

.sideNavLevel1 li.active a.specialNavigationEntry:hover {
	background-color: #E6E6E6;
	color: #008894;
}

span.secure,
.active span.secure {
    background-image: url(/bilder/bereiche/secure_petrol.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

.active > a span.secure {
	background-image: url(/bilder/bereiche/secure_white.png) !important;
}

/* ==== Unternavigation 5. Ebene ==== */
#sideNav ul.sideNavLevel5 {
    padding-left : 10px;
}

#sideNav ul.sideNavLevel5 li.active a {
	color: #3E3E3E;
}

/* ######################## */
/*   Ende Navigation        */
/* ######################## */

#contentArea {
    float: left;
    width: 776px;
}

#contentAreaStart {
    float: left;
    width: 988px;
}

#content {
    float: left;
    width: 579px;
    min-height: 200px;
    overflow: hidden;
    padding-bottom: 10px;
}

.SearchSection {
    margin: 5px 0 35px 0;
    color : #ababac;
}

.SearchSection h3 {
    margin: 0 0 5px 0;
}

.SearchSection ul {
    margin:0;
    padding: 0;
}

.SearchSection ul li {
    position: relative;
    margin: 0;
    padding: 0 10px 0 12px;
    line-height: 25px;
}

.SearchSection ul li a {
    position: relative;
    left: -12px;
    padding: 0 10px 0 12px;
    background: url(/bilder/bereiche/list_link.png) 0 -3px no-repeat;
}

.Download {
    display: inline-block;
    padding: 0 0 0 18px;
    margin: 0 0 13px 0;
    background: url(/bilder/bereiche/pdf_darkgrey.png) 0 4px no-repeat;
}

.Download a {
    color: #3e3e3e;
}

.SearchDownloads {
    padding: 7px 0 0 0;
    border-bottom: 1px dotted #3e3e3e;
    margin-bottom: 35px;
}

.SearchPages {
    padding: 7px 0 0 0;
    border-bottom: 1px dotted #3e3e3e;
}

.SPage {
    margin: 5px 0 10px 0;
    padding-bottom: 13px;
}

.SPage h3 {
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.SearchNavi {
    position: relative;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px dotted #3e3e3e;
}

.SearchHits {
    position: absolute;
    right: 0;
    top: 0;
}

.SearchNavi ul {
    position: relative;
    left : 0;
    margin: 0;
    padding: 0;
    color : #ababac;
}
.SearchNavi ul  li {
    float: left;
    margin: 0;
    padding: 0 5px 0 5px;
}

.SearchNavi ul  li a {
    color: #3e3e3e;
    text-decoration: none;
}

.SearchForw {
    display: block;
    float: left;
    width: 5px;
    height: 42px;
    margin: 0 0 0 3px;
    background: url(/bilder/layout/search_fwrd.png) 0 50% no-repeat;
}

.SearchBackw {
    display: block;
    float: left;
    width: 5px;
    height: 42px;
    margin: 0 3px 0 0;
    background: url(/bilder/layout/search_bwrd.png) 0 50% no-repeat;
}

.SFwrd {
    display: block;
    width: 5px;
    height: 10px;
    margin-top: 16px;
    background: url(/bilder/bereiche/sfwrd.png) 0 0 no-repeat;
}

.SBwrd {
    display: block;
    width: 5px;
    height: 10px;
    margin-top: 16px;
    background: url(/bilder/bereiche/sbwrd.png) 0 0 no-repeat;
}

.SFwrd span, .SBwrd span {
    display: none;
}

.FlipBoxHead {
    position: relative;
    height: 30px;
    border-bottom: 1px dotted #878787;
}

.FlipBoxHead  h2 {
    position : relative;
    display: block;
    margin : 0;
    padding : 0 0 0 10px;
    width : 490px;
    height : 30px;
    line-height: 28px;
    font-size : 14px;
    font-weight : normal;
}

.FlipBox {
    position: relative;
    display: block;
    margin: 0;
}

.FlipBox > div {
    position: relative;
    display: block;
    height: 29px;
    line-height: 29px;
    font-size: 12px;
    background: #f7f7f7;
    border-bottom: 1px dotted #878787;
    padding: 0;
    overflow: hidden;
}

.FlipBox > div > a {
    text-decoration: none;
    margin: 0 10px 0 10px;
    padding-left: 12px;
}

.FlipBox > div.active > a {
    color: #ffffff;
}

.FlipBox .active a.Flip {
    color: #ffffff;
}

.FlipBoxInfo {
    background-color: #ebebeb;
}

.FlipBoxRow {
    width: 563px;
    border-bottom: 1px dotted #878787;
    padding: 8px;
    float: left;
}

.FlipBoxImage {
    border: 1px solid #d2d2d2;
    margin-right: 10px;
    margin-bottom: 7px;
    float: left;
}

.FlipBoxCol {
    width: 275px;
    float: left;
}

.FlipBoxColTitle {
    font-weight: bold;
    border-bottom: 1px dotted #878787;
    padding: 0 8px 8px 8px;
}

.FlipBoxColText {
    padding: 8px 8px 0 8px;
}

a.Flip {
    background: url(/bilder/bereiche/a_flip_darkgrey.png) 0 0 no-repeat;
    color: #3e3e3e;
    display: inline-block;
}

a.Go,
a.GoLink,
a.GoOff,
a.GoLinkOff {
    position: absolute;
    padding: 0 0 0 8px !important;
    margin : 0;
    right: 0;
    top: 0;
    background: url(/bilder/bereiche/a_go_darkgrey.png) 0 0 no-repeat;
    color: #3e3e3e;
}
a.GoOff,
a.GoLinkOff {
    display: none;
}
a.FGo {
    float: right;
    margin: 0 10px 0 0;
}
.FlipBox > div.active > a {
    display: inline-block;
}

.FlipBox > div > fieldset {
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    border-top: 1px dotted #878787;
    background: #ffffff;
    color: #3e3e3e;
}

.FlipBox .active {
    height: auto;
    background: url(/bilder/bereiche/bg_headline_darkgrey.png) 0 0 repeat-x #f1f1f1;
    color: #ffffff;
}

h3.Subsection {
    border-top: 1px dotted #878787;
    height:30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px 0 10px;
}

h3.Contact {
    height:30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px 0 10px;
}

.SectionHead {
    float: left;
    width: 185px;
    margin: 0 12px 0 0;
}

.Section {
    border-top: 1px dotted #878787;
    padding: 6px 10px 8px 10px;
    line-height: 17px;
}

.Section a {
    text-decoration: underline;
    color: #3e3e3e;
}

.Guide {
    font-weight: bold;
    margin-top: 12px;
}

/*** Online Dienste ***/
#dienste .head {
	font-size: 70px;
	line-height: 70px;
	width: 480px;
	background-color: #ebebeb;
	padding-left: 10px;
	margin-bottom: 1px;
}

#dienste .subhead {
	font-size: 15px;
	background-color: #ebebeb;
	padding: 10px;
	border-bottom: 1px dotted #878787;
}

#dienste .letterSelection {
	padding: 10px;
	background-color: #ebebeb;
	border-top: 1px dotted #878787;
	border-bottom: 1px dotted #878787;
	margin-bottom: 10px;
}

#dienste .letterSelection a {
	background-color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 5px;
	line-height: 22px;
	padding: 0 7px;
}

#dienste .letterSelection a.active {
	background-color: #675f5e;
	color: #ffffff;
}

#dienste .searchLetterGroup, .searchLetterLink {
	background-color: #f7f7f7;
	/*border-bottom: 1px dotted #878787;*/
	line-height: 29px;
	position: relative;
}

#dienste .searchLetterGroup a, .searchLetterLink a {
	color: #717171;
	text-decoration: none;
	padding-left: 12px;
	display: inline-block;
	margin: 0 10px;
}

#dienste .searchLetterGroup a.controller {
	background-image: url(/bilder/bereiche/a_flip_darkgrey.png);
	background-repeat: no-repeat;
}

#dienste .searchList {
	margin-bottom: 30px;
}

#dienste .searchList .active {
	background-color: #717171;
}

#dienste .searchList .active a {
	color: #ffffff;
	background-position: 0 -30px;
}

#dienste .subLinks {
	background-color: #ffffff;
	border-top: 1px dotted #878787;
}

#dienste .searchList .subLinks a {
	background-image: none;
	color: #717171;
	padding-left: 0;
	margin-left: 0;
}

#dienste .subEntryContainer {
	position: relative;
	border-top: 1px dotted #878787;
	margin-left: 22px;
}

#dienste .mehr, .subLinks a.mehr {
	right: 0;
	position: absolute;
	background-image: url(/bilder/bereiche/a_go_darkgrey.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	margin: 0 10px;
	padding-left: 12px;
}

#dienste .LinkList3 li a.manageEntry {
	display: inline;
	background-image: none;
}
/*** Online Dienste - Ende ***/


/* ######################## */
/*   Contentboxen        */
/* ######################## */

.ContentBox13, .ContentBox12, .ContentBoxF, .ContentBoxDarkGrey {
    position: relative;
    margin : 0 0 25px 0;
    /*overflow: hidden;*/
}

.BoxHead {
    position: relative;
    /*height: 30px;*/
    /*width: 591px;*/
    overflow: hidden;
    border-bottom: 1px dotted #878787;
}

.BoxHead > div {
    width: 582px;
}

.ContentBox13 .BoxContent {
		background-color: #EBEBEB;
		padding: 12px;
}

.ContentBox13 h2 {
    display: inline-block;
    min-width: 181px;
    padding-left: 10px;
    background: #ebebeb;
}

.ContentBox12 h2 {
    float: left;
    width: 278px;
    margin-right: 2px;
    padding: 0 0 0 10px;
    background: #ebebeb;
}

.ContentBoxF h2 {
    display: inline-block;
    padding: 0 10px;
    background: #ebebeb;
}

.ContentBox13 > fieldset,
.ContentBox12 > fieldset,
.ContentBoxF > fieldset,
.ContentBox12 > .contentField,
.ContentBox13 > .contentField {
    position: relative;
    font-size: 13px;
    line-height : 17px;
    padding: 6px 0 5px 0;
    border-bottom : 1px dotted #878787;
}

.ContentBox13 fieldset h3,
.ContentBox12 fieldset h3,
.ContentBoxF fieldset h3,
.ContentBox12 .contentField h3,
.ContentBox13 .contentField h3 {
    margin-left: 10px;
}

.ContentBox13  fieldset p,
.ContentBox12 fieldset p,
.ContentBoxF fieldset p,
.ContentBox12 .contentField p,
.ContentBox13 .contentField p {
    margin: 0 10px 11px 10px;
}

.ContentBox13  fieldset ul,
.ContentBox12 fieldset ul,
.ContentBoxF fieldset ul,
.ContentBox12 .contentField ul,
.ContentBox13 .contentField ul {
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
}

.ContentBoxDarkGrey {
    background-color: #b7b6b6;
    color: #ffffff;
}

.ContentBoxDarkGrey .BoxHead {
    
}

.ContentBoxDarkGrey h2 {
    font-weight: bold;
    background-color: #b7b6b6;
    background-image: url(/bilder/layout/pointer_sprungmarke.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 28px;
}

.ContentBoxDarkGrey .BoxContent {
    padding: 6px 0 5px;
}

.ContentBoxDarkGrey .BoxContent a {
    color: #ffffff;
    background-image: url(/bilder/layout/white_arrow.png);
    background-repeat: no-repeat;
    background-position: 14px 5px;
    padding-left: 28px;
    display: block;
    text-decoration: none;
    line-height: 20px;
}

.NoOrder li {
    margin: 0 0 6px 0;
    padding: 0 10px 0 13px;
    background: url(/bilder/layout/no_order.png) 0 6px no-repeat;
}

.SubLineB {
    border-top: 1px dotted #3e3e3e;
    padding: 6px 0 1px 10px;
}

.SubLine {
    border-bottom: 1px dotted #3e3e3e;
    padding: 1px 0 6px 10px;
}

.SubLine0, td, th {
    padding: 1px 0 6px 0;
}

.LinkListHead {
    position: relative;
    height: 30px;
    margin-top: 30px;
}

.LinkListHead h2 {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 0 10px;
    width: 473px;
    height: 30px;
    line-height: 28px;
    font-size: 15px;
    font-weight: normal;
    background-color: #f7f7f7;
}

.LinkListFooter {
    height: 30px;
    background-color: #ebebeb;
    border-bottom: 1px dotted #878787;
}

.LinkListFooter a {
    float: right;
}

.LinkList2 {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: normal;
}

.LinkList2 li {
    margin: 0;
    padding: 0 0 0 0;
    float: left;
    width: 279px;
}

.LinkList2 li p {
    margin: -6px 0 0 9px;
    line-height: 15px;
}

.LinkList2 li a {
    display: block;
    text-decoration: none;
    padding-left: 9px;
    color: #3e3e3e;
    background: url(/bilder/bereiche/list_link.png) -4px 0 no-repeat;
    line-height: 24px;
    font-weight: bold;
}

.Opening {
    /*width: 200px;*/
    background: #ffffff;
}

.Opening td {
    padding-left: 10px;
}

.SearchMost {
    margin: 0;
    padding: 1px 0 0 0;
    font-weight: normal;
}

.SearchMost li {
    margin: 0;
    padding: 0 10px 0 0;
    float: left;
    width: 166px;
    list-style: none;
}

.SearchMost li a {
    display: block;
    text-decoration: none;
    padding-left: 9px;
    color: #3e3e3e;
    background: url(/bilder/bereiche/list_link.png) -4px -2px no-repeat;
    line-height: 19px;
}

table.Ansprechpartner {
    width: 100%;
    margin: 0;
}

table.Ansprechpartner td {
    width: auto;
    height: 27px;
    border-bottom: 1px dotted #878787;
    padding-left: 10px;
}

table.Ansprechpartner th {
    width: auto;
    padding: 1px 0 5px 0;
    border-bottom: 1px dotted #878787;
    padding-left: 10px;
}

tr.Grey,
td.Grey {
    background-color: #ebebeb;
}

th {
    text-align: left;
}


/* ######################## */
/*   Aktuelles Startseite   */
/* ######################## */

.NewsTable {
    position: relative;
    margin : 0 0 20px 0;
}

*+html .NewsTable {
    float: left;
}

.NewsTable  > fieldset {
    position: relative;
    font-size: 12px;
    line-height : 17px;
    padding: 6px 0 10px 0;
}

*+html .NewsTable  > fieldset {
    padding-right: 10px;
}

.NewsTable  > fieldset  h3 {
    padding-top: 5px;
}

.BoxFooter .paginationControl ul {
	padding-top: 7px;
}

.NewsTable .paginationControl ul li {
    float: left;
    list-style: none outside none;
    margin-left: 0;
}

.NewsHeadPicture {
    border-top: 1px dotted #878787;
    margin: 0;
}

.NewsHeadPicture img {
    margin: 0 0 -5px 0;
}

.TabHead {
    position : relative;
    display : block;
    font-size: 15px;
    height : 30px;
    margin : 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: #ffffff;
}

.TabHead  > a, .TabHead  > a:hover {
    display: inline-block;
    float: left;
    text-decoration: none;
    margin : 0 2px 0 0;
    padding : 0 10px 0 10px;
    font-size : 15px;
    background: url(/bilder/layout/bg_tablink.png) 0 bottom repeat-x #ffffff;
    height: 100%;
    line-height: 32px;
    border-bottom: 2px solid #ffffff;
    width: 171px;
    color: #3e3e3e;
}

.TabHead  > a.active,
.TabHead  > a:hover,
.TabHead  > span.active {
    background : #ebebeb;
    margin : 0 2px 0 0;
    padding : 0 10px 0 10px;
    color: #3e3e3e;
}

.TabHead > span.active {
	display: block;
}

h2.WidthAuto {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    padding: 0 10px 0 10px;
    width: auto;
    background : #ebebeb;
}

div.TabGrey,
fieldset.TabGrey {
    width: 579px;
    background: #ebebeb;
    padding: 5px 0 0 0;
    /*border-top: 1px dotted #878787;*/
}

.LinkList3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 24px;
}

.LinkList3 li {
    margin: 0;
    padding: 0 10px 0 10px;
    float: left;
    width: 173px;
}

.LinkList3 li a {
    display: block;
    text-decoration: none;
    padding-left: 12px;
    color: #3e3e3e;
    background: url(/bilder/bereiche/list_link.png) 0 0 no-repeat;
}

.LinkList3 li a.active {
    background-position: 0 -24px;
}

.LinkList {
    background: #f7f7f7;
    border-top: 1px dotted #878787;
    margin: 0;
    padding: 0;
}

.LinkList li {
    min-height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #878787;
    margin: 0;
    padding: 0 0 0 10px;
}

.LinkList a {
    display: block;
    text-decoration: none;
    padding-left: 12px;
    color: #3e3e3e;
    background: url(/bilder/bereiche/list_link.png) 0 0 no-repeat;
}

.LinkList li.ListActive {
    border-bottom: none;
}

.LinkSubList {
    background: #ffffff;
    border-top: 1px dotted #878787;
    border-bottom: 1px dotted #878787;
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px;
}

.LinkSubList li {
    min-height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #878787;
    margin: 0;
    padding: 0 0 0 10px;
}

.ListActive .LinkSubList li a {
    display: block;
    text-decoration: none;
    padding-left: 12px;
    color: #3e3e3e;
    background: url(/bilder/bereiche/list_link.png) 0 3px no-repeat;
}

.SlideBox {
    background : #ebebeb;
    margin: 0;
    padding: 2px 0 2px 0;
}

.Hide {
    display: none;
}

.Innerslide {
    position: absolute;
    display: block;
    width: auto;
    height: 192px;
    padding-left: 12px;
    top: 0;
    left: 0;
}

.Innerslide > div {
    margin: 0 12px 0 0;
    padding: 10px;
    display: block;
    float: left;
    height: auto;
    width: 137px;
    background: #f7f7f7;
}

.Innerslide img {
    margin : 0 0 8px 0;
    width: 137px;
    height: 85px;
}

.Innerslide h3 {
    margin : 0 0 3px 0;
}

.Innerslide p {
    margin : 0 0 2px 0;
}

.SlideBlank,
.SlideBox a.fwrd,
.SlideBox a.bwrd {
    position: relative;
    float: left;
    display: block;
    height: 192px;
    width: 30px;
    background: url(/bilder/bereiche/slider_bwrd.png) 0 0 no-repeat;
    z-index: 10;
}

.SlideBox a.fwrd {
    background: url(/bilder/bereiche/slider_fwrd.png) 0 0 no-repeat;
}

.SlideBox a.fwrd > span,
.SlideBox a.bwrd > span {
    display: none;
}
.SlideBlank {
    background: #f7f7f7;
    margin: 0 0 0 -30px;
    z-index: 11;
}

.Slide {
    position: relative;
    float: left;
    height: 192px;
    width: 519px;
    background: #ebebeb;
    overflow: hidden;
}

.NewsTopPicture {
    margin: 0 0 -5px 0;
}

.NewsPicture {
    position:relative;
    float: left;
    margin: 4px 10px 0 0;
	width: 185px !important;
	height: auto;
}

.NewsPictureBig {
	width: 579px !important;
	height: auto;
}

a.NewsSource {
    position: relative;
    /*float: left;*/
    margin : 0;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 4px 0;
    display: inline;
}

.SocialSmall {
    position: relative;
    display: inline-block;
    float : right;
    font-size : 10px;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    text-align: left;
    margin-top: 4px;
}

.SocialSmall > span {
    float: right;
}

a.Sfacebook {
    display: block;
    float: right;
    margin: 0 0 0 3px;
    width: 12px;
    height: 12px;
    background: url(/bilder/bereiche/facebook.png) 0 0 no-repeat;
}

a.Stwitter {
    display: block;
    float: right;
    margin: 0 0 0 3px;
    width: 12px;
    height: 12px;
    background: url(/bilder/bereiche/twitter.png) 0 0 no-repeat;
}

a.Sempfehlen {
    display: block;
    float: right;
    margin: 0 0 0 3px;
    width: 12px;
    height: 12px;
    background: url(/bilder/bereiche/empfehlen.png) 0 0 no-repeat;
}

a.Sgoogle {
    display: block;
    float: right;
    margin: 0 0 0 3px;
    width: 12px;
    height: 12px;
    background: url(/bilder/bereiche/google.png) 0 0 no-repeat;
}
a.Ssmplus {
    display: block;
    float: right;
    margin: 0 0 0 2px;
    width: 12px;
    height: 12px;
    background: url(/bilder/bereiche/smplus.png) 0 0 no-repeat;
}

a.Sfacebook > span,
a.Stwitter > span,
a.Sempfehlen > span,
a.Sgoogle > span,
a.Ssmplus > span {
    display: none;
}
.Yellow a.Sfacebook,
.Yellow a.Stwitter,
.Yellow a.Sempfehlen,
.Yellow a.Sgoogle,
.Yellow a.Ssmplus {
    background-position: 0 -36px;
}
.Darkblue a.Sfacebook,
.Darkblue a.Stwitter,
.Darkblue a.Sempfehlen,
.Darkblue a.Sgoogle,
.Darkblue a.Ssmplus {
    background-position: 0 -48px;
}
.Petrol a.Sfacebook,
.Petrol a.Stwitter,
.Petrol a.Sempfehlen,
.Petrol a.Sgoogle,
.Petrol a.Ssmplus {
    background-position: 0 -12px;
}
.Red a.Sfacebook,
.Red a.Stwitter,
.Red a.Sempfehlen,
.Red a.Sgoogle,
.Red a.Ssmplus {
    background-position: 0 -24px;
}
.Green a.Sfacebook,
.Green a.Stwitter,
.Green a.Sempfehlen,
.Green a.Sgoogle,
.Green a.Ssmplus {
    background-position: 0 -60px;
}
.Blue a.Sfacebook,
.Blue a.Stwitter,
.Blue a.Sempfehlen,
.Blue a.Sgoogle,
.Blue a.Ssmplus {
    background-position: 0 -72px;
}

.Darkgreen a.Sfacebook,
.Darkgreen a.Stwitter,
.Darkgreen a.Sempfehlen,
.Darkgreen a.Sgoogle,
.Darkgreen a.Ssmplus{
    background-position: 0 -84px;
}


.More  {
    display: inline;
    text-decoration: none;
    color: #3e3e3e;
}

.More a {
    text-decoration: none !important;
    font-weight: bold;
    color: #3e3e3e;
}

.Veranstaltungen {
    width: 361px;
    margin-bottom: 4px;
}

.Veranstaltungen td,
.Veranstaltungen th {
    text-align: left;
    padding: 0;
    line-height: 17px;
    width: 264px;
}

.Veranstaltungen th.Datum ,
.Veranstaltungen td.Datum {
    text-align: right;
    width: 97px;
}

.VeranstaltungItem {
    width: 361px;
    padding: 10px 0 10px 0;
    border-bottom: 1px dotted #878787;
}


/* ######################## */
/*   Bereiche zu News       */
/* ######################## */
.newsTeaserText p {
    display: inline;
}

.Yellow,
.Darkblue,
.Petrol,
.Red,
.Green,
.Blue,
.Darkgreen,
.Advertising {
    border-bottom : 1px dotted #878787;
    /*height: 117px;*/
    overflow: hidden;
}

.Yellow span.NewsSource,
.Yellow .More a,
.Yellow .SocialSmall {
    text-decoration: none;
    color: #d5982d;
	font-weight: bold;
}

.Darkblue span.NewsSource,
.Darkblue .More a,
.Darkblue .SocialSmall {
    text-decoration: none;
    color: #033ea2;
	font-weight: bold;
}

.Petrol span.NewsSource,
.Petrol .More a,
.Petrol .SocialSmall {
    text-decoration: none;
    color: #008894;
}

.Red span.NewsSource,
.Red .More a,
.Red .SocialSmall {
    text-decoration: none;
    color: #9d2c2e;
	font-weight: bold;
}

.Green span.NewsSource,
.Green .More a,
.Green .SocialSmall {
    text-decoration: none;
    color: #accb00;
	font-weight: bold;
}
.Blue span.NewsSource,
.Blue .More a,
.Blue .SocialSmall {
    text-decoration: none;
    color: #7197ca;
	font-weight: bold;
}

.Darkgreen span.NewsSource,
.Darkgreen .More a,
.Darkgreen .SocialSmall {
    text-decoration: none;
    color: #799b4b;
	font-weight: bold;
}

.Advertising span.NewsSource,
.Advertising .More a,
.Advertising .SocialSmall {
    text-decoration: none;
	font-weight: bold;
}


.Yellow > div > h3,
.Darkblue > div > h3,
.Petrol > div > h3,
.Red > div > h3,
.Green > div > h3,
.Blue > div > h3,
.Darkgreen > div > h3 {
    display: block;
    clear: both;
    margin: -1px 0 6px 0;
}

fieldset.Aktionen, fieldset.DubleContent {
    position: relative;
    font-size: 12px;
    line-height : 17px;
    padding: 10px;
    background : #ebebeb;
    border: none;
}

fieldset.DubleContent {
    padding: 10px 0 0 10px;
    border-top: 1px dotted #878787;
}

fieldset.DubleContent h3 {
    margin: -4px 0 3px 0;
}

.DubleContentItem {
    position: relative;
    float: left;
    width: 253px;
    margin: 0 13px 0 0;
    padding: 10px 10px 5px 10px;
    background: #ffffff;
    border-bottom: 10px solid #ebebeb;
}

.DubleContentItem  img {
    margin-bottom: 2px;
}

.DubleContentItem p {
    display: block;
    height: 4em;
}

.Aktionen img {
    position: relative;
    float: right;
    margin : 0 0 0 10px;
}

fieldset.NewsFooter, fieldset.NewsFooterLight {
    position: relative;
    margin: 0;
    padding: 7px 10px 7px 10px;
    border-top : 1px dotted #878787;
    background : #ebebeb;
    font-weight: bold;
}

fieldset.NewsFooterLight {
    background : #f7f7f7;
}

.FillTop {
    display: block;
    background : #f7f7f7;
    width: 100%;
    height: 17px;
}

.Back {
    display: block;
    width: 185px;
    height: 30px;
    line-height: 30px;
    background: #ebebeb;
    font-weight: bold;
    margin-bottom: 20px;
}

.Back a {
    margin-left: 10px;
    color: #3e3e3e;
    text-decoration: none;
}

.relateddubleCol {
    position: relative;
    float: left;
    width: 394px;
    margin-bottom: 20px;
    overflow: hidden;
}

.relateddubleCol ul,
.relatedBox ul {
    margin: -3px 10px -2px 0;
    padding: 0;
    line-height: 20px;
}

.relateddubleCol li,
.relatedBox li {
    background: url(/bilder/layout/list_point_box.png) 0 5px no-repeat;
    margin: 0 0 4px 0;
    padding: 0 0 0 8px;
    list-style-type: none;
}

.relateddubleCol li a,
.relatedBox li a {
    display: block;
    color: #3e3e3e;
    font-weight: bold;
    text-decoration: underline;
}

ul.VKInfo li {
    margin: 0 0 7px 0;
}

ul.VKInfo li  a {
    text-decoration: none;
    font-weight: normal;
}

.TopList .Point {
    display: block;
    float: left;
    width: 12px;
}

ul.TopList {
    margin:0 10px 0 0;
    padding: 0;
}

ul.TopList li {
    margin:0;
    padding: 1px 0 4px 0;
}

ul.TopList li a {
    text-decoration: none;
    display: block;
    font-weight : normal;
    color: #3e3e3e;
    padding: 0 0 0 12px;
    margin: 0;
}

.relatedhalfBox, .relatedhalfBoxFix, .relatedhalfBoxBottom {
    float: left;
    width: 185px;
    margin: 0 0 20px 12px;
    background-color: #ebebeb;
    height: 231px;
    overflow: hidden;
}

.relatedhalfBoxFix {
    height: 156px;
}

.relatedhalfBoxBottom {
    height: 225px;
}

.relatedhalfBox h2, .relatedhalfBoxFix h2,  .relatedhalfBoxBottom h2 {
    border: none;
}

#relatedCol {
    float: left;
    width: 185px;
    padding-left: 12px;
}

.relatedbubleBox {
    margin: 0 0 20px 12px;
    /*overflow: hidden;*/
    width: 382px;
    float: left;
}

.relatedbubleBox .pic p {
    margin-bottom: 0px;
}

.relatedLink {
    /*background-color: #ebebeb;*/
}

.relatedLink a {
    background-color: #ebebeb;
    background-image: url(/bilder/layout/pointer_sprungstart.png);
    background-repeat: no-repeat;
    background-position: 8px 10px;
    color: #424141;
    text-decoration: none;
    display: block;
    padding: 8px 5px 5px 24px;
    margin-bottom: 3px;
}

.relatedBox,
.relatedBoxPartner {
    background-color: #ebebeb;
}

.relatedBoxPartner {
    margin-bottom: 20px;
}

.relatedBox > h2, .relatedBoxPartner > h2 {
    border: none;
}

.relatedBoxLeft,
.relatedBoxRight {
    position: relative;
}

.relatedBoxContent {
    padding: 0;
    background-color: #ebebeb;
    border-top: 1px dotted #878787;
}

.relatedBoxContentCenter {
    background-color: #ebebeb;
    padding: 9px 10px 9px 10px;
    border-top: 1px dotted #878787;
    text-align: center;
}

.relatedBoxContent img {
    margin: 0 0 2px 0;
}

.relatedBoxContent p {
    margin: 0 0 4px 0;
}

.relatedBoxContent h3 {
    margin: 0 0 4px 0;
}

.relatedBoxContent a {
    text-decoration: underline;
    color: #3e3e3e;
}

.relatedBoxContent a.More {
    text-decoration: none;
}

.relatedBoxContent p.Description {
    margin-top: -4px;
}

.NoPadding {
    padding: 0 10px;
    background-color: #ebebeb;
}

div.BoxFooter {
	min-height: 23px;
    position: relative;
    margin: 0;
    padding: 10px;
    border-top : 1px dotted #878787;
    background : #ebebeb;
    font-weight: bold;
}

.NoPadding .BoxFooter {
    padding: 10px 0 10px 0;
}

.BoxFooter ul,
.NewsFooter ul {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}

.BoxFooter ul li,
.NewsFooter ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
	list-style-image: none !important;
    line-height: 10px;
}

.BoxFooter ul li a,
.NewsFooter ul li a {
    background: transparent;
    padding: 0 4px;
    text-decoration: none;
    color: #3e3e3e;
    font-weight: normal;
}

.BoxFooter ul li a.active,
.NewsFooter ul li a.active, 
.BoxFooter ul li a:hover,
.NewsFooter ul li a:hover {
    color: #ffffff;
}

.NewsFooter > div {
    padding-top: 6px;
}


.DubleContentInform {
    position: relative;
    float: left;
    width: 175px;
    margin: 0 12px 0 0;
    line-height: 17px;
}

.DubleContentInform  img + p {
    margin: 0 0 4px 0;
    font-weight: bold;
}


/* ######################## */
/*   Links: Weitere Inform. */
/* ######################## */

a.MoreInfos105 {
    position: relative;
    float: right;
    display: block;
    width: 98px;
    padding-left: 7px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background: url(/bilder/bereiche/bg_infos_105.png) 0 0 no-repeat;
}

a.MoreInfos165 {
    position: relative;
    float: right;
    display: block;
    width: 158px;
    padding-left: 7px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background: url(/bilder/bereiche/bg_infos_165.png) 0 0 no-repeat;
}

a.MoreInfos198 {
    position: relative;
    float: right;
    display: block;
    width: 191px;
    padding-left: 7px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background: url(/bilder/bereiche/bg_infos_198.png) 0 0 no-repeat;
}


/* ######################## */
/*   Link vor/zurück        */
/* ######################## */

.BoxFooter ul li a.Forw,
a.Forw {
    float: left;
    width: 6px;
    height: 10px;
    margin: 0 0 0 3px;
    text-decoration: none;
    background: url(/bilder/layout/fwrd.png) 0 0 no-repeat;
}

.BoxFooter ul li a.Backw,
a.Backw {
    width: 6px;
    height: 10px;
    text-decoration: none;
    background: url(/bilder/layout/bwrd.png) 0 0 no-repeat;
}

a.Forw span, a.Backw span {
    display: none;
}

.InfoBox {
    padding: 9px 10px 12px 10px;
}

.InfoBox a {
    text-decoration: underline;
    color: #3e3e3e;
}

.InfoBox p {
    margin: 0 0 4px 0;
}

.InfoPic img {
    margin-bottom: 0px;
}

#advert {
    float: left;
    display: none;
    width: 162px;
    padding-left: 14px;
    padding-top: 484px;
}

.advertBox {
    border: 1px solid #ebebeb;
    width: 160px;
    margin-bottom: 30px;
}

.advertHead {
    background-color: #ebebeb;
    font-size: 15px;
    padding: 13px 5px 10px 7px;
}

#footerHead {
    display : block;
    height : 42px;
    width : 570px;
    margin : 0;
    padding : 0 0 0 10px;
    font-size : 15px;
    line-height : 42px;
    background : url(/bilder/layout/logo_head.gif) right 0 no-repeat #f7f7f7;
}

#footerContent {
    background-color: #f7f7f7;
    border-top: 1px dotted #878787;
    padding: 10px 10px 20px 10px;
}

#footerContent ul {
    margin: 0;
    padding: 0;
}

#footerContent li {
    list-style-type: none;
    padding-top: 2px;
}

#footerContent a {
    color: #424141;
    text-decoration: none;
}


/* ######################## */
/* Veranstaltungen - Anfang */
/* ######################## */
.searchBoxHead {
    height: 29px;
    line-height: 29px;
    background-color: #ebebeb;
    font-size: 15px;
    margin-bottom: 1px;
    padding-left: 12px;
}

.searchBoxContent {
    background-color: #f7f7f7;
    margin-bottom: 10px;
    padding: 10px;
}
    
 .searchBoxContent .searchField {
    width: 136px;
    height: 16px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: none;
    float: left;
    padding-left: 2px;
}
    
 .searchBoxContent .SearchButton {
    float: none;
    border-right: 1px solid #e2e2e2;
}
    
.searchBoxContent .select_2 {
    margin-right: 2px;
	width: 45px;
}
    
.searchBoxContent #bis_zeit {
    margin-left: 10px;
}

.searchBoxContentHeight {
    background-color: #ffffff;
    height: 500px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: none;
    overflow: hidden;
    overflow-y: scroll;
}

.seaCheckbox {
    width: 22px;
    height: 19px;
    float: left;
    margin-bottom: 4px;
}

.seaCheckboxLabel {
    width: 125px;
    float: left;
    padding-top: 1px;
    margin-bottom: 4px;
}

.veranstaltungenContainerItem {
    background-color: #f7f7f7;
    border-bottom: 1px dotted #878787;
    padding: 10px 10px 5px 10px;
    position: relative;
}
    
.veranstaltungenContainerItem .datum {
    margin-bottom: 8px;
}
    
 .veranstaltungenContainerItem .link,
.veranstaltungenContainerItem .linkAkt {
    position: absolute;
    right: 10px;
    bottom: 8px;
}
    
.veranstaltungenContainerItem .link a,
.veranstaltungenContainerItem .linkAkt a {
    background: transparent url(/bilder/bereiche/list_link_grey.png) no-repeat left -71px;
    text-decoration: none;
    font-weight: bold;
    padding: 0 0 0 11px;
}
    
.veranstaltungenContainerItem .linkAkt a {
    background-position: left 6px;
}
    
.veranstaltungenDetails {
    border-top: 1px dotted #878787;
    margin-top: 10px;
}
    
 .veranstaltungenDetailsBeschreibung {
    border-bottom: 1px dotted #878787;
    padding: 10px 0 5px 0;
    margin-bottom: 5px;
}
    
 .veranstaltungenDetailsOrtName {
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 5px 0;
}
    
 .veranstaltungenDetailsSocial {
    border-top: 1px dotted #878787;
    padding: 5px 0;
}
    
 .veranstaltungenDetailsSocial .SocialSmall {
    float: none;
}
/* ######################## */
/* Veranstaltungen - Ende   */
/* ######################## */


/* ######################## */
/*   Footer Icons           */
/* ######################## */

#SNW {
    float: left;
    width: 102px;
}

#SNW a {
    display: block;
    width: 29px;
    height: 28px;
    margin: 0 0 5px 0;
    float: right;
    clear: both;
}

#SNW a span {
    display: none;
}

.FYoutube {
    background : url(/bilder/layout/f_youtube.gif) 0 0 no-repeat;
}

.FFacebook {
    background : url(/bilder/layout/f_facebook.gif) 0 0 no-repeat;
}

.FTwitter {
    background : url(/bilder/layout/f_twitter.gif) 0 0 no-repeat;
}

#FTools {
    width: 257px;
    float: left;
    font-size: 11px;
}

#FTools a {
    display: block;
    float: left;
    padding: 0 0 0 20px;
    width: 65px;
}

.FPrint {
    background : url(/bilder/layout/f_print.gif) 0 2px no-repeat;
}

.FShare {
    background : url(/bilder/layout/f_share.gif) 0 2px no-repeat;
}

.FMark {
    background : url(/bilder/layout/f_mark.gif) 0 2px no-repeat;
}


.Textfield {
	/*position: relative;*/
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 35px 0;
    background-color: #ffffff;
}

.Textfield p {
    margin: 0 0 17px 0;
}

.contentBlockContent {
    border-top: 1px dotted #878787;
    border-bottom: 1px dotted #878787;
}

hr {
    height: 0px;
    border: 0px solid #ffffff;
    border-bottom: 1px dotted #878787;
}

hr.dottedLineContent {
    width: 579px;
    margin-left: -10px;
    margin-right: -10px;
}

hr.dottedLineTeaser {
    width: 185px;
}

.arrowDbl {
    text-decoration: none !important;
    font-weight: bold;
    background: transparent url(/bilder/layout/arrow_dbl_grey.png) no-repeat left center;
    padding: 0 0 0 12px;
}

.disableBold {
	font-weight: normal;
}

.relatedBoxLeft div.positionAbsolute,
.relatedBoxRight div.positionAbsolute {
    position: absolute;
    bottom: 0;
    left: 0;
}

.noborder {
    border: none !important;
}

.bgGrey {
    background-color: #ebebeb;
}

#headPrint,
.claFooterPrint {
    display: none;
}                  

.clabgpEmedia {
    display: none;
    visibility: hidden;
}

.claEdit {
    width: 579px;
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    margin: 0 0 30px 0;
}

.claEdit td {
    padding-left: 3px;
    padding-right: 3px;
}

.claEditHead {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding: 5px 0; 
}

.claEditbar {
    background-color: #dff4b6;
    text-align: right;
    border-top: 1px solid #a9a9a9;
    padding: 5px 0;
} 

/* Abfallkalender */
.abfallkalenderSuche .calSearchBlock {
    border-bottom: 1px dotted #878787;
    padding: 10px;
}
    
.abfallkalenderSuche .calSearchFields {
    height: 26px;
    margin: 10px 0 10px 0;
    float: left;
}
    
.abfallkalenderSuche .calSearchInput {
    width: 469px;
    height: 22px;
    padding: 1px 2px;
    margin: 0 10px 0 0;
    border: 1px solid #e2e2e2;
    float: left;
}
    
.abfallkalenderSuche .calSearchSelect {
    width: 70px;
    height: 26px;
    padding: 1px 2px;
    margin: 0;
    border: 1px solid #e2e2e2;
    float: left;
}
    
.abfallkalenderSuche .calSearchCheckbox {
    width: 183px;
    float: left;
}
    
.abfallkalenderSuche .calSearchButton {
    width: 128px;
    height: 23px;
    background: transparent url(/bilder/layout/btn_submit_petrol.png) no-repeat left top;
    border: none;
}

/* Microsites*/
#microMainNav {
	text-align: right;
}

#microMainNav a {
	font-size: 15px;
	background-image: url(/bilder/layout/arrow_back_micro.png);
	background-repeat: no-repeat;
	background-position: right;
	display: inline-block;
	margin-right: 10px;
}

#microMainNav a:hover {
	background-position: right;
}

.microSearchContainer {
	display: none;
}

/* Fotogalerie */
.pictureGallerySmall {
	background-color: #f7f7f7;
	float: left;
	padding-top: 8px;
	padding-left: 8px;
	border-top: 1px dotted #878787;
}

.pictureSmall {
	width: 80px;
	float: left;
	background-color: #ebebeb;
	margin-right: 8px;
	margin-bottom: 8px;
}

/*Suche*/
#content .searchResult ul li {
	list-style-image: none;
	list-style: none;
}

/*Fruehhilfen*/
.fruehilfenSucheScaleUp {
	background: transparent url(/bilder/bereiche/list_link_grey.png) no-repeat right -70px;
	padding-right: 13px;
	text-decoration: none;
}
	
.fruehilfenSucheScaleDown {
	background: transparent url(/bilder/bereiche/list_link_grey.png) no-repeat right 7px;
	padding-right: 13px;
	text-decoration: none;
}

/*Bürgerbeteiligung*/
.projektListMapText {
	float: left;
	width: calc(100% - 350px);
}

.projektListMap {
	float: left;
	width: 350px;
}

#cookie-message {
    font-size:13px;
    position: fixed;
    background:#ebebeb;
    bottom: 0;
    color: #252525;
    padding: 10px;
    text-align: center;
    width: 100%;
    z-index: 99999;
    box-sizing: border-box;
}
#cookie-message p {
    color: #252525;
    font-size:13px;
    margin-bottom: 0;
}
#cookie-message p a {
    color: #252525;
    font-weight: bold;
}
#cookie-message-closer {
    background:#252525;
    color: #ebebeb !important;
    font-size:13px;
    padding: 2px 12px;
}