body { margin: 0px; padding: 0px; background-color: #e8e9e9; } /* Layout (DIV-Container) -------------------------------------------------------------- */ /* Ad */ #contentcontainer {float: left; background-color: #e8e9e9; padding: 5px 5px 5px 0px} #Ads_BA_BS {margin: 5px 0px 0px 20px; z-index: 100} #Ads_BA_CAD {margin: 5px 0px 5px 0px; z-index: 100; clear: both} #Ads_BA_CAD2 {margin: 5px 0px 5px 0px; z-index: 100; clear: both} #Ads_BA_SKY {padding: 5px 0px 0px 965px; z-index: 100} #Ads_BA_BUT {z-index: 100} #Ads_BA_BUT2 {z-index: 100} #Ads_BA_FOOT {margin: 5px 0px 5px 0px; z-index: 100} #Ads_BA_TEXT {margin: 10px 0px 10px 0px; z-index: 100} #Ads_BA_MICRO {margin: 0px; z-index: 100} #Ads_BA_MICRO2 {margin: 20px 0px; z-index: 100} * html #Ads_BA_SKY {padding: 0px; margin: 5px 0px 0px 5px; z-index: 100; float: left; clear: right} /* Fix IE6 */ *+html #Ads_BA_SKY {padding: 0px; margin: 5px 0px 0px 5px; z-index: 100; float: left; clear: right} /* Fix IE7 */ /* Top */ #top {width: 960px; height: 125px; background: url(../images/layout/bg-header.gif) no-repeat} #logo {width: 150px; height: 60px; margin: 10px 0px 0px 20px; float: left} #topinfos {float: right; margin: 10px 20px 0px 0px} * html #topinfos {margin: 10px 10px 0px 0px} /* Fix IE6 */ #topmenu {width: 900px; text-align: center; margin: 19px 0px 0px 20px} * html #topmenu {margin: 38px 0px 0px 20px} /* Fix IE6 */ *+html #topmenu {margin: 38px 0px 0px 20px} /* Fix IE7 */ /* Content 2-spaltiges Layout */ #bgcontent {width: 900px; margin: 20px 0px 0px 20px; padding: 20px; background: url(../images/layout/bg-contentop.gif) #FFFFFF no-repeat} #bgcontent-portal {width: 900px; margin: 20px 0px 0px 20px; padding: 20px; background: url(../images/layout/bg-contentop-portal.gif) #FFFFFF no-repeat} #bgcontent-magazin {width: 900px; margin: 20px 0px 0px 20px; padding: 20px; background: url(../images/layout/bg-contentop-magazin.gif) #FFFFFF no-repeat} #bgcontent-veranstaltungen {width: 900px; margin: 20px 0px 0px 20px; padding: 20px; background: url(../images/layout/bg-contentop-veranstaltungen.gif) #FFFFFF no-repeat} #contenttop {margin: 5px 0px 10px 0px} #suche {float: right} * html #suche {margin-left: 658px} /* Fix IE6 */ #menu {float: left; width: 180px; margin: 20px 0px; padding-right: 20px; border-right: 1px solid #d2d3d5} #content {width: 680px; margin: 20px 0px 20px -1px; padding-left: 18px; border-left: 1px solid #d2d3d5; float: left} /* 3-spaltiges Layout */ #content-2 {float: left; width: 460px; margin: 20px 0px 20px -1px; padding: 0px 20px 0px 18px; border-left: 1px solid #d2d3d5; border-right: 1px solid #d2d3d5} #content-3 {width: 180px; margin: 20px 0px 20px -1px; padding-left: 20px; border-left: 1px solid #d2d3d5; float: left} /* WACHSEN Layout */ #bgwachsen {width: 688px; margin: 20px 0px 20px -1px; padding-bottom: 20px; border: 6px solid #b60018; float: left} #content-wachsen {width: 648px; margin: 20px 0px 20px -1px; padding: 0px 20px; float: left} #content-2-wachsen {width: 460px; margin: 20px 0px 20px -1px; padding: 0px 20px; border-right: 1px solid #d2d3d5; float: left} #content-3-wachsen {width: 150px; margin: 20px 0px 20px -1px; padding-left: 20px; border-left: 1px solid #d2d3d5; float: left} /* TURNAROUND Layout */ #bgturnaround {width: 688px; margin: 20px 0px 20px -1px; padding-bottom: 20px; border: 6px solid #888989; float: left} #content-turnaround {width: 648px; margin: 20px 0px 20px -1px; padding: 0px 20px; float: left} #content-2-turnaround {width: 460px; margin: 20px 0px 20px -1px; padding: 0px 20px; border-right: 1px solid #d2d3d5; float: left} #content-3-turnaround {width: 150px; margin: 20px 0px 20px -1px; padding-left: 20px; border-left: 1px solid #d2d3d5; float: left} /* Footer */ #footer {width: 900px; height: 25px; margin-left: 20px; padding: 3px 20px; background: url(../images/layout/bg-footer.gif) no-repeat} /* Global Styles -------------------------------------------------------------- */ div { font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-weight: normal; font-size: 12px; color: #000000; } a {color: #b60018; text-decoration: none} a:hover {text-decoration: underline} h1 {font-size: 20px; line-height: 24px; margin: 0px} h1 a {color: #000000} h2 {font-size: 16px; line-height: 20px} h2.top {margin-top: 0px} h2 a {color: #000000} h3 {font-size: 14px; line-height: 18px; font-weight: normal} h3.top {margin-top: 0px} /* h3 {color: #99997a; font-size: 12px} */ hr {background-color: #d2d3d5; border: none; color: #d2d3d5; height: 1px} hr.bold {height: 2px; background-color: #000000; color: #000000} /* Clear/Outlines/Images/Floats */ .clear {clear: both} .float {float: left} .border {border: 1px solid #d2d3d5; padding: 5px} .float-right {float: right} a img {border: 0px} a:focus {outline: none} /* Firefox */ /* Infobubble */ a.tooltip {position:relative; z-index: 2} a.tooltip:hover {z-index: 2} a.tooltip span {display: none} a.tooltip:hover span { color: #ffffff; font-size: 11px; line-height: 14px; display: block; position: absolute; top: 20px; left: 0px; width: 180px; padding: 10px 10px 5px 10px; background: url(../images/layout/bg-bubble-red.gif) no-repeat; border-left: 2px solid #ffffff} /* Infobubble statisch */ .tooltip-s {position:relative; z-index: 1} .tooltip-s span { color: #ffffff; font-size: 11px; line-height: 14px; display: block; position: absolute; top: 20px; left: 0px; width: 180px; padding: 10px 10px 5px 10px; background: url(../images/layout/bg-bubble-red.gif) no-repeat} /* Redakteursklassen zusätzlich zu h1, h2, h3 */ .typo11 {font-size: 11px; line-height: 14px} .typo11-grau {font-size: 11px; color: #8b8b8d; line-height: 14px} .typo14 {font-size: 14px; line-height: 20px} .typo16 {font-size: 16px; line-height: 20px} .typo18 {font-size: 18px; line-height: 22px} .bildumfluss {float: left; margin: 0px 20px 10px 0px} .bildumflussklein {float: left; margin: 0px 10px 10px 0px} .bildumflussende {clear: both} .hintergrundgrau {background-color: #e8e9e9; padding: 10px; display: block} .linkgrau a {background: url(../images/layout/bg-linkgrau.gif) repeat-x #8c8d8f; padding: 10px; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none; display: block; border: 1px solid; border-color: #bbbbbb #444444 #444444 #bbbbbb} .linkgrau a:hover {border: 1px solid; border-color: #444444 #cccccc #cccccc #444444} .trennlinie {height: 1px; background-color: #d2d3d5; display: block} ul.bulletpoint {padding: 10px 0 10px 20px} * html ul.bulletpoint {margin: 10px 0} /* Fix IE6 */ *+html ul.bulletpoint {margin: 10px 0} /* Fix IE6 */ ul.bulletpoint li {background: url(../images/layout/icon-bulletpoint-red.gif) top left no-repeat; padding: 4px 0 6px 40px; margin: 10px 0; font-size: 16px; list-style: none; line-height: 20px} /* Top -------------------------------------------------------------- */ #logo a {width: 150px; height: 60px; text-decoration: none; display: block} #topinfos a {color: #8b8c8e; text-decoration: none} #topinfos a:hover {color: #000000} #topinfos a.kontakt {background: url(../images/layout/icon-kontakt.gif) no-repeat; padding-left: 20px; margin-right: 20px} #topinfos a.newsletter {background: url(../images/layout/icon-newsletter.gif) no-repeat; padding-left: 20px; margin-right: 20px} #topinfos a.rss {background: url(../images/layout/icon-rss.gif) no-repeat; padding-left: 20px} #topinfos .datum {margin-left: 20px; border-left: 1px solid #000000; padding-left: 20px} /* Top Navigation -------------------------------------------------------------- */ #topmenu a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; float: left; text-decoration: none; text-transform: uppercase; display: block } #topmenu a.nachrichten {padding-top: 5px; width: 102px; height: 25px; margin-right: 40px} #topmenu a.nachrichten:hover {background: url(../images/layout/bg-nav-nachrichten.gif) 0px 0px no-repeat} #topmenu a.secnachrichten {background: url(../images/layout/bg-nav-nachrichten.gif) 0px 0px no-repeat} #topmenu a.magazin {padding-top: 5px; width: 68px; height: 25px; margin-right: 40px} #topmenu a.magazin:hover {background: url(../images/layout/bg-nav-magazin.gif) 0px 0px no-repeat} #topmenu a.secmagazin {background: url(../images/layout/bg-nav-magazin.gif) 0px 0px no-repeat} #topmenu a.veranstaltungen {padding-top: 5px; width: 140px; height: 25px} #topmenu a.veranstaltungen:hover {background: url(../images/layout/bg-nav-veranstaltungen.gif) 0px 0px no-repeat} #topmenu a.secveranstaltungen {background: url(../images/layout/bg-nav-veranstaltungen.gif) 0px 0px no-repeat} #topmenu ul { padding: 0px; margin: 0px; } #topmenu li { display: inline; list-style-type: none; padding: 0px; margin: 0px; } /* Navigation -------------------------------------------------------------- */ #menu a { color: #000000; margin: 6px 0px; text-decoration: none; display: block; font-size: 12px; font-weight: bold; text-transform: uppercase } * html #menu a {margin: 0px 0px -8px 0px} /* Fix IE6 */ #menu a:hover,#menu a:hover.sub,#menu ul.sub a:hover,#menu a:hover.subsub {color: #b60018} #menu a.sub,#menu ul.sub a {color: #000000; font-weight: normal; margin: 6px 0px 0px 0px} * html #menu a.sub,* html #menu ul.sub a {margin: 0px 0px -8px 0px} /* Fix IE6 */ #menu a.subsub {font-size: 11px; padding-left: 10px; color: #6b6c6e; font-weight: normal; margin: 0px} * html #menu a.subsub {margin: -8px 0px} /* Fix IE6 */ #menu a.rubrik {color: #b60018; font-weight: normal} #menu ul { padding: 0px; margin: 0px; } #menu li { list-style-type: none; padding: 0px; margin: 0px 0px 0px 2px; } #menu .themenspecial {background: url(../images/layout/icon-themenspecial.gif) no-repeat 0px 3px; padding-left: 20px} #menu .joblink {background: url(../images/layout/icon-job.gif) no-repeat 5px 9px #e8e9e9; padding: 5px 5px 5px 22px} /* Navigation WACHSEN */ #menu ul.wachsen {width: 220px; background-color: #b60018; margin: 0px 0px 0px -20px; padding: 4px 0px} * html #menu ul.wachsen a {width: 180px} /* Fix IE6 */ * html #menu ul.wachsen {margin: 0px -20px 20px -20px} /* Fix IE6 */ #menu ul.wachsen a {margin: 6px 0px; padding-left: 20px; color: #ffffff; background: none; text-transform: none; font-weight: normal} * html #menu ul.wachsen a {padding-left: 30px} #menu ul.wachsen a:hover {color: #8b8c8e} #menu ul.wachsen a.start {font-weight: bold} * html #menu ul.wachsen a.start {background: none} #menu ul.wachsen a.sub {background: url(../images/layout/icon-subnav-pfeil.gif) 20px 5px no-repeat; padding-left: 30px} * html #menu ul.wachsen a.sub {background: url(../images/layout/icon-subnav-pfeil.gif) 30px 5px no-repeat; padding-left: 40px; width: 140px} /* Fix IE6 */ /* Navigation TURNAROUND */ #menu ul.turnaround {width: 220px; background-color: #888989; margin: 0px 0px 0px -20px; padding: 4px 0px} * html #menu ul.turnaround a {width: 180px} /* Fix IE6 */ * html #menu ul.turnaround {margin: 0px -20px 20px -20px} /* Fix IE6 */ #menu ul.turnaround a {margin: 6px 0px; padding-left: 20px; color: #ffffff; background: none; text-transform: none; font-weight: normal} * html #menu ul.turnaround a {padding-left: 30px} #menu ul.turnaround a:hover {color: #000000} #menu ul.turnaround a.start {font-weight: bold} * html #menu ul.turnaround a.start {background: none} #menu ul.turnaround a.sub {background: url(../images/layout/icon-subnav-pfeil.gif) 20px 5px no-repeat; padding-left: 30px} * html #menu ul.turnaround a.sub {background: url(../images/layout/icon-subnav-pfeil.gif) 30px 5px no-repeat; padding-left: 40px; width: 140px} /* Fix IE6 */ /* Umfrage Sidebar */ #menu .umfragebutton {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px 10px; color: #FFFFFF; background-color: #b60018; cursor: pointer; border: none; margin: 10px 0px} #menu .umfragebutton:hover {background-color: #000000} #menu .option {background: none; border: none} /* Content Top -------------------------------------------------------------- */ a.home {width: 20px; height: 20px; background: url(../images/layout/icon-home.gif) no-repeat; display: block; float: left} #suche form {height: 1%; margin: 0px; padding: 0px} #suche input {font-family: Arial, Helvetica, sans-serif; background-color: #e8e9e9; font-size: 12px; width: 172px; height: 14px; margin: 0px 2px 0px 0px; padding: 2px; border: 1px solid #d2d3d5; float: left} #suche input.button {width: 20px; height: 20px; background: url(../images/layout/icon-suche.gif) 0px 0px no-repeat; border: none; float: left; display: block; cursor: pointer} /* Newsticker */ #news {padding: 2px 10px; float: left; width: 550px} .newsticker ul {margin: 0px; padding: 0px; list-style-type: none} #tickerinfo {margin-left: 180px; padding: 1px 15px 1px 10px; color: #fff; background: #a2a3a4 url(../images/layout/bg-ticker-darkgrey.gif) center right no-repeat; float: left} * html #tickerinfo {margin-left: 100px} /* Fix IE6 */ /* Content -------------------------------------------------------------- */ #content .time,#content-2 .time {background: url(../images/layout/icon-uhr.gif) no-repeat 0px 1px; padding: 0px 0px 0px 15px} #content .category,#content-2 .category {background: url(../images/layout/icon-kategorie.gif) no-repeat 10px 1px; padding: 0px 0px 0px 25px} #content .themenspecial,#content-2 .themenspecial {background: url(../images/layout/bg-themenspecial-artikel.gif) no-repeat; height: 32px; display: block; text-indent: -1000px} #content .hintergrund,#content-2 .hintergrund {background: url(../images/layout/bg-hintergrund.gif) no-repeat; height: 32px; display: block; text-indent: -1000px} #content .job,#content-2 .job {background-color: #e8e9e9; padding: 5px 10px; margin-bottom: 10px} #content .jobinfo,#content-2 .jobinfo {background-color: #000000; color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 4px 4px 4px 10px; margin-left: -10px} #content .jobinfoarticle,#content-2 .jobinfoarticle {background-color: #000000; color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 4px} * html #content .jobinfo,* html #content-2 .jobinfo {padding: 4px; margin-left: 0px} /* Fix IE6 */ *+html #content .jobinfo,*+html #content-2 .jobinfo {padding: 4px; margin-left: 0px} /* Fix IE7 */ .tv {font-size: 16px; font-weight: bold; background: url(../images/layout/icon-tv.gif) no-repeat 0 2px; padding: 5px 2px 2px 22px} #content a.druck,#content-2 a.druck {background:url(../images/layout/icon-druck.gif) no-repeat; color: #8b8c8e; padding-left: 20px} #content a:hover.druck,#content-2 a:hover {color: #000000; text-decoration: none} #content .result,#content-2 .result {background-color: #f9f9a5; padding: 4px; display: block} .textcontainer img {float: left; margin: 0px 20px 10px 0px} #content .nb,#content-2 .nb {background: url(../images/layout/icon-nb.gif) top left no-repeat; padding-left: 25px; height: 20px; display: block; float: left; cursor: pointer} #content .ab,#content-2 .ab {background: url(../images/layout/icon-ab.gif) top right no-repeat; padding-right: 25px; height: 20px; display: block; float: right; cursor: pointer} td {padding: 5px 10px 5px 0px; vertical-align:top; border-bottom: 1px solid #d2d3d5} /* Artikel splitten */ ul#pages {list-style: none; padding: 0px; margin: 0px} ul#pages li {float: left; margin-left: 10px} #switchmode {float: right} /* Aboformular/Anmeldeformular WACHSEN/Anmeldeformular TURNAROUND */ #content input,#content-2 input,#content-wachsen input,#content-turnaround input {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 1px 0px 0px; padding: 4px 2px; background-color: #e8e9e9; color: #000000; border: 1px solid #d2d3d5} #content select,#content-2 select,#content-wachsen select,#content-turnaround select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #d2d3d5} #content .floatinput,#content-2 .floatinput {float: left; margin: 0px 4px 0px 0px} #content input.zemSubmit,#content-2 input.zemSubmit,#content-wachsen input.button,#content-turnaround input.button {padding: 5px 20px; color: #FFFFFF; background-color: #b60018; cursor: pointer; border: none} #content input.zemSubmit:hover,#content-2 input.zemSubmit:hover,#content-wachsen input.button:hover,#content-turnaround input.button:hover {background-color: #000000} #content ul.zemError,#content-2 ul.zemError {padding: 0px} #content .zemError li,#content-2 .zemError li {background: none; color: #b60018; padding: 0px 0px 5px 0px; margin: 0px; list-style: none} #content-wachsen input[type=checkbox],#content-turnaround input[type=checkbox] {background: none; border: none} /* Umfrage */ #content .umfragebutton,#content-2 .umfragebutton {padding: 5px 10px; color: #FFFFFF; background-color: #b60018; cursor: pointer; border: none; margin: 10px 0px} #content .umfragebutton:hover,#content-2 .umfragebutton:hover {background-color: #000000} #content .option,#content-2 .option {background: none; border: none} /* Newsletter */ .newsletter td {padding: 5px 10px 5px 0px; vertical-align:top; border-bottom: none} /* WACHSEN */ #bgwachsen .slideshow {height: 460px; width: 460px; margin-bottom: 20px} #bgwachsen .slideshow img {padding: 4px; border: 1px solid #d2d3d5; background-color: #e8e9e9} #bgwachsen .logo {background: url(../images/layout/logo-wachsen.gif) no-repeat; width: 308px; height: 42px; margin: -22px 0px 0px 16px} * html #bgwachsen .logo {margin: 20px 0px 0px 16px} /* Fix IE6 */ #bgwachsen .logo a {width: 308px; height: 42px; text-decoration: none; display: block} #logorotation {position: relative; width: 150px; height: 600px; background-color: white; overflow: hidden; border-bottom: 1px solid #d2d3d5} #logorotation img {margin: 5px 0px} /* WACHSEN Tooltip*/ #tooltip { position: absolute; z-index: 3000; background-color: #f9f9a5; padding: 20px; width: 400px; border: 2px solid #ffffff; } #tooltip h3 {color: #000000; font-size: 12px; line-height: 16px; margin: 0px} /* TURNAROUND */ #bgturnaround .logo {background: url(../images/layout/logo-turnaround.gif) no-repeat; width: 300px; height: 50px; margin: -25px 0px 0px 16px} * html #bgturnaround .logo {margin: 20px 0px 0px 16px} /* Fix IE6 */ #bgturnaround .logo a {width: 300px; height: 50px; text-decoration: none; display: block} /* Sidebar */ #content-3 .themenspecial {background: url(../images/layout/bg-themenspecial.gif) top left no-repeat #e4e1d4; padding: 60px 10px 10px 20px; margin-left: -10px} /* Footer -------------------------------------------------------------- */ #footer a {color: #e8e9e9; text-decoration: none} #footer a:hover {color: #ffffff} #footer a.impressum,#footer a.top {padding-right: 10px; border-right: 1px solid #e8e9e9} #footer a.media,#footer a.drucken {margin-left: 10px}