/*"Yet Another Multicolumn Layout" v3.3 (c) by Dirk Jesse (http://www.yaml.de) * $Revision: 480 $ $Date: 2010-10-12 21:56:55 +0200 (Di, 12 Okt 2010) $ */ @media all{*{margin:0;padding:0}option{padding-left:0.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:0.8em}dt{font-weight:bold}dd{margin:0 0 1em 0.8em}blockquote{margin:0 0 1em 0.8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{display:table;width:100%}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks a.skip:focus,#skiplinks a.skip:active{left:32768px;outline:0 none;position:absolute;width:100%}} @media screen,projection{#col1{float:left;width:20%}#col2{float:right;width:20%}#col3{width:auto;margin:0 20%}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{display:table;width:100%;table-layout:fixed}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 0.5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{table-layout:fixed}.equalize > div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}} @media print{.subcolumns,.subcolumns > div{overflow:visible;display:table}.print{position:static;left:0}.noprint{display:none !important}} @media screen, projection { body { overflow-y: scroll; } body { background: #fff; color: #D63804; padding: 10px 0; font-family: Arial, Helvetica, sans-serif;} .page_margins { margin: 0 auto; font-size: 80%;} .page_margins { width: auto; min-width: 965px; max-width: 965px; background: #fff; } .page { background: url("https://media.essen.de/media/integration_interkommunal/technik_3/css_18/images_29/Unbenannt.jpg") repeat-y;} #header { height: 100px;} #nav { overflow:hidden; clear: both;} #main { margin: 10px 0; } #banner { float: right;} #col1 { float: left; width: 225px; margin:0 } #col2 { float: right; width: 225px; margin:0 } #col3 { width: auto; margin: 0 225px 0 225px} #col1_content { padding: 0 } #col2_content { padding: 0 } #col3_content { padding: 0 15px } #footer { } } #col2 a, #col2 a:link, #col2 a:visited, #col2 a:active, #col2 a:hover, #col2 a:focus { color: #003165; text-decoration: none; } .metanav a:hover, .metanav a:focus { color: #000; } #col3 a, #col3 a:link, #col3 a:visited, #col3 a:active, #col3 a:hover, #col3 a:focus { color: #D63804; text-decoration: none; } #col3 a:hover, #col3 a:focus { text-decoration: underline; } #col2 ul, #col2 ul li { list-style-type: none; } #col2 ul li { color: #D63804; } #col2 ul li a:link { color: #D63804; text-decoration:underline; } #col2 ul { margin-left: 6px; } #col2 .mediumLink { margin: 0; padding: 0; } div.dlIcon { float:left; width:20px; } div.dlLink { margin-left: 22px; font-size: 10px; } h1 { font-size: 170%; padding-bottom: 0.37em; padding-top: 0.2em; } h2 { font-size: 125%; margin-top: 3px; } h3 { font-size: 100%; margin-top: 3px; } .dreierteaser, .center { display: block; width: auto; height: 15px !important; max-height: 25px !important; color: white; text-align: center; font-size:105%; background-color: #D63804; margin-bottom: 6px; padding-top: 4px; padding-bottom: 6px; } .subcolumns p { margin-top: 5px !important; } .subcolumns a { text-decoration: underline !important; } #col2 h3 { margin: 0 0 0 5px; } .fliesstextklein { font-size: 80%; } #suchform div { } .suchform_links { float: left; height: 21px; width: 15px; } .suchform_rechts { margin: 0 0 0 15px; } #SearchExpression { width: 205px; height: 17px; } p { margin: 1em 0; } .bspace { margin-bottom: 16px; } .news { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px dotted #8DA9DC; } .news_bordernone{ border-bottom: none; } .contextContainer { margin-bottom: 4px; } #col3_content .headerimg{ margin-bottom: 1em; } .metanav { font-size: 100%; margin: 0px 0px 16px 5px; padding: 0; list-style-type: none; list-style-position: outside; clear: both; } ul.metanav li{ display: inline; float: left; margin: 0; padding: 0px 3px; list-style-type: none; line-height: 1em; list-style-position: outside; } .metanav li.border { border-right: 1px solid #8DA9DC; } .sm_ebene1_1,.sm_ebene1_2,.sm_ebene1_3,.sm_ebene1_4,.sm_ebene1_5{ font-weight:bold; } .sm_ebene2{ padding-left:0.9em; } .sm_ebene3{ padding-left:1.9em; } table { border-spacing: 0px 0px; width: 100%; border: 0 none; } td, th { border: 0 none; } caption { font-weight: bold; padding-bottom: 0.5em; text-align: left; } th.kopfzeile { background-color: #BDCADD; } td.even, .infobox .even { background-color: #E6EAF1; } .wob { background-color:#eee; margin-left: 0 !important; } .wob a { color: #D63804 !important; } .einzelbild { border-bottom: 2px solid #888; padding-bottom: 7px; } .gallery, .floatl{ float: left; } .gallery{ padding-left: 10px; } .i3er img{ margin-right: 20px !important; } .dreierteasercontainer div img { width:100%; height: auto; } @media all { .hlist { width:100%; height:25px; overflow:hidden; float:left; display:inline; position:relative; background:#D63804; line-height:0; } .hlist ul { margin:0; padding:0; display:inline; float:left; } .hlist ul li { border-right:1px #BEC9DF solid; display:inline; float:left; font-size:1.0em; line-height:1em; list-style-type:none; margin:0; padding:0; } .hlist ul li a, .hlist ul li strong { background:transparent; color:#FFF; display:block; font-size:1em; font-weight:bold; margin:0; padding: 0.25em 0.45em; text-decoration:none; width:auto; } .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active { background:#BEC9DF; color:#003165; text-decoration:none; outline: 0 none; } .hlist ul li.active { background:#BEC9DF; border-left:1px #BEC9DF solid; border-right:2px #BEC9DF solid; color: #003165; } .hlist ul li.active strong, .hlist ul li.active a, .hlist ul li.active a:link, .hlist ul li.active a:focus, .hlist ul li.active a:hover, .hlist ul li.active a:active, .hlist ul li.active a:visited { background:transparent; color: #0f0; text-decoration:none; } } @media all { h6.vlist { padding:3px 0px 3px 1em; font-size: 100%; margin:0; background-color:#eee; color:#D63804; border-bottom: 2px #888 solid; } .vlist { width:100%; overflow:hidden; margin:0 0 1.5em 0; list-style-type:none; } .vlist ul { list-style-type:none; margin:0; padding:0; } .vlist li { float:left; width:100%; margin:0; padding:0; } .vlist a, .vlist strong, .vlist span { display:block; padding:3px 0px 3px 10%; text-decoration:none; border-bottom:1px #eee solid; } .vlist a, .vlist a:visited { color:#444; } .vlist li span { display:block; font-weight:bold; border-bottom:1px #eee solid; } .vlist li a, .vlist li strong, .vlist li span { width:90%; padding-left:10%; } .vlist li ul li a, .vlist li ul li strong, .vlist li ul li span { width:80%; padding-left:20%; } .vlist li ul li ul li a, .vlist li ul li ul li strong, .vlist li ul li ul li span { width:70%; padding-left:30%; } .vlist li ul li ul li ul li a, .vlist li ul li ul li ul li strong, .vlist li ul li ul li ul li span { width:60%; padding-left:40%; } .vlist li a, .vlist li a:visited { background-color: #eee; color: #D63804; } .vlist li.active strong { background-color: #D63804; color: #fff; font-weight:bold; } .vlist li a:focus, .vlist li a:hover, .vlist li a:active { background-color: #D63804; color: #fff; font-weight:bold; } .vlist li ul li a, .vlist li ul li a:visited { background-color: #eee; color: #D63804; } .vlist li ul li.active strong { background-color: #eee; color: #D63804; font-weight:bold; } .vlist li ul li a:focus, .vlist li ul li a:hover, .vlist li ul li a:active { background-color: #eee; color: #D63804; } } /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(https://media.essen.de/media/global/layout_2/images_2/slimbox_1/global_slimbox_loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(https://media.essen.de/media/global/layout_2/images_2/slimbox_1/global_slimbox_prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(https://media.essen.de/media/global/layout_2/images_2/slimbox_1/global_slimbox_nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(https://media.essen.de/media/global/layout_2/images_2/slimbox_1/global_slimbox_closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /* * jQuery Nivo Slider v3.0.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index: 99; cursor: pointer; display: block; width: 30px; height: 30px; text-indent: -9999px; border: 0; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; background-position: -30px 0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } div.jquery_slider_arrows div.nivo-directionNav a { background: url(https://media.essen.de/media/global/layout_2/images_2/jquery_slider/jquery_slider_arrows.png) no-repeat; } div.jquery_slider_arrows_white div.nivo-directionNav a { background: url(https://media.essen.de/media/global/layout_2/images_2/jquery_slider/jquery_slider_arrows_white.png) no-repeat; } div.jquery_slider_arrows_large div.nivo-directionNav a { background: url(https://media.essen.de/media/global/layout_2/images_2/jquery_slider/jquery_slider_arrows_large.png) no-repeat; } .nivo-nextNav { background-position: -30px 0px !important; } .nivoSlider a.nivo-imageLink { background-color:#fff; filter: alpha(opacity=0); /*non ie*/ opacity: 0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; }