/* Name: main.css URI: http://wiiw.ac.at/ Beschreibung: Stylesheet fuer konforme Browser; fixes Layout 980px Version: 1.0 Author: Robert Menghini Aufbau: */ /* ++++++++++++++++++++++++++++++++++ Angaben zum Spaltenlayout +++++++++++++++++++++++++++++++++++ */ html{ height:101%; } /*Scrollbalken immer anzeigen*/ body{ height:100%; } #header_wrapper { width: 100%; } #header { width: 980px; height:157px; padding-bottom: 21px; margin: 0 auto; } #main_nav_wrapper { position: relative; width: 100%; } #main_nav { width: 980px; height: 37px; margin: 0 auto; } #breadcrumb { width: 960px; height: 30px; padding-left: 20px; margin: 0 auto; } #banner { position: relative; width: 980px; height: 122px; margin: 0 auto; } #main { position: relative; width: 980px; margin: 0 auto; } #column_wrapper { float: right; width: 715px; margin-left: 25px; margin-bottom: 15px; } #content { float: left; width: 635px; min-height: 750px; padding: 20px 40px 50px; border-top: 13px solid #D2D4D5; } #sidebar { float: left; width: 240px; } #footer_wrapper { width: 100%; } #footer { width: 980px; padding: 30px 0; margin: 0 auto; } hr.clearfix{ clear:both; height:.1px; border:none; visibility:hidden; } .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* +++++++++++++++++++++++++++++++++++ Reset und allgemeine Angaben +++++++++++++++++++++++++++++++++++ */ *{margin:0;padding:0;} /* +++ versteckte Elemente +++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .invisible, .skip {position: absolute;left: -9999px;} /* ++++ Skiplinks ++++ */ #skiplinks{position:absolute;top:0px;left:-9999px;z-index:1000;width:100%;margin:0; padding:0;list-style-type:none;} .skip:focus,.skip:active {position:static;top:0;left:0;} #skiplinks a.skip:focus,#skiplinks a.skip:active{position:absolute;background:#333;text-align:center;left:9999px;color:#fff;text-decoration:none;width:100%;padding:10px 0;outline:0 none;border-bottom:1px #000 solid;} #skiplinks a { } /* +++ Farben und Schriften ++++++++++++++++++++++++++++++++++++++++++++++++++++ */ html, button, input, select, textarea { font-family: 'Open Sans', Arial, sans-serif; } /* 100.01% wegen Browser-Bugs */ body, td, th { font-size: 100.01%; } /* Schriftgröße nicht für gesetzt, um min-width-expression für IE 6 einsetzen zu können */ #header, #main_nav, #breadcrumb, #main, #footer { font-weight: 400; font-size: 15px; line-height: 22px; } /* +++ Default Formatierungen HTML-Elemente ++++++++++++++++++++++++++++++++++++ */ h1 { color: #000; font-family: 'Volkhov', serif; font-weight: 700; font-size: 22px; line-height: 1em; } h2 { color: #1A5569; font-family: 'Volkhov', serif; font-weight: 400; font-size: 22px; line-height: 24px; padding-bottom: 4px; margin-bottom: 30px; border-bottom: 2px solid #F4C121; } h3 { color: #C5980C; font-family: 'Volkhov', serif; font-weight: 400; font-size: 19px; line-height: 24px; margin-top: 30px; margin-bottom: 10px; } h4 { color: #C5980C; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; font-size: 15px; line-height: 22px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } h2 + h3 { margin-top: 0; } h2 a, h3 a { color: inherit; border: none; } /* ++++ cursor ++++ */ a, button, .button, label{cursor:pointer;} /* Cursor bei Forumlar labels zu Zeiger*/ input[type=text], input[type=password] { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } select { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /*input[type=text], input[type=password], select { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }*/ input[type=text], input[type=password], select { font-size: 13px; line-height: 20px; vertical-align: middle; padding: 0 4px; } input, select { border: 1px solid #CCC; } select { padding-right: 0; } input[type=radio], input[type=checkbox] { width: auto !important; } button, .button { color: #FFF; font-size: 13px; font-weight: 700; line-height: 1.4em; text-align: center; text-transform: uppercase; text-decoration: none; vertical-align: middle; padding: 2px 15px; border: none; margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } a { color: #1A5569; text-decoration: underline; outline: 0 none; /*border-bottom: 1px dotted #1A5569;*/ } /* outline um die dottet Linie im Firfox zu entfernen */ a:hover { color: #666; border-bottom-color: #666; } button:hover, a.button:hover { color: #CCC; } b, strong .bold { font-family: "Open Sans", Arial, sans-serif; font-weight: 600; } i, em { font-style: italic; } img { border: 1px solid #CCC; } fieldset { border: none; } ul, ol { list-style:none;} table { border-collapse:collapse; table-layout: fixed; } .white_box em { font-style: italic; } th, td { line-height: 18px; vertical-align: top; height: 20px; padding-right: 10px; } p, ul { margin-bottom: 20px; } /* ++++ Chrome und andere Browser die Borders bei focus ausschalten ++++ */ textarea:focus, input:focus{ outline: none; } /* ++++ runde Ecken ++++ */ .rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .rounded_right { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } /* +++ .CLASSES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .float_left { float:left; } .float_right { float:right; } .align_right { text-align: right; } .cBlue, .info_txt { color: #1A5569 !important; } .cGrey { color: #666 !important; } .cYellow { color: #C5980C !important; } .cRed, .alert { color: #931F21 !important; } .alert { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700 !important; } .highlighted { display: block; color: #1A5569; font-weight: 600; margin-bottom: 15px; } .cGreen { color: #879C14; } .bgLightGrey { background-color: #E5EDF1 !important;} .bgGrey { background-color: #D2D4D5 !important; } .bgYellow { background-color: #FBF4E2 !important;} .btnBeige { background-color: #D8BE88 !important; } .btnBlue { background-color: #617984 !important; } .btnGreen { background-color: #879C14 !important; } .btnGrey { background-color: #999 !important; } .btnLightBlue { background-color: #638499 !important; } .btnYellow { background-color: #DBA71E !important; } .btnCart { padding-left: 45px; background: #D8BE88 url(../images/layout/shopping_cart.png) 15px center no-repeat; } .big { font-size: 19px !important; line-height: 24px !important; } p.formRow { margin-bottom: 10px !important; } /*Speziell fuer Formulare*/ .semi { font-weight: 600 !important; } .bold { font-weight: 700 !important; } .noframe { border: none !important; } .toggle_next { cursor: pointer !important; } .info_symbol { color: #FFF; font-family: 'Volkhov', serif; font-size: 33px; line-height: 40px; vertical-align: middle; text-align: center; width: 40px; height: 40px; background-color: #D8BE88; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .del_trash { display: inline-block; width: 14px; height: 16px; background: transparent url(../images/layout/trash.png) 0 50% no-repeat; text-indent: -9999px; } .del_trash:hover { background-position: -23px 50%; } .aligen_bottom { position: absolute; bottom: 0; } .align_right { text-align: right !important; } .fc { color: #C5980C !important; font-weight: 700 !important; } .dott_underlined { border-bottom: 1px dotted #1A5569; } .nobr { white-space: nowrap; } /* Hintergrundgrafik mit Checkbox */ .checkbox_checked { /*width: 12px; height: 13px;*/ background: url(../images/layout/check-box.png) center center no-repeat; text-indent: -9999px;} /* ++++ display-Inline Block ++++ */ .dib { display: inline-block; } /* +++++++++++++++++++++++++++++++++++ BODY, WRAPPER, ALLGEMEIN +++++++++++++++++++++++++++++++++++ */ #header_wrapper { background: transparent url(../images/layout/pattern.jpg) 0 0 repeat; } #main_nav_wrapper { background: #3E555F url(../images/layout/bg_blau.png) 0 0 repeat; } #footer_wrapper { background-color: #e5edf1; } /* +++++++++++++++++++++++++++++++++++ HEADER +++++++++++++++++++++++++++++++++++ */ /* +++ #headerLeft ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #header #header_left { float: left; width: 540px; height: 100%; } #header #header_left h1 { height: 100%; width: 100%; } #header #header_left h1 a { display: block; text-indent: -9999px; width: 100%; height: 100%; border: none; background: transparent url(../images/layout/wiiw_logo-header.png) 0 0 no-repeat; } /* +++ #headerRight ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #header #header_right { float: right; font-size: 12px; line-height: 17px; width: 420px; height: 100%; } #header #header_right #header_nav { float: left; width: 100%; height: 38px; } #header #header_right #header_nav ul { float: right; margin-top: 5px; } #header #header_right #header_nav li { float: left; margin-left: 20px; } #header #header_right #header_nav li a { color: #666; border: none; text-decoration: none; } #header #header_right #header_nav li a:hover, #header #header_right #header_nav li a.current { color: #1A5569; border-bottom: 1px solid #1A5569; } #header #header_right .caption { font-size: 13px; margin-bottom: 10px; } #header #header_right #frm_member_login, #header #header_right #frm_member_logout, #header #header_right #register { float: left; width: 220px; } #header #header_right #frm_member_login p, #header #header_right #frm_member_logout p { margin-bottom: 3px; } #header #header_right #frm_member_login .caption, #header #header_right #frm_member_logout .caption { color: #C5980C; font-weight: 700; margin-bottom: 10px; } #header #header_right #frm_member_login label { color: #666; font-weight: 600; width: 65px; } #header #header_right #frm_member_login input { font-size: 12px; line-height: 15px; width: 127px; height: 15px; } #header #header_right #frm_member_login .login_button_container { float: left; width: 100%; } #header #header_right #frm_member_login .login_error { float: left; font-size: 12px; } #header #header_right #frm_member_login #sub_login { float: right; font-size: 9px; margin-right: 16px; } #header #header_right #frm_member_logout #sub_logout { float: left; font-size: 9px; margin-top: 10px; } #header #header_right #register { margin-top: 7px; } #header #header_right #register_new_member { float: left; font-size: 9px; } #header #header_right #request_new_password { float: right; font-size: 10px; margin-right: 16px; } #header #header_right #frm_search { float: right; width: 175px; margin-bottom: 10px; } #header #header_right #frm_search .caption { color: #1A5569; font-weight: 700; } #header #header_right #search_frame { line-height: 12px; width: 172px; height: 15px; border: 1px solid #CCC; margin-bottom: 0; } #header #header_right #frm_search input { float: left; font-size: 12px; width: 145px; height: 15px; border: none; } #header #header_right #frm_search button { text-indent: -9999px; width: 24px; height: 15px; padding: 2px 10px; margin-left: -5px; border: none; background: #999 url(../images/layout/search_button.png) center center no-repeat; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } #header #header_right #shopping_cart { float: right; border: 1px solid #EEE; } #header #header_right #shopping_cart a { display: block; text-decoration: none; width: 110px; height: auto; padding: 5px 30px; border-top: 13px solid #D8BE88; border-bottom: none; background: #FFF url(../images/layout/shopping_cart.png) 5px 5px no-repeat; } #header #header_right #shopping_cart .caption { color: #C5980C; font-weight: 700; text-transform: uppercase; } /* +++++++++++++++++++++++++++++++++++ Navigation +++++++++++++++++++++++++++++++++++ */ /* +++ #main_nav ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ ul#main_nav { position: relative; line-height: 35px; } ul#main_nav li { position: relative; float: left; height: 35px; } ul#main_nav li a, ul#main_nav li span { display: block; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; height: 100%; border: none; } ul#main_nav li span { color: #FFF; padding-right: 14px; margin-left: 14px; } ul#main_nav > li > a.active, ul#main_nav > li > a.current, ul#main_nav > li > a:hover { background: transparent url(../images/layout/wiiw_raute_menu-big.png) left top no-repeat; } ul#main_nav > li > a.active span, ul#main_nav > li > a.current span, ul#main_nav > li > a:hover span { color: #1A5569; background: transparent url(../images/layout/wiiw_raute_menu-big.png) right top no-repeat; } ul#main_nav li li { float: none; line-height: 18px; height: auto; margin: 15px 0; } ul#main_nav li li a { display: inline; color: #666; text-decoration: none; } ul#main_nav li li a.active, ul#main_nav li li a.current, ul#main_nav li li a:hover { color: #1A5569; text-decoration: underline; } ul#main_nav div.sub_menu { position: absolute; left: -9999px; top: 35px; white-space: nowrap; min-width: 200px; padding: 10px 0; border-top: 2px solid #3E555F; background: #FFF; z-index:2; } ul#main_nav div.sub_menu ul { display: inline-block; vertical-align: top; width: 150px; padding: 0 16px; border-left: 1px solid #CCC; margin-bottom: 0; } ul#main_nav div.sub_menu ul li { white-space: normal; } ul#main_nav div.sub_menu ul:first-child { border: none; } ul#main_nav.use_hover li:hover div.sub_menu { left: auto; } /* +++ #breadcrumb ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #breadcrumb p, #breadcrumb ul, #breadcrumb ul li { float: left; color: #666; height: 30px; line-height: 30px; margin-bottom: 0; } #breadcrumb ul li:first-child:before { content: ""; } #breadcrumb ul li:before { content: "\002F \00A0"; } #breadcrumb a { color: #666; border: none; text-decoration: none; } #breadcrumb a:hover { color: #1A5569; border-bottom: 1px solid #1A5569; } /* +++++++++++++++++++++++++++++++++++ BANNER +++++++++++++++++++++++++++++++++++ */ #banner { color: #FFF; font-family: 'Volkhov', serif; font-weight: 400; font-size: 23px; margin-bottom: 30px; background: #ABAFB1 url(../images/layout/bg_grau.png) 0 0 repeat; overflow: hidden; } #banner img { position: absolute; left:0; top: 0; height: 122px; z-index: 1; } #banner #banner_rhomb { position: absolute; left: 240px; top: 0; width: 58px; height: 122px; background: transparent url(../images/layout/raute_grau.png) 0 0 no-repeat; z-index: 2; } #banner #banner_txt { position: absolute; left: 320px; top: 0; line-height: 30px; width: 620px; margin-top: 10px; z-index: 3; } /* +++++++++++++++++++++++++++++++++++ MAIN - Allgemein +++++++++++++++++++++++++++++++++++ */ /* +++ #sidebar ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #sidebar .infobox, #sidebar .side_menu { margin-bottom: 15px; } #sidebar { color: #666; } #sidebar ul { margin: 0 10px 0 0; } #sidebar p, #sidebar ul li { padding-right: 10px; padding-left: 20px; } #sidebar p { margin-bottom: 10px; } #sidebar a { color: #666; border: none; text-decoration: none; } #sidebar ul li { padding-top: 7px; padding-bottom: 7px; } #sidebar ul li a { text-transform: uppercase; } #sidebar ul ul li { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; } #sidebar ul ul li a { text-transform: none; } #sidebar a:hover { color: #1A5569; text-decoration: underline; } #sidebar .infobox p.caption, #sidebar .side_menu p.caption { color: #1A5569; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase; padding-left: 20px; margin-bottom: 10px; } #sidebar .infobox, #sidebar .side_menu { padding: 10px 0 10px; margin-bottom: 15px; } #sidebar .infobox p, #sidebar .infobox ul li, #sidebar .side_menu p, #sidebar .side_menu ul li { font-size: 14px; line-height: 18px; font-weight: 600; } #sidebar .infobox a.button { color: #FFF; font-size: 9px; } #sidebar a.button:hover { color: #CCC; border-bottom: none; } /* +++ #sidebar .infobox.yellow +++ */ #sidebar .infobox.yellow { background-color: #FBF4E2; border-top: 13px solid #F4C121; } #sidebar .infobox.yellow .caption { color: #C5980C; font-size: 16px; line-height: 17px; } #sidebar .infobox.yellow p { line-height: 22px; } #sidebar .infobox.yellow p a { text-decoration: none; border-bottom: 1px dotted #1A5569; } /* +++ #sidebar .infobox.pattern +++ */ #sidebar .infobox.pattern { background: transparent url(../images/layout/pattern.jpg) 0 0 repeat; } /* +++ #sidebar .infobox.grey +++ */ #sidebar .infobox.grey { background-color: #F6F7F8; } /* +++ #sidebar .infobox.publications +++ */ #sidebar .infobox.publications ul { float: left; padding-left: 20px; padding-right: 10px; } #sidebar .infobox.publications ul li { float: left; font-size: 12px; font-weight: 400; width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 20px; border-bottom: 1px dotted #1A5569; } #sidebar .infobox.publications ul li.last_child { border: none; } #sidebar .infobox.publications ul li img { float: left; } #sidebar .infobox.publications ul li .infobox_pub_text { font-size: 12px; font-weight: 400; margin-left: 80px; } #sidebar .infobox.publications ul li .infobox_pub_text p { font-size: 12px; font-weight: 400; padding: 0; margin-bottom: 10px; } /* +++ #sidebar .side_menu +++ */ #sidebar .side_menu { background-color: #FBF4E2; } #sidebar .side_menu ul li.current { background: #FFF url(../images/layout/arrow_menue.png) left 12px no-repeat; } #sidebar .side_menu ul li.current a { color: #C5980C; } #sidebar .side_menu ul li.current ul li a.current, #sidebar .side_menu ul li.current ul li a:hover { text-decoration: underline; } #sidebar a img, #sidebar img { width: 238px; } /* +++++++++++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++++++++++ */ #footer { color: #666; } #footer h3 { color: #1A5569; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; margin-top: 0; margin-bottom: 20px; } #footer h3 a { color: #1A5569; } #footer h3 a:hover { color: #666; } #footer a { color: #666; border: none; } #footer #footer_left, #footer #footer_right { font-size: 12px; font-weight: 600; line-height: 17px; width: 340px; margin-left: 105px; } #footer #footer_left p, #footer #footer_right p { display: inline; } #footer #footer_right { vertical-align: bottom; } /* +++++++++++++++++++++++++++++++++++ CONTENT - HOME +++++++++++++++++++++++++++++++++++ */ #main.home #content { width: 715px; padding: 0; border-top: none; background: none; } #main.home #content_left { float: left; width: 350px; } #main.home #content_right { float: right; width: 350px; } /* +++ .teaser allgemein ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #main.home .teaser { font-size: 14px; padding: 15px 15px 0; margin-bottom: 15px; border-top: 13px solid #D2D4D5; background-color: #F6F7F8; } #main.home .teaser p { line-height: 19px; } #main.home .teaser h2 { margin-bottom: 20px; } #main.home .teaser h3 { color: #000; font-size: 16px; line-height: 21px; margin-top: 0; margin-bottom: 15px; } #main.home .teaser .highlighted { margin-bottom: 10px; } #main.home .teaser .prompt_box { margin: 20px 0; padding-bottom: 0; } #main.home .teaser .prompt_box .prompt_img { margin-right: 10px; margin-bottom: 2px; } #main.home .teaser .prompt_box .prompt_txt img { margin-bottom: 10px; } #main.home .teaser .prompt_box.last_child { margin-bottom: 0; } /* puplication icons */ #main.home .teaser .prompt_box .pub_icons { margin-bottom: 10px; } /* date_time */ #main.home .date_time { font-size: 12px; font-weight: 700; line-height: 24px; width: 300px !important; padding: 2px 10px; } #main.home .date_time .ev_day { font-size: 19px; font-weight: 400; } .date_time .ev_month { text-transform: uppercase; } #main.home .teaser .prompt_box .read_more a { font-size: 13px; } /* extra link rechts unten */ #main.home .extra_link { font-size: 10px; } /* +++ .landscape und .portrait ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #main.home .teaser .prompt_box.portrait .prompt_txt { margin-left: 96px; } #main.home .teaser .prompt_box.landscape .prompt_txt { margin-left: 116px; } /* +++++++++++++++++++++++++++++++++++ CONTENT - Register (Registrierungsformular) +++++++++++++++++++++++++++++++++++ */ #main.register #content { border-top: none; background: transparent url(../images/layout/pattern.jpg) 0 0 repeat; margin-bottom: 20px; } #main.register #frm_register { font-size: 14px; } #main.register #frm_register p { margin-bottom: 5px; } #main.register #frm_register > p.caption { color: #C5980C; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } #main.register #frm_register fieldset { margin-bottom: 20px; } #main.register #frm_register fieldset p.caption { font-size: 13px; } #main.register #frm_register label { width: 190px; } #main.register #frm_register input { font-weight: 600; width: 250px; } #main.register #frm_register select { font-weight: 600; width: 140px; } #main.register #frm_register #fld_reg_newsletter input { width: 30px; } #main.register #frm_register #fld_reg_newsletter label { width: 600px; } #main.register #frm_register button { margin-top: 30px; } #main.register #frm_register input[type=radio] { margin-right: 5px; } #main.register #frm_register input[type=radio] + span { margin-right: 10px; } /* +++++++++++++++++++++++++++++++++++ CONTENT - Newsletter Subscribe Formular +++++++++++++++++++++++++++++++++++ */ #main.sub_newsletter #content { border-top: none; background: transparent url(../images/layout/pattern.jpg) 0 0 repeat; margin-bottom: 20px; } #main.sub_newsletter #content > p.caption { color: #C5980C; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } #main.sub_newsletter form { font-size: 14px; } #main.sub_newsletter form p { margin-bottom: 5px; } #main.sub_newsletter form fieldset { margin-bottom: 70px; } #main.sub_newsletter form fieldset p.caption { font-size: 13px; } #main.sub_newsletter form label { width: 190px; } #main.sub_newsletter form input { font-weight: 600; width: 250px; } #main.sub_newsletter form button { margin-top: 15px; } /* +++++++++++++++++++++++++++++++++++ CONTENT - default +++++++++++++++++++++++++++++++++++ */ /* ul#helper_nav */ #content ul#helper_nav { list-style: none; padding: 0; margin-bottom: 40px; } #content ul#helper_nav li { float: left; margin-right: 10px; } #content ul#helper_nav li a { color: #C5980C; font-size: 14px; font-weight: 600; text-decoration: none; } #content ul#helper_nav li a:hover, #content ul#helper_nav li a.current { text-decoration: underline; } /* allgemein */ #content { background-color: #F6F7F8; } #content h2 { width: 100%; } #content ul { list-style-image: url(../images/layout/listdisc.png); padding-left: 15px; } #content ol li, #content ul li { margin-bottom: 5px; } #content ol ol, #content ul ul{ margin-bottom: 0; } #content ol ol li { padding-left: 18px; } #content ol ol ol li { padding-left: 30px; } #content .leader { font-family: 'Volkhov', serif; font-size: 16px; line-height: 22px; } #content a.tel { color: #000; border-bottom: none; text-decoration: none; } /* extra link rechts unten */ #content .extra_link { font-size: 13px; text-align: right; } /* weiteres */ #content .tab_caption { text-align: right; margin-bottom: 5px; } /* +++++++++++++++++++++++++++++++++++ .prompt_box +++++++++++++++++++++++++++++++++++ */ .prompt_box { position: relative; width: 100%; padding-bottom: 10px; border-bottom: 1px dotted #1A5569; } .prompt_box { margin: 30px 0 20px; } .prompt_box + .prompt_box { margin: 10px 0 20px; } .prompt_box:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* +++ .prompt_img +++ */ .prompt_box .prompt_img { float: left; margin-top: 4px; margin-right: 20px; margin-bottom: 5px; } .prompt_box .prompt_img a { display: block; border: none; } .prompt_box.portrait .prompt_img, .prompt_box.landscape .prompt_img { margin-bottom: 0; } /* +++ .prompt_txt +++ */ .prompt_box .prompt_txt { color: #666; } .prompt_box .prompt_txt img { margin-bottom: 15px; } .prompt_box.portrait .prompt_txt { margin-left: 155px; } .prompt_box.landscape .prompt_txt { margin-left: 209px; } /* + .medium + */ .prompt_box.portrait.medium .prompt_txt { margin-left: 121px; } .prompt_box.landscape.medium .prompt_txt { margin-left: 160px; } /* + .small + */ .prompt_box.portrait.small .prompt_txt { margin-left: 96px; } .prompt_box.landscape.small .prompt_txt { margin-left: 116px; } /* +++ .staff +++ */ .prompt_box.staff h3 { color: #C5980C; font-size: 17px; text-decoration: underline; margin: 0; } .prompt_box.staff h4 { color: #000; text-transform: none; margin-top: 30px; } .prompt_box.staff .prompt_txt { margin-left: 157px; } /* +++ .flow_txt +++ */ .prompt_box.flow_txt .prompt_txt { margin-left: 0px !important; } /* +++ .pub_icons +++ */ .prompt_box .pub_icons { margin-bottom: 15px; } /* +++ h3 +++ */ .prompt_box h3 { color: #000; font-size: 16px; margin: 0 0 5px; } /* +++ .read_more +++ */ .read_more { display: block; font-style: italic; } /* +++ .last_child +++ */ .prompt_box.last_child { border: none !important; } /* +++ sonstiges +++ */ .prompt_box > p { float: left; width: 100%; } .prompt_box .login_info_txt { color: #666; font-weight: 600; margin-left: 15px; } /* publication-details.php */ .prompt_box .extra_link { text-align: right; font-size: 14px; } /* +++++++++++++++++++++++++++++++++++ .img_box +++++++++++++++++++++++++++++++++++ */ .img_box { background-color: #FFF; margin-top: 5px; margin-bottom: 20px; } .img_box .img_caption { color: #666; font-size: 12px; font-style: italic; line-height: 14px; padding: 10px; margin: 0; } /* +++ .img_box.float_left +++ */ .img_box.float_left { margin: 5px 22px 7px 0; } /* +++ .img_box.float_left +++ */ .img_box.float_right { margin: 5px 0 7px 22px; } /* +++++++++++++++++++++++++++++++++++ .white_box +++++++++++++++++++++++++++++++++++ */ .white_box { padding: 15px 10px 20px; margin-bottom: 40px; background-color: #FFF; } .white_box h3 { margin-top: 0; } /* +++++++++++++++++++++++++++++++++++ .grey_box +++++++++++++++++++++++++++++++++++ */ .grey_box { background-color: #EAEEF2; margin: 0 -40px 20px; padding: 20px 40px; } /* +++++++++++++++++++++++++++++++++++ .map_txt_box +++++++++++++++++++++++++++++++++++ */ .map_txt_box { width: 100%; margin-bottom: 40px; } .map_txt_box:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .map_txt_box .map_txt { float: left; width: 330px; } .map_txt_box .map_img { float: right; margin-top: 5px; } /* +++++++++++++++++++++++++++++++++++ #frm_search_filter +++++++++++++++++++++++++++++++++++ */ #frm_search_filter { font-size: 14px; width: 635px; padding: 20px 40px; background: transparent url(../images/layout/pattern.jpg) 0 0 repeat; margin-bottom: 20px; } #frm_search_filter p { margin-bottom: 5px; } #frm_search_filter p.caption { color: #1A5569; font-size: 14px; font-weight: 700; line-height: 22px; text-transform: uppercase; margin-bottom: 20px; } #frm_search_filter p.caption:hover { color: #999; } #frm_search_filter fieldset { margin-bottom: 20px; } #frm_search_filter #fld_search_filter_main label { width: 240px; } #frm_search_filter input { width: 250px; } #frm_search_filter select { width: 260px; } #frm_search_filter #lst_search_filter_quantity { width: 60px; } #frm_search_filter #lst_search_filter_sort { width: 90px; } #frm_search_filter #lst_search_filter_order_by { width: 120px; } #frm_search_filter button { float: right; } /* +++++++++++++++++++++++++++++++++++ .date_time +++++++++++++++++++++++++++++++++++ */ .date_time { float: none !important; /*ueberschr. von .prompt_box > p*/ display: inline-block; color: #FFF; font-size: 12px; font-weight: 700; line-height: 24px; vertical-align: middle; width: auto !important; /*ueberschr. von .prompt_box > p*/ padding: 2px 10px; border: none; background-color: #617984; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } .date_time .ev_day { font-size: 19px; font-weight: 400; } /* +++++++++++++++++++++++++++++++++++ table.default +++++++++++++++++++++++++++++++++++ */ table.default { width: 100%; margin-bottom: 10px; table-layout: auto; } table.default th, table.default td { font-size: 12px; line-height: 1.3em; text-align: left; vertical-align: bottom; padding-top: 7px; padding-bottom: 2px; border-bottom: 1px dotted #1A5569; } table.default th { font-size: 14px; font-weight: 700; } table.default .button { font-size: 10px; line-height: 18px; margin-bottom: 0; } /* +++++++++++++++++++++++++++++++++++ table.full_grid +++++++++++++++++++++++++++++++++++ */ table.full_grid { table-layout: auto; width: 100%; margin-bottom: 20px; } table.full_grid th, table.full_grid td { font-size: 12px; line-height: 1.3em; text-align: left; vertical-align: top; padding: 7px; border: 1px dotted #1A5569; } table.full_grid th, table.full_grid tr.divider td { font-size: 12px; font-weight: 700; color: #1A5569; } table.full_grid tr.divider td { background-color: #D8BE88; border-top: hidden; border-bottom: hidden; } table.full_grid .button { font-size: 10px; line-height: 18px; margin-bottom: 0; } /* +++++++++++++++++++++++++++++++++++ table.feat_comp +++++++++++++++++++++++++++++++++++ */ table.feat_comp .info_symbol { cursor: help; background-color: #1A5569; height: 15px; width: 15px; margin-left: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } table.feat_comp .info_symbol a, table.feat_comp .info_symbol span { font-size: 14px; font-weight: 700; line-height: 15px; } table.feat_comp td.last_col { white-space: nowrap; } /* +++++++++++++++++++++++++++++++++++ table.tab_expertise +++++++++++++++++++++++++++++++++++ */ table.tab_expertise { width: 100%; margin-bottom: 10px; } .tab_expertise th, .tab_expertise td { font-size: 12px; line-height: 1.3em; text-align: right; vertical-align: bottom; padding-top: 7px; padding-bottom: 2px; border-bottom: 1px dotted #1A5569; } .tab_expertise th { font-size: 14px; font-weight: 700; } .tab_expertise tr.pre_row th { /*font-weight: 400; */ text-align: center; text-transform: uppercase; height: 20px; border: none; } .tab_expertise th.forecast { color: #C5980C; } .tab_expertise th.forecast, .tab_expertise td.forecast { background-color: #FBF4E2; font-weight: 700; } .tab_expertise .col1 { font-size: 14px; text-align: left; width: 220px; padding-right: 30px; } /* +++++++++++++++++++++++++++++++++++ table.pub_purchase_total +++++++++++++++++++++++++++++++++++ */ .pub_purchase_total { width: 100%; margin-bottom: 20px; } .pub_purchase_total td { vertical-align: bottom; height: 40px; padding-bottom: 15px; } .pub_purchase_total td.info_txt { font-size: 11px; line-height: 13px; } .pub_purchase_total td.col1 { font-weight: 600; width: 220px; } .pub_purchase_total td.col2 { font-weight: 600; width: 15px; } .pub_purchase_total td.col3 { font-weight: 600; width: 50px; padding-right: 10px; } .pub_purchase_total td.col4 { width: 190px; } .pub_purchase_total td.col5 { vertical-align: middle; padding-bottom: 5px; } .pub_purchase_total button, .pub_purchase_total .button { margin: 0; } /* +++++++++++++++++++++++++++++++++++ table.pub_purchase_separate +++++++++++++++++++++++++++++++++++ */ #content #pub_purchase_separate { width: 100%; } #content #pub_purchase_separate th, #content #pub_purchase_separate td { font-size: 14px; text-align: left; padding: 5px; border-bottom: 1px dotted #1A5569; } #content #pub_purchase_separate th { font-weight: 600; } #content #pub_purchase_separate th.col1, #content #pub_purchase_separate td.col1 { width: 50px; } #content #pub_purchase_separate th.col2, #content #pub_purchase_separate td.col2 { width: 280px; } #content #pub_purchase_separate th.col2.colspan2, #content #pub_purchase_separate td.col2.colspan2 { width: 450px; }/*wenn keine col3*/ #content #pub_purchase_separate th.col3, #content #pub_purchase_separate td.col3 { width: 170px; } #content #pub_purchase_separate th.col4, #content #pub_purchase_separate td.col4 { vertical-align: middle; padding-left: 0; padding-right: 0; } #content #pub_purchase_separate .button { font-size: 10px; line-height: 18px; padding: 1px 3px; } /* +++++++++++++++++++++++++++++++++++ .page_nav (Navigation durch Unterseiten (1 2 3...) +++++++++++++++++++++++++++++++++++ */ #content .page_nav { float: left; width: 100%; } #content .page_nav span, #content .page_nav a { float: left; color: #666; font-size: 13px; } #content .page_nav span { padding-right: 10px; } #content .page_nav a { margin-right: 10px; border: none; text-decoration: none; } #content .page_nav a.current, #content .page_nav a:hover { font-weight: 700; text-decoration: underline; } /* +++++++++++++++++++++++++++++++++++ .sys_info +++++++++++++++++++++++++++++++++++ */ .sys_info { font-size: 14px; font-weight: 600; /*width: 635px;*/ /*border-width: 4px; border-style: solid;*/ padding-left: 40px; padding-right: 40px; padding-top: 15px; padding-bottom: 1px; margin-bottom: 20px; } .sys_info { color: #FFF; padding-left: 15px; padding-right: 15px; } .sys_info.inf { background-color: #638499; } .sys_info.inf_ok { background-color: #879C14; } .sys_info.inf_nok { background-color: #931F21; } .sys_info .caption { font-size: 16px; font-weight: 700; margin-bottom: 12px !important; text-transform: uppercase; } .sys_info p { margin-bottom: 8px; } .sys_info a { color: inherit; } .sys_info a:hover { color: #666; } /* +++++++++++++++++++++++++++++++++++ .info_box +++++++++++++++++++++++++++++++++++ */ .info_box { margin-bottom: 40px; } .info_box .info_symbol { float: left; } .info_box .info_box_txt { color: #1A5569; width: 450px; margin-left: 60px; } /* +++++++++++++++++++++++++++++++++++ SONSTIGES +++++++++++++++++++++++++++++++++++ */ /* +++ OVERLAY hover Main-Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #main_nav_wrapper, ul#main_nav { z-index: 6000; } .menu_overlay_lock { overflow: hidden; } .menu_overlay { display: none; position: fixed; bottom: 0; right: 0; top: 0; left: 0; overflow: hidden; z-index: 5000; background: url(../images/layout/overlay.png); } .menu_overlay_lock .menu_overlay { overflow: auto; overflow-y: scroll; } /* +++ .fancybox ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ a.fancybox { border: none; } /*.fancyOwn .fancybox-skin { color:#FFF; background-color: #000; } .fancyOwn .fancybox-title { font-size: 15px; line-height: 20px; }*/ /* +++ publication_icons M F R W ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .pub_icons { text-indent: -9999px; width: 32px; height: 32px; background-image: url(../images/layout/pub_icons.png); background-repeat: no-repeat; } .m_pub { background-position: 0 0; } .f_pub { background-position: -52px 0; } .r_pub { background-position: -104px 0; } .w_pub { background-position: -156px 0; } .fdi_pub { background-position: -208px 0; } .s_pub { background-position: 0 -52px; } .p_pub { background-position: -52px -52px; } .a_pub { background-position: -104px -52px; } .j_pub { background-position: -156px -52px; } .fb_pub { background-position: -208px -52px; } /* +++ db_icons M A FDI ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .db_icons { text-indent: -9999px; width: 32px; height: 32px; background-image: url(../images/layout/db_icons.png); background-repeat: no-repeat; } .m_db { background-position: 0 top; } .a_db { background-position: -52px top; } .f_db { background-position: -104px top; } /* +++ dynamische Elemente (JS) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .toggle_next span.toggle_arrow { vertical-align: middle; width: 19px; height: 19px; margin-left: 30px; } .toggle_next.closed:before { content:'\002B\00A0\00A0'; color: #C5980C; font-weight: 700; font-size: 25px; vertical-align: top; } .toggle_next.closed { margin-bottom: 0 !important; } .toggle_next.closed span.toggle_arrow { background: transparent url(../images/layout/arrows-open-close.png) center 0 no-repeat; } .toggle_next.open:before { content:'\002B\00A0\00A0'; color: #999; font-weight: 700; font-size: 25px; vertical-align: top; } .toggle_next.open { margin-bottom: inherit !important; } .toggle_next.open span.toggle_arrow{ background: transparent url(../images/layout/arrows-open-close.png) center -25px no-repeat; } /* +++ body.print_version (printerfriendly version), .print ++++++++++++++++++++++++++++++++++++++++++++++ */ /*display none */ .print_version #breadcrumb, /*zur Sicherheit(schon per JS entfernt)*/ .print_version #header_wrapper, .print_version #main_nav_wrapper, .print_version #banner, /*.print_version #breadcrumb p,*/ .print_version #sidebar, .print_version #social_medias_share, .print_version form#frm_search_filter, .print_version #back-top .scroller, .print_version #footer h3 { display: none !important; } /*layout*/ .print_version #print_header, /*.print_version #breadcrumb,*/ .print_version #main, .print_version #column_wrapper, .print_version #footer_wrapper, .print_version #footer { width: 715px; padding: 0; margin: 0 auto; } /* da lange Tabellen auf Seite 2 abgebrochen werden */ .print_version #column_wrapper, .print_version #content { float: none !important; } .print_version #print_header { margin-bottom: 5px; } /*.print_version #breadcrumb { height: 30px; }*/ .print_version #footer #footer_left, .print_version #footer #footer_right { margin-right: 30px; margin-left: 0; } .print_version #footer #footer_right { width: 270px; } .print_version #content { padding-bottom: 10px; padding: 0; border: 0; } /*backgrounds*/ .print_version #content, .print_version #footer_wrapper { background: none; } .print_version .print_start { text-align: right; width: 100%; margin: 20px 0 50px; } .print_logo img { border: none; } /* */ #breadcrumb div.print { float: right; height: 17px; width: 23px; margin-top: 5px; } /* +++ Button +++ */ #breadcrumb div.print a { text-indent: -9999px; display: block; height: 100%; width: 100%; background: transparent url(../images/layout/wiiw_printing-icon_23x17.png) center top no-repeat; } #breadcrumb div.print a:hover { border: none; background-position: center -21px; } /* +++ social-medias follow icons ++++++++++++++++++++++++++++++++++++++++++++++ */ li#social_medias_follow { } span#follow_txt { float: left; margin-right: 15px; } ul ul#follow_links { float: left; margin: 0; } ul ul#follow_links li { float: left; width: 17px; height: 17px; padding: 0; margin-right: 7px; } ul ul#follow_links li a { display: block; text-indent: -9999px; width: 100%; height: 100%; background-color: transparent; background-image: url(../images/layout/wiiw_socialmedia-icons_17x17.png); background-repeat: no-repeat; } ul ul#follow_links li#follow_facebook a { background-position: 0 0; } ul ul#follow_links li#follow_twitter a { background-position: -22px 0; } ul ul#follow_links li#follow_linkedin a { background-position: -44px 0; } ul ul#follow_links li#follow_rss a { background-position: -66px 0; } ul ul#follow_links li#follow_youtube a { background-position: -88px 0px; } ul ul#follow_links li#follow_google a { background-position: -132px 0px; } ul ul#follow_links li#follow_facebook a:hover { background-position: 0 -22px; } ul ul#follow_links li#follow_twitter a:hover { background-position: -22px -22px; } ul ul#follow_links li#follow_linkedin a:hover { background-position: -44px -22px; } ul ul#follow_links li#follow_rss a:hover { background-position: -66px -22px; } ul ul#follow_links li#follow_youtube a:hover { background-position: -88px -22px; } ul ul#follow_links li#follow_google a:hover { background-position: -132px -22px; } /* +++ social-medias share icons ++++++++++++++++++++++++++++++++++++++++++++++ */ #social_medias_share { width: 100%; height: 22px; margin-bottom: 15px; } ul#share_links { float: left; width: 700px; margin-bottom: 0; margin-left: 265px; } ul#share_links li { float: left; width: 110px; } /* +++ #back-top ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #back-top { position: fixed; right: -60px; bottom: 50px; background-color: #3E555F; -webkit-box-shadow: 3px 3px 8px #777; /* webkit browser*/ -moz-box-shadow: 3px 3px 8px #777; /* firefox */ box-shadow: 3px 3px 8px #777; } #back-top a { display: block; color: #FFF; font-size: 18px; font-weight: 600; line-height: 36px; text-decoration: none; text-transform: uppercase; width: 60px; height: 36px; padding-left: 40px; border-bottom: 0; overflow: hidden; background: transparent url(../images/layout/back-top_arrow.png) 13px 13px no-repeat; } #back-top.imgGalNoJS a { transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; /* IE gte 9 */ -moz-transition: all 0.4s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.4s ease-in-out; /* Safari and Chrome */ -o-transition: all 0.4s ease-in-out; /* Opera */ } #back-top.imgGalNoJS a:hover { width: 120px; }