body { background: url('/_img/bg.png') #4F6169 repeat-x top left; color: #3b515a; font: 13px/140% Arial,Helvetica,sans-serif; } b, strong { font-weight: 900; } i,em { font-style: italic; } a, a:visited, a:link, a:hover, a:focus, a:active { color: #3b515a; text-decoration: underline; } sup { vertical-align: super; font-size: 80%; } .left { float: left; } .right { float: right; } .hide { display: none; } #printVER { display: none; } #body { width: 900px; margin: 0px auto; background: #fff; border: 2px #fff solid; border-top: 0px; } #header { background: url('/_img/header.png') transparent no-repeat top left; height: 100px; position: relative; } #logo { position: absolute; left: 17px; top: 27px; height: 60px; width: 530px; display: block; } #sitemap, #english, #header span { font: 100 9px/100% Arial,Helvetica,sans-serif; text-decoration: none; position:absolute; top: 10px; } #sitemap { right: 72px; } #english { right: 17px; } #header span { right: 64px; top: 9px; } #mainNav { background: #fff; height: 44px; overflow: hidden; } #mainNav a.mNavEntry { float: left; height: 44px; width: 138px; margin-right: 2px; background: url('/_img/mainNav/aktuell.png') transparent no-repeat top left; } #mainNav a.mNavEntry.active { background-position: bottom left; } #mainNav a.mNavEntry span { display: none; } #mainNav a.mNavEntry#akt { background-image: url('/_img/mainNav/aktuell.png'); } #mainNav a.mNavEntry#bil { background-image: url('/_img/mainNav/bildungsinfo.png'); } #mainNav a.mNavEntry#mag { background-image: url('/_img/mainNav/magazin.png'); } #mainNav a.mNavEntry#the { background-image: url('/_img/mainNav/themen.png'); } #mainNav a.mNavEntry#ser { background-image: url('/_img/mainNav/service.png'); } #mainNav .searchBox { float:left; padding: 11px 10px; /* 7px 11px; */ background: #64808b; margin: 0px; width: 180px; height: 20px; _width: 200px; _height: 40px; } #mainNav .searchBox form fieldset { width: 180px; height: 20px; margin: 0px; padding: 0px; } legend { display: none; } .sInput { font: 11px/110% Verdana,sans-serif; width: 105px; border: 1px #3C525B solid; height: 17px; padding: 1px 0px 0px 5px; margin-right: 10px; vertical-align: top; _height: 18px; } .ssBtn { vertical-align: middle; } #content { overflow: hidden; background: url('/_img/bgcontent.png'); } #content .leftContent { float: left; width: 698px; background: #e7ebec; min-height: 690px; margin-right: 2px; } #content .leftContent .subNav { background: #cfcfcf; min-height: 20px; padding: 15px 25px 15px 24px; } #content .leftContent .subNav div { overflow: hidden; } .sNavEntry, .sNavEntry:visited, .sNavEntry:link { float: left; width: 207px; height: 12px; padding: 4px; font: 12px/100% Arial,sans-serif; margin: 0px 2px 2px 0px; background: #6c6c6c; color: #fff; text-decoration: none; text-transform: uppercase; } .sNavEntry.L { margin-right: 0px; } .sNavEntry:hover, .sNavEntry:focus, .sNavEntry:active, .sNavEntry.active, .sNavEntry.L.active { background: #fff; color: #6c6c6c; } /* main :: content */ #content .leftContent .iLeftContent { overflow: hidden; min-height: 690px; position: relative; } .iLeftContent .subSubNav { background: #cfcfcf; min-height: 100px; width: 200px; float:left; } .magCover { text-align: center; padding: 5px 0; position: relative; } .magCover span.magOverlay { display: none; } .magCover:hover span.magOverlay { display: block; position: absolute; z-index: 100; background:#333; left: 27px; right: 27px; bottom: 15px; font-size: 70%; color:#fff; } ul.ssNav { /* text-indent: 24px; */ } ul.ssNav li { display: block; background: url('/_img/btn_icn/icn_sub_1.png') transparent no-repeat 13px 7px; } ul.ssNav li a { display: block; min-height: 21px; padding: 2px 0px 2px 0px; color: #fff; font: 100 13px/130% Arial,sans-serif; text-decoration: none; background: url('/_img/trennlinie_sub_nav.png') transparent no-repeat bottom left; } ul.ssNav li a span { display: block; padding-left: 24px; padding-bottom: 2px; } ul.ssNav li ul { text-indent: 0px; background: #999; } ul.ssNav li ul li { display: block; background: url('/_img/btn_icn/icn_sub_2.png') transparent no-repeat 24px 7px; } ul.ssNav li ul li a { display: block; min-height: 21px; padding: 2px 0px 2px 0px; color: #fff; font: 100 11px/130% Verdana,sans-serif; text-decoration: none; background: url('/_img/trennlinie_sub_nav.png') transparent no-repeat bottom left; } ul.ssNav li ul li a span { display: block; margin-left: 12px; padding-bottom: 2px; } ul.ssNav li a:hover, ul.ssNav li a.active, ul.ssNav li ul li a:hover span, ul.ssNav li ul li a.active span { font-weight: 900; } ul.ssNav ul.sssNav li ul li { display: block; background: url('/_img/btn_icn/icn_sub_2.png') transparent no-repeat 36px 7px; } ul.ssNav ul.sssNav li ul li a { display: block; min-height: 21px; padding: 2px 0px 2px 0px; color: #fff; font: 100 11px/130% Verdana,sans-serif; text-decoration: none; background: url('/_img/trennlinie_sub_nav.png') transparent no-repeat bottom left; } ul.ssNav ul.sssNav li ul li a span { display: block; margin-left: 24px; padding-bottom: 2px; } ul.ssNav ul.sssNav ul ul li { display: block; background: transparent; } ul.ssNav ul.sssNav ul ul li a { display: block; min-height: 21px; padding: 2px 0px 2px 0px; color: #fff; font: 100 11px/130% Verdana,sans-serif; text-decoration: none; background: url('/_img/trennlinie_sub_nav.png') transparent no-repeat bottom left; } ul.ssNav ul.sssNav ul ul li a span { display: block; margin-left: 36px; padding-bottom: 2px; } .contentBlock { min-height: 100px; width: 498px; float:left; } .contentBlock.wide { width: 568px; padding: 0px 65px; } .contentBlock .contentBlockInner { padding: 30px 25px; } .contentBlock.wide .contentBlockInner { padding: 30px 0px; } .genericBlock { margin: 0px 0px 20px 0px; } .noMargin, .genericBlock.noMargin h1.bigHead { margin: 0px !important; } .genericBlock.line { padding: 0px 0px 20px 0px; background: url('/_img/trennlinie_content.png') transparent no-repeat bottom left; } .genericBlock h1.bigHead { font: 900 15px/140% Arial,Verdana,sans-serif; margin: 0px 0px 15px 0px; } .genericBlock h1.bigHead.upper { text-transform: uppercase; } .genericBlock h1.greyHead { font: 100 15px/140% Arial,Verdana,sans-serif; background: url('/_img/btn_icn/icn_highlight.png') #dcdcdc no-repeat 10px center; padding: 10px 10px 10px 26px; margin-bottom: 15px; color: #3b515a; } .genericBlock h2, .genericBlock a.h2 { font: 900 13px/140% Arial,sans-serif; margin: 0px 0px 10px 0px; } .genericBlock a.h2, .genericBlock a.h2:hover, .genericBlock a.h2:visited, .genericBlock a.h2:focus { text-decoration: underline; margin: 0px 0px 5px 0px; display: inline-block; } .genericBlock div.fText { font: 100 13px/140% Arial,sans-serif; } .genericBlock div.fText h3 { font-weight: 900; margin: 0px 0px 10px 0px; } .genericBlock div.fText img { margin: 0 15px 15px 0; } .listBlock { margin: 0px 0px 20px 0px; padding: 0 0 0 0px; } .listBlock.line { padding: 0px 0px 20px 0px; background: url('/_img/trennlinie_content.png') transparent no-repeat bottom left; } .listBlock ul { list-style-position: outside; list-style-type: disc; } .listBlock ul li a, .listBlock ul li a:hover, .listBlock ul li a:visited, .listBlock ul li a:focus, .highlightBlock .hlContent div a, .greyBlock .fText a, .specialBlock .fText a { color: #3b515a; text-decoration: underline; } .highlightBlock { overflow:hidden; margin-bottom: 30px; } .highlightBlock span.hlTab { background: url('/_img/btn_icn/icn_highlight.png') #6c6c6c no-repeat 8px center; color: #fff; display: inline-block; padding: 4px 8px 4px 24px; height: 17px; font: 900 13px/140% Arial,sans-serif; } .highlightBlock .hlContent { border: 1px #6c6c6c solid; background: #fff; clear: both; } .highlightBlock .hlContent div { padding: 20px; } .greyBlock { margin: 0px 0px 25px 0px; padding: 0px 0px 20px 0px; background: #dcdcdc; } .greyBlock h1.greyHead { font: 100 15px/140% Arial,Verdana,sans-serif; background: url('/_img/btn_icn/icn_highlight.png') #dcdcdc no-repeat 10px 14px; color: #3b515a; padding: 10px 10px 0px 26px; /*margin-bottom: 10px;*/ } .greyBlock .fText { font: 100 13px/140% Arial,sans-serif; padding: 10px 10px 0px 10px; } .greyBlock .fText h3 { font-weight: 900; margin: 0px 0px 10px 0px; } .specialBlock { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; background: #6c6c6c; color: #fff; } .specialBlock .searchHead { font: 100 15px/140% Arial,Verdana,sans-serif; background: url('/_img/btn_icn/icn_suchen.png') #6c6c6c no-repeat 20px 22px; color: #fff; padding: 20px 20px 0px 43px; margin-bottom: 20px; } .specialBlock .searchHead.login { margin: 0px; background: url('/_img/btn_icn/icn_login.png') transparent no-repeat 20px 20px; } .specialBlock .searchHead.login.margin { margin-bottom: 20px; } .specialBlock .fText { font: 100 13px/140% Arial,sans-serif; padding: 0px 20px; } .specialBlock .fText form ul { list-style-position: inside; list-style-type: none; } .specialBlock .fText input.sText, .specialBlock .fText textarea.sText { font: 11px/110% Arial,Verdana,sans-serif; width: 205px; border: 1px #fff solid; height: 15px; padding: 3px 0px 0px 5px; margin-right: 10px; vertical-align: top; } .specialBlock .fText form fieldset { border: 0px; } .specialBlock .fText form fieldset legend { display: none; } .formOuter { overflow: hidden; padding: 15px 0 0; } .fLine { float: left; } .l240 { width: 240px; } .l225 { width: 225px; } .fLine.l240 input.sText, .fLine.l225 input.sText, .fLine.long input.sText, .fLine.long textarea.sText { margin: 0 0 0 10px; width: 150px; } input.sBtn, .infoOuter div a.sBtnLogout, .sBtnVote { border: 1px #fff solid; background: #666; width: 50px; color: #fff; padding: 4px 5px 3px 5px; font: 100 11px/100% Arial,Helvetica,sans-serif; margin: 0 0 0 10px; } input.sBtn.reg, input.sBtn.send { float: left; width: auto; margin: 10px 0 0 160px; } input.sBtn { padding: 2px 5px 1px 5px; } input.sBtn.send { background: transparent; } .specialBlock .fText .fLinks { margin-top: 10px; } .specialBlock .fText .fLinks span { vertical-align: top; } .specialBlock .fText .fLinks span.right { font: 900 13px/150% Arial,Helvetica,sans-serif; } .specialBlock .fText .fLinks a { color: #fff; text-transform: uppercase; font-size: 80%; vertical-align: middle; } .fLine.long { overflow: hidden; margin-bottom: 5px; display: block; float: none; } .fLine.long.marginB { margin-bottom: 15px; } .fLine.long label { float: left; width: 150px; text-align: left; } .fLine.long label.innerLabel { float: none; width: auto; vertical-align: text-bottom; margin-right: 10px; } .fLine.long div.left input.sText, .fLine.long div.left textarea.sText { width: 205px; } .fLine.long div.left textarea.sText { height: 150px; } .fLine.long div.left input.sRadio { margin-left: 10px; } .fXtra { margin-left: 160px; font-size: 80%; } .infoOuter { overflow: hidden; } .infoOuter h2.t { padding: 10px 0 0; } .infoOuter div { padding: 5px 0 0; overflow: hidden; } .infoOuter div a { color: #fff !important; } .infoOuter div a.sBtnLogout { float: right; width: auto; text-decoration: none; padding: 4px 5px 3px 5px; } .l260 { float: left; width: 260px; } .errorBig { margin-top: 10px; padding: 10px; background: #ea0000; border: 1px #fff solid; } .errorBig.marginB { margin: 0 0 15px; } .genericBlock ul, .highlightBlock ul, .greyBlock ul, .listBlock ul { list-style: disc outside; margin-left: 30px; } .genericBlock ul.special { list-style: none outside; margin-left: 0px; } /* right :: teaser */ #content .rightContent { float: left; width: 200px; background: #fff; min-height: 100px; } .rightContent .firstT { background: #ced7d7; padding: 10px; } #rss { background: url('/_img/btn_icn/btn_rss.png') transparent no-repeat top left; display: block; height: 28px; margin-top: 2px; } #news { background: url('/_img/btn_icn/btn_newsletter.png') transparent no-repeat top left; display: block; height: 28px; } #rss:hover, #news:hover { background-position: bottom left; } div.twfb { height: 28px; overflow: hidden; margin-top: 2px; } #tw,#fb { background: url('/_img/btn_twitter_facebook.png') transparent top left; display: block; float: left; height: 28px; width: 89px; } #fb { background-position: top right; margin-left: 2px; } #tw:hover { background-position: bottom left; } #fb:hover { background-position: bottom right; } .rightContent .basicT { background: #e7ebeb; padding: 10px; margin-top: 2px; } .rightContent .basicT a.image { background: transparent no-repeat top left; display: block; min-height: 180px; } /* footer */ #content .leftContent .footer, .footer { border-top: 2px #fff solid; height: 19px; background: #e7ebec; overflow: hidden; } .footer a, .footer div { height: 13px; padding-top: 3px; font: 100 9px/130% Arial,sans-serif; text-decoration: none; color: #3b515a; } .footer a { padding-top: 0px; } .footer a span { display: none; } .footer a#sw_feedback:hover, .footer a#sw_top:hover, .footer a#sw_print:hover { background-position: bottom left; } #sw_feedback { background: url('/_img/btn_icn/btn_feedback.png') transparent no-repeat top left; float: left; width: 91px; margin: 3px 0px 0px 4px; } #sw_top { background: url('/_img/btn_icn/btn_seitenanfang.png') transparent no-repeat top left; float: right; width: 109px; margin: 3px 4px 0px 0px; } #sw_print { background: url('/_img/btn_icn/btn_drucken.png') transparent no-repeat top left; float: right; width: 80px; margin: 3px 4px 0px 0px; } .footer div.left { float:left; margin: 3px 0px 0px 4px; } .footer div.right { float:right; margin: 3px 4px 0px 0px; } #content .leftContent .footer.special { height: 75px; background: url('/_img/logoleiste_home.png') transparent no-repeat center left; position: relative; } #eduard, #bmukk, #esf { position: absolute; display: block; } #eduard { height: 50px; width: 166px; left: 27px; top: 10px; } #bmukk { height: 25px; width: 52px; left: 335px; top: 35px; } #esf { height: 30px; width: 290px; left: 395px; top: 30px; } /* AKTUELL */ .tTable { width: 526px; } .tTable tr td { font: 100 13px/140% Arial,Helvetica,sans-serif; color: #3b515a; min-height: 20px; padding: 5px 10px 5px 10px; text-align: left; vertical-align: top; } .tTable tr td.date { font-weight: 900; width: 120px; padding: 5px 0px 5px 10px; } .tTable tr td.spacer { width: 20px; padding: 0px; } .tTable tr.lite td { background: #fefce2; cursor: pointer; } .tTable tr.dark td { background: #fbf2a1; cursor: pointer; } .tTable tr.smaller td { font: 100 10px/110% Arial,Helvetica,sans-serif; padding: 0px; } .hiddenDates { /* padding: 0 !important; height: 1px; visibility: hidden; */ } .hiddenDates { padding: 3px 0 10px !important; min-height: 1px; width: 335px !important; display: none; } .hiddenDates div { padding: 0 !important; font: 100 italic 11px/100% Arial, Helvetica, sans-serif; margin-bottom: 10px; } .hlContent div a.rssL, .rssL, .pdfL, .printL { background: url('/_img/btn_icn/icn_rss.png') transparent no-repeat top left; padding-left: 23px; margin-top: -2px; height: 15px; display: block; text-decoration: none; vertical-align: middle; } .pdfL, .printL { background-image: url('/_img/btn_icn/icn_div.png'); } .rssL span, .pdfL span, .printL span { text-decoration: underline; line-height: 150%; } .pdfL.auto { background-position: left 0px; } .printL.auto { background-position: 0px -106px; } .auto { margin: 3px 0px 0px; height: auto; background-position: left 2px; } .highlightBlock .hlContent div .nLine { overflow: hidden; font: 100 13px/140% Arial,Helvetica, sans-serif; color: #3b515a; padding: 0 0 20px 0; margin: 0 0 20px 0; background: url('/_img/trennlinie_home.png') transparent no-repeat bottom left; } .nImg { float: left; width: 140px; min-height: 20px; overflow: hidden; } .highlightBlock .hlContent div .nLine .nContent { padding: 0px 20px; margin: 0px 0px 0px 140px; } .nContent h1 { font: 900 15px/120% Arial,Helvetica, sans-serif; margin: 0px 0px 10px 0px; } .nContent span { font: 100 13px/140% Arial,Helvetica, sans-serif; color: #3b515a; } .highlightBlock .hlContent div .nLine .nContent .nLink, .highlightBlock .hlContent div .nLine .nContent .nLink span { font: 100 13px/140% Arial,Helvetica,sans-serif; text-decoration: none; } .highlightBlock .hlContent div .nLine .nContent .nLink span { text-decoration: underline; } .highlightBlock .hlContent div .nLine .nContent span.nCopy { font: 100 italic 11px/140% Arial,Helvetica,sans-serif; } /* STAATSPREIS - WIzZzARD */ .rTable tr td { font: 100 12px/170% Arial,Helvetica, sans-serif; color: #3B515A; vertical-align: top; min-height: 25px; padding-top: 5px; } .rTable tr td input, .rTable tr td textarea { width: 225px; height: 17px; border: 1px #3B515A solid; font: 100 13px/130% Arial,Helvetica, sans-serif; color: #3B515A; padding: 2px 0 2px 5px; margin-bottom: 10px; } .rTable tr td textarea { width: 495px; } .rTable tr td.send input { border: 0px; width: auto; height: auto; padding: 0px; } .rTable tr.spacer td { font-size: 10%; } .rTable tr td h3 { font-size: 120%; } .er { color: #fff; background: #ea0000; border: 1px #fff solid; padding: 15px; margin-bottom: 20px; font-weight: 900; } /* STAATSPREIS - ADMIN */ .uT { width: 100%; border: 0px; font: 11px/130% Arial,Helvetica, sans-serif; } .uT tr th { border-bottom: 1px #fff solid; font: 900 12px/140% Arial,Helvetica, sans-serif; padding: 2px; background: #333; color: #fff; text-align: left; } .uT tr td { font: 11px/130% Arial,Helvetica, sans-serif; padding: 3px; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; } .uT tr.dark td { background: #eee; } .uT tr.lite td { background: #fff; } .uT tr td.last, .uT tr td.lastI { border-right: 0px; text-align: right; } .uT tr.darkB td { background: #fff; font-weight: 900; } .uT tr td.lastI { text-align: left; } .uT tr td.noac { color: #f30000; font-weight: 900; font-style: italic; } .uT tr td.noacDEL { color: #ccc; font-weight: 900; font-style: italic; } .uT tr td.ac { font-weight: 900; } .uT tr td a.prj { font-weight: 100; text-decoration: none; font-size: 9px; } .blockT { margin: 10px 0px 20px 0px; padding: 12px; background: #EEF0EF; border: 1px #6B7D89 solid; } .ibT { margin: 0px 0px 20px 0px; } .status { float: right; font-weight: 900; color: #f30000; } .bbBox { border: 1px #6b7d89 solid; padding: 12px; font: 100 11px/140% Arial,Helvetica, sans-serif; color: #667F8C; background: #eef0ef; margin-bottom: 11px; } .bbBox a { font-weight: 900; } /* startseite neu */ .introBlock { padding: 12px; overflow: hidden; } .introBlock .leftBlock { width: 262px; min-height: 698px; float: left; _height: 710px; } .introBlock .rightBlock { width: 400px; min-height: 698px; float: right; _height: 710px; } .leftBlock .paneBlock, .rightBlock .paneBlock {} .margin { margin-top: 12px; } .paneBlock h1 { margin-bottom: 1px; } .paneBlock h1 span { height: 23px; display: block; margin-left: 23px; padding-left: 9px; font: 900 13px/180% Arial,Helvetica, sans-serif; text-transform: uppercase; border-left: 1px #E7EBEB solid; } .paneBlock h1 span a, .paneBlock h1 span a:hover, .paneBlock h1 span a:visited, .paneBlock h1 span a:focus, .paneBlock h1 span a:link { text-decoration: none !important; color: #3b515a; } .bb { background: url('/_img/btn_icn/icn_bildungsinfo_teaser.png') #F3C3A6 no-repeat top left; } .mg { background: url('/_img/btn_icn/icn_magazin_teaser.png') #EFB2AA no-repeat top left; } .ns { background: url('/_img/btn_icn/icn_aktuelles_teaser.png') #FDFBD2 no-repeat top left; } .paneBlock div.bbB, div.ttB, div.nsB, div.mgB { min-height: 187px; _height: 202px; overflow: hidden; background: #fff; padding: 15px 10px 0 10px; font: 100 12px/130% Arial,Helvetica,sans-serif; } .paneBlock div.bbB { height: 288px; _height: 303px; } .paneBlock div.ttB { height: 320px; _height: 335px; } .paneBlock div.nsB { height: 421px; _height: 436px; } .bbLine { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px #000 dotted; overflow: hidden; _height: 62px; } .bbLine.noMargin { border: 0px; margin: 0; padding: 0; } .bbLine img { float: left; margin: 0 10px 0 0; width: 52px; height: 52px; } .mgIBlock { padding: 0; } .mgIBlock a.img { float: right; } .mgIBlock a.t, .mgIBlock a.t:hover, .mgIBlock a.t:focus, .mgIBlock a.t:link, .mgIBlock a.t:visited { text-decoration: none !important; font-weight: 900; } .ttLine { border-bottom: 1px dotted #000; margin: 0 0 10px; overflow:hidden; padding: 0 0 10px; } .ttLine .ttT, .ttLine .ttT:hover, .ttLine .ttT:focus, .ttLine .ttT:link, .ttLine .ttT:visited { font-weight: 900; text-decoration: none !important; } .nsLine { border-bottom: 1px dotted #000; height:110px; _height: 120px; margin: 0 0 10px; overflow:hidden; padding: 0 0 10px; } .nsLine .img { float: left; width: 140px; height: 93px; } .nsLine .nsTxt { margin-left: 150px; height: 110px; _overflow: hidden; _height: 120px; }