/***********************************************************************************************/ /* ALLGEMEIN (Seitenunabhängiges Layout) */ /***********************************************************************************************/ body { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 100.1%; margin:0px; overflow:auto; background-color: #FFFFFF; background-repeat:repeat-y; color: #222222; /* Experimentel */ /* background: url("../sg_grafik/layout/bulk/body_bg2w.png") repeat-x scroll 0 -52px #FEE9CE; */ } input {cursor: pointer;} form {padding:0px; margin:0px;} h2 {font-size: 1.6em;} /* Entspricht 19.2 Pixel 2011-11-17 */ h3 {font-size: 1em;} h4 {margin-top:10px; margin-bottom:10px;font-size: 1.2em;} /* Entspricht 14.4 Pixel 2011-11-17 */ a { color: #0066CC; /* alter Blauton #333399; */ text-decoration : none; } a:visited { /* color : #273f9a; */ /* altes Lila #551A8B */ text-decoration : none; } a:hover { color : #0080ff; text-decoration : underline; } a.sgp_dia_show {cursor: url("../../sg_grafik/icons/lupe.cur"), pointer;} .sgp_dia_show img { padding: 1px; box-shadow: 0 1px 3px #D4D4D4; border: 1px solid #FFFFFF !important; } .sgp_dia_show object { box-shadow: 1px 1px 2px 2px #999999; margin-left: 10px; padding: 3px; } .sgp_section_content .sgp_dia_show img { box-shadow: 0 1px 3px #D4D4D4; border: 1px solid #FFFFFF; padding:0px !important; } /* Tooltipps */ acronym {cursor: help; border-bottom:1px dotted #000000; } img { border:1px solid #CACACA;} table { border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; /* font-size:10pt; */ } table img { border: none;} .sgp_referenzen img { border: 1px solid #cacaca !important; } /* z.B.: Firma und Software eintragen */ /* input.sg_button{ text-decoration:none; width:160px; height:33px; border-width:0px; font-weight:bold; background: url("http://www.sgupdate.com/grafik/submitbutton_long.jpg") no-repeat; cursor:pointer; color:#666666; } */ #rechter_rand .sgp_button, #linker_rand .sgp_button { width: 93%; } .sgp_pm_btn_align { text-align: center; margin-top: 0 !important; } .menu ul li span.sgp_mobile_icon { background: rgba(0, 0, 0, 0) url("../../sg_grafik/icons/mobile_icon/mobile_version.svg") no-repeat scroll 7px 7px; border: medium none; height: 30px; width: 10px; } .ie8 .menu ul li span.sgp_mobile_icon { background: url("../../sg_grafik/icons/mobile_icon/mobile_version.gif") no-repeat 6px 6px; height: 30px; } .ie7 .menu ul li span.sgp_mobile_icon { background-image: url("../../sg_grafik/icons/mobile_icon/mobile_version.gif"); height: 15px; width: 6px; margin-top: 6px; margin-left: 6px; } .menu li.sgp_mobile_back_button { width:55px; } #sgp_bg_menu { } article, aside, div, dt, figcaption, footer, form, header, hgroup, html, main, nav, section { display: block; } address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], main, main[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] { unicode-bidi: -moz-isolate; } #seite { font-size: 0.75em; } body { color: #333333; font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 100.1%; } /***********************************************************************************************/ /* DIV ID BANNER ALT */ /***********************************************************************************************/ /* Banner 2011-08-11 */ /********************************************************************************/ /* Ist aber im IE7 ein Element absolut innerhalb eines relativ positionierten */ /* Elementes positioniert, überlagern alle in der HTML-Struktur nachfolgenden */ /* Elemente das absolut positionierte Element. */ /* Lösung-> Das relativ positionierte Element muss einen höheren z-index haben, */ /* als die in der HTML-Struktur nachfolgenden Elemente auf gleicher Ebene. */ /********************************************************************************/ #banner { font-size: 0; height: 116px; max-width: 1536px; min-width: 1125px; position: relative; text-align: left; width: 92%; z-index: 60; margin-bottom: 20px; } * html #banner {margin-bottom: 15px;} .sgp_anzeige_text { color: #333333; font-size: 7.5pt; z-index: 119; position:fixed; min-width: 1100px; width:98%; padding-top:10px; padding-left: 26px; margin-left: -3px; padding-left: 10%; background: #fff none repeat scroll 0 0; } #banner a { position: fixed; z-index: 99; top: 20px; min-width: 1100px; width: 98%; padding-left: 24px; padding-top: 6px; margin-left: -3px; padding-left: 10%; padding-bottom: 18px; background: #fff none repeat scroll 0 0; } #banner img {} /***********************************************************************************************/ /* DIV ID BANNER ALT ENDE */ /***********************************************************************************************/ /*****************************************/ /* Markierung 2011-08-11 */ /*************************/ #markierung { min-height:700px; top:0; color: #000000; position:absolute; font-size:13px; margin-left: 102%; background-color:transparent; } /*************************/ /* Messe Logos 2012-02-13 */ /**************************/ .messe { float: right; margin-left: 10px; } * html .messe { float: none; } .messe img { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } /* .sgp_messe { float: right; margin-left: 10px; } */ /* geändert am 05.03.2014 */ /**************************/ .sgp_messe { margin-left: 10px; } .sgp_messe img { max-height: 16px; } * html .sgp_messe { float: none; } .sgp_mark_partner { margin-right: 25px; } .ie7 .sgp_mark_partner { position: absolute; right: 0px; top: 7px; } .sgp_mark_partner img { } .sgp_kurzbeschreib_snipped { line-height: 20px; text-align: justify; margin-right: 20px; } .kurzbeschreib_img{ float: left; margin-right: 10px; width: 100px; margin-bottom: 5px; } .sgp_messe img { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } /**************************/ /* z.B.: IBM Business Partner Advanced 2012-02-13 */ /**************************************************/ .sgp_mark { float:right; } * html .sgp_mark { float:none; } .mark { float:right; } * html mark { float:none; } /* Neu Einträge2012-02-13 */ /**************************/ .neu {} .sgp_neu {} /**************************/ /***********************************************************************************************/ /* ENDE DIV ID BANNER */ /***********************************************************************************************/ /***********************************************************************************************/ /* PAGING */ /***********************************************************************************************/ .sgp_paging { /* border-top: 1px dotted #D1D1D1; */ /* PAP 2011-11-08 */ height: 30px; padding: 0px 20px 10px 20px; /* padding: 1px 5px 5px 0; */ /* Wird für IE6 benötig damit sich da sgp_paging_icon nicht auf den Viewport bezieht */ position:relative; } .sgp_paging a {text-decoration: none;} .sgp_messen_paging { margin-bottom: 20px; } .ie7 .sgp_paging { position: static; } #sgp_rub .sgp_paging { clear: both; margin-bottom: 20px; } .sgp_paging_count_pages { float: right; margin-right: 5px; position: relative; top: 17px; } .sgp_paging span.sgp_paging_icon { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); display: -moz-inline-box; display: inline-block; margin:0px 10px; height:30px; width:24px; position: relative; top: 7px; } .ie7 .sgp_paging SPAN.sgp_paging_icon { position: static; } .sgp_span_back_disable{background-position:-301px -2px;margin-left:3px !important;} .sgp_span_back{background-position:-324px -2px;margin-left:3px !important;} .sgp_span_forward_disable{background-position: -255px -2px;margin-left:3px !important;} .sgp_span_forward{background-position:-278px -2px;margin-right:3px !important;} .sgp_span_forward:hover{background-position: -347px -2px;margin-right:3px !important;} .sgp_span_back:hover{background-position: -370px -2px;margin-left:3px !important;} .sgp_span_end_disable{ background-position: -582px -2px;margin-left:0px !important;} .sgp_span_end{background-position: -607px -2px;margin-left:0px !important;} .sgp_span_end:hover{background-position: -631px -2px;margin-left:0px !important;} .sgp_span_start_disable{background-position: -657px -2px; margin-right:3px !important;} .sgp_span_start{background-position: -684px -2px;margin-right:3px !important;} .sgp_span_start:hover{ background-position: -709px -2px;margin-right:3px !important;} .sgp_pageing_span { border-left: 1px solid #DEDEDE; margin: 5px 2px; padding-left: 5px; padding-right: 5px; } .sgp_pageing_curr_span { border-left: 1px solid #DEDEDE; margin: 5px 2px; padding-left: 5px; padding-right: 5px; font-weight: bold; } /***********************************************************************************************/ /* ENDE-PAGING */ /***********************************************************************************************/ /***********************************************************************************************/ /* LAENDER FLAGS ITD Rubriken, Firmendetailseite, */ /***********************************************************************************************/ .sgp_laender_flag { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); display: inline-block; height: 12px; padding: 0; position: relative; top: 5px; width: 18px; } .sgp_laender_flag.sgp_de { background-position: -447px -18px; } .sgp_laender_flag.sgp_fr { background-position: -466px -33px; } .sgp_laender_flag.sgp_ch { background-position: -466px -18px; } .sgp_laender_flag.sgp_at { background-position: -447px -3px; } .sgp_laender_flag.sgp_weltweit { background-position: -485px 15px; height: 16px; } .sgp_laender_flag.sgp_europaweit { background-position: -504px -18px; width: 19px; } .sgp_laender_flag.sgp_gb { background-position: -504px -32px; } .sgp_laender_flag.sgp_nl { background-position: -524px -33px; } .sgp_icon_margin {margin-left:3px;} /***********************************************************************************************/ /* ENDE LAENDER FLAGS ITD Rubriken, Firmendetailseite, */ /***********************************************************************************************/ /***********************************************************************************************/ /* DIV ID SEITE (enthält div #oben, class .menu, #breadcrumb, #mitte, #unten */ /***********************************************************************************************/ #seite { /* border: 1px solid #1E3177; */ font-size: 0.75em; /* entspricht 12px */ /* max-width: 1500px; */ margin-top: 0px !important; min-width: 1400px; /* min-width: 1100px; */ border-top: 4px solid #5c5c5c; background: #d2d2d2 url("../../sg_grafik/layout/sgp_oben_bg.jpg") no-repeat scroll center top; position:relative; /* border-width: 1px 1px 1px 1px; */ margin: 0 auto; } .itd #seite { /* background: #d2a6ff url("../../sg_grafik/layout/sgp_oben_bg_itd_green.png"); */ } .itd #logo { float: left; /* background: #fff none repeat scroll 0 0; */ } /* Wrapt #Div oben, #Div menu, #Div breadcrumb #Div Mitte #Div unten */ /* html body {width:85%;} */ * html #seite { /* width: 90%; */ /* border: 1px solid #1E3177; */ position:relative; padding-top: 5px; border-width: 1px 1px 1px 0px; margin: 0 auto; margin-bottom: 20px; padding-bottom: 5px; } /**************************************************************************/ /* DIV ID OBEN (enthält LOGO) */ /**************************************************************************/ /* Wrapper um Logo, enthält blauen verlauf hinter dem logo */ #sgp_oben { overflow:hidden; height: 80px; overflow: hidden; padding-left: 10%; padding-right: 10%; } #logo { display: inline; overflow: hidden; } /*-------------------------------------------------- Hintergrundänderung im Div sgp_oben für den IT-Dienstleister Guide. Realisiert mit Sub-Klassen ---------------------------------------------------*/ #sgp_oben.sgp_itd { /* background:none repeat scroll 0 0 #4d207c; */ } /* LOGO */ #logo a { float:left; width:220px; height:80px; background-repeat: no-repeat; background-position: 30px center; } /*--------------------------------------------------*/ .sg_de_logo { /* background-image: url("../sg_grafik/logos/sgdyn_logo.svg"); */ /* background-image: url("../sg_grafik/logos/sgdyn_logo_vector_targeting.png"); */ background-image: url("../../sg_grafik/logos/sgdyn_logo_vector_targeting_8.svg"); } .ie8 .sg_de_logo, .ie7 .sg_de_logo, .ie6 .sg_de_logo { background-image: url("../../sg_grafik/logos/sgdyn_logo_vector_targeting_8.gif"); } .sg_com_logo { background-image: url("../../sg_grafik/logos/sgdyn_logo_vector_com.svg"); } .ie8 .sg_com_logo, .ie7 .sg_com_logo, .ie6 .sg_com_logo { background-image: url("../../sg_grafik/logos/sgdyn_logo_vector_com.gif"); } .sg_itd_logo { background-image: url("../../sg_grafik/logos/sgdyn_logo_vector_ITD.svg"); } .ie8 .sg_itd_logo, .ie7 .sg_itd_logo, .ie6 .sg_itd_logo { background-image: url("../../sg_grafik/logos/sgdyn_logo_itd.gif"); } /*--------------------------------------------------*/ .sgp_slogan { color: #FFFFFF; height: 80px; padding-left: 260px; letter-spacing: 1px; } .ie7 .sgp_slogan { padding-left: 5%; } .sgp_itd .sgp_slogan h2 { /* color: #fff; */ } .sgp_slogan h2 { color: #1e3177; font-size: 1.4em; font-weight: normal; margin: 0; padding-top: 34px; } /* SOFTGUIDE SUCHFELD */ /********************************************************/ #suche { display:block; margin-bottom: 30px; } #suche span { display:block; margin-bottom: 5px; background: #f1f1f1 url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top; border: 1px solid #dcdcdc; padding: 5px 5px 5px 10px; font-weight: bold; margin-bottom: 15px; font-size: 1.1em; } .itd #suche span { } .text { margin:20px 0px 8px 0px; } .inputfield { border: medium none; background: none repeat scroll 0 0 transparent; height: 24px; margin: 0; padding: 0 0 0 3px; width: 187px; } #inputfield_id { border: medium none; height: 24px; margin: 0; padding: 0; width: 100px; } .suchlupe { background-color: transparent; /* border: 1px solid #767676; */ float: right; height: 24px; width: 24px; } #suchlupe_id { background-color: #FFFFFF; border: medium none; float: right; height: 24px; width: 24px; } .suchfeld { /* background: url("../sg_grafik/layout/sg_suchebox_2.jpg") no-repeat scroll left top transparent; */ border: 1px solid #9E9E9E; margin: 0; padding: 0; height: 24px; } #suchfeld_id { border: 1px solid #B6B5B5; height: 24px; margin: 0; overflow: hidden; padding: 0; width: 136px; } /**************************************************************************/ /* ENDE DIV ID OBEN (enthält LOGO) */ /**************************************************************************/ /**************************************************************************/ /* DIV ID DYN MENU */ /**************************************************************************/ /* Dyn Menü */ /**************************************************************************/ /* style the outer div to give it width */ #sgp_breadcrumb { /* background: url(../sg_grafik/layout/background_breadcrumb.gif) left top transparent; */ /* background: url("../sg_grafik/layout/bg_section_name.gif") repeat scroll 0 0 transparent; */ font-size: 1em; font-style: normal; margin-top: 7px; padding-bottom: 7px; padding-left: 9px; padding-top: 2px; padding-left: 10%; clear: both; border-bottom: 1px solid #ccc; } .itd #sgp_breadcrumb { /* color: #ffffff; */ } .itd #sgp_breadcrumb a { /* color: #ffffff; */ } #sgp_breadcrumb a {font-size:1em;} * html #sgp_breadcrumb { /* width: 109.6%; */ } #sgp_breadcrumb a:first-child {margin-left: 21px;} .menu { background: rgb(243,247,250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(243,247,250,1) 0%, rgba(214,214,217,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(243,247,250,1) 0%,rgba(214,214,217,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(243,247,250,1) 0%,rgba(214,214,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fa', endColorstr='#d6d6d9',GradientType=0 ); /* IE6-9 */ display: inline-block; margin-top: 10px; padding-left: 10%; padding-right: 10%; width: 80%; border-top: 1px solid #B7B7B7; border-bottom: 1px solid #B7B7B7; height: 68px; } .itd .menu { background: #f4ecfb none repeat scroll 0 0; } .ie7 .itd .menu { background: #f4ecfb none repeat scroll 0 0; filter: none; } .itd .menu > ul > li > a { /* color: #fff; */ } /*-------------------------------------------------- Hintergrund für das Menü damit nach der Umstellung des Menus von position relative auf position absolute die Abstände simuliert werden. Und der Hintergrund sich an die Seitenbreite ausrichtet welches im absolute positionierten Zusatnd nicht funktioniert. ---------------------------------------------------*/ #sgp_bg_menu { display: none; } #sgp_bg_menu.sgp_itd { } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin: 0 auto; list-style-type:none; /* width: 1082px; */ } .menu ul ul {width:150px;} /* float the list to make it horizontal */ /* and a relative positon so that you can control the dropdown menu positon */ .menu li { float:left; position:relative; } /* style the links for the top level */ .menu a { display:block; font-size:11px; text-decoration:none; color:#5c5c5c; padding: 21px 22px 19px; text-transform: uppercase; line-height:29px; font-size: 12px; } .icon-chevron-down:before { content: '\f0d7'; font: 400 12px/12px 'FontAwesome'; margin-left: 10px; } .ie7 .icon-chevron-down { background: url("../../sg_grafik/layout/arrow2.gif") no-repeat 0 0; height: 4px; margin-left: 10px; width: 8px; position: absolute; top: 32px; } .ie7 .icon-chevron-down:hover { background: url("../../sg_grafik/layout/arrow2_hover.gif") no-repeat 0 0; } .ie7 #hpMenu ul#topNewMenu > li > a { background: url("../../sg_grafik/layout/arrow_to_right.gif") no-repeat 200px 11px; } .menu.sgp_itd ul ul a { background: #ffffff; } /* style the links for the top level */ .menu span { display:block; font-size:11px; text-decoration:none; color:#fff; width:139px; height:30px; border:1px solid #fff; border-width:0px 1px 0px 0px; background:#1E3177; padding-left:10px; line-height:29px; cursor:pointer; } /*-------------------------------------------------- Hintergrund für die Menüpunkte ändern Ihre Farbe wenn man vom Softwareführer in den IT-Dienstleister wechselt. ---------------------------------------------------*/ .menu.sgp_itd span { background: #4d207c; } .menu div { display:block; font-size:11px; text-decoration:none; color:#fff; width:139px; height:30px; border:1px solid #fff; border-width:1px 1px 0 0; background:#758279; padding-left:10px; line-height:29px; cursor:pointer; } /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a { width:150px; w\idth:139px; } /* style the second level background */ .menu ul ul a.drop { background:#949e7c; } /* style the second level hover */ .menu ul ul a.drop:hover{ background:#c9ba65; } .menu ul ul :hover > a.drop { background:#c9ba65; } /* Hovereffekt für Menüpunkte ohne Link die in ein Span gepackt wurden 2011-10-18 PAP */ .menu ul ul :hover > span.drop { background:#c9ba65; } /* Hovereffekt für Span-Tag Menüpunkte ENDE */ .menu ul ul span.drop{ background: none repeat scroll 0 0 #949E7C; } /* style the third level background */ .menu ul ul ul a { background:#e2dfa8; } /* style the third level hover */ .menu ul ul ul a:hover { background:#b2ab9b; } .menu ul ul ul :hover > a { background:#b2ab9b; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility:hidden; position:absolute; height:0; top:69px; left:-1px; width:150px; z-index: 9; } /* another hack for IE5.5 */ * html .menu ul ul { top:30px; t\op:30px; } /* position the third level flyout menu */ .menu ul ul ul{ left:150px; top:0; width:150px; } /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left { left:-150px; } /* style the table so that it takes no part in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0;} /* style the second level links */ .menu ul ul a { background:#ffffff; color:#000; height:auto; line-height:1em; width:160px; border-bottom: 1px solid #c8c6c6; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; /* yet another hack for IE5.5 */ line-height: 160%; } /* style the second level links */ .menu ul ul span { background:#FFFFFF; color:#000; height:auto; line-height:1em; padding:5px 10px; width:129px; /* yet another hack for IE5.5 */ } * html .menu ul ul a{ width:150px; w\idth:129px; } /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{ color:#fff; background:#1e3177; } /*-------------------------------------------------- Hintergrund für die Menüpunkte ändern Ihre Farbe wenn man vom Softwareführer in den IT-Dienstleister wechselt. 2 Ebene (Firemen von A-Z) für IE6 ---------------------------------------------------*/ .menu.sgp_itd a:hover, .menu.sgp_itd ul ul a:hover{ background:#5e2897; } .menu.sgp_itd a { /* background: #4d207c; */ } .menu ul a:hover { background:#1e3177; } .menu.sgp_itd ul a:hover { /* background:#594D99; */ } .menu ul span:hover { background:#273f9a; } /*-------------------------------------------------- Hintergrund für die Menüpunkte ändern Ihre Farbe wenn man vom Softwareführer in den IT-Dienstleister wechselt. 1 Ebene (Ausschreibungen) ---------------------------------------------------*/ .menu.sgp_itd ul span:hover { background:#5e2897; } /*-------------------------------------------------- Hintergrund für die Menüpunkte ändern Ihre Farbe wenn man vom Softwareführer in den IT-Dienstleister wechselt. 2 Ebene (Firemen von A-Z) ---------------------------------------------------*/ .menu.sgp_itd :hover > a, .menu.sgp_itd ul ul :hover > a { background:#4d207c; } .menu :hover > a, .menu ul ul :hover > a { color:#fff; background:#1e3177; } /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{ visibility:hidden; } /* Sichtbarkeitseinstellung for the third level PAP */ /**************************************************************************/ /* keep the third level hidden when */ /* you hover on first level list OR link PAP */ .menu ul li:hover ul ul { visibility:hidden;} /* make the third level visible when you hover on */ .menu ul li:hover ul li:hover ul {visibility:visible;} /* ENDE Sichtbarkeitseinstellung for the third level PAP */ /**************************************************************************/ /* keep the fourth level hidden when */ /* you hover on second level list OR link */ .menu ul :hover ul :hover ul ul{ visibility:hidden; } .menu ul ul a:hover ul { visibility:visible } /* Sichtbarkeitseinstellung for the fourth level PAP */ /**************************************************************************/ /* keep the fourth level hidden when */ /* you hover on second level list OR link PAP */ .menu ul li:hover ul li:hover ul ul { visibility:hidden;} .menu ul li:hover ul li:hover ul li:hover ul {visibility:visible;} /* ENDE Sichtbarkeitseinstellung for the fourth level PAP */ /**************************************************************************/ /* make the third level visible when you hover over second level list OR link */ /*.menu ul :hover ul :hover ul{ visibility:visible; }*/ /* make the fourth level visible when you hover over third level list OR link */ /*.menu ul :hover ul :hover ul :hover ul { visibility:visible; }*/ /* Ende Dyn Menu */ /**************************************************************************/ /* ENDE DIV ID DYN MENU */ /**************************************************************************/ /**************************************************************************/ /* DIV ID MITTE (enthält #oben und #rand) */ /**************************************************************************/ /* Wrapper um #Div rand und #Div inhalt */ #mitte { padding-left: 10%; padding-right: 10%; width: 80%; margin: 0 auto; display: inline-block; background: #ffffff; padding-top: 30px; padding-bottom: 30px; } .ie7 .menu ul, .ie8 .menu ul { position: absolute; z-index:88888; } .ie7 .menu ul ul, .ie8 .menu ul ul { position: absolute; } /********************************************************/ /* DIV ID RAND (Linkliste Links) */ /********************************************************/ .current { color: #FF4500 !important; font-weight: bold; } .itd .current { /* color: #6bf0e9; */ } .current_um { color: #FF4500; } /* linker Wrapper für die Inhaltsboxen links vom Inhalt */ #linker_rand { width:220px; margin: 0 0px 15px; position:relative; top: 0px; left: 0px; /* Nur wenn der Gesetzt ist ist das Klappmenü über dem Inhalt */ z-index:8; float:left; } /* Weiche für IE6 damit Box richtig positioniert wird */ /* * html #rand {left: -235Px;} */ /* obere Inhaltsbox innerhalb des #Div rand */ #linker_rand_oben{ /* background-color: #F1F1F1; */ /* border: 1px solid #DCDCDC; */ /* padding-top: 5px; */ position: relative; z-index: 9; } .sgp_software_kriterien_teaser h4 { margin: 0px 0px 5px; font-size: 1.1em; } img.sgp_picture_border { padding: 0px; margin-bottom: 5px; } .sgp_software_kriterien_teaser img { float: left; margin-right: 5px; } /* /* Unterhalb von "#linker_rand_oben" */ #rub_nav { margin-bottom: 15px; font-size: 0.9em; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #rub_nav ul { background: #EFEFEF; list-style: none outside none; margin: 0; padding: 0px; text-align: left; white-space: normal; border: 1px solid #dcdcdc; color: #333333; } .itd #rub_nav ul { background: #f4ecfb none repeat scroll 0 0; } #rub_nav li { list-style: none outside none; margin: 0; padding: 0; color: #333333; border-bottom: 1px solid #dcdcdc; } .itd #rub_nav li { /* border-bottom: 1px solid #fff; */ } .ie7 #rub_nav li { height: 46px; } address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], main, main[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] { unicode-bidi: -moz-isolate; } article, aside, div, dt, figcaption, footer, form, header, hgroup, html, main, nav, section { display: block; } article, aside, details, div, dt, figcaption, footer, form, header, hgroup, html, main, nav, section, summary { display: block; } address, article, aside, blockquote, body, caption, center, col, colgroup, dd, dir, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, legend, li, listing, main, marquee, menu, nav, noframes, ol, p, plaintext, pre, section, summary, table, tbody, td, tfoot, th, thead, tr, ul, xmp { unicode-bidi: -moz-isolate; } #seite { font-size: 0.75em; } #seite { font-size: 0.75em; } body { color: #333333; font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 100.1%; background: #444 none repeat scroll 0 0; } #rub_nav li > span { float: left; padding-left: 8px; padding-top: 8px; position: absolute; width: 10px; z-index: 9999999; } .itd #rub_nav li > span { /* color: #ffffff; */ } #rub_nav li:last-child { border-bottom: 0px; } #rub_nav li:hover { background: #1E3177; color: #ffffff !important; } .itd #rub_nav li:hover { background: #4d207c; } #linker_rand_oben #rub_nav li.sgp_rub_c a { } #linker_rand_oben #rub_nav li.sgp_rub_b a { } #linker_rand_oben #rub_nav li.sgp_rub_a a { } #linker_rand #linker_rand_oben #rub_nav li a:hover { } #linker_rand_oben #rub_nav li.rubcode:hover { } #linker_rand #linker_rand_oben #rub_nav .sgp_menu_arrow { background: url("../../sg_grafik/layout/arrow.png") no-repeat scroll right center transparent; height: 20px; position: absolute; right: 11px; top: 12px; width: 10px; } .ie7 #rub_nav li a span { display: inline; } #rub_nav li ul li .current { } #rub_nav ul ul { left: -9999px; position: absolute; } /* Rubnavigation mehrspaltiger Hover 2012-02-13 */ /*************************************/ #linker_rand #linker_rand_oben #rub_nav ul li:hover > ul.sgp_sublevel_1 { /*left: 200%; */ margin-left: 0px; /* left: 437px; */ left: 438px; } #linker_rand #linker_rand_oben #rub_nav ul li:hover > ul.sgp_sublevel_2 { /*left: 200%; */ margin-left: 0px; left: 660px; } #linker_rand #linker_rand_oben #rub_nav ul li:hover > ul.sgp_sublevel_3 { /*left: 200%; */ margin-left: 0px; left: 883px; } #linker_rand #linker_rand_oben #rub_nav ul li:hover > ul.sgp_sublevel_4 { /*left: 200%; */ margin-left: 0px; left: 1106px; } #linker_rand #linker_rand_oben #rub_nav ul li:hover > ul.sgp_sublevel_5 { /*left: 200%; */ margin-left: 0px; left: 1106px; } #rub_nav ul#toplevel li ul li a { padding: 8px 20px 8px 42px; width: 159px; } #linker_rand_oben #rub_nav .sgp_sublevel_1 li a { padding: 8px 20px 8px 42px; width: 159px; } #linker_rand_oben #rub_nav .sgp_sublevel_2 li a { padding: 8px 20px 8px 42px; width: 161px; } #linker_rand_oben #rub_nav .sgp_sublevel_3 li a { padding: 8px 20px 8px 42px; width: 160px; } /*************************************************/ #rub_nav ul#toplevel { left: 0; position: relative; top: 0; } #rub_nav a { display: block; height: 30px; text-decoration: none; } #rub_nav ul#toplevel li a { padding: 8px 9px 8px 26px; width: 180px; } #linker_rand_oben #rub_nav a { border: 0 none; } /* #rub_nav li a.fly::after { color: #70758a; content: " »"; float: right; font-size: 1.7em; position: absolute; top: 9px; right: 10px; } */ /* #rub_nav li a.fly { background: url("../sg_grafik/layout/arrow.png") no-repeat scroll 195px center transparent; } */ #linker_rand #linker_rand_oben #rub_nav ul#toplevel li a { position: relative; } #rub_nav li a:hover { /* background-color: #dceffb; */ /* color: #FFFFFF; */ } #rub_nav li:hover > a { /* background-color: #273f9a; */ /* background-color: #dceffb; */ /* color: #FFFFFF; */ } /* sorgt für das Einblenden des Hovermenüs */ #rub_nav ul li:hover > ul { left: 100%; margin-left: 0px; margin-top: -47px; } .ie7 #rub_nav ul li:hover > ul { margin-left: 1px; } #rub_nav ul li.sgp_rub_a:hover > ul { left: 100%; margin-left: -1px; margin-top: -48px; } #rub_nav a:hover ul, #rub_nav a:hover a:hover ul, #rub_nav a:hover a:hover a:hover ul { left: 100%; } #rub_nav a:hover ul ul, #rub_nav a:hover a:hover ul ul { left: -9999px; } #rub_nav table { border-collapse: collapse; height: 0; left: 99%; margin-left: -1px; margin-top: -7px; position: absolute; width: 0; } #rub_nav li.rubcode { color: #000000; height: 38px; display: inline; padding-left: 8px; padding-top: 9px; position: absolute; width: 19px; z-index: 1; } #rub_nav li.rubcode.sgp_rub_a { background: transparent; } #rub_nav li.rubcode.sgp_rub_b { background: transparent; } #linker_rand_oben #rub_nav li.rubcode { border-right: 0 none; } #rub_nav li.sgp_rub_similar_topic { background: none repeat scroll 0 0 #D5DAE9; padding-left: 43px; padding-top: 5px; padding-bottom: 2px; font-weight: bold; height: 16px; } #rub_nav li.sgp_rub_similar_topic:hover { color: #333333 !important; } .ie7 #rub_nav li.sgp_rub_similar_topic { width: 178px; } #rub_nav a { color: inherit; } #rub_nav ul ul a { padding-left:50px; } #rub_nav li a span { white-space: normal; display: block; width: 130px; } #toplevel li a[href="http://www.softguide.de/software/arbeitsstellenvermittlung"] span {width: 158px;} #hpMenu { font-size: 0.9em; margin-bottom: 15px; } #hpMenu > ul { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid #dcdcdc; list-style: outside none none; margin: 0; padding: 0; text-align: left; white-space: normal; } #topNewMenu > li.rub_c { } #topNewMenu > li.rub_c > .sgp_rub_container { } #topNewMenu > li.rub_b > .sgp_rub_container { width: 500px; height: 445px !important; } #topNewMenu > li.rub_a { } #topNewMenu > li.rub_a > .sgp_rub_container { width: 730px; height: 515px !important; } .com #topNewMenu > li.rub_b > .sgp_rub_container { width: 550px; } #topNewMenu > li { border-bottom: 1px solid #dcdcdc; color: #333333 !important; } #topNewMenu > li:before { content: '\f0d7'; font: 400 12px/12px 'FontAwesome'; margin-left: 10px; position: absolute; right: 9px; top: 10px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } #topNewMenu > li:hover { color: #ffffff !important; background: #1E3177 !important; } .itd #topNewMenu > li:hover { /* background: #594D99 !important; */ background: #4d207c !important;; } #topNewMenu > li { position: relative; background: #efefef none repeat scroll 0 0; } .itd #topNewMenu > li { background: #f4ecfb none repeat scroll 0 0; } #topNewMenu > li.rub_c > .sgp_rub_container { } #topNewMenu > li.rub_a > .sgp_rub_container, #topNewMenu > li.rub_c > .sgp_rub_container { width: 780px; } .sgp_rub_container > div { float: left; margin-right: 10px; } .sgp_rub_container > div > ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none !important; left: 0 !important; list-style: outside none none !important; padding-left: 0; position: initial !important; text-align: left !important; white-space: normal !important; } #topNewMenu > li:hover > .sgp_rub_container { border: 1px solid #dcdcdc; display: block; height: 700px; } .ie7 #topNewMenu > li:hover > .sgp_rub_container { height: 715px; } .com #topNewMenu > li:hover > .sgp_rub_container { height: 650px; } .sgp_rub_container > div > ul { list-style: outside none none; margin-bottom: 15px; } .ie7 .sgp_rub_container > div > ul { padding-left:0px; margin-left: 0px; } li.rub_c > .sgp_rub_container li { width: 250px; } li.rub_b > .sgp_rub_container { width: 480px; } .sgp_rub_container > div > ul > li > a { display: initial !important; padding: 0px 0px 0px 5px !important; margin: 0px; } #topNewMenu .sgp_rub_container { background: #fff none repeat scroll 0 0; display: none; left: 218px; position: absolute; top: 0px; z-index: 10000; line-height: 130%; } .sgp_rub_container { padding: 15px; } #hpMenu ul#topNewMenu > li > a { display: block; height: 30px; padding: 8px 9px 8px 26px; width: 184px; color: inherit; text-decoration: none; } .ie7 #hpMenu ul#topNewMenu > li > a { } .ie7 #hpMenu ul#topNewMenu > li { } .sgp_rub_c_new { left: 10px; position: absolute; top: 8px; z-index: 100; } .ie7 .sgp_rub_c_new { position:absolute; margin-top: 0px; padding-top: 0px; width: 10px; top: 22px; } .sgp_rub_container > div > ul > li { color: #333333; margin-top: 4px !important; margin-bottom: 0px; padding: 0px; } .sgp_rub_container > div > .name { border-bottom: 1px solid #ddd; color: #333333; font-weight: bold; margin-bottom: 6px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; } #hpMenu ul#topNewMenu > li > a:hover { /* background: #1E3177; */ color: #ffffff; } #topNewMenu > li.rub_a { } #topNewMenu { border: 1px solid #dcdcdc; border-bottom: 0px !important; } #topNewMenu * { } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*untere Box innerhalb des #Div rand */ #linker_rand_unten { /* background-color: #F1F1F1; */ /* border: 1px solid #DCDCDC; */ margin-top:15px; /* padding-top: 5px; */ } #linker_rand_unten .sgp_teaser_head { margin-bottom: 10px; font-size: 1.1em; margin-top: 30px !important; /* text-align: center; */ } #rechter_rand .sgp_teaser_head { text-align: left; font-size: 1.1em; } .sgp_teaser_head { font-weight: bold; padding: 5px; line-height: 16px; margin-bottom: 15px !important; font-size: 1em; padding-left: 10px; margin-top: 30px; background: #f1f1f1 url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top; border: 1px solid #dcdcdc; } .ie7 #linker_rand_unten .sgp_teaser_head { padding-left: 10px; overflow: hidden; } #inhalt_haupt #sgp_home .sgp_teaser_head, #inhalt_haupt #sgp_index_pinn .sgp_teaser_head { padding-left: 20px; } .itd .sgp_teaser_head { } .itd #rechter_rand_oben div:nth-of-type(5) { margin-top: 30px; } #inhalt_haupt .sgp_prog_right_content .sgp_teaser_head { text-align: left; } .sgp_prog_right_content .sgp_teaser_head:first-child { margin-top: 0px; } #suchauftrag .sgp_teaser_head { margin-top: 0px; } #suchauftrag .sgp_suchauftrag_headline { } #linker_rand_unten #suchauftrag .sgp_suchauftrag_headline { background: #f1f1f1 url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top; border: 1px solid #d0d4e2; font-size: 1em; font-weight: bold; line-height: 16px; margin-bottom: 15px !important; margin-top: 30px; padding: 5px 5px 5px 10px; } #linker_rand_unten #suchauftrag .sgp_suchauftrag_headline h2 { font-weight: bold; font-size: 1em !important; } .sgp_support_teaser { margin-bottom:15px; border-color: #dcdcdc; border-style: solid; border-width: 1px; line-height: 130%; } .sgp_support_teaser h4 { font-size: 1.1em; margin: 0 0 5px; padding: 10px; } #rechter_rand_oben .sgp_support_teaser p, #linker_rand_unten .sgp_support_teaser p { line-height: 180%; padding-left: 10px; padding-right: 10px; } .sgp_support_teaser img { margin-bottom: 10px; border: none; } .sgp_support_teaser a img { margin-left: -7px; } .sgp_support_text p { /* font-size: 0.9em; */ } .sgp_support_text p { margin-bottom:10px; margin-top: 15px; padding-left: 10px; padding-right: 10px; line-height: 180%; /* font-size: 0.9em; */ } #linker_rand_unten .text { padding: 10px; border: 1px solid #dcdcdc; line-height:160%; border-width: 1px 1px 1px 1px; margin: 0; } .sgp_partner_logo { padding: 10px; } .sgp_partner_logo_text { display: block; margin-top: 1px; padding-left: 2px; /* font-size: 0.9em; */ line-height: 180%; } .spg_partnerlogo_container img { max-width: 189px; border: none; margin-bottom: 5px; padding: 0; } .sgp_partner_logo a { display:block; } .sgp_partner_teaser { /* background: url("../sg_grafik/layout/bgTeaser2.gif") repeat-x scroll left top #e0e0e0; */ /* background: url("../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top #f1f1f1; */ border-color: #dcdcdc; border-style: solid; border-width: 1px; margin-bottom: 15px; } .sgp_partner_teaser.sgp_teaser_head { padding-left:5px; padding-right:5px; } /********************************************************/ /* ENDE DIV ID RAND (Linkliste Links) */ /********************************************************/ /********************************************************/ /* DIV ID INHALT */ /********************************************************/ /* Seitenüberschrift */ .sg_head { padding-top:10px; } /* Inhalt */ /**********/ #inhalt { /*-------------------------------------------------- PAP 2011-10-24 Abstand von 180px auf 235 erhöht margin: 3px 15px 15px 240px; Abstand zum Banner bzw. Bündigkeit mit dem Logo, falls Bannerkat leer margin-top:70px; ---------------------------------------------------*/ border-style:solid; border-width:0px; border-color:blue; /*-------------------------------------------------- Min- und Max-width wird von IE nicht verstanden min-width:750px; Min- und Max-width wird von IE nicht verstanden max-width:1000px; ---------------------------------------------------*/ position:relative; z-index: 1; margin-left: 240px; } * html #inhalt{} .withoutMenu { margin-left: 0px !important; } #linker_rand #linker_rand_oben > .sgp_teaser_head { margin-top: 0px; } #manuell { position: relative; } #manuell .preamble { padding-top: 30px; } /* wird nicht vom IE interpretiert */ /*#inhalt[id]{ width:65%; } */ #inhalt_kopf { padding: 0 20px 20px; text-align: left; } #inhalt_kopf h1 { /* margin: 0 0 0px; */ padding-top: 0; font-size: 1.5em; margin: 0px; font-weight: normal; } #inhalt_kopf h2 { padding-top: 0; font-size: 1.6em; margin: 0px; font-weight: normal; } .sgp_suchauftrag_headline h2 { display: inline-block; margin: 0px; font-weight: normal; } #inhalt_kopf p { line-height: 150%; margin-bottom: 0; margin-top: 10px; } .sprache { position: relative; float: right; padding-top: 5px; margin-right:7px; margin-top: -27px; } /*-------------------------------------------------- PAP 2011-11-09 Überschrift H3 z.B. auf Programmdetailseiten --------------------------------------------------*/ #inhalt_kopf h3 { margin: 2px 0 0; padding-top: 0; } #inhalt_haupt { /*-------------------------------------------------- PAP 2011-09-07 um zu verhindern das der Inhalt bei bei den Rubriken durch das floating der Socialbar verzockt aussieht --------------------------------------------------*/ /* clear: both; */ overflow: hidden; /* position: relative; */ } /* #inhalt_fuss { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #DCDCDC; padding-bottom: 3px; padding-top: 3px; font-size: 0.75em; margin-top: 20px; margin-bottom: 10px; } */ /* Container für Tabinhalt bei Tabdarstellung */ #sgp_tabinhalt { height:500px; padding:20px; vertical-align:top; border-style:solid; border-width:0px 1px 1px 1px; border-color:#DCDCDC; } /* Container für alle Progdaten bei Standard-Darstellung */ #hauptinhalt { padding-top:10px; border-style:solid; border-width:0px; border-color:#DCDCDC; font-size: 0.9em; } /* Standard-Tabelle */ .sgp_standard_table, .positionpath { /* clear:both; */ /*PAP 2011-11-09 rausgenommen da Layout verzockt im IE6 */ position:relative; width:100%; margin-bottom:10px; } * html .sgp_standard_table { width:99%; } /* .standard_table td, .positionpath td { border-style:solid; border-width:0px; border-color:green; } */ /* Textabschnitte (Überschrift/Titel in section_name + **/ /* Inhalt in section_content */ /********************************************************/ /* zu Testzwecken Ausrichtung Prog + Socialbar */ /*.section_name span { padding:2px 0px 2px 10px; } */ /* Unterabschnitt Name */ .sgp_section_name { background: #f1f1f1 url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top; padding: 5px 5px 5px 10px; font-size: 1.0em; overflow: hidden; font-weight: bold; line-height: 100%; border: 1px solid #dcdcdc; } .sgp_section_name { line-height: initial; } /* Wird auf der Anbieter-Seite benutzt */ .sgp_section_name .sgp_float_left { margin: 0px; position: relative; top:2px; } .sgp_section_name .sgp_float_right { margin: 0px; position: relative; top:-2Px; } .sgp_section_name .sgp_float_right img { position: relative; top: 3px; border: none; } /* Unterabschnitt Inhalt */ .sgp_section_content { border-top:none; padding: 20px; margin-bottom:15px; line-height: 180%; overflow: hidden; } .sgp_section_content p { margin-top: 2px; margin-bottom: 10px; } #sgp_home .sgp_section_content p:first-child { } .sgp_section_content ul { } .sgp_section_content ul ul {margin-bottom:15px; } /* Übersicht der SG-Struktr bei Programmen und Rubriken */ /*********************************************************/ .positionpath td { vertical-align:top; height:23px; color: #1E3177; /* PAP 2011-10-21 altes Blau geändert */ font-size:0.9em; } /* Letzte Zeile */ .positionpath .last_row { vertical-align:bottom; color:#777777; font-size:0.8em; border-style:solid; border-width:0px 0px 1px 0px; border-color:#DCDCDC; } /* Füll-Zellen und Zellen mit Pfeil drin sollen immer gleich breit sein */ .positionpath .fill_element, .positionpath .arrow{ width:15px; } /* Links in der Strukturübersicht immer unterstrichen darstellen */ .positionpath a { text-decoration:underline; } .progeintrag { margin-bottom: 20px; } /** * Zusätzliche Angaben für den Container * bei Volleintrag (meist hervorgehobener als * ein AWL-Eintrag) */ .progeintrag_ve { border: 1px solid #DCDCDC; } #sgp_rub p { background-color: #f7f7f7; margin-top:8px; margin-bottom:8px; padding-top:10px; padding-bottom:10px; padding-left:11px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; } .ie8 #sgp_rub #suchauftrag p, .ie6 #sgp_rub #suchauftrag p, .ie7 #sgp_rub #suchauftrag p { background-color: #FFFFFF; } #sgp_rub .box_right { float: right; position: relative; top: -3px; } /** * Zusätzliche Angaben für den Container * bei AWL-Eintrag */ .progeintrag_awl { border: 1px solid #dcdcdc; } /** * Container für Programmname, inkl Markierung und * Infotext (mit kostenfreier Demoversion) */ /* geändert am 05.03.2014 */ /**************************/ .progname_container { padding: 5px; padding-left: 20px; position: relative; height: 16px; background: #f1f1f1 url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top; line-height: 16px; } /** * Programmname */ /* geändert am 05.03.2014 */ /**************************/ .sgp_progname { font-weight:bold; } .sgp_progname a:visited { color: #800080; } .progname { font-weight:bold; float: left; } * html .sgp_progname { float: none; } * html .progname { float: none; } .sgp_progname a { margin: 0px; padding: 0px; } .progname a { margin: 0px; padding: 0px; } /** * Container für die Kurzbeschreibung */ .kurzbeschreib_container { padding: 10px 5px 10px 20px; overflow: hidden; position: relative; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; clear:both; line-height: 20px; } /** * Kurzbeschreibung */ .kurzbeschreib { margin-top: 5px; margin-bottom: 5px; } * html .kurzbeschreib { float: none; } /** * Container für die Kontaktdaten */ .sgp_kontakt { /* clear:both; */ padding: 5px; padding-left: 20px; } /** * Container für die Kontaktdaten */ .kontakt { /* clear:both; */ padding: 0px 5px 10px 20px; padding-left:20px; } /** * Kontaktperson */ .sgp_kontakt_person_bild { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); background-position: -545px -2px; display: inline-block; height: 12px; margin: 0 7px; width: 15px; } .kontakt_person { padding-left: 18px; margin-right: 15px; background-image: url("http://www.softguide.de/grafik/icons/contact_person.gif"); background-image: url("http://www.sgupdate.com/grafik/icons/contact_person.gif"); background-repeat: no-repeat; margin-left: 15px; } /** * Kontakt Telefonnummer */ .sgp_kontakt_tel_bild { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); background-position: -545px -18px; display: inline-block; height: 12px; margin: 0 7px; width: 15px; } /** * Kontaktanfrage weiterleitung zu Anfrage PHP Formular */ .sgp_direkt_kontakt_bild { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); background-position: -525px -19px; border: medium none; cursor: pointer; height: 12px; margin: 0 7px; position: relative; top: 3px; width: 18px; } /** * Kontaktanfrage weiterleitung zu Anfrage PHP Formular IE6 IE7 */ * html .sgp_direkt_kontakt_bild { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); background-position: -525px -19px; border: medium none; cursor: pointer; height: 12px; margin: 0 7px; width: 18px; position: relative; top: -3px; left: 4px; } *+html .sgp_direkt_kontakt_bild { position: relative; top: -3px; left: 4px; } .sgp_trans_box_bild_unterschrift { display: block; line-height: 120%; padding-top: 5px; } .kontakt_tel { padding-left: 18px; background-image: url("http://www.softguide.de/grafik/icons/phone.gif"); background-image: url("http://www.sgupdate.com/grafik/icons/phone.gif"); background-repeat: no-repeat; */ } /******************************************************************/ /* footer */ #footer { margin-top:20px; } #footer td, #footer font, #footer i { vertical-align:top; } #footer td { border-style:solid; border-width:1px 0px 0px 0px; border-color:#DCDCDC; } /* Infotext allgemein */ .infotext{ color: #C00000; } /* margin rechts/links bei Icons */ .icon_margin { margin:0px 5px 0px 5px; } /********************************************/ /* DIV CLASS FILTER */ /********************************************/ label { color: #404040; font-family: arial,helvetica,sans-serif; font-size: 11px; /* Liste vom 2011-01-30 Punkt 1 schrift um 1px verkleinern */ font-style: normal; line-height: 1.65em; text-decoration: none; } .sgp_catalogFilter { background: url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top #F1F1F1; border-style: solid; border-color: #dcdcdc; border-width: 1px; /* margin-bottom: 17px; */ margin-top: 10px; padding: 10px 20px 10px 20px; } #sgp_home .sgp_catalogFilter { margin-bottom: 15px; } #sgp_rub .sgp_catalogFilter p { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0; padding: 3px 0 0; } * html .sgp_catalogFilter { height: 120px; } * html .sgp_small { height: 54px; } .sgp_catalogFilter.sgp_small { /* height: 54px; */ height: 70px; } .sgp_catalogFilter.sgp_small .sgp_suchauftrag_teaser_img { /* top: -8px; */ top: 0; } /* ANU, 2012-01-27: width: 273px; geändert auf width: 260px; (weil für iPad zu breit bzw. zu früh umgebrochen*/ .sgp_catalogFilter .sgp_filter2 { float: left; margin-right: 20px; } .sgp_catalogFilter .sgp_filter2 ul { margin: 0px; padding: 0px; } .sgp_filter2 ul { margin: 0px; padding: 0px; } /* PAP 2012-01-05 */ .sgp_detailsuche { position: relative; top: 38px; } .sgp_catalogFilter .sgp_filter3 { margin-right: 10px; clear: both; padding-top: 5px; } .sgp_catalogFilter .sgp_title { border-bottom: 1px solid #DDDDDD; clear: both; margin-bottom: 10px; overflow: hidden; } .sgp_catalogFilter .sgp_title { width: 178px; } .sgp_catalogFilter .sgp_title { font-weight: bold; } .sgp_catalogFilter .sgp_filter2 .sgp_title { width: 184px; } .sgp_catalogFilter .sgp_title label { float: left; margin: 0px; padding: 0px; } .sgp_filter2 li.sg_filter_abschnitt { width: 184px; margin-right: 0px; } .sgp_filter2 span.sgp_first_child { width: 153px; } #sgp_submit_filter { margin-left: 10px; } .ie7 .sgp_search_container .sgp_search_content .sgp_suchfilter_imput { margin-right: 10px; } .ie7 .sgp_pinn_sort_filter { float: left; } .ie8 #sgp_submit_filter { margin-top: 16px; } #sgp_submit_filter .sgp_button { position: relative; top: -1px; line-height: 13px; } .sgp_filter3 ul { padding:0px; margin:0px; display:inline-block; } .sgp_filter3 li { float: left; padding: 0px; margin: 0px; list-style: none outside none; } /**************************/ /* DIV CLASS FILTER POPUP */ /**************************/ /* Filter Sucheingabefeld */ .sgp_suchfilter_imput { /* width: 170px; */ width: 181px; height: 20px; } /* größere Breite für IE 7 und 6, sonst bricht im IE 7 und 6 li class filter_popup um */ /* * html .sg_filter_wrapper {width:850px;} */ /* Filter Auswahlbox */ li.sg_filter_abschnitt {margin-right: 6px; list-style: none outside none; float:left; } /* Filter Auswahlbox klappt aus */ li.sg_filter_abschnitt:hover div.sgp_filter_popup ul ul {visibility:visible;} * html li.sg_filter_abschnitt {padding-bottom:2px;} span.sgp_first_child { margin:0px; padding: 0 0 0 10px; color: #000000; height: 20px; width: 117px; background-color: #FFFFFF; border-color: #B6B5B5 #E8E8E8 #B6B5B5 #B6B5B5; border-width: 1px 0px 1px 1px; border-style: solid; padding-left: 10px; text-decoration: none; display: block; font-size: 11px; float:left; } span.sgp_first_child p {margin: 0; padding-top: 4px;} /* Filter der Betriebssysteme */ .sgp_filter_os { margin:0px; list-style: none outside none; } .sgp_filter_os .sgp_os_checkbox { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); display: -moz-inline-box; display: inline-block; margin:0px 5px 0px 5px; height:13px; width:13px; position: relative; top: 2px; } .ie7 .sgp_filter_os .sgp_os_checkbox { margin: 0px 5px 3px 5px; } .sgp_os_checkbox_checked:hover { background-position: -178px 13px !important; } .sgp_os_checkbox_unchecked:hover { background-position: -192px 13px !important; } .sgp_os_filterlable { margin-right: 10px; } /* Ende: Filter der Betriebssysteme */ .sgp_filter_popup ul li a.sgp_filter_popup_button { width:10px !important; background: url("../../sg_grafik/buttons/filter_button_2.jpg") repeat scroll 0 0 transparent !important; background-color: #000000; height: 22px !important; /* position: relative; top: 0px; */ border-width:0px 0px 0px 0px !important; position:relative; } .sgp_filter_popup ul li span.sgp_filter_popup_button { width:10px !important; background: url("../../sg_grafik/buttons/filter_button_2.jpg") repeat scroll 0 0 transparent !important; background-color: #000000; height: 22px !important; /* position: relative; top: 0px; */ border-width:0px 0px 0px 0px !important; } /* style the outer div to give it width */ .sgp_filter_popup { float:left; font-size:0.85em; /* width:30px; */ } /* remove all the bullets, borders and padding from the default list styling */ .sgp_filter_popup ul { padding:0; margin:0; list-style-type:none; } .sgp_filter_popup ul ul { width:150px; margin-right: 10px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown filter_popup positon */ .sgp_filter_popup li { float:left; position:relative; } /* style the links for the top level */ .sgp_filter_popup a, .sgp_filter_popup a:visited { display:block; font-size:11px; text-decoration:none; color:#fff; width:139px; height:30px; border:1px solid #B6B5B5; /* 2011-10-14 PAP Rahmenfarbe geändert von #fff */ border-width:0px 1px 1px 1px; background:#F1F1F1; /* 2011-10-14 PAP Hintergrundfarbe geändert von #758279; */ padding-left:10px; line-height:29px; } .sgp_filter_popup span, .sgp_filter_popup span:visited { display:block; font-size:11px; text-decoration:none; color:#fff; width:139px; height:30px; border:1px solid #B6B5B5; /* 2011-10-14 PAP Rahmenfarbe geändert von #fff */ border-width:0px 1px 1px 1px; background:#F1F1F1; /* 2011-10-14 PAP Hintergrundfarbe geändert von #758279; */ padding-left:10px; line-height:29px; } /* a hack so that IE5.5 faulty box model is corrected */ * html .sgp_filter_popup a, * html .sgp_filter_popup a:visited { width:150px; w\idth:139px; } /* style the second level background */ .sgp_filter_popup ul ul a.drop, .sgp_filter_popup ul ul a.drop:visited { background:#949e7c; } /* style the second level hover */ .sgp_filter_popup ul ul a.drop:hover{ background:#c9ba65; } .sgp_filter_popup ul ul :hover > a.drop { background:#c9ba65; } /* style the third level background */ .sgp_filter_popup ul ul ul a, .sgp_filter_popup ul ul ul a:visited { background:#e2dfa8; } /* style the third level hover */ .sgp_filter_popup ul ul ul a:hover { background:#b2ab9b; } .sgp_filter_popup ul ul ul :hover > a { background:#b2ab9b; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .sgp_filter_popup ul ul { visibility:hidden; position:absolute; height:0; /*top:31px; */ /*left:0; */ top: 22px; width:150px; left: -164px; z-index:3; } /* another hack for IE5.5 */ * html .sgp_filter_popup ul ul { top:22px; t\op:22px; l\eft:-100px; } /* position the third level flyout filter_popup */ .sgp_filter_popup ul ul ul{ left:150px; top:0; width:150px; } /* position the third level flyout filter_popup for a left flyout */ .sgp_filter_popup ul ul ul.left { left:-150px; } /* style the table so that it takes no part in the layout - required for IE to work */ .sgp_filter_popup table {position:absolute; top:0; left:0;} /* style the second level links */ .sgp_filter_popup ul ul a, .sgp_filter_popup ul ul a:visited { background:#FFFFFF; /* 2011-10-14 PAP Hintergrundfarbe geändert von #d4d8bd; */ color:#000; height:auto; line-height:1em; padding:5px 10px; /* width:126px */ width: 162px; /* yet another hack for IE5.5 */ } * html .sgp_filter_popup ul ul a{ width:150px; /* w\idth:126px; */ w\idth: 162px; } /* style the top level hover */ .sgp_filter_popup a:hover, .sgp_filter_popup ul ul a:hover{ color:#fff; background:#8e8f8f; /* #949e7c */ } /* Hoverfarbe für die einzelnen a Link tags */ .sgp_filter_popup :hover > a, .sgp_filter_popup ul ul :hover > a { color:#000; /* background:#8e8f8f; */ /* #949e7c */ background-color:#dceffb; } /* make the second level visible when hover on first level list OR link */ .sgp_filter_popup ul li:hover ul, .sgp_filter_popup ul a:hover ul{ visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .sgp_filter_popup ul :hover ul ul{ visibility:hidden; } /* keep the fourth level hidden when you hover on second level list OR link */ .sgp_filter_popup ul :hover ul :hover ul ul{ visibility:hidden; } /* make the third level visible when you hover over second level list OR link */ .sgp_filter_popup ul :hover ul :hover ul{ visibility:visible; } /* make the fourth level visible when you hover over third level list OR link */ .sgp_filter_popup ul :hover ul :hover ul :hover ul { visibility:visible; } /**************************/ /* ENDE FILTER POPUP */ /**************************/ /*********************/ /* softwarerecherche */ /*********************/ .sgp_suchauftrag { background: none repeat scroll 0 0 #FFFFFF; margin: -20px; padding: 20px; } .sgp_suchauftrag img { padding: 10px 20px; } .sgp_suchauftrag_teaser { float: right; position: relative; } .sgp_suchauftrag ol li { margin-bottom: 10px; } .sgp_suchauftrag_text { font-size: 12px; font-style: normal; line-height: 1.65em; border-bottom: 1px solid #DDDDDD; display: none; } /* .sgp_suchauftrag_teaser_img { background-image: url("../sg_grafik/icons/suchhilfe_lib.png"); background-position: -1089px -1px; display: inline-block; height: 60px; left: 0; position: relative; top: 9px; width: 60px; } .sgp_suchauftrag_teaser_img:hover { background-image: url("../sg_grafik/icons/suchhilfe_lib.png"); background-position: -1028px 0; } */ .sgp_suchauftrag_teaser_img { background-image: url("../../sg_grafik/icons/suchhilfe_lib2.png"); background-position: 0px 0px; display: inline-block; height: 70px; left: 0; position: relative; top: 9px; width: 60px; } .sgp_suchauftrag_teaser_img:hover { background-image: url("../../sg_grafik/icons/suchhilfe_lib2.png"); background-position: 61px 0; } /***************************/ /* ENDE softwarerecherche */ /***************************/ /********************************************/ /* ENDE DIV CLASS FILTER */ /********************************************/ /********************************************/ /* NO_ENTRIES_SEARCH Suchergebnisseite */ /********************************************/ .sgp_zero_result { background: url("../../sg_grafik/layout/bgTeaser.gif") repeat-x scroll left bottom transparent; border-color: #DEE3F1 #DCDCDC; border-style: solid dotted; border-width: 1px; padding: 20px 10px 20px 20px; margin-top: 10px; } .sgp_zero_result ul { line-height: 180%; margin-bottom: 0px; } .sgp_zero_result_headline { color: #008FCC; font-size: 1.3em; } .sgp_zero_result_filter_text { margin-top: 5px; } /********************************************************/ /* Pressemeldungen getPressemeldung() */ /********************************************************/ .sgp_pressemeldung { margin: 15px 0; line-height: 100%; } .sgp_pressemeldung_headline { /* background-color: #D5DAE9; */ padding: 5px 5px 5px 20px; } .sgp_pressemeldung_container { padding: 5px 20px; color:#555555; line-height:1.5 } .sgp_pressemeldung_quelle { color: #555555; font-size: 8pt; padding-bottom: 5px; padding-left: 20px; } /********************************************************/ /* ENDE Pressemeldungen getPressemeldung() */ /********************************************************/ /********************************************************/ /* ENDE DIV ID INHALT */ /********************************************************/ /*****************************************************************************/ /* DIV ID MITTE (enthält #oben und #rand) */ /*****************************************************************************/ /*****************************************************************************/ /* DIV ID UNTEN (Neuer Fuss) */ /*****************************************************************************/ /* Neuer Fuss der Seite */ #sgp_unten { /*background: none repeat scroll 0 0 #F1F1F1;*/ /* background: linear-gradient(to bottom, #efefef 0%, #ffffff 100%); */ /* color: #1E3177; */ font-size: 0.9em; clear: both; margin-top: 30px; padding-top: 52px; padding-bottom: 54px; background: #444 none repeat scroll 0 0; color: #c7c7c7; } #sgp_unten { /* color: #1e3177; */ color: #C7C7C7; font-size: 0.9em; padding-left: 10%; padding-right: 10%; } #sgp_unten ul { float: left; list-style: none outside none; margin-left: 0; padding-left: 10px; } #sgp_unten ul li { font-weight: normal; font-size: 0.9em; } #sgp_unten ul li.main { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; margin-left: 0; text-transform: uppercase; } #sgp_unten ul li.main a { text-transform: none; color: #c7c7c7; text-decoration: none; } #sgp_unten ul li.main a:hover { color: #e3e3e3; } .sgp_copyright { margin-top: 10px; text-align: center; clear: both; } .sgp_copyright a { color: #c7c7c7; } .sgp_copyright a:hover { color: #e3e3e3; } #sgp_unten ul ul { padding-left: 0px; margin-top: 20px; line-height: 22px; } .sgp_social_footer { float: left; margin-right: 4px; } #sgp_unten .sgp_social_footer_ul{ width: 290px; } #sgp_unten .sgp_social_footer_ul:lang(en){ width: 140px; } #sgp_unten .sgp_anbieter_footer_ul{ width: 172px; } html[lang="en"] #sgp_unten .sgp_anbieter_footer_ul { width: 117px; } html[lang="en"] .sgp_fiter_main { position: relative; } #sgp_unten .sgp_about_footer_ul{ width:167px; } .sgp_social_lib { background-image: url("../../sg_grafik/layout/elemente/startseite/social_footer/social_image_map3.png"); display: inline-block; margin: 0; padding: 0; vertical-align: middle; height: 35px; width: 35px; border-radius: 5px; border: 1px solid #cacaca; } .sgp_facebook_footer { background-position: 0px 0px; margin-left: 2px; } .sgp_google_footer { background-position: 143px 0px; } .sgp_twitter_footer { background-position: 107px 0; } .sgp_xing_footer { background-position: 250px 0px; } .sgp_rss_footer { background-position: 35px 0; } /*-------------------------------------------------- Borderfarbenänderung im Div sgp_unten für den IT-Dienstleister Guide. Realisiert mit Sub-Klassen ---------------------------------------------------*/ #sgp_unten.sgp_itd { border-color: #4d207c; } /*****************************************************************************/ /* ENDE DIV ID UNTEN (Neuer Fuss) */ /*****************************************************************************/ /***********************************************************************************************/ /* DIV ID SEITE (enthält div #oben, class .menu, #breadcrumb, #mitte, #unten */ /***********************************************************************************************/ /***********************************************************************************************/ /* ENDE ALLGEMEIN (Seitenunabhängiges Layout) */ /***********************************************************************************************/ /***********************************************************************************************/ /* SEITENSPEZIFISCHES LAYOUT */ /***********************************************************************************************/ /***********************************************************************************************/ /* PLZ-Index-Gen (plz/d1.htm, ... plz/berlin.htm, ...) */ /***********************************************************************************************/ #plzgen { } /***********************************************************************************************/ /* ENDE PLZ-Index-Gen */ /***********************************************************************************************/ /* Span mit den einzelnen Betriebsystem Spans */ .sgp_bs_liste { bottom: 0; float: right; position: absolute; right: 20px; top: -5px; } /* IE6 Weiche damit die Betriebssystemsymbole richtig plaziert werden */ * html .sgp_bs_liste { float:right; position:relative; top:-12px; } .sgp_bs_liste span { background-image: url("../../sg_grafik/icons/symblib.png?version=20150522"); display: -moz-inline-box; /* Fixes Firefox */ display: inline-block; margin-right: 7px; height: 31px; } .sgp_os_win { background-position:0px 0px; width:20px; } .sgp_os_win { background-position:-1650px 0; width: 26px; } /* .sgp_os_mobile { background-position:-21px 0px; width:10px; } */ .sgp_os_mobile { background-position: -1599px 0; width: 14px; } .sgp_os_unix { background-position:-32px 0px; width:16px; } /* .sgp_os_os2 { background-position:-49px 0px; width:20px; } */ .sgp_os_os2 { background-position: -1629px 0; width: 21px; } .sgp_os_netware { background-position:-70px 0px; width:18px; } /* .sgp_os_mac { background-position:-89px 0px; width:12px; } */ .sgp_os_mac { background-position: -1548px 0; width: 18px; } /* .sgp_os_asp { background-position:-102px 0px; width:32px; } */ .sgp_os_asp { background-position: -1566px 0; width: 31px; } /* .sgp_os_mainframe { background-position:-135px 0px; width:14px; } */ .sgp_os_mainframe { background-position: -1612px 0; width: 17px; } /* Programm-Demo-Teaser (Imagemap) (Demo, Sofortkauf,..) (Rubriken, Suche, Programmverzeichnis A-Z */ .sgp_imagemap_teaser { position: relative; top: 1px; } .sgp_imagemap_teaser span { background-repeat: no-repeat; display: -moz-inline-box; /* Fixes Firefox */ display: inline-block; overflow: hidden; margin-right: 7px; margin-left: 7px; height:12px; } .sgp_imagemap_de span { background-image: url("../../sg_grafik/layout/sg_image_map.gif"); } .sgp_imagemap_en span { background-image: url("../../sg_grafik/layout/sg_image_map_en.gif"); } /* 2012-03-20 JH schlaegt vor die blauen Demo Buttons gruen darzustellen */ /* blauer Demobutton */ /* .sgp_demo_dl { background-position:0px 0px; width:38px; } */ .sgp_demo_dl { background-position: -198px 0; width: 38px; } .sgp_demo_on { background-position:-39px 0px; width:38px; } .sgp_anwenderbericht { background-position:-78px 0px; width:46px; } .sgp_bwl { background-position:-125px 0px; width:72px; } .sgp_demo { background-position:-198px 0px; width:38px; } .sgp_infodl { background-position:-237px 0px; width:28px; } .sgp_sofortkauf { background-position:-266px 0px; width:65px; } .sgp_aehnliche_btn { display: inline-block; position: relative; top: 1px; margin-left: 5px; } .sgp_aehnliche_btn a {float:left;} .sgp_aehnliche_icon { background-image: url("../../sg_grafik/icons/symblib.png?version=20130311"); display: inline-block; margin: 0 0; width: 21px; } .sgp_aehnliche_span { background-position: -561px -2px; height: 12px; } .sgp_aehnliche_span:hover { background-position: -561px -16px; height: 12px; } /* Feedback-Formular (wird aber zZ nicht benutzt */ /* #feedback_link { padding-top:20px; } */ /* #erw_suche { wird nicht mehr benutzt ? padding-top:10px; } */ /* SOFTGUIDE FÜR ANBIETER */ #fuer_anbieter1{ padding-top:20px; } #fuer_anbieter1 .menupunkt { margin-top:7px; margin-bottom:12px; } #fuer_anbieter1 .menupunkt a { text-decoration: none; color:#1E3177; } #fuer_anbieter1 .menupunkt a:hover { text-decoration: underline; } /***********************************************************************************************/ /* PROGRAMMBESCHREIBUNG (prog_u/pu_0318.htm, prog_s/ps_0831.htm,...) Seitentyp: proggen */ /***********************************************************************************************/ /*#sg_twitter_... wegen Benutzung auch im Aktubereich in die configuration.php ausgelagert. */ /***********************************************************************************************/ /* ENDE PROGRAMMBESCHREIBUNG */ /***********************************************************************************************/ /***********************************************************************************************/ /* FIRMENBESCHREIBUNG (firma_r/fr_0366.htm,...) Seitentyp: firmengen */ /***********************************************************************************************/ #firmgen { /* border-top: 1px solid #CCCCCC;*/ } /* Tabellenlayout firmenprofil */ .firmenprofil { width: 100%; } .firmenprofil td { vertical-align:top; padding: 0px 10px 5px 0px; } .firmenprofil .section_name { font-family: Arial, Helvetica, sans-serif; font-size:10pt; width:100%; margin:10px 0px 10px 0px; } .firmenlogo { /* TD der Tabellencelle des Firmenlogos */ text-align: center; vertical-align: top; } /***********************************************************************************************/ /* ENDE FIRMENBESCHREIBUNG */ /***********************************************************************************************/ /***********************************************************************************************/ /* Screenshot Tab */ /***********************************************************************************************/ .sgp_screenshot_tabelle{ position:relative; width:100%; } .sgp_screenshot_tabelle td { vertical-align:top; } .sgp_screenshot_tabelle .sgp_media{ padding-top:10px; padding-bottom:0px; } .screenshot_tabelle .sgp_spacer{ height:40px; border-style:solid; border-color:#CCCCCC; border-width:0px; } .sgp_video { /* margin-left: 10px; */ } /***********************************************************************************************/ /* ENDE Screenshot Tab */ /***********************************************************************************************/ /***********************************************************************************************/ /* SoftGuide Homepage/Index (manuelle Seite) */ /***********************************************************************************************/ #sgp_home{ /* border: 1px solid #F1F1F1; */ padding: 0px 0px 5px 0px; /* background: url("../sg_grafik/layout/bluegardient4.jpg") repeat-x scroll left top transparent; */ } #home .sgp_teaser_head { /* padding-left:20px; */ } #sgp_home #cloud { margin-bottom: 17px; } /****************************************/ /* Medienpartnerteaser Rand Links Unten */ /****************************************/ #sgp_home .sgp_video_teaser { background: none repeat scroll 0 0 #EBEBEB; overflow: hidden; border-color: #D5DAE9 #DCDCDC; border-style: solid dotted; border-width: 1px; margin-bottom: 10px; padding: 10px; margin-top: 10px; padding-top: 0px; } /* Stern Hack nur für den IE6 */ * html #sgp_home .sgp_video_teaser { float:left; } #sgp_home .sgp_teaser_wrapper { /* margin-left: 5%; */ } #sgp_home .spg_video_teaser_bild_container { display: table-cell; vertical-align: top; } #sgp_home .sgp_video_teaser_bild { float:left; padding: 10px; width: 25%; margin-left: 5px; margin-right: 5px; background: none repeat scroll 0 0 #FFFFFF; border: 0.1em solid #D5DAE9; height: 210px; text-align: center; display: table; margin-top:10px; } #sgp_home .sgp_video_teaser_bild img { border: 1px solid #FFFFFF; height: 150px; width: 200px; box-shadow: 0 1px 3px #D4D4D4; } #sgp_home .sgp_partner_logo_text { margin-top: 2px; margin-top: 7px; } #sgp_home .sgp_video_link_text { clear: both; display: block; margin-top: 6px; font-size: 11px; line-height: 150%; } /*********************************************/ /* ENDE Medienpartnerteaser Rand Links Unten */ /*********************************************/ /* Wrapper rechter Rad auf der Startseite */ #rechter_rand { float: right; width: 220px; } html[lang="en"] #rechter_rand_oben { margin-bottom: 0px; } #rechter_rand_oben{ margin-bottom: 15px; } #rechter_rand_oben .sgp_teaser_head:nth-of-type(1){ margin-top: 0px; } #rechter_rand_oben .sgp_teaser_head { margin-bottom: 10px; } .sgp_pm_teaser { overflow: hidden; padding:10px; margin-bottom:10px; border-color: #dcdcdc; border-style: solid; border-width: 1px; line-height: 130%; /* background: url("../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top #f1f1f1; */ /* background: url("../sg_grafik/layout/bgTeaser2.gif") repeat-x scroll left top #e0e0e0; */ } .sgp_pm_teaser img { border:none; } .sgp_pm_teaser h4 { margin:0px; margin-bottom:3px; font-size: 1em; -moz-hyphens: auto; } .sgp_pm_text { /* font-size: 0.8em; */ } .sgp_pm_text p { /* font-size: 0.9em; */ margin-bottom:5px; margin-top:5px; line-height: 180%; } .sgp_pm_pic{ float:left; margin-right:10px; margin-bottom: 10px; /*overflow: hidden;*/ } .sgp_pm_pic img { /* border: 1px solid #FFFFFF !important; */ /* box-shadow: 0 1px 3px #A5A5A5; */ margin: 10px 1px 1px; } /********************************************************/ /* DIV ID RAND UNTEN (Linkliste Links) */ /********************************************************/ #rechter_rand_unten { /* background-color: #F1F1F1; */ /* border: 1px solid #DCDCDC; */ padding-right: 3px; margin-bottom: 20px; } html[lang="en"] #rechter_rand_unten { padding-top: 0px; } #rechter_rand_unten .sgp_teaser_head { margin-bottom: 10px; margin-top: 30px; } .sgp_new_entries_teaser { margin-bottom: 10px; padding: 10px; line-height: 130%; overflow: hidden; } #rechter_rand .sgp_new_entries_teaser, #linker_rand .sgp_new_entries_teaser { border: 1px solid #dcdcdc; } #rechter_rand .sgp_new_entries_teaser, #linker_rand .sgp_new_entries_teaser:last-child { } .sgp_new_entries_teaser p { margin-bottom: 5px; margin-top: 5px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -o-hyphens: auto; word-wrap: break-word; line-height: 180%; } .sgp_inner .sgp_new_entries_teaser p {margin-top: 15px;} .sgp_new_entries_teaser h4 { font-size: 1em; margin: 0 0 3px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -o-hyphens: auto; } #rechter_rand_oben .sgp_new_entries_teaser h4 { height: inherit; } /********************************************************/ /* ENDE DIV ID RAND UNTEN (Linkliste Links) */ /********************************************************/ /* Indextabelle */ .index_table { /* PAP 2011-09-06 Aufhebung der Festengröße */ /* width:720px; */ border-collapse:collapse; } .headline { text-align: left; /* background: none repeat scroll 0 0 #DDE3F5; */ /* background: url("../sg_grafik/layout/bg_headline.jpg") repeat-x scroll left bottom transparent; */ padding-top:20px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; /* border-top: 1px solid #1E3177; */ border-color: #1E3177 #D1D1D1 #CCCCCC; border-left: 1px dotted #D1D1D1; border-right: 1px dotted #D1D1D1; border-style: solid dotted dotted; border-width: 1px; background: url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top #FFFFFF; } .headline h2 { margin: 0px; /* letter-spacing: 1px; */ line-height: 110%; /* font-size: 1.2em; */ /* Habe 1.2em jetzt als globale H2 Größe definiert 2011-11-17 */ padding:0px; display:inline-block; } /* PAP 2011-09-06 Der Herzlich Willkommentext */ .preamble { /* background: url("../sg_grafik/layout/bluegardient4.jpg") repeat-x scroll left top transparent; */ /* background: url("../sg_grafik/layout/bgContentRow.png") repeat-x scroll left bottom transparent; */ padding-top:20px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; /* margin-top:10px; */ /* display: inline-block; */ /* background: none repeat scroll 0 0 #DDE3F5; */ line-height: 180%; } .preamble p { margin: 0px; } .preamble h4 { font-size: 1.6em; font-weight: normal; margin-top: 0; } /* 2011-11-17 Font-size globale H4 angelegt 0.9em 14,4px */ .itd .preamble h4 { margin-bottom: 20px; } .itd .preamble { padding-bottom: 0px; } .preamble span {margin-top:15px;display:inline-block;} #cloud { /* background: none repeat scroll 0 0 #DDE3F5; */ background: url("../../sg_grafik/layout/bgTeaser2.gif") repeat-x scroll left top #E0E0E0; margin-top: 10px; padding: 10px 10px 10px 20px; Border-style: solid; border-color: #D5DAE9; border-width: 1px; } .software_such_table { background-color: #F7F7F7; margin-top: 10px; padding: 10px 10px 20px; } .software_such_form { margin: 0; position: relative; top: 7px; } /* Rub1-Headlines (A-B-C Kategorie) Bei neuem Logo background-color umstellen auf: #034694 2011-06-11: #1E3177 (davor #000099) */ .index_table .index_headline { font-size:1.0em; padding-left:9px; color:#FFFFFF; background-color:#1E3177; } .index_table .left_col { width:30%; } .index_table .middle_col { width:35%; } .index_table .right_col { } /* Zellen (beinhalten je Rub2-Headline und Rub3 Rubrikenlinks) */ .index_table td{ font-size:0.8em; line-height:1.5em; border-style:solid; border-color:blue; border-width:0px; } /*Innere Tabelle (Beinhaltet nur eine Zelle mit Rub2-Headline) */ .inner_index_table { width:100%; border-collapse:collapse; margin:5px 0px 5px 0px; } /* Rub2 Headline */ .inner_index_table td { background-color:#DDDDDD; padding-left:6px; font-size:1.0em; font-weight: bold; vertical-align: top; } .index_headline2_code { width: 15px; } /***********************************************************************************************/ /* ENDE SoftGuide Homepage/Index */ /***********************************************************************************************/ /***********************************************************************************************/ /* Ehemalig Manuelle Seiten */ /***********************************************************************************************/ /* Titel */ .ms_title { position:relative; width:100%; padding-bottom: 10px; margin-bottom:10px; min-width: 750px; /* margin-top:40px; padding-bottom: 10px; */ } .ms_title, .ms_title a { /* color:#C00000; */ } .ms_title h2, .ms_title h3 { margin-top:0px; } .ms_title h3 { color:#555555; } /* Untertitel */ .ms_subtitle { position:relative; width:100%; padding-bottom: 10px; margin-bottom:10px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#DCDCDC; } .ms_subtitle, .ms_subtitle a { color:#555555; } /***********************************************************************************************/ /* ENDE Ehemalig Manuelle Seiten */ /***********************************************************************************************/ /***********************************************************************************************/ /* anbieter.htm, vendors.htm (ehemalige manuelle Seiten) */ /***********************************************************************************************/ #anbieter_htm .section_content{ padding-top:10px; padding-bottom:10px; } /* anbieter_htm left */ #anbieter_htm .section_left { white-space:nowrap; padding-right:25px; border-style:solid; border-width:0px; border-color:green; } #anbieter_htm .spare { height:20px; } #anbieter_htm li { margin-bottom:5px; } #anbieter_htm td { vertical-align:top; padding:5px 5px 5px 0px; } /***********************************************************************************************/ /* Suchmaske */ /***********************************************************************************************/ .suchform { border-style:solid; border-width:0px; border-color:#DCDCDC; margin:5px 0px 5px 0px; } .suchform td { font-size: 10pt; padding: 5px 15px 4px 0px; vertical-align: middle; } .suchform p { margin-bottom: 5px; } /* .suchform td { vertical-align:top; border-style:solid; padding-right:10px; border-width:0px; border-color:#DCDCDC; font-size:10pt; } */ #plz_value[disabled], #itd_plz_value[disabled] { background-color:#F7F7F7; } /* #news { font-size:7pt; background-color:#FFFFFF; width:180px; height:180px; border-style:solid; border-width:1px; border-color:#DCDCDC; padding:2px; } #news a{ font-size:7pt; } */ /***********************************************************************************************/ /* Suchausgabe */ /***********************************************************************************************/ .sg_such_erg, .sg_such_erg2 { width:100%; margin-bottom:25px; border-style:solid; border-width:1px; border-color:#DCDCDC; } .sg_such_erg2 { border-width:0px; } .sg_such_erg td, .sg_such_erg2 td { padding:5px; line-height:1.2; border-style:solid; border-width:0px; border-color:blue; background-color: #F7F7F7; } .sg_such_erg2 td { background-color: #FFFFFF; } .sg_such_erg .top_, .sg_such_erg2 .top_ { background-color:#ECECEC; } /**** * Merken */ .merken { margin: 0; position:relative; left:80%; background-color: #F3F3F3; font-size:0.8em; text-align:center; border: 1px solid #DCDCDC; border-bottom:0; width: 125px; } .merken:hover { cursor:pointer; border: 1px solid #DFDFDF; border-bottom:0; background-color: #F9F9F9; } /* rausschmeissen */ .horizontal_line{ float:left; /*position:relative;*/ margin-bottom:10px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#DCDCDC; } /***********************************************************************************************/ /* softwaresuche.htm (manuelle Seiten) */ /***********************************************************************************************/ .sg_section_content { border: 0 solid #DCDCDC; clear: both; margin-bottom: 10px; padding-bottom: 20px; padding-left: 10px; padding-top: 20px; } .sg_section_content p{ clear: both; padding-bottom: 0; padding-left: 10px; padding-top: 0; } .sg_section_name_suche{ color: #282828; font-weight: bold; margin-bottom: 20px; background-image: url("../../sg_grafik/layout/bg_section_name.gif"); border: 1px solid #CCCCCC; padding: 2px 0 2px 10px; position: relative; width: 98%; } .sg_such_formular{ background-color: #F1F1F1; border: 1px solid #DCDCDC; margin-bottom: 20px; margin-left: 10px; padding-left: 10px; width: 475px; } /***********************************************************************************************/ /* Ticker */ /***********************************************************************************************/ .ticker_c { background: #fff none repeat scroll 0 0; margin-bottom: 20px; margin-top: 10px; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #b4b4b4; border-top: 1px solid #b4b4b4; padding: 5px 10%; } * html .ticker_c { overflow:hidden; width:99%; } .ticker_c ul { border: 0px solid #000386; list-style: none; white-space: nowrap; overflow: hidden; margin: 0px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin: 1px 0 0; padding-top: 0px; } .ticker_c li { display: inline; padding-left: 15px; padding-right: 15px; margin:0px; } * html .ticker_c li { display: inline; padding-left: 0px; padding-right: 15px; margin:0px; } .ticker_c img { vertical-align: middle; border:none; } /***********************************************************************************************/ /* Tabmenue für Tabdarstellung bei Volleintraegen */ /***********************************************************************************************/ /* Tabmenue z.Zt nur proggen */ #sgp_tabmenue { margin-bottom:0px; /*font-size:0.9em;*/ /* PAP 2011-11-09 Schriftgröße verkleinert */ color: #1E3177; /* PAP 2011-10-21 #333399 alten Blauton geändert */ } #sgp_tabmenue td { vertical-align:top; text-align:center; font-weight:bold; border-style:solid; border-width:1px; border-color:#DCDCDC; } /* Links in der Strukturübersicht immer unterstrichen darstellen */ #sgp_tabmenue a { font-weight:bold; text-decoration:none; } #sgp_tabmenue .sgp_active_tab { border-width:1px 1px 0px 1px; } #sgp_tabmenue .sgp_passive_tab { /* background-color:#F7F7F7; */ background-color: #DCDCDC; } /* 2012-11-14 Änderung des DIV Tag um Firmensuche auf Startseite zu SPAN Tag */ /* Änderung aufgrund Validierungsfehlers A-Tag darf kein DIV Tag enthalten */ /* alt */ #sgp_tabmenue .sgp_active_tab div, #sgp_tabmenue .sgp_passive_tab div{ position:relative; width:100%; height:100%; padding-top:5px; padding-bottom:5px; font-size: 0.9em; } /* neu */ #sgp_tabmenue .sgp_active_tab span, #sgp_tabmenue .sgp_passive_tab span{ position:relative; width:100%; height:100%; padding-top:5px; padding-bottom:5px; font-size: 0.9em; display: block; } /* alt */ /* Links der Tabs */ #sgp_tabmenue a.tab_link div { height:100%; background-color:#F7F7F7; } #sgp_tabmenue a.sgp_tab_link:hover div { height:100%; /* background-color:#DCDCDC; */ background-color:#dceffb; /* PAP 2011-11-14 */ color:#000099; cursor:pointer; } /* neu */ /* Links der Tabs */ #sgp_tabmenue a.tab_link span { height:100%; background-color:#F7F7F7; } #sgp_tabmenue a.sgp_tab_link:hover span { height:100%; /* background-color:#DCDCDC; */ background-color:#dceffb; /* PAP 2011-11-14 */ color:#000099; cursor:pointer; } /* ENDE 2012-11-14 Änderung des DIV Tag um */ /* Firmensuche auf Startseite zu SPAN Tag */ /* Füllelement zwichen den Tabs */ #sgp_tabmenue .sgp_fill { border-width:0px 0px 1px 0px; width:8px; } #sgp_tabmenue .sgp_fill_last { border-width:0px 0px 1px 0px; } .sgp_tabmenue_last_td { border-width: 0px 0px 1px 0px !important; border-style: solid; border-color:#DCDCDC; font-weight: bold; text-align: center; vertical-align: top; } /***********************************************************************************************/ /* RUB3GEN /software/case.htm */ /***********************************************************************************************/ /***********************************************************************************************/ /* RUB3GEN ENDE */ /***********************************************************************************************/ /***********************************************************************************************/ /* RUB2GEN Rubriken 2 Ordnung z.b. A1 Programmierung (Marktübersicht Software A1 bis C5) */ /***********************************************************************************************/ .rub2gen { clear: both; } .rub2_inner_nav_table { margin: 15px 30px; } .rub2_inner_nav_table td { vertical-align: top; width: 50%; } .rub2_inner_nav_table div { margin: 1.33em 0; } .rub2_weitere_bereiche_titel { margin-bottom: 5px; margin-top: 25px; } .rub2_weitere_bereiche_titel .rubname { font-weight: bold; } .rub2_weitere_bereiche_liste { font-size: 13px; list-style: none outside none; width: 700px; } .rub2_weitere_bereiche_liste li { float: left; margin: 5px 0; width: 350px; } .rub2_weitere_bereiche_rubcode { display: block; float: left; width: 25px; } .rub2_inner_nav_rubcode { display: block; float: left; font-weight: bold; width: 40px; } .rub2_inner_nav_rubname { font-weight: bold; margin-right: 60px; } .rub2_inner_nav_subrubs { list-style-image: url("../../sg_grafik/icons/arrow.gif"); list-style-position: inside; margin: 0; padding: 0 0 0 40px; } .rub2_inner_nav_subrubrik { margin: 0; padding: 0; } /***********************************************************************************************/ /* ENDE RUB2GEN */ /***********************************************************************************************/ .sgp_jobs_adresse { padding: 10px 20px 10px 21px; } .sgp_stellenangebot:nth-of-type(1){ margin:0px; padding:0px; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #dcdcdc; } .sgp_stellenangebot > .sgp_section_content ul { padding-left: 12px; margin-top: 0px; } .sgp_stellenangebot > .sgp_section_name { padding-left: 20px; } .sgp_stellenangebot > span { padding-left: 20px; } .sgp_stellenangebot > h2 { padding-left: 20px; } .sgp_float_left{ float: left; margin: 0px; } .sgp_float_right{ float:right; margin: 0px; } .sgp_clear_both{ clear:both; } .sgp_no_padding { padding: 0px; } .sgp_program_img { padding-left: 20px; padding-top: 20px; } .sgp_font_normal { font-weight: normal; } .sgp_align_center { text-align: center; } .sgp_section_name a { color: #333333; line-height: 100%; text-decoration: none; } .sgp_clear { overflow: hidden; } .sgp_left { float:left; } .sgp_right { float:right; } .sgp_img_responsive { height: auto; max-width: 100%; } .sgp_swk_bild_legende { font-style: italic; margin-left: 5px; margin-top: 5px; line-height: 15px; color: #605F5F; font-size: 0.9em; } .sgp_inline_block { display: inline-block; } #sgp_news .sgp_float_none { float: none; } .sgp_prog_preview_picture { box-shadow: 0 1px 3px #D4D4D4; border: 1px solid #FFFFFF; padding:0px !important; margin: 10px 10px 4px !important; } .sgp_prog_preview_picture_legende { font-size: 8pt; line-height: 130%; padding-top: 2px; } .sgp_no_shadow { border: none !important; box-shadow: none !important; } /******************************************************************************/ /* Nur für die Referenzliste eines Anbieters mit Prokkey: pb_1056 */ /******************************************************************************/ #sgp_referenzen_wrap li { background: none repeat scroll 0 0 #FFFFFF; border: 0.1em solid #D5DAE9; padding: 10px; text-align: center; margin: 2px; } #sgp_referenzen_wrap img { border: none; margin: 5px; } #sgp_referenzen_wrap { display: inline-block; margin: 0 auto; } * html #sgp_referenzen_wrap { width: 98%; } #sgp_referenzen_wrap ul { display: inline-block; margin: 0 auto; padding: 0; list-style: none outside none; } #sgp_referenzen_wrap ul li { display: inline-block; } /******************************************************************************/ /* ENDE Nur für die Referenzliste eines Anbieters mit Prokkey: pb_1056 */ /******************************************************************************/ /******************************************************************************/ /* Buttons */ /******************************************************************************/ .sgp_button { width: 100% !important; display: block; line-height: 30px; text-align: center; /* background: #D5DAE9; */ /* background: #5c5c5c none repeat scroll 0 0; /* /* color: #273f9a; */ background: #7b7b7b none repeat scroll 0 0; color: #fff; font-weight: bold; border: medium none; } .itd .sgp_button { background: #f4ecfb none repeat scroll 0 0; color: #333333; } .sgp_search_link_btn { height: 24px; line-height: 21px; } #itd .sgp_button:hover { /* color: #594D99; */ color: #4d207c; } .sgp_button:hover { /* background: #e9ecf5 none repeat scroll 0 0; */ background: #1E3177 none repeat scroll 0 0; border-color: #c1e7ff; color: #fff; text-decoration: none; } .itd .sgp_button:hover { /* background: #594d99; */ background: #4d207c; } .sgp_button:after { content: " »"; font-size: 1.2em; } .sgp_button_new { background: none repeat scroll 0 0 #fff; border: 1px solid #dedddd; border-radius: 3px; box-shadow: 0 0 1px 0 #dedddd inset; color: #1e3177; display: inline-block; font-size: 11px; font-weight: bold; padding: 0 5px; text-decoration: none; text-transform: none; word-spacing: normal; } .sgp_button_new:hover { background: linear-gradient(to bottom, #fcfeff 0%, #c1e7ff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #c1e7ff; color: #0080ff; text-decoration: none; } .sgp_button_new:after { content: " »"; font-size: 1.2em; } /******************************************************************************/ /* END Buttons */ /******************************************************************************/ .sgp_filter_popup ul li span.sgp_filter_popup_button { background: url("../../sg_grafik/layout/elemente/startseite/sgp_filter_popup_button_new.png") no-repeat scroll 0 0 transparent !important; } ul:hover li .sgp_filter_popup ul li span.sgp_filter_popup_button { background: url("../../sg_grafik/layout/elemente/startseite/sgp_filter_popup_button_new_hover.png") no-repeat scroll 0 0 transparent !important; } /******************************************************************************/ /* Suchauftrag */ /******************************************************************************/ #sgp_home #suchauftrag { display: table-cell; vertical-align: top; width: 40%; } .ie7 #sgp_home #suchauftrag { width: 100%; } .sgp_h2_suchauftrag { display: inline-block; font-size: 1.2em; margin: 0px; } #sgp_home #suchauftrag .sgp_section_content { position: relative; } #sgp_home #suchauftrag .sgp_section_content .sgp_button { position: absolute; bottom: 20px; right: 20px; } #suchauftrag .sgp_suchauftrag_inner { float: left; margin-left: 0; /* margin-right: 10px; */ margin-bottom: 10px; } .sgp_suchauftrag_inner img { margin-right: 0px; padding: 0; margin-bottom: 0px; } .ie7 .sgp_suchauftrag_inner img { margin: 0px; } /******************************************************************************/ /* END Suchauftrag */ /******************************************************************************/ .sgp_catalogFilter_new { background: url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top #f1f1f1; display: table-cell; margin-right: 10px; margin-top: 0; padding: 10px 20px; width: 35%; border: 1px solid #d5dae9; } #sgp_home .sgp_filter_suche_wrap { display: table; width: 100%; margin-top: 0; } .sgp_middle_row { display: table-cell; width: 1%; } .sgp_catalogFilter_new .sgp_title { font-weight: bold; } .sgp_help_cursor { cursor: help; } .sgp_new_entries_teaser,.sgp_partner_teaser, .sgp_support_teaser, .sgp_spalte_rechts { } #seite #linker_rand .sgp_pm_teaser, .sgp_new_entries_teaser, .sgp_partner_teaser, .sgp_support_teaser, .sgp_spalte_rechts, #seite #linker_rand .sgp_teaser_head, .sgp_software_kriterien_teaser { margin-left: 0px; margin-right: 0px; } #seite #rechter_rand .sgp_support_teaser b { margin-top:10px; padding-left: 10px; display:inline-block; } #linker_rand .sgp_section_content { border: 1px solid #cccccc; padding: 0px; } #linker_rand #suchauftrag .sgp_section_content {padding: 10px;padding-bottom: 0px;} /* #linker_rand #suchauftrag .sgp_section_content p:last-of-type {margin-right: -10px; margin-left: -10px;margin-bottom: -10px;} */ .sgp_manual_pdf{ margin-top: 10px; } .sgp_font_small { font-size: 0.8em; } .sgp_margin_top { margin-top: 20px; } /****************************************************/ /* http://www.autodesk.de/products/inventor/compare */ /****************************************************/ .sgp_autodesk_table { border: 1px solid #d1d1d1; empty-cells: show; border-collapse: collapse; border-spacing: 0; text-align: left; border-spacing: 2px; font-size: 1.12em; width: 100%; } .sgp_autodesk_table col { background: #fafcef none repeat scroll 0 0; border-left: 1px solid #d1d1d1; } .sgp_autodesk_table thead tr th:first-child { text-transform: uppercase; } .sgp_autodesk_table thead th { color: #444; font-size: 1em; line-height: 1.28571; padding-bottom: 1.07143em; padding-top: 0.857143em; text-align: left; font-weight: bold; } .sgp_autodesk_table td, .sgp_autodesk_table th { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #d1d1d1; border-image: none; border-style: solid; border-width: 1px 0; padding: 0.833333em 16px 0.416667em; vertical-align: top; } .sgp_autodesk_table td { color: #009869; line-height: 1.21429em; width: 150px; } .sgp_autodesk_table tbody tr:nth-child(2n+1) th { background: #f9f9f9 none repeat scroll 0 0; } .sgp_autodesk_table tbody th { color: #444; font-size: 0.857143em; line-height: 1.25; text-align: left; font-weight: normal; } .sgp_autodesk_table tbody tr:first-child th[colspan] { background: #ebeee5 none repeat scroll 0 0; border-top: 1px solid #d1d1d1; font-size: 1em; line-height: 1.28571; padding-bottom: 1.07143em; padding-top: 0.857143em; text-transform: uppercase; font-weight: bold; } /*********************************************************/ /* ENDE http://www.autodesk.de/products/inventor/compare */ /*********************************************************/ /******************************************************************************/ /* Softwarekriterien */ /******************************************************************************/ .sgp_swk_hintergrundinfologo { background-image: url("../../sg_grafik/buttons/software_kriterien/sw_kriterien_lib.png"); background-position: -1806px -30px; float: left; height: 30px; margin: 0 6px 0 0; width: 30px; display: inline-block; position:relative; top: 5px; } .sgp_swk_anbieterfragelogo { background-image: url("../../sg_grafik/buttons/software_kriterien/sw_kriterien_lib.png"); background-position: -1837px -30px; display: inline-block; height: 30px; margin: 0 6px 0 0; width: 30px; } .sgp_swk_logo_frage { overflow: hidden; } sup a { border: 1px solid #DDDDDD; border-radius: 4px; padding: 0 2px; } .sgp_section_content ul.sgp_green_buttons { padding-left: 29px; } ul.sgp_green_buttons li { background: url("/../../media/sg_grafik/icons/green_arrov2.png") no-repeat 0px 4px; list-style: none; padding-left: 30px; margin-bottom: 15px !important; font-weight: bold; padding-top: 5px; } .sgp_font_normal {font-weight: normal;} /******************************************************************************/ /* ENDE Softwarekriterien */ /******************************************************************************/ a.sgp_default { color: inherit; padding: 3px 0 0; display: block; } a.sgp_default:hover {text-decoration: none;} noscript p { font-weight: normal; border-top: 1px solid #DEDEDE; padding-top: 5px; } .sgp_suchauftrag_headline { padding: 0 20px 20px; text-align: left; } .sgp_suchauftrag_headline h1 { font-weight: normal; margin: 0; } /* --- ITD ---- */ .itd_sosu_image { margin-bottom: 15px; } .sgp_itd_entry { margin-bottom: 15px; } .fullentry > .sgp_itd_container { border: 1px solid #D5DAE9; border-top: none; background: #F1F1F1; min-height: 90px; overflow: auto; } .sgp_itd_header { background: #D5DAE9; padding: 2px 15px; border: 1px solid #D5DAE9; } .sgp_itd_angebotsraum { float: right; } .sgp_itd_container { padding: 10px 15px; } .sgp_itd_informations { margin-top: 5px; } .sgp_itd_strasse, .sgp_itd_ort { font-weight: bold; display: inline-block; } .sgp_itd_info { margin-top: 10px; } .sgp_itd_bereich { margin-top: 5px; } .sgp_itd_description { text-align: justify; } .sgp_itd_container img { margin-left: 10px; } .sgp_itd_messe { text-align: right; margin-bottom: 3px; } /***********************************************************************************************/ /* software-nachrichten.htm */ /* SoftGuide: Software Nachrichten - News und Neuheiten aus der IT- und Softwarebranche */ /***********************************************************************************************/ #sgp_index_news .sgp_section_content { margin: 0; padding-top: 0; } .sgp_pinnboard .sgp_presse_kachel { height: 270px; } .ie7 .sgp_pinnboard .sgp_presse_kachel { height: auto !important; } .sgp_presse_kachel:hover { /* background:#f9f9f7; */ } .sgp_presse_kachel:hover .sgp_presse_kachel_headline { /* background: url("../sg_grafik/bg_elements/bg_kachel_headline_white.png") repeat-x scroll left top rgba(0, 0, 0, 0); */ } @media all and (max-width: 1676px) { .sgp_presse_kachel{ border: 1px solid #dcdcdc; margin-bottom: 20px; height: initial !important; overflow: hidden; position: relative; width: initial !important; } .sgp_presse_kachel_headline { height: initial !important; padding: 5px 5px 5px 20px !important; } .sgp_presse_kachel_container { height: initial !important; padding: 10px 20px 10px; } .sgp_presse_kachel_quelle { padding: 0 5px 10px 20px !important; } .sgp_kachel_ausschreibung { bottom: 10px; position: absolute; right: 20px; } } /* ab 1677 pixel */ @media all and (min-width: 1677px) { .sgp_presse_kachel{ float: left; height: 350px; width: 24%; border: 1px solid #dcdcdc; /* background: none repeat scroll 0 0 #F1F1F1; */ overflow: hidden; position: relative; margin: 0 6px 20px 2px; } .sgp_pinnboard .sgp_presse_kachel { height: 270px; } } .ie7 .sgp_presse_kachel { width: auto; height: auto !important; float: none; border: 1px solid #dcdcdc; margin-bottom: 20px; } .ie7 .sgp_presse_kachel_quelle { float: none; padding: 0 5px 10px 20px !important; } .ie7 .sgp_presse_kachel_container { height: auto; } .ie7 .sgp_presse_kachel_headline { height: auto !important; } .sgp_presse_kachel_headline { background: #f1f1f1 url("../../sg_grafik/layout/bgFilterRow2.gif") repeat-x scroll left top; padding: 10px 20px 0px 20px; height: 63px; border-bottom: 1px solid #dcdcdc; } .sgp_presse_kachel_headline b { font-size: 12px; font-weight: normal; line-height: 19px; font-weight:bold; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .sgp_pinnboard .sgp_presse_kachel_container { height: 135px; } .ie7 .sgp_pinnboard .sgp_presse_kachel_container { height: auto; } .sgp_presse_kachel_container { /* word-break: break-all; */ padding: 10px 20px 0px 20px; color:#555555; line-height:1.5; height: 220px; overflow: hidden; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .sgp_presse_kachel_quelle { color: #555555; font-size: 8pt; padding: 0px 5px 0px 15px; float:left; } .ie7 .sgp_presse_kachel_quelle { margin-top: 20px; } .sgp_presse_kachel_date { color: #555555; font-size: 8pt; padding: 0px 5px 0px 15px; } .sgp_presse_kachel img { border: medium none; box-shadow: none; } .sgp_list_img_left { float: left; margin-right: 15px; margin-bottom: 5px; } .sgp_pin_overview_pic img { height: auto; width: 100px; } .sgp_paging { clear: both; } .sgp_presse { margin-left: 2px; float: left; } .sgp_pinnboard { } .sgp_catalogFilter { margin-bottom: 0px; } .sgp_filter_suche_wrap { margin-top: 10px; } .sgp_kachel_ausschreibung { position: absolute; bottom: 0px; right: 3px; } .pinn_right_column { border-left: 1px solid #cccccc; float: right; margin-left: 20px; padding-left: 20px; } .sgp_small .sgp_btn_filter { position: static; } .sgp_title { font-weight: bold; border-bottom: 1px solid #dddddd; clear: both; margin-bottom: 10px; } .sgp_filter2 { margin-bottom: 10px; } .sgp_suchfilter_imput { height: inherit; width: 182px; } #sgp_home .sgp_section_content ul { margin-bottom: 15px; padding: 0 0 0 30px; } /* .sgp_section_content ul { margin: 0px; padding: 0px; } */ #sgp_index_pinn .sgp_section_content { overflow: inherit; /* display: inline-block; */ } #sgp_index_pinn span.sgp_first_child p { padding-top: 0px; } #sgp_index_pinn .sgp_section_content .pinn_right_column .sgp_daten_absenden { line-height: 30px; width: 184px !important; } #sgp_index_pinn .sgp_section_content .pinn_right_column .sgp_suchfilter_imput { width: 178px !important; } .ie7 #sgp_index_pinn .sgp_section_content .pinn_right_column .sgp_daten_absenden { width: 184px !important; clear:both; } .sgp_daten_absenden { margin-bottom: 10px; margin-top: 15px; display: inline-block; line-height: 4px; } .ie7 .sgp_socialbar { position: relative; top: -25px; float: right; width: 130px; } .sg_socialbar_div li { border: none; border-radius: 2px; color: #fff; cursor: pointer; font-weight: bold; height: 20px; line-height: 20px; padding: 0; text-shadow: 0 -1px 0 #354c8c; white-space: nowrap; position: relative; } .sg_socialbar_div li.facebook { background: #4c69ba; background: linear-gradient(#4c69ba, #3b55a0); } .sg_socialbar_div li.facebook:hover { background: #5b7bd5; background: linear-gradient(#5b7bd5, #4864b1); border-color: #5874c3 #4961a8 #41599f; box-shadow: inset 0 0 1px #607fd6; } .sg_socialbar_div li.google { background: #db4437; background: linear-gradient(#db4437, #CA301D); background-color: rgb(219,68,55); // Old browsers @include filter-gradient(#db4437, #ca301d, vertical); // IE6-9 @include background-image(linear-gradient(top, rgba(219,68,55,1) 0%,rgba(202,48,29,1) 100%)); } .sg_socialbar_div li.google:hover { background: #5b7bd5; background: linear-gradient(#EA5652, #D73F2E); background-color: rgb(234,86,82); // Old browsers @include filter-gradient(#ea5652, #d73f2e, vertical); // IE6-9 @include background-image(linear-gradient(top, rgba(234,86,82,1) 0%,rgba(215,63,46,1) 100%)); border-color: #5874c3 #4961a8 #41599f; box-shadow: inset 0 0 1px #607fd6; } .sg_socialbar_div li.twitter { background: #db4437; background: linear-gradient(#1b95e0, #0A81C6); background-color: rgb(27,149,224); // Old browsers @include filter-gradient(#1b95e0, #0a81c6, vertical); // IE6-9 @include background-image(linear-gradient(top, rgba(27,149,224,1) 0%,rgba(10,129,198,1) 100%)); } .sg_socialbar_div li.twitter:hover { background: #5b7bd5; background: linear-gradient(#1b95e0, #1b95e0); background-color: rgb(27,149,224); // Old browsers @include filter-gradient(#1b95e0, #1b95e0, vertical); // IE6-9 @include background-image(linear-gradient(top, rgba(27,149,224,1) 0%,rgba(27,149,224,1) 100%)); border-color: #5874c3 #4961a8 #41599f; box-shadow: inset 0 0 1px #607fd6; } .sg_socialbar_div li.xing { background: #db4437; background: linear-gradient(#004E52, #00686D); background-color: rgb(0,78,82); // Old browsers @include filter-gradient(#004e52, #00686d, vertical); // IE6-9 @include background-image(linear-gradient(top, rgba(0,78,82,1) 0%,rgba(0,104,109,1) 100%)); } .sg_socialbar_div li.xing:hover { background: #5b7bd5; background: linear-gradient(#066A6F, #066A6F); background-color: rgb(6,106,111); // Old browsers @include filter-gradient(#066a6f, #066a6f, vertical); // IE6-9 @include background-image(linear-gradient(top, rgba(6,106,111,1) 0%,rgba(6,106,111,1) 100%)); border-color: #5874c3 #4961a8 #41599f; box-shadow: inset 0 0 1px #607fd6; } .sgp_social_bar_icon { width: 16px; height: 16px; margin: 2px 5px; display: block; position: absolute; bottom: 0px; background-size: 16px 16px; } .sg_socialbar_div { margin-bottom: 6px; padding-bottom: 0; position: relative; } .sg_socialbar { margin: 0; padding: 0 0 5px; } /* .sg_socialbar { float: left; } */ .sg_socialbar li { display: inline; float: left; line-height: 1em; list-style-type: none; margin: 0 0 0 10px; padding: 0; width: 25px; overflow: hidden; -webkit-transition: width 1s; transition: width 1s; } .ie7 .sg_socialbar li:hover { width: 25px; } .sg_socialbar li:hover { width: 95px; } .google .sgp_social_bar_icon { /*background-position: -1003px -12px;;*/ background-image: url("../../sg_grafik/icons/socialbar/google_square_white.svg"); } .ie8 .google .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/google_square_white.png"); } .ie7 .google .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/google_square.jpg"); } .facebook .sgp_social_bar_icon { /*background-position: -984px -12px;;*/ background-image: url("../../sg_grafik/icons/socialbar/facebook_square_white.svg"); } .ie8 .facebook .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/facebook_square_white.png"); } .ie7 .facebook .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/facebook_square.jpg"); } .ie7 .sg_socialbar_div LI.facebook, .ie7 .sg_socialbar_div LI.xing,.ie7 .sg_socialbar_div LI.twitter,.ie7 .sg_socialbar_div LI.google { background: none; } .twitter .sgp_social_bar_icon { /*background-position: -1021px -12px;;*/ background-image: url("../../sg_grafik/icons/socialbar/twitter_square_white.svg"); } .ie8 .twitter .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/twitter_square_white.png"); } .ie7 .twitter .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/twitter_square.jpg"); } .xing .sgp_social_bar_icon { /*background-position: -1040px -12px;;*/ background-image: url("../../sg_grafik/icons/socialbar/xing_square_white.svg"); } .ie8 .xing .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/xing_square_white.png"); } .ie7 .xing .sgp_social_bar_icon { background-image: url("../../sg_grafik/icons/socialbar/xing_square.jpg"); } .sg_socialbar li:first-child { margin-left: 0px; } .sgp_social_bar_text { color: #fff; height: 20px; line-height: 20px; margin-right: 5px; margin-left: 25px; display: inline-block; margin-top: 0px !important; } .sgp_social_bar_text:hover { text-decoration: none!important; } .sgp_social_lib { -webkit-filter: grayscale(0.95); filter: grayscale(95%); } .sgp_social_lib:hover{ -webkit-transition: all 1s ease; -webkit-filter: grayscale(0); filter: grayscale(0%); } /***********************************************************************************************/ /* ENDE software-nachrichten.htm */ /* SoftGuide: Software Nachrichten - News und Neuheiten aus der IT- und Softwarebranche */ /***********************************************************************************************/ .sgp_jubi_band { border: medium none; position: absolute; right: 2px; top: 2px; width: 128px; } /***********************************************************************************************/ /* START faqs on program / company pages */ /***********************************************************************************************/ .sgp_content_faq_frage { font-weight: bold; margin-bottom: 5px; } .sgp_content_faq_answer { margin-bottom: 15px; } /***********************************************************************************************/ /* END faqs on program / company pages */ /***********************************************************************************************/ @font-face { font-family: 'FontAwesome'; src: url('fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @media all and (max-width: 1280px) { #sgp_oben { padding-left: 5%; padding-right: 5%; } .ticker_c { padding-left: 5%; padding-right: 5%; } #seite { min-width: 1275px; } .menu { padding-left: 5%; padding-right: 5%; width: 90%; } .menu a { padding: 21px 18px 19px; } #mitte { padding: 30px 5%; width: 90%; } #sgp_breadcrumb { padding-left: 5%; } #sgp_breadcrumb a:first-child { margin-left: 17px; } } /***********************************************************************************************/ /* START ausschreibungen */ /***********************************************************************************************/ .sgp_inner { text-align: center; border: 1px solid #dcdcdc; padding-top: 20px; margin-bottom: 15px; } .ie7 .sgp_inner { display:inline; zoom: 1; width: 99%; } #sgp_index_pinn .sgp_new_entries_teaser:nth-child(11), #sgp_index_pinn .sgp_new_entries_teaser:nth-child(12){ } #linker_rand_unten .sgp_address:nth-of-type(4) { margin-bottom: 15px; } #linker_rand_unten .sgp_new_entries_teaser:last-of-type{ margin-bottom: 15px; } .sgp_entries { /* border: none; */ } #sgp_home .sgp_entries .sgp_new_entries_teaser, #sgp_index_pinn .sgp_entries .sgp_new_entries_teaser { margin-bottom: 30px; padding-left: 0; padding-right: 0; } #sgp_home .sgp_new_entries_teaser { height: 160px; line-height: 120%; } .sgp_entries .sgp_inner .sgp_pm_btn_align { display: block; text-align: right; margin: 0 10px 10px; } #sgp_index_pinn .sgp_new_entries_teaser { display: inline-block; height: 160px; margin-bottom: 10px; overflow: hidden; padding-bottom: 15px; text-align: left; vertical-align: top; width: 44%; } .ie7 #sgp_index_pinn .sgp_new_entries_teaser { float:left; margin-left: 20px; } #sgp_index_pinn .sgp_new_entries_teaser:nth-child(2n+1) { margin-right: 30px; } .sgp_entries .sgp_new_entries_teaser h4 { border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; } /* ab 1285px */ @media only screen and (min-width: 1285px){ #sgp_index_pinn .sgp_new_entries_teaser { height: 150px; } } /* ab 1400px */ @media only screen and (min-width: 1400px){ #sgp_index_pinn .sgp_new_entries_teaser { height: 145px; } } /* ab 1600px */ @media only screen and (min-width: 1600px){ #sgp_index_pinn .sgp_new_entries_teaser, .sgp_index_pinn { /* height: 135px; */ } } .fa-phone-square:before { content: "\f098"; } .fa:before { margin-right: 5px; font-family: 'FontAwesome'; font-size: 1.1em; color: #1e3177; float: left; padding-left: 2px; padding-top: 1px; } .fa span { padding-left: 10px; display: block; padding-top: 2px; word-break: break-word; }