body {font: 62.5%/1.6 Arial, Helvetica, Verdana, sans-serif;} /* ================================== */ /* Keine margins, kein padding */ * { margin: 0; padding: 0 } html { zoom: 1; } /*for IE*/ body { text-align: center } /*fuer IE, undone im wrapper*/ body { background-color: #fff;} .editmode {font-size:62.5%} /* Basic layout =================================================================================================== */ #wrapper { background-color: #fff; text-align: left; margin: 0 auto; width: 918px } #header { background-color: #fff; } .select_lang {position:relative; float:right; top:70px;z-index: 1} #subheader { background-color: #fff; height: 40px; padding-top:0px; margin-bottom:10px; width:918px;} #content { width: 918px; margin-top:5px} #mainContent { width: 600px; float: left; } #secondaryContent { display: inline; width: 265px; float: right; } #footer { color: #5b5b5b; font-size: 1.1em; padding-top:3px; padding-bottom:20px; background-color: #fff; border-top: 1px solid #ccc; margin-top:10px; width:918px; text-align:center; clear: both } #footer a { color: #5b5b5b; text-decoration: none;} #footer a:hover { color: #000 } /* Padding */ #secondaryContent * * { padding-right: 0; padding-left: 0 } a:link {outline: none;} a:visited {outline: none;} a:hover {outline: none;} a:active {outline: none;} /* Reiter */ #reiter { font-size: 15px; line-height:1.1em; background-image: url("images/bg_5tabs.jpg"); background-repeat: no-repeat; position: relative; width: 918px; height:63px;margin-top:5px } /* Breite bei 6 tabs je 163, bei 5 tabs 4x196 und 1x194 */ .tab1 { position: relative; width: 185px; height: 63px; float: left;} .tab1 a { padding-left:20px; padding-top:10px} .tab1 a:hover { background-image: url("images/tab_1.jpg"); background-repeat: no-repeat } .tab1 a.current { color:#484848; background-image: url("images/tab_1.jpg"); background-repeat: no-repeat } .tab2 { position: relative; width: 183px; height: 63px; float: left;} .tab2 a { padding-left:20px; padding-top:10px} .tab2 a:hover { background-image: url("images/tab_2.jpg"); background-repeat: no-repeat } .tab2 a.current { color:#484848; background-image: url("images/tab_2.jpg"); background-repeat: no-repeat } /* .tab3 { left:2px; position: relative; float: left; width: 163px; height: 57px; } .tab3 a.current { color:#484848; background-image: url("images/tab_heu.jpg"); background-repeat: no-repeat } */ .tab4 { position: relative; width: 183px; height: 63px; float: left;} .tab4 a { text-align: center; padding-left:0px; padding-top:17px} .tab4 a:hover { background-image: url("images/tab_4.jpg"); background-repeat: no-repeat; } .tab4 a.current { color:#484848; background-image: url("images/tab_4.jpg"); background-repeat: no-repeat } .tab5 { position: relative; width: 182px; height: 63px; float: left;} .tab5 a { text-align: center; padding-left:0px; padding-top:17px} .tab5 a:hover { background-image: url("images/tab_5.jpg"); background-repeat: no-repeat;} .tab5 a.current { color:#484848; background-image: url("images/tab_5.jpg"); background-repeat: no-repeat } .tab6 { position: relative; width: 185px; height: 63px; float: left;} .tab6 a { padding-left:20px; padding-top:10px} .tab6 a:hover { background-image: url("images/tab_6.jpg"); background-repeat: no-repeat;} .tab6 a.current { color:#484848; background-image: url("images/tab_6.jpg"); background-repeat: no-repeat } #reiter a { color: #6a6a6c; text-decoration: none; display: block; position: relative; height:68px; } #reiter a:hover { } /* #reiter a.current { color:#484848; } */ /* ============== Main Content ============== */ #mainContent, .editmode { color: #5b5b5b; } #mainContent h1, .editmode h1 { font-size: 2em; font-weight: normal; margin-bottom: 0.4em; line-height: 1.3em } #mainContent h2, .editmode h2 { font-size: 1.6em; font-weight: normal; margin-bottom: 0.3em; line-height: 1.1em} #mainContent h3, .editmode h3 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em} #mainContent h4 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em} #mainContent h5, .editmode h5 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em} #mainContent h6, .editmode h6 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em; margin-top: 0.5em; line-height: 1em} .explain {color: #FF0000;font-size: 1em;} #mainContent .break { line-height: 0; clear: both } #mainContent .hr_1px { margin-bottom: 10px; margin-top: 10px; padding: 0; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #959799} #mainContent br, .editmode br { line-height: 0.6em } #mainContent p, .editmode p { font-size: 1.3em; line-height: 1.6em; margin-bottom: 0.5em;} #mainContent ul, .editmode ul { margin-bottom: 1em; padding: 0; list-style-type: none} #mainContent ul li, .editmode ul li { font-size: 1.3em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px } #mainContent li li, .editmode li li { font-size: 0.9em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px } #mainContent a, .editmode a { color:#5b5b5b; font-weight: bold; } #mainContent a:hover, .editmode a:hover { color: #000;} .hr_startseite {margin-bottom: 20px; padding: 0; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #c8eade} /* ============== Secondary Content (rechte Spalte) ============== */ #secondaryContent {color: #5b5b5b;} #secondaryContent p { color: #5b5b5b; font-size: 1.4em; line-height:1.4em } #secondaryContent ul { color: #5b5b5b; font-size: 1.4em; line-height:1.4em; list-style: none } /* Bilder ---------------------------------------------------------------- */ #mainContent .bildreihe, .editmode .bildreihe {margin-top:10px; margin-bottom:10px; margin-right:15px } #mainContent .breitbild, .editmode .breitbild {margin-top:10px; margin-bottom:10px;} #mainContent .floatleft { margin: 5px 15px 1.3em 0; float: left; } #mainContent .floatright { margin: 5px 0 1.3em 15px; float: right; } #mainContent .pic_fullwidth { margin: 5px 0 10px 0; float: right; } #mainContent .divblock { margin-bottom: 10px; } #mainContent .divblock img {float:none } /* ============== Speziell ============== */ /* Container (image, text, link (icon) ==================================================================================================== */ #mainContent .bildcontainer { margin-left: 20px; width: 100%; } #mainContent .containertable { margin-bottom: 10px; } /* Kästen auf der Startseite DE ---------------------------------------------------------------- */ #kasten_li { background-image: url("images/ka_mi1.jpg"); background-repeat: no-repeat; width: 302px; height: 184px; float: left;} #kasten_re { background-image: url("images/ka_mi2.jpg"); background-repeat: no-repeat; width: 302px; height: 184px; float: left; margin-left:4px } #kasten_li p { font-size:1.5em; color:#567f95; line-height:1.3em;} #kasten_re p { font-size:1.5em; color:#567f95; line-height:1.3em;} #kasten_li a { text-decoration: none; color:#567f95; background: url("images/pfeil_dublau.gif") no-repeat right 0; display: block; height:22px } #kasten_re a {color:#567f95;} /* Kästen auf der Startseite EN ---------------------------------------------------------------- */ #kasten_li_en { background-image: url("images/ka_mi1_engl.jpg"); background-repeat: no-repeat; width: 302px; height: 184px; float: left;} #kasten_re_en { background-image: url("images/ka_mi2_engl.jpg"); background-repeat: no-repeat; width: 302px; height: 184px; float: left; margin-left:4px } #kasten_li_en p { font-size:1.5em; color:#567f95; line-height:1.3em;} #kasten_re_en p { font-size:1.5em; color:#567f95; line-height:1.3em;} #kasten_li_en a { text-decoration: none; color:#567f95; background: url("images/pfeil_dublau.gif") no-repeat right 0; display: block; height:22px } #kasten_re_en a {color:#567f95;} /* Datei-Links ---------------------------------------------------------------- */ .pdf, .editmode .pdf, #secondaryContent .pdf{ text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/pdficon_small.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;} .doc, .editmode .doc, #secondaryContent .doc { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/wordicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;} .xls, .editmode .xls, #secondaryContent .xls { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/excelicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;} .ppt, .editmode .ppt, #secondaryContent .ppt { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/ppticon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;} .zip, .editmode .zip, #secondaryContent .zip { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/zipicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;} .fla, .editmode .fla, #secondaryContent .fla { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/flashicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;} /* spezielle Links ---------------------------------------------------------------- */ .weiterlesen, .editmode .weiterlesen {font-size:1.1em; text-decoration: none;} .weiterlesen img, .editmode .weiterlesen img {margin-left:5px; vertical-align: -5px} .pfeillink, .editmode .pfeillink {font-weight:bold; text-decoration: none;} .pfeillink img, .editmode .pfeillink img {margin-left:5px; vertical-align: -5px} .more_b { font-size: 1.3em; line-height: 1.4em; text-decoration: none; background: url("images/link_b.gif") no-repeat right 0; display: block; height:22px } .more_g { font-size: 1.3em; line-height: 1.4em; text-decoration: none; background: url("images/link_g.gif") no-repeat right 0; display: block; height:22px } .more_r { font-size: 1.3em; line-height: 1.4em; text-decoration: none; background: url("images/link_r.gif") no-repeat right 0; display: block; height:22px } .pfeillink_g, .editmode .pfeillink_g { font-weight:bold; background: url("images/link_g.gif") no-repeat right 0; display: block; height:22px } .pfeillink_b, .editmode .pfeillink_b { font-weight:bold; background: url("images/link_b.gif") no-repeat right 0; display: block; height:22px } .pfeillink_r, .editmode .pfeillink_r { font-weight:bold; background: url("images/link_r.gif") no-repeat right 0; display: block; height:22px } /* spezielle Überschriften ---------------------------------------------------------------- */ .h_blau, .editmode .h_blau { color: #567d91; font-size: 1.3em; line-height:1.5em; display: block; border-top: 1px solid #567d91; border-bottom: 1px solid #567d91; margin-bottom:20px; margin-top:10px } .h_gruen, .editmode .h_gruen { color: #086b4c; font-size: 1.3em; line-height:1.5em; display: block; border-top: 1px solid #086b4c; border-bottom: 1px solid #086b4c; margin-bottom:20px; margin-top:10px } .h_rosa, .editmode .h_rosa { color: #bd8162; font-size: 1.3em; line-height:1.5em; display: block; border-top: 1px solid #bd8162; border-bottom: 1px solid #bd8162; margin-bottom:20px; margin-top:10px } .h_grau, .editmode .h_grau { color: #484848; font-size: 1.3em; line-height:1.5em; display: block; border-top: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b;margin-bottom:20px; margin-top:10px } .h_grau_short, .editmode .h_grau_short { color: #484848; font-size: 1.3em; line-height:1.6em; display: block; border-top: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b;margin-bottom:10px; } /* Seiten-Navi ---------------------------------------------------------------- */ .pagenavi, .editmode .pagenavi {font-size:1.3em} .pagenavi img, .editmode .pagenavi img {margin-left:5px; margin-right: 5px; vertical-align: -5px} /* Rechte Spalte ==================================================================================================== */ /* --------- Links ----------- */ #secondaryContent a {color:#5b5b5b} #secondaryContent a:hover {color:#000} #secondaryContent hr, .editmode hr { margin-bottom: 4px; margin-top: 4px; padding: 0; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #ccc } /* --------- Gruene Box Pfeil ----------- */ #secondaryContent .box_g_arrow { margin-bottom: 2px; } #secondaryContent .box_g_arrow .title { background-image: url("images/bx_g_arrow.jpg"); background-repeat: no-repeat; height:44px} #secondaryContent .box_g_arrow .title h1 { color: #086b4c; font-size: 1.5em; padding-top: 11px; padding-right: 5px; padding-left: 70px } #secondaryContent .box_g_arrow .content { font-size:0.9em; background-image: url("images/bx_txt.jpg"); background-repeat: repeat-y; padding-top: 10px; padding-right: 10px; padding-left: 16px } #secondaryContent .box_g_arrow .footer { background-image: url("images/bx_btm.jpg"); background-repeat: no-repeat; height:22px } /* --------- Gruene Box Comment ----------- */ #secondaryContent .box_g_comment { margin-bottom: 2px; } #secondaryContent .box_g_comment .title { background-image: url("images/bx_g_comment.jpg"); background-repeat: no-repeat; height: 44px } #secondaryContent .box_g_comment .title h1 { color: #086b4c; font-size: 1.5em; padding-top: 11px; padding-right: 5px; padding-left: 70px } #secondaryContent .box_g_comment .content { font-size:0.9em; background-image: url("images/bx_txt.jpg"); background-repeat: repeat-y; padding-top: 10px; padding-right: 10px; padding-left: 16px } #secondaryContent .box_g_comment .footer { background-image: url("images/bx_btm.jpg"); background-repeat: no-repeat; height:22px } /* --------- Gruene Box Info ----------- */ #secondaryContent .box_g_info { margin-bottom: 2px; } #secondaryContent .box_g_info .title { background-image: url("images/bx_g_info.jpg"); background-repeat: no-repeat; height: 44px } #secondaryContent .box_g_info .title h1 { color: #086b4c; font-size: 1.5em; padding-top: 11px; padding-right: 5px; padding-left: 70px } #secondaryContent .box_g_info .content { font-size:0.9em; background-image: url("images/bx_txt.jpg"); background-repeat: repeat-y; padding-top: 10px; padding-right: 10px; padding-left: 16px } #secondaryContent .box_g_info .footer { background-image: url("images/bx_btm.jpg"); background-repeat: no-repeat; height:22px } /* --------- Blaue Box Pfeil ----------- */ #secondaryContent .box_b_arrow { margin-bottom: 2px; } #secondaryContent .box_b_arrow .title { background-image: url("images/bx_b_arrow.jpg"); background-repeat: no-repeat; height:44px} #secondaryContent .box_b_arrow .title h1 { color: #567d91; font-size: 1.5em; padding-top: 11px; padding-right: 5px; padding-left: 70px } #secondaryContent .box_b_arrow .content { font-size:0.9em; background-image: url("images/bx_txt.jpg"); background-repeat: repeat-y; padding-top: 10px; padding-right: 10px; padding-left: 16px } #secondaryContent .box_b_arrow .footer { background-image: url("images/bx_btm.jpg"); background-repeat: no-repeat; height:22px } /* --------- Blaue Box Info ----------- */ #secondaryContent .box_b_info { margin-bottom: 2px; } #secondaryContent .box_b_info .title { background-image: url("images/bx_b_info.jpg"); background-repeat: no-repeat; height: 44px } #secondaryContent .box_b_info .title h1 { color: #567d91; font-size: 1.5em; padding-top: 11px; padding-right: 5px; padding-left: 70px } #secondaryContent .box_b_info .content { font-size:0.9em; background-image: url("images/bx_txt.jpg"); background-repeat: repeat-y; padding-top: 10px; padding-right: 10px; padding-left: 16px } #secondaryContent .box_b_info .footer { background-image: url("images/bx_btm.jpg"); background-repeat: no-repeat; height:22px } /* --------- Rosa Box Info ----------- */ #secondaryContent .box_r_info { margin-bottom: 2px; } #secondaryContent .box_r_info .title { background-image: url("images/bx_r_info.jpg"); background-repeat: no-repeat; height: 44px } #secondaryContent .box_r_info .title h1 { color: #bd8162; font-size: 1.5em; padding-top: 11px; padding-right: 5px; padding-left: 70px } #secondaryContent .box_r_info .content { font-size:0.9em; background-image: url("images/bx_txt.jpg"); background-repeat: repeat-y; padding-top: 10px; padding-right: 10px; padding-left: 16px } #secondaryContent .box_r_info .footer { background-image: url("images/bx_btm.jpg"); background-repeat: no-repeat; height:22px }