/* cssP-1.0 */
@font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: url('/extern/fonts/open-sans-condensed-v15-latin-700.eot'); src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('/extern/fonts/open-sans-condensed-v15-latin-700.eot?#iefix') format('embedded-opentype'), url('/extern/fonts/open-sans-condensed-v15-latin-700.woff2') format('woff2'), url('/extern/fonts/open-sans-condensed-v15-latin-700.woff') format('woff'), url('/extern/fonts/open-sans-condensed-v15-latin-700.ttf') format('truetype'), url('/extern/fonts/open-sans-condensed-v15-latin-700.svg#OpenSansCondensed') format('svg'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('/extern/fonts/lato-v17-latin-regular.eot'); src: local('Lato Regular'), local('Lato-Regular'), url('/extern/fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), url('/extern/fonts/lato-v17-latin-regular.woff2') format('woff2'), url('/extern/fonts/lato-v17-latin-regular.woff') format('woff'), url('/extern/fonts/lato-v17-latin-regular.ttf') format('truetype'), url('/extern/fonts/lato-v17-latin-regular.svg#Lato') format('svg'); } * { font-family:Lato,Arial,sans-serif; } html {} body { background : #FFFFFF; } body.cwfilter { background:#FFFFFF; } body.cwpopup { margin:15px 15px 15px 15px } .hundred{ width : 100px; } a { margin : 0; padding : 0; color : #162F7F; text-decoration : none; } a:hover { text-decoration : underline; } img { border : 0; } div.frame { width : 100%; text-align: center; margin: 0 auto;} div.page { max-width : 1000px; width : 100%; text-align : left; border : 0 solid #fff; background : #FFFFFF; margin: 0 auto;} div.bg1, div.bg2, div.bg3, div.bg4 { width : 100%; margin : 0; } div.side-bg { z-index : 999; position : absolute; top : 1; left : 1010px; } div.side-bg-top { position : absolute; left : 0px; top : 0px; z-index : 99999; } div.tailer { zoom : 100%; display:none; } div.header { } div.logo { float : left; padding : 0 0 10px 0; } p.logo { display : block; background : url(/pics/layout/image_1601480325103.jpeg) no-repeat top left; border : 2px solid #FFFFFF; border-width : 2px 0; float : left; } p.logo a { display : block; width : 202px; height : 173px; text-decoration : none; } p.logo span { display : none; } .header-img { width : 1px; height : 1px; float : left; } div.hmenu { clear : both; color : #FFFFFF; font-size : 1em; text-align : center; height : 37px; position : relative; z-index : 99; } div.hmenu-workspace { display : block; } ul.hmenu1{ list-style-type : none; display : inline; float : left; width : 100%; } ul.hmenu2 { position : absolute; list-style-type : none; width : 100%; color : #FFFFFF; background : #4AA864; display : none; border-bottom : 2px solid #FFFFFF; top : 46px; } ul.hmenu3 { display : none; position : absolute; left:100%; } li.hmenu1 { position : relative; display : inline; float : left; margin-right :0.2%; width:19.8%; } li.hmenu1-last { width:20%; margin-right:0; } li.hmenu2 { float : left; position : relative; border-bottom : 1px solid #FFFFFF; width:100%; } li.hmenu3 { display : block; width : 200px; text-align : left; } a.hmenu { display : block; float : left; padding : 1px 10px; font-size : 1em; text-decoration : none; background : #D6D7DD; } a.hmenu:hover { text-decoration : none; } a.hmenu1 { width : 100%; padding : 10px 0; color : #FFFFFF; background : #4AA864; border-bottom : 2px solid #FFFFFF; font-weight:300; font-size:1.2em; height:46px; box-sizing:border-box; } a.hmenu1:hover { text-decoration : none; color : #FFFFFF; } a.hmenu1-active { color : #FFFFFF; background : #4AA864; } a.hmenu2{ color : #FFFFFF; background : none; padding : 10px; width : 175px; text-align : left; } a.hmenu2:hover{ text-decoration : none; } a.hmenu2 img{ vertical-align : bottom; } a.hmenu3{ color : #FFFFFF; width : 165px; background : #4AA864; padding : 5px 15px; font-size : 0.9em; } a.hmenu3:hover{ text-decoration : underline; } div.main { clear : both; text-align : center; padding-top : 20px; position : relative; } * html div.main { height : 480px; position : relative; } div.breadcrumb { width : 100%; height : 1.4em; margin : 0 auto 2px; } span.breadcrumb-infotext { display : block; float : left; padding : 3px 5px; font-size : 0.75em; } div.breadcrumb UL { display : inline; list-style-type : none; } div.breadcrumb LI { display : inline; float : left; } a.breadcrumb { display : block; float : left; margin : 0; color : #888888; font-size : 0.75em; text-decoration : none; } a.breadcrumb1,a.breadcrumb2,a.breadcrumb3,a.breadcrumb4 { padding-left : 3px; } a.breadcrumb-choiced { color : #377fbd; } div.vmenu, div.cmenu { display: none; float : right; width : 0px; overflow : hidden; padding-top : 7px; position : relative; z-index : 99; } div.vmenu-workspace, div.cmenu-workspace { margin: 0 0 16px 0; } ul.vmenu1, ul.vmenu2, ul.vmenu3, ul.vmenu4, ul.cmenu1, ul.cmenu2, ul.cmenu3, ul.cmenu4 { list-style-type: none; } li.vmenu1, li.vmenu2, li.vmenu3, li.vmenu4, li.cmenu1, li.cmenu2, li.cmenu3, li.cmenu4 { display: inline; } a.vmenu, a.cmenu { display : block; margin : 0 0 1px; padding : 4px 5px 2px; font-size : 0.9em; text-align : left; text-decoration : none; background : #D6D7DD; border-bottom : 1px solid #d4d4d4; } a.vmenu:hover, a.cmenu:hover { color: ; } a.vmenu1, a.cmenu1 { padding : 8px 10px 8px 30px; color : #4F4F4F; background : #FFFFFF; } a.vmenu1:hover, a.cmenu1:hover { text-decoration : none; color : #4F4F4F; background : #FFFFFF; } a.vmenu1-active, a.cmenu1-active { font-weight : 700; color : #4AA864; background : #FFFFFF} a.vmenu2, a.cmenu2 { padding : 8px 10px 8px 50px; font-weight : 400; color : #4F4F4F; background : #FFFFFF; } a.vmenu2:hover, a.cmenu2:hover { color : #4F4F4F; background : #FFFFFF url(/pics/marker_an.gif) no-repeat 5px 6px; } a.vmenu2-active, a.cmenu2-active { color : #4AA864; font-weight : 700; background : #FFFFFF url(/pics/marker_an.gif) no-repeat 5px 6px; } a.vmenu3, a.cmenu3 { padding : 8px 10px 8px 60px; font-weight : 400; color : #4F4F4F; background : #FFFFFF; } a.vmenu3:hover, a.cmenu3:hover { color : #4F4F4F; background : #FFFFFF url(/pics/marker_an.gif) no-repeat 10px 6px; } a.vmenu3-active, a.cmenu3-active { color : #4AA864; background : #FFFFFF url(/pics/marker_an.gif) no-repeat 10px 6px; } a.vmenu4, a.cmenu4 { padding : 8px 10px 8px 70px; font-weight : 400; color : #4F4F4F; background : #FFFFFF; } a.vmenu4:hover, a.cmenu4:hover { color : #4F4F4F; background : #FFFFFF url(/pics/marker_an.gif) no-repeat 15px 6px; } a.vmenu4-active, a.cmenu4-active { font-weight : 700; color : #4AA864; background : #FFFFFF url(/pics/marker_an.gif) no-repeat 15px 6px; } div.container { display: none; float : right; width : 0px; margin : 0 0 0 0; text-align : left; } .is_home div.container { display:none; } div.container-left { float : left; width : 100%; position : relative; z-index : 999; } div.container-right { position : relative; z-index : 99; float : right; width : 0px; } div.container-menu { width: 0px; } div.container-bottom { width: 100%; } div.container-bottom h3.container { font-size : 1.1em; } div.container-bottom div.container-content { padding : 3px 0; } div.container-bottom .container-workspace, div.container-bottom .container-headline, div.container-bottom .container-content, div.container-bottom h3.container { background : none; border : none; color : #888888; } div.container-left div.container-workspace,div.container-bottom div.container-workspace{ width : 31%; margin-right : 3.499%; } div.container-left div.container-workspace-last,div.container-bottom div.container-workspace-last{ margin-right : 0 !important; } div.container-left div.container-content { padding : 3px 0; } .jcarouselhead { position: relative; overflow: hidden; height: 500px; width:1500px; } .jcarouselhead .headerbilder { width: 3000px; position: absolute; list-style: none; margin: 0; padding: 0; overflow: hidden; } .headerbild { width : 1500px; float : left; overflow: hidden; } .headerleiste { position : absolute; overflow : hidden; top : 144px; width : 100%; } .headerleiste div.bx-wrapper { border-bottom : 5px solid #162F7F; } .headerbilderframe { float : left; position : relative; height : 550px; } .headerbild img { display:block; } .jcarousel { position: relative; height: 280px; } .jcarousel .container-top { width: 2000px; position: absolute; list-style: none; margin: 0; padding: 0; } .bx-next{ position : absolute; right : -50px; top : 100px; background : #FFF; font-weight : 700; font-size : 2em; padding : 1px 10px 3px 10px; } .bx-prev{ font-size : 2em; font-weight : 700; position : absolute; left : -50px; top : 100px; background : #FFF; padding : 1px 10px 3px 10px; } .jcarousel-next{ position : absolute; right : 6px; top : 100px; } .jcarousel-prev{ position : absolute; left : -24px; top : 100px; } div.containerleiste { position : absolute; width : 100%; top : -200px; z-index : 9999; box-shadow : 0px 0px 10px 10px rgba(255,255,255,0.6); background : rgba(255,255,255,0.6); } div.containerleiste-head{ display : block; font-size : 1.5em; padding : 6px 0; } div.container-top { } div.container-top div.container-workspace{ width : 308px; height : 270px; background : #FFFFFF; margin-right : 15px; box-shadow : 0 0 3px #888; position : relative; border : 1px solid #E9E9E9; } div.container-top div.container-content { margin : 0 5px; font-size : 0.9em; } div.container-top div.containerimage{ margin-left :-6px; height : 130px; max-width : 300px; width : 104%; overflow : hidden; } div.container-workspace { text-align : left; float : left; width : 100%; margin : 0 0 16px 0; } div.container-headline { width : 100%; padding : 7px 0; font-weight : 700; text-decoration : none; border-bottom : 2px solid #4AA864; overflow : hidden; color : #4AA864; text-align : left; } div.container-content { padding : 3px 5px; font-size : 0.80em; color : #384D60; } div.container-content a { color: #384D60; text-decoration : none; } div.container-content a:hover { text-decoration : underline; } h3.container { font-weight : 400; display : inline; font-size : 1.2em; color : #4AA864; } img.border-image { float: left; } a.containerURL { font-size : 1.2em; } div.containterevent{ padding : 12px 0; border-bottom : 2px solid #EBEBEB; float : left; width : 100%; height : 100px; font-size : 1.1em; } div.tagcloud { font-size : 1.2em; padding : 12px 0; } div.content { width:100%; text-align : left; float : left; } .is_home div.content { width:100%; margin-top : 20px; } div.content-wrap { float : left; width : 100%; margin : 0 auto; position : relative; z-index : 999; } div.content-workspace { margin : 0 auto 16px auto; } div.content-workspace ol, div.content-workspace ul, div.content-workspace li { margin-left: 17px; } div.content-workspace ol li, div.content-workspace ul li { margin-left: 0; } div.content-header { color : #FFFFFF; text-align : left; font-weight : 700; margin-right : 15px; display:none; } div.content-text { height : 100%; padding : 2em 0; color : #555555; text-align : left; font-size : 1.1em; line-height : 1.6em; min-height : 100px; } h3.content-title { display : inline; color : #162F7F; font-size : 2.1em; } h1.content-title { display : inline; color : #162F7F; font-size : 40pt; font-family : 'Open Sans Condensed',sans-serif; } div.sil-bg { position : absolute; top : -190px; height : 190px; width : 100%; } div.silhouette { position : relative; background : #ebebeb; height : 300px; margin-top : -40px; } div.footer { clear : both; height : 1.4em; margin : 0; font-size : 1.1em; color : #555555; text-align : left; position : relative; z-index : 100; } div.fusszeile { font-size : 0.6em; } div.fusszeile a { float : none; padding : 0; display : inline; } div.paging-inlay{ text-align : center; height : 18px; position : relative; z-index : 999; } span.paging { color : #555555; padding: 3px; } .paging { } span.site-of-pager{ padding-right : 8px; } span.jump-to-pager{ padding-left : 8px; } span.backlink-pager a, span.forlink-pager a{ vertical-align : text-top; } input.jump-to-pager{ margin-top : -2px; text-align : center; width : 25px; padding : 0px !important; } input.submit-pager{ height : 20px; vertical-align : top; } .border1 { border: 1px solid #D6D7DD; } div.form-begin { } input, textarea, select, .eventtext, .firmentext { vertical-align:baseline; } textarea, input.text, input[type="text"], input[type="email"], select { border: 1px solid lightgray; padding:0.5em; box-sizing:border-box; } input.button { color : #555555; border : 1px outset ; } option { color : #555555; background : #FFFFFF; } button { color : #555555; border : 1px solid #D6D7DD; } fieldset { margin : 10px 0; padding : 5px 10px; } legend { padding : 2px 10px; border : 1px solid #D6D7DD; } div.form-fieldset-inlay { padding : 3px 7px; background : #D6D7DD; } #submit_kontakt_form{ border : 0px !important; } * HTML #submit_kontakt_form{ border : 0px !important; margin-top : 1px; } .tab-container { width : 100%; background : #FFFFFF; margin-bottom : 16px; } .tab { border : 1px solid #D6D7DD; border-bottom : 0px; cursor : pointer; float : left; height : 15px; margin-right : 6px; padding : 4px; text-align : center; } .tab-active{ border : 1px solid #D6D7DD; border-bottom : 0px; cursor : pointer; float : left; height : 15px; margin-right : 6px; padding : 4px; text-align : center; background : #D6D7DD; } #tab-content { clear : both; padding : 5px; } #around-content { border : 1px solid #D6D7DD; clear : both; } #around-content .container-workspace .container-headline{ display : none; } #around-content .container-workspace { font-size : 1.4em; } .tab-left{ float : left; } .tab-right{ float : left; } .error { color : #FF0000; } div.container-acceskeys{ margin : 0em auto; overflow : hidden; color : #000080; } span.container-acc-nodisplay{ position : absolute; overflow : hidden; left : -1000px; top : -1000px; height : 0px; width : 0px; } ul#container-acc-ul{ list-style : none; margin : 0 auto; text-align : center; width : 60%; display : block; } li#container-acc-li{ border : 1px solid #6F6F6F; float : left; margin : 0 2px 2px 0; list-style : none; text-align : center; } li#acc-more-info{ float : left; margin : 0 2px 2px 7px; padding : 2px 0px 2px; list-style : none; background : none ; border : none; } span.container-acc-deak{ width : 3em; float : left; padding : 2px 0px 2px; color : #555555; } div.container-acceskeys a.acc-link { color : #555555; width : 3em; display : block; text-decoration: none; padding : 2px 0px 2px; background : #D6D7DD; } li#container-acc-li a:hover{ color : #FFFFFF; text-decoration: none; background : #BF0000; } li#container-acc-li a:visited{ text-decoration: none; color : #FFFFFF; background : #FF0000; } li#container-acc-li a:focus{ text-decoration: none; color : #FFFFFF; background : #000080; } li#acc-more-info a.acc-link-more{ width : 6em; background : none; } strong.acc{ color : #000080; } strong.acc:hover{ color : #FF0000; } strong.acc em{ color : #FF0000; } strong.acc em:hover{ color : #000080; } .cwfilter div.content-header { color:#FFFFFF; } div.logotext{ margin-bottom :0; margin-left :150px; margin-right :0; margin-top :0; position :absolute; height : 173px; } .registry-office-children { margin-left : 10px; } .registry_pics{ width : 30%; height : 150px; } .padtenleft{ padding-left : 10px; } .twentyfivepercent{ width : 25%; } div.intro-frame{ padding : 10px 0 0 0 ; display : block; float : left; margin-left : -10px; } div.introdu div.content-text { min-height : 0; } div.introdu1 { width : 307px; height : 285px; float : left; font-size : 1.1em; line-height : 1.6em; box-shadow: 0 2px 5px #888; padding : 10px; position : relative; border : 1px solid #E9E9E9; } div.introdu-line{ float : left; padding-bottom : 10px; margin-bottom : 10px; } div.introdutrenner{ float : left; width : 674px; } div.introdu-left{ margin-right : 16px; } div.introdu1 h3.content-title{ color :ACTIVEMENUBGCOLOR; font-size : 2em; } div.introdu1 div.content-header { padding : 10px 0 5px 0; border : none; background : none; line-height : 2.1em; } div.intro-frame div.medien-tpl-cont-top { border : none; padding : 0 0 8px; font-size : 0.75em; } .mehrerfahren { position : absolute; bottom : 10px; right : -2px; width : 150px; height : 14px; background : #162F7F; padding : 8px 10px 16px 0; font-size : 0.85em; text-align : right; } .mehrerfahren a { color : #FFF; text-decoration : none; } .mehrecke { position : absolute; bottom : 0; right : -10px; } .mehrerfahren-start { position : absolute; bottom : 10px; right : -2px; width : 150px; height : 14px; background : #162F7F; padding : 12px 10px 12px 0; font-size : 0.55em; text-align : right; } .mehrerfahren-start a { color : #FFF; text-decoration : none; } .mehrecke-start { position : absolute; bottom : 0; right : -6px; } div.artikelcontainerimage { float : left; margin-right : 3%; width : 30%; height : 88%; background-size:cover; background-position:center center; } .magazinContainerTitle { font-size : 1.05em; font-weight : 400; color : #384D60; text-decoration : none; } div.magazinContainer { float : left; } .magazinContainerText { color : #384D60; text-decoration : none; } .containerartikel a { text-decoration : none; } .containerartikel { width : 100%; padding : 12px 0; float : left; border-bottom : 2px solid #EBEBEB; height : 100px; } .magazinetitle { font-size : 1.1em; } a.magazinmehr { font-size : 1em; } .containerText, .eventdatelink { font-size : 1.05em; } div.containterevent span.containerText { padding-top : 3px; } div.metalinks { float : right; width : 400px; padding-top : 15px; font-size : 1em; } div.demoversion { padding-top : 15px; float:right; text-align:right; font-size : 0.7em; color : #162F7F; } div.textgroesse, div.sitemap-link, div.languages { padding-right : 12px; } div.sitemap-link, div.languages { padding-top : 4px; } div.textgroesse { padding-top : 1px; } div.languages a { padding:0 1px; } .searchbox { font-size : 0.9em; } .searchbox input { background : none; font-size : 0.9em; color : #555555; } .searchbox .fa-search { font-size : 1.2em; background : #FFF; } .searchbox button { background : #FFF; border : none; position : absolute; top : 3px; right : 7px; cursor:pointer; padding :0; } .searchboxform { position : relative; } .picturetext { padding-left : 2px; } .eventurl, .picturetext, em.galerieHeadline { font-size : 1em; } div#widgetcolumn-1 { border : 1px solid #000; border-radius : 3px; } div.peoplewidget { border-radius : 3px; background : #FFF; box-shadow : 0 0 3px #555; } div.chatmessage textarea { height : 16px; } div.peoplewidget { width : 195px; } #widgetcolumn0, #widgetcolumn1, #widgetcolumn2 { width : 195px; } #widgetcolumn-1 { width : 195px; left : -200px; } .mobilmenu { display : none; } .ui-autocomplete { background:#FFF; z-index:99999; font-size:0.9em; } .noprint { display:none; } .micrositetop div#vmenu { display:none; } .micrositetop div.container-right { display:none; } .micrositetop div#container { display:none; } .micrositetop div.content { width:100%; }