@Charset "UTF-8"; /************************** StyleSheet for science-computing.de (c) artif orange modified 2010 by dipool Werbeagentur ***************************/ @media all { /******************** * GOBAL styles ********************/ body { margin: 0; padding: 0; text-align: center; font: 62.5%/1.3em Arial, Verdana, Helvetica, sans-serif; color: #004c93; } #maincontent hr{ background-color: #cccccc; /* Farbe für Opera und Firefox */ color: #cccccc; /* Farbe für Internet Explorer (IE) */ border: 0; height: 1px; margin-bottom:20px; } a:link, a:visited { color: #004c93; } a:hover { /*text-decoration: underline;*/ } img.links { float: left; margin: 0 10px 5px 0; } img.rechts { float: right; margin: 0 0 5px 10px; } /* Formulare */ fieldset { border: 1px solid #EEE; margin: 15px 0; padding: 10px; } label { margin-top: 10px; display: block; font-size: 1.1em; margin-bottom: 2px; } legend { font-size: 1.1em; padding: 0 10px;} input.textfeld, textarea, select { font-family: Arial, sans-serif; color: #666; border: 1px solid #ADB5C7; } input.button { margin: 10px 0; padding: 1px; font-size: 1.0em; font-weight: normal; color: #333; border: 1px solid #ADB5C7; background: #FFF; cursor: pointer; } input.checkbox { margin-right: 10px; margin-left: 10px; } textarea { width: 350px; padding: 2px; font-size: 1.0em; } input.textfeld { padding: 2px 1px; } p.formerror { font-weight: bold; color: #933; } /******************** * Form Info-Anforderung ********************/ #info-anforderung .powermail_mandatory{margin-left:3px;} #info-anforderung .tx_powermail_pi1_fieldwrap_html{display:block; overflow:hidden; float:left; width:100%;} #info-anforderung .tx_powermail_pi1_fieldwrap_html input{border:solid 1px #adadb5;} #info-anforderung fieldset{border:none; overflow:hidden; padding:0px; margin-top:0px; margin-bottom:3px;} #info-anforderung .csc-default{margin-bottom:20px;} #info-anforderung legend{display:none;} #info-anforderung label{margin-top:0px; margin-bottom:0px;} #info-anforderung .powermail_mandatory_js{color:rgb(229, 49, 87); clear:left;} #info-anforderung .powermail_check_inner label{ margin-top:0px; display:inline-block; width:auto;} #info-anforderung .powermail_check_inner input{float:left; margin-right:5px; border:none;} #info-anforderung .powermail_radio_inner input{border:none;} #info-anforderung .powermail_check_inner{margin-top:5px; float:left; width:33%; display:block; overflow:hidden;} /* checkboxen german */ #info-anforderung #powermaildiv_uid160{clear:left; display:block; overflow:hidden; margin-bottom:23px;} /* checkboxen english */ #info-anforderung #powermaildiv_uid152{clear:left; display:block; overflow:hidden; margin-bottom:23px;} #info-anforderung fieldset.selection{clear:left; display:block; overflow:hidden; margin-bottom:23px;} /* german */ #info-anforderung .powermail_text{width:215px;} #info-anforderung #powermaildiv_uid144{clear:both; display:block; overflow:hidden; width:100%;} #info-anforderung #powermaildiv_uid144 .powermail_check_inner input{float:left; margin-right:5px;} #info-anforderung #powermaildiv_uid144 .powermail_check_inner label{margin-top:0px; display:inline-block; width:400px; } #info-anforderung #powermaildiv_uid144 .powermail_check_inner {width:auto;} #info-anforderung #powermaildiv_uid156{clear:none; float:left; overflow:hidden; width:153px;} #info-anforderung #powermaildiv_uid156 input{width:151px;} #info-anforderung #powermaildiv_uid140{margin-left:10px; width:54px;clear:none; float:left; overflow:hidden;} #info-anforderung #powermaildiv_uid140 input{width:52px;} #info-anforderung #powermaildiv_uid128{ margin-left:14px;clear:none; float:left; overflow:hidden; width:62px;} #info-anforderung #powermaildiv_uid128 input{width:60px;} #info-anforderung #powermaildiv_uid124 {margin-left:10px;clear:none; float:left; overflow:hidden; width:144px;} #info-anforderung #powermaildiv_uid124 input{width:142px;} /* english */ #info-anforderung #powermaildiv_uid136{clear:both; display:block; overflow:hidden; width:100%;} #info-anforderung #powermaildiv_uid136 .powermail_check_inner input{float:left; margin-right:5px;} #info-anforderung #powermaildiv_uid136 .powermail_check_inner label{margin-top:0px; display:inline-block; width:400px; } #info-anforderung #powermaildiv_uid136 .powermail_check_inner {width:auto;} #info-anforderung #powermaildiv_uid148{clear:none; float:left; overflow:hidden; width:153px;} #info-anforderung #powermaildiv_uid148 input{width:151px;} #info-anforderung #powermaildiv_uid132{margin-left:10px; width:54px;clear:none; float:left; overflow:hidden;} #info-anforderung #powermaildiv_uid132 input{width:52px;} #info-anforderung #powermaildiv_uid126{ margin-left:14px;clear:none; float:left; overflow:hidden; width:62px;} #info-anforderung #powermaildiv_uid126 input{width:60px;} #info-anforderung #powermaildiv_uid122 {margin-left:10px;clear:none; float:left; overflow:hidden; width:144px;} #info-anforderung #powermaildiv_uid122 input{width:142px;} #info-anforderung #info-anforderung fieldset.line1{margin-bottom:30px;} #info-anforderung fieldset.line1 label{width:auto; float:left; margin-top:0px;} #info-anforderung fieldset.line1 input{} #info-anforderung fieldset.line1 .powermail_radio_inner{float:left; margin-right:20px;} #info-anforderung fieldset.line1 .powermail_radio_inner input{margin-left:5px;} #info-anforderung fieldset.line1 .tx_powermail_pi1_fieldwrap_html{clear:none; float:left; width:50%; overflow:hidden;} #info-anforderung fieldset.line1 p{margin-bottom:0px; margin-top:0px;} #info-anforderung fieldset.line1 #powermaildiv_uid57 input{clear:both; margin-left:0px;} #info-anforderung fieldset.line1 #powermaildiv_uid57 label{clear:both; float:none;} #info-anforderung fieldset.line2 label{width:auto; float:left; margin-top:0px;} #info-anforderung fieldset.line2 input{} #info-anforderung fieldset.line2 .powermail_radio_inner{float:left; margin-right:20px;} #info-anforderung fieldset.line2 .tx_powermail_pi1_fieldwrap_html{clear:none; float:left; width:50%; overflow:hidden;} #info-anforderung fieldset.line2 .tx_powermail_pi1_fieldwrap_html label{clear:both; float:none;} #info-anforderung fieldset.line2 .tx_powermail_pi1_fieldwrap_html input{margin-left:0px; border:solid 1px #adadb5;} #info-anforderung fieldset.line3 label{width:auto; float:left; margin-top:0px;} #info-anforderung fieldset.line3 input{} #info-anforderung fieldset.line3 .powermail_radio_inner{float:left; margin-right:20px;} #info-anforderung fieldset.line3 .tx_powermail_pi1_fieldwrap_html{clear:none; float:left; width:50%; overflow:hidden;} #info-anforderung fieldset.line3 .tx_powermail_pi1_fieldwrap_html label{clear:both; float:none;} #info-anforderung fieldset.line3 .tx_powermail_pi1_fieldwrap_html input{margin-left:0px;} #info-anforderung fieldset.line4 label{width:auto; float:left; margin-top:0px;} #info-anforderung fieldset.line4 input{} #info-anforderung fieldset.line4 .powermail_radio_inner{float:left; margin-right:20px;} #info-anforderung fieldset.line4 .tx_powermail_pi1_fieldwrap_html{clear:none; float:left; width:50%; overflow:hidden;} #info-anforderung fieldset.line4 .tx_powermail_pi1_fieldwrap_html label{clear:both; float:none;} #info-anforderung fieldset.line4 .tx_powermail_pi1_fieldwrap_html input{margin-left:0px;} #info-anforderung fieldset.line5 label{width:auto; float:left; margin-top:0px;} #info-anforderung fieldset.line5 input{} #info-anforderung fieldset.line5 .tx_powermail_pi1_fieldwrap_html{clear:none; float:left; width:50%; overflow:hidden;} #info-anforderung fieldset.line5 .tx_powermail_pi1_fieldwrap_html label{clear:both; float:none;} #info-anforderung fieldset.line5 .tx_powermail_pi1_fieldwrap_html input{margin-left:0px;} #info-anforderung fieldset.line5 p{margin-bottom:0px; margin-top:0px;} #info-anforderung fieldset.line6{margin-bottom:15px;} #info-anforderung fieldset.line6 label{width:auto; float:left; margin-top:0px;} #info-anforderung fieldset.line6 input{} #info-anforderung fieldset.line6 .tx_powermail_pi1_fieldwrap_html{clear:none; float:left; width:50%; overflow:hidden;} #info-anforderung fieldset.line6 .tx_powermail_pi1_fieldwrap_html label{clear:both; float:none;} #info-anforderung fieldset.line6 .tx_powermail_pi1_fieldwrap_html input{margin-left:0px;} #info-anforderung #powermaildiv_uid23 p{margin-bottom:10px; margin-top:0px;} #info-anforderung .address-bottom{clear:left; position:relative;} #info-anforderung .address-bottom .tx_powermail_pi1_fieldwrap_html{clear:left;} #info-anforderung .address-bottom .tx-srfreecap-pi2-cant-read{clear:left; display:block;} /* security code de */ #info-anforderung #powermaildiv_uid127{position:relative; overflow:hidden; margin-bottom:10px; width:100%; } #info-anforderung #powermaildiv_uid127 label{display:inline-block; float:left; margin-top:0px;} #info-anforderung #powermaildiv_uid127 img{display:inline-block; float:right; margin:0px; margin-right:10px; height:20px;} #info-anforderung #powermaildiv_uid127 input{position:relative; float:right; height:20px; margin-top:0px; margin-right:19px; width:113px; border:solid 1px #adadb5;} #info-anforderung #advice-required-uid124{float:none; clear:both;} /* security code en */ #info-anforderung #powermaildiv_uid125{position:relative; overflow:hidden; margin-bottom:10px; width:100%; } #info-anforderung #powermaildiv_uid125 label{display:inline-block; float:left; margin-top:0px;} #info-anforderung #powermaildiv_uid125 img{display:inline-block; float:right; margin:0px; margin-right:10px; height:20px;} #info-anforderung #powermaildiv_uid125 input{position:relative; float:right; height:20px; margin-top:0px; margin-right:19px; width:113px; border:solid 1px #adadb5;} #info-anforderung #advice-required-uid125{float:none; clear:both;} #info-anforderung img.powermail_captcha_captcha{clear:both; float:none; border:solid 1px #adadb5; position:absolute; left:200px; top:0px;} /* submit de */ #info-anforderung #powermaildiv_uid123{position:relative; text-align:right;} #info-anforderung #powermaildiv_uid123 input{float:right; } /* submit en */ #info-anforderung #powermaildiv_uidx145{position:relative; text-align:right; } #info-anforderung #powermaildiv_uid121 input{float:right; } #info-anforderung .powermail_submit{margin-right:19px; border:none; padding:1px; padding-left:10px; padding-right:10px; background:#aaaaaa; color:white;} #info-anforderung .powermail_submit:hover{background:#cccccc;} #info-anforderung label{font-size:1em;} #info-anforderung textarea{border:solid 1px #adadb5; width:438px;} #c3398 a{color:#464B4A; font-weight:normal; } #c3398 a:hover{text-decoration:underline; } .csc-default .link{margin-top:20px;} /* Tabellen */ table { border-collapse: collapse; empty-cells: show;} strong { font-weight: 900; } /******************** * POSITIONING AND SIZE ********************/ #page { width: 840px; margin: 0 auto; text-align: left; } #header { position: relative; height: 108px; } #wrapper { background: #fff url(images/faux.gif) left top repeat-y; clear: both; display: block; } #leftcol { width: 686px; float: left; display: block; } #rightcol { width: 154px; float: right; display: block; } /******************** * HEADER styles ********************/ #header h1 a { background: #fff url(images/sc_Bull_2009.gif) left top no-repeat; display: block; width: 127px; height: 74px; text-indent: -1000px; position: absolute; left: 51px; top: 21px; } #header #slogan { position: absolute; right: 83px; top: 12px; } #headernav { width: 389px; height: 42px; background: #fff url(images/header_nav_bg.gif) left top no-repeat; bottom: 0; right: 0; position: absolute; } #headernav table { margin: 1px 1px 1px 138px; table-layout: auto; } #headernav td { border: 1px dotted #fff; border-width: 0 1px 1px 0; } #headernav td.hnltd { border-right-width: 0; } #headernav tr.hnb td { border-bottom-width: 0; } #headernav a { color: #004c93; font-size: 1.1em; padding: 2px 7px; display: block; } #headernav a.home { color: #e53157; } #headernav a:hover { text-decoration: underline; } /* HACK - removes anchor of ce language selection */ #headernav a#c78, #headernav a#c79 { display: none; padding:0; margin: 0; } div.SPC { display: none; } /******************** * TOPNAV styles ********************/ #topnav { background: #004c93 url(images/topnav_bg.gif) left top no-repeat; width: 696px; height: 25px; font-size: 1.1em; padding-left: 144px; } #topnav li { float: left; display: inline; position: relative; line-height: 25px; text-transform: uppercase; letter-spacing: .1em; padding: 0 9px; } #topnav li:hover { background-position: 0 0; } #topnav li a { color: #fff; display: block; padding: 0 3px; } #topnav li a:hover { text-decoration: none; color: #91939e; } #topnav li a.active, #topnav li a.current { color: #acacb5; } #topnav li.itservices a.active, #topnav li.itservices a.current { color: #c6c06b; } #topnav li.itservices a:hover { color: #9f9800; } #topnav li.itservices a.active:hover, #topnav li.itservices a.current:hover { color: #9f9800; } #topnav li.solutions a:hover, #topnav li.solutions a.active:hover, #topnav li.solutions a.current:hover { color: #b68000; } #topnav li.solutions a.active, #topnav li.solutions a.current{color:#d5af67;} #topnav li.software a:hover, #topnav li.software a.active:hover, #topnav li.software a.current:hover { color: #0c9fd3; } #topnav li.software a.active, #topnav li.software a.current {color:#84b8ff; } /* ----- zweite Stufe ----- */ #topnav ul { position: absolute; z-index: 10000; left: 0; width: 175px; margin-left: 0; } #topnav ul li { display: block; width: 175px; border: none; padding: 0; background: transparent; text-transform: none; } #topnav ul li a { padding: 0 0 0 8px; font-weight: normal; border: 0; border-top: 1px dotted #fff; background: transparent url(images/topnav_flyout_bg.png) left top repeat; } /*#topnav ul li a:hover, #topnav ul li a.active { border: none; }*/ #topnav ul li a:hover { background: #004c93; } #topnav ul li.hassub a { background: transparent url(images/topnav_flyout_bg_s.png) left top no-repeat; border: 0 none; } #topnav ul li.hassub a.active { background: transparent url(images/topnav_flyout_bg.png) left top no-repeat; } #topnav ul li.hassub a:hover { background: #004c93 url(images/topnav_flyout_bg_s_h.png) right top no-repeat; } #topnav ul li.hassub li a, #topnav ul li.hassub li a:hover { color: #fff; } /* ----- dritte Stufe ----- */ #topnav ul ul { position: absolute; top: -1px; padding: 12px 0 0 0 ; margin-left: 175px; } #topnav ul li.hassub ul li.first a, #topnav ul li.hassub ul li a { background: transparent url(images/topnav_flyout_bg.png) left top repeat; border-top: 1px dotted #fff; } #topnav ul li.hassub ul li.first a:hover, #topnav ul li.hassub ul li a:hover { background: #004c93; border-top: 1px dotted #fff; } #topnav ul li.hassub ul li a { background: transparent url(images/topnav_flyout_bg.png) left top repeat; } #topnav ul li.hassub ul li a:hover { background: #004c93; } #topnav ul li.hassub ul li { border-left: 1px solid #fff; } #topnav ul li.hassub ul li.first a, #topnav ul li.hassub ul li.first a:hover { border-top-width: 0px; } /* ----- Verhalten ----- */ #topnav li ul, #topnav li:hover ul ul, #topnav li.sfhover ul ul{ left: -999em; } #topnav li:hover ul, #topnav li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul { left: auto; } /******************** * SUBHEADER styles ********************/ #subheader { height: 14px; background: #91939e; border-bottom: 1px solid #fff; color: #c9c8cd; } #subheader a { color: #c9c8cd; } #rootline { margin-left: 100px; font-size: .9em; padding-top: .1em; } /******************** * LEFTCOL styles ********************/ /******************** * TEASER styles ********************/ #teaser { width: 687px; display: block; } #teaser embed { z-index: 2; } #navtextcontainer { width: 687px; display:block; } /******************** * LEFTNAV styles ********************/ #leftnav { width: 154px; float: left; display: block; font-size: 1.1em; } #leftnav ul { width: 100%; } #leftnav ul a { display: block; border-bottom: 1px dotted #004c93; padding: 5px 20px 5px 10px; } #leftnav ul ul ul li a { padding-left: 40px; } #itservices #leftnav ul li a.a, #solutions #leftnav ul li a.a, #software #leftnav ul li a.a, #std #leftnav ul li a.a { color: #004c93; } #itservices #leftnav a#firstitem { color: #9f9800; text-transform: uppercase; } #solutions #leftnav a#firstitem { color: #b68000; text-transform: uppercase; } #software #leftnav a#firstitem { color: #0c9fd3; text-transform: uppercase; } #std #leftnav a#firstitem { color: #acacb5; text-transform: uppercase; } #itservices #leftnav ul ul li a:hover, #itservices #leftnav ul ul li a.current { background: #9f9800 url(images/green_bullet.gif) 90% 50% no-repeat; color: #fff; } #solutions #leftnav ul ul li a:hover, #solutions #leftnav ul ul li a.current { background: #b68000 url(images/brown_bullet.gif) 90% 50% no-repeat; color: #fff; } #software #leftnav ul ul li a:hover, #software #leftnav ul ul li a.current { background: #0c9fd3 url(images/blue_bullet.gif) 90% 50% no-repeat; color: #fff; } #std #leftnav ul ul li a:hover, #std #leftnav ul ul li a.current { background: #acacb5 url(images/gray_bullet.gif) 90% 50% no-repeat; color: #fff; } /******************** * MAINCONTENT styles ********************/ #heading { width: 463px; margin-bottom: 15px; margin-top: 40px; table-layout: auto; } #heading h1 { font-size: 1.9em; padding: 5px 0; font-weight: normal; color: #e53157; line-height: 1.2em; } #heading_2rows { width: 463px; margin-bottom: 15px; margin-top: 47px; } #heading_2rows h1 { font-size: 1.9em; padding: 5px 0; font-weight: normal; color: #e53157; line-height: 0.6em; white-space: nowrap; } #heading_2rows td.thin h1 { line-height: 1.2em; } #itservices #heading h1, #itservices #heading_2rows h1 { color: #9f9800; } #solutions #heading h1, #solutions #heading_2rows h1 { color: #b68000; } #software #heading h1, #software #heading_2rows h1 { color: #0c9fd3; } #heading td.thin, #heading_2rows td.thin { border-bottom: 2px solid #c9c8cd; white-space: nowrap; } #heading td.thick, #heading_2rows td.thick { border-bottom: 3px solid #c9c8cd; width: 100%; } #maincontent img { margin: 10px 0; } #maincontent { width: 463px; float:right; display: block; margin-right: 18px; font-size: 1.1em; color: #464b4a; line-height: 1.3em; } #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 { color: #004c93; padding-right: 16px; } #maincontent h1 { font-size: 1.9em; padding: 5px 0; font-weight: normal; color: #e53157; padding-right: 0; } #itservices #maincontent h1 { color: #9f9800; } #solutions #maincontent h1 { color: #b68000; } #software #maincontent h1 { color: #0c9fd3; } #maincontent h2 { font-size: 1.3em; font-weight: normal; line-height: 1.3em; } #maincontent p { margin: 5px 0 10px 0; padding-right: 16px; } #maincontent ul { list-style-image: url(images/bullet.gif); margin-left: .2em; padding-left: 1em; margin-top: 5px; margin-bottom: 5px; padding-right: 16px; } #maincontent .csc-textpic-text ul li { padding-bottom: 15px; } #maincontent a:link, #maincontent a:visited { text-decoration: underline; } #maincontent a:hover { text-decoration: none; } #maincontent div.padleft { padding-left: 106px; } /*-- 2COLUMN CONTENTS --*/ div.twocols { display: block; clear: both; width: 447px; } div.twocols div.left, div.twocols div.right { width: 212px; display: block; } div.twocols div.left { float: left; } div.twocols div.right { float: right; } div.twocols p { padding-right: 0; } #maincontent div.twocols a { text-decoration: none; } #itservices h3 a { color: #9f9800; } #solutions h3 a { color: #b68000; } #software h3 a { color: #84b8cf; } #std h3 a { color: #004c93; } .history, .standort { border-bottom: 1px solid #c9c8cd; padding: 5px 0; } .history, .standort h3 { margin: 0; line-height: 1em; } .history img { float: left; } .history .hist_text, .standort .hist_text { float: right; width: 341px; padding-top: 2px; line-height: 1.3em; } .standort .hist_text { padding: 0; } #maincontent .standort .csc-textpic-imagewrap { margin-right: 20px; } #maincontent .standort .csc-textpic-imagewrap .csc-textpic-image img { margin: 0; } /*-- NEWS --*/ #maincontent table.news-list-item td span.news-list-dates { font-weight: normal; color: #004c93; } #maincontent table.news-list-item td { border-spacing: 0px; } #maincontent table.news-list-item td.left { vertical-align: top; width: 106px; } #maincontent table.news-list-item td.left img { margin: 3px 0 0 0; } #maincontent table.news-list-item td.right { width: 341px; } #maincontent table.news-list-item td.right h3 a { text-decoration: none; } #maincontent table.news-list-item td.right p { margin-top: 3px; padding-right: 0; } /*-- NEWS ARCHIVE --*/ #maincontent #archive_header { background: #acadb5; padding: 2px 5px; display: block; margin-bottom: 15px; } #maincontent #archive_header p { margin: 0; color: #fff; } #maincontent table.archive-list-item { border-bottom: 2px solid #c9c8cd; margin-bottom: 25px; width: 100%; } #maincontent table.archive-list-item td span.archive-list-dates { font-weight: normal; color: #004c93; } #maincontent table.archive-list-item td { border-spacing: 0px; padding-right: 16px; } #maincontent table.archive-list-item td span.archive-list-headers { padding-left: 10px; } #maincontent table.archive-list-item td span.archive-list-headers a { text-decoration: none; font-weight: bold; } #maincontent table.archive-list-item td p { margin-top: 0px; margin-bottom: 10px; padding-right: 0; } /*-- NEWS SINGLE --*/ #maincontent .news-single-item { padding-right: 16px; } #maincontent .news-single-item h2 { font-size: 1.2em; font-weight: bold; } #maincontent .news-single-item img { float: left; margin: 9px 10px 10px 0; } #maincontent .news-single-item p { margin: 5px 0; padding-right: 0; } #maincontent #subheader_single { margin: 8px 0; } /*-- JOBS --*/ #maincontent h6 { color: #c9c8cd; } #maincontent table.jobs td.left { vertical-align: bottom; width: 106px; } #maincontent table.jobs td.right { width: 341px; padding-top: 20px; } #maincontent table.jobs { border-bottom: 1px solid #c9c8cd; } #maincontent table.jobs p { padding-right: 0; } /*-- EVENTS TABLE --*/ #maincontent .eventtable { width: 463px; border-bottom: 1px solid #c9c8cd; margin-bottom: 20px; } #maincontent .eventtable td { vertical-align: top; margin: 0; padding: 0; padding-bottom: 15px; color: #004c93; } #maincontent .eventtable .el { width: 91px; padding-right: 20px; } #maincontent .eventtable .el p { width: 91px; padding: 0; margin: 0; } #maincontent .eventtable .em { width: 192px; padding-right: 20px; } #maincontent .eventtable .em p { padding: 0; margin: 5px 0; color: #464b4a; } #maincontent .eventtable .em h4 { display: inline; } #maincontent .eventtable .em h4 a:link, #maincontent .eventtable .em h4 a:visited { text-decoration: none; } #maincontent .eventtable .em p a:link, #maincontent .eventtable .em p a:visited { color: #464b4a; text-decoration: none; padding-left: 10px; background: #fff url(images/gray_on_white_bullet.gif) 0% 50% no-repeat; } #maincontent .eventtable .er { color: #004c93; } #maincontent .eventtable .er p { margin: 0 0 20px 0; } /*-- SCHULUNG TABLE--*/ #maincontent .schultable { width: 463px; margin-bottom: 10px; } #maincontent .schultable th { background: #adadb5; color: #fff; padding: 2px 0 2px 10px; } #maincontent .schultable td { border: 1px solid #c9c8cd; border-width: 1px 0; padding: 5px 0 5px 10px; } #maincontent .schultable a { text-decoration: none; } #maincontent .schulung_detail { width: 463px; margin: 5px 0 10px 0; } #maincontent .schulung_detail td { border: 1px solid #c9c8cd; border-width: 1px 0; padding: 5px 0 5px 10px; } #maincontent .edudet { padding-right: 16px; } #maincontent .none { margin: 0; } #maincontent .none img { margin: 0; } /*-- CSS_STYLED_CONTENT --*/ #maincontent .csc-textpic-imagewrap img { margin-bottom: 0; } #maincontent .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { width: 100px; } #maincontent .csc-textpic-intext-left-nowrap .csc-textpic-text p, #maincontent .csc-textpic-intext-left-nowrap .csc-textpic-text ul, #maincontent .csc-textpic-intext-left-nowrap .csc-textpic-text h3, #maincontent .csc-textpic-intext-left-nowrap .csc-textpic-text h4, #maincontent .csc-textpic-intext-left-nowrap .csc-textpic-text h4, #maincontent .csc-textpic-intext-left-nowrap .csc-textpic-text h6 { margin-left: 5px; } /*-- CONTENT TABLES --*/ #maincontent table.contenttable { margin-top: 5px; margin-bottom: 20px; } #maincontent table.contenttable td { vertical-align: top; padding: 2px 6px; background: #e5e6c7; border-top: 2px solid #c6c06b; width: 50%; } #maincontent table.contenttable td p, #maincontent table.contenttable td ul { margin: 0; list-style: none; padding: 0; } #maincontent table.contenttable td p { padding: 5px 0; } #maincontent table.contenttable td ul li { padding: 4px 0 6px 0; text-indent: 10px; background: transparent url(images/blue_on_green_bullet.gif) 0% 7px no-repeat; list-style-image: none; } #maincontent table.contenttable tr.links td.links { background: #c6c06b; color: #004c93; } #maincontent table.contenttable tr.links td.rechts { background: #c6c06b url(images/table_green_header.gif) 100% 0 no-repeat; color: #004c93; } #maincontent table.contenttable tr.rechts td.links { background: #e5e6c7; } #maincontent table.contenttable tr.rechts td.rechts { background: #fff url(images/table_green_footer.gif) 100% 100% no-repeat; } #maincontent table.contenttable tr.links td { background: transparent; border: 0px none; padding-top: 2px; padding-bottom: 0; } #maincontent table.contenttable tr.links td p { padding-bottom: 2px; } #maincontent table.contenttable tr.rechts td { border: 0px none; background: transparent; padding: 5px 0; height: 10px; } #std #maincontent table.contenttable td { background: #e1e0e6; border-top: 2px solid #adadb5; } #std #maincontent table.contenttable td ul li { background: transparent url(images/blue_on_gray_bullet.gif) 0% 7px no-repeat; } #std #maincontent table.contenttable tr.links td.links { background: #adadb5; } #std #maincontent table.contenttable tr.links td.rechts { background: #adadb5 url(images/table_gray_header.gif) 100% 0 no-repeat; } #std #maincontent table.contenttable tr.rechts td.links { background: #e1e0e6; } #std #maincontent table.contenttable tr.rechts td.rechts { background: #fff url(images/table_gray_footer.gif) 100% 100% no-repeat; } #std #maincontent table.contenttable tr.links td, #std #maincontent table.contenttable tr.rechts td { border: 0px none; } #solutions #maincontent table.contenttable td { background: #f5ebd8; border-top: 2px solid #d5af67; } #solutions #maincontent table.contenttable td ul li { background: transparent url(images/blue_on_brown_bullet.gif) 0% 7px no-repeat; } #solutions #maincontent table.contenttable tr.links td.links { background: #d5af67; } #solutions #maincontent table.contenttable tr.links td.rechts { background: #d5af67 url(images/table_brown_header.gif) 100% 0 no-repeat; } #solutions #maincontent table.contenttable tr.rechts td.links { background: #f5ebd8; } #solutions #maincontent table.contenttable tr.rechts td.rechts { background: #fff url(images/table_brown_footer.gif) 100% 100% no-repeat; } #solutions #maincontent table.contenttable tr.links td, #solutions #maincontent table.contenttable tr.rechts td { border: 0px none; } #software #maincontent table.contenttable td { background: #e5eff5; border-top: 2px solid #84b8cf; } #software #maincontent table.contenttable td ul li { background: transparent url(images/blue_on_blue_bullet.gif) 0% 7px no-repeat; } #software #maincontent table.contenttable tr.links td.links { background: #84b9cf; } #software #maincontent table.contenttable tr.links td.rechts { background: #84b9cf url(images/table_blue_header.gif) 100% 0 no-repeat; } #software #maincontent table.contenttable tr.rechts td.links { background: #e5eff5; } #software #maincontent table.contenttable tr.rechts td.rechts { background: #fff url(images/table_blue_footer.gif) 100% 100% no-repeat; } #software #maincontent table.contenttable tr.links td, #software #maincontent table.contenttable tr.rechts td { border: 0px none; } /******************** * PRINT styles ********************/ #print { font-size: 1em; font-weight: bold; text-align: right; display: block; clear: both; } #print a:link, #print a:visited { margin: 8px 25px 10px 0; display: block; } /******************** * SHOUTBOXES styles ********************/ #shoutboxes { display: block; clear: both; font-size: 1em; background: #fff url(images/shout_bg.gif) left top repeat-y; } #shoutboxes div.shoutbox { width: 223px; margin-left: 4px; float: left; display: block; } #shout_l { background: #e4e6c7 url(images/shout_green_header.gif) left top no-repeat; } #shout_m { background: #f5ebd8 url(images/shout_brown_header.gif) left top no-repeat; } #shout_r { background: #e5eff5 url(images/shout_blue_header.gif) left top no-repeat; clear: right; } #shoutboxes h2 { text-transform: uppercase; font-size: 1.2em; font-weight: bold; margin: 8px 0 0 8px;} #shoutboxes p { margin: 8px 0 5px 8px; color: #000; font-weight: bold; font-stretch: ultra-condensed; } #shoutboxes ul { margin: 5px 8px; padding: 0; font-weight: bold; } #shoutboxes ul li { line-height: 1.4em; padding: 1px 0; } #shoutboxes p.links a:link, #shoutboxes p.links a:visited{ color: #91939E; } #shoutboxes p.links a:hover { color: #91939E; } #shoutboxes a:hover { text-decoration: underline; } #shout_footer { height: 10px; background: #fff url(images/shout_footer.gif) left top no-repeat; display:block; clear: both; } /******************** * RIGHTCOL styles ********************/ #rightcol { margin-bottom: 10px; } #rightcol p { margin: 10px 10px; } #rightcol #searchbox { margin-bottom: 30px; } #tx-indexedsearch-searchbox-sword { border: 1px solid #72757E; background: #91939E; color: #fff; margin: 0; padding: 1px 2px; font-size: 1.1em; } #submitsearch { margin: 0 0 0 11px; vertical-align: bottom; } #rightcol .infoheader { border-bottom: 1px dotted #60636b; border-top: 1px solid #60636b; margin: 0; padding: 3px 0; color: #60636b; text-transform: uppercase; padding-left: 10px; } #rightcol #infobox { color: #60636b; } #rightcol a { color: #60636b; } #rightcol #infobox img { margin: 10px 10px 0 10px; } #rightcol .newsheader, #rightcol .eventheader, #rightcol .eduheader { border-bottom: 1px dotted #fff; border-top: 1px solid #fff; margin: 0; padding: 3px 0; } #rightcol .newsheader span.news, #rightcol .eventheader span.events, #rightcol .eduheader span.edus { color: #fff; text-transform: uppercase; margin: 0 0 1px 10px; } #rightcol #newsbox span.date { background: transparent url(images/gray_bullet.gif) 0 40% no-repeat; padding-left: 9px; margin: 10px 0 1px 10px; display: block; color: #fff; } #rightcol #edubox span, #rightcol #eventbox span { background: transparent url(images/gray_bullet.gif) 0 40% no-repeat; padding-left: 9px; margin-top: 10px; } #rightcol #newsbox a { color: #fff; } #rightcol #newsbox p, #rightcol #edubox p, #rightcol #eventbox p { margin: 0 10px 20px 10px; } #rightcol #edubox, #rightcol #eventbox { margin: 0 0 20px 0; } #eventbox p span, #edubox p span { display: block; } #eventbox p.eventheader span, #edubox p.eduheader span { display: inline; } #rightcol a.more { color: #fff; } #rightcol .newsrss { margin-left: 9em; } #rightcol .eventrss { margin-left: 1.6em; } #rightcol .eventrss_eng { margin-left: 8em; } #rightcol h2 { padding: 3px 0 3px 10px; border-top: 1px solid #fff; border-bottom: 1px dotted #fff; color: #fff; background: #91939e; } #rightcol ul { background: #91939e; padding: 10px; } #rightcol ul li { color: #fff; background: transparent url(images/red_on_gray_bullet.gif) 0 2px no-repeat; text-indent: 10px; padding: 0 0 10px 0; } #rightcol ul li a:link, #rightcol ul li a:visited, #rightcol ul li a:hover, #rightcol ul li a:active { color: #fff; } #rightcol a:hover { text-decoration: underline; } #rightcol .none { display: none; padding: 0; margin: 0; } /******************** * FOOTER styles ********************/ #footer { display: block; padding-top: 33px; } #footer p, #footer ul { width: 154px; color: #c9c8cd; } #footer p { border-top: 1px dotted #c9c8cd; padding: 10px 0 0 14px; } #footer ul { padding: 0 0 0 23px; } #footer a:link, #footer a:visited { color: #c9c8cd; } #footer a:hover { text-decoration: underline; } /* CLEARFIX */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ }