/*
 $Id: swissict.css,v 1.28.2.1 2007/04/03 11:28:24 phred Exp $
 $Source: /cvs/citrinext/websites/www.swissict.ch/online/Web/fileadmin/swissict.css,v $
 
 CSS fuer Swissict
*/

/* ----- Seitenaufbau */
#level0 {
 max-width: 1000px; /* wie head.jpg */
}

#head0 {
  padding: 0em;
  margin: 0em;
  background-image: url(head.jpg);
  background-repeat: repeat-x;
  height: 45px;
}

.clear {
/*  float: right;*/
  clear: left; 
}

#level1 { 
  padding: 0em;
  margin: 0em;
  border-top: solid white;
  background-image: url(c_forte2.gif);
  background-repeat: no-repeat;
  background-position: 10% 0%;
  width: 100%;
}

#level2 {
 margin-left: 11.3em;
 max-width: 60em;  /* von IE ignoriert -> Javascript */
}

#level3 {
 margin-right: 10em;
}

div#content {
 padding-top: 0em;
 margin-left:0em;
 padding-left: 0.3em;
 padding-right: 3.3em;
 vertical-align: top;
}

/* -- typo3 specials -- */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

DIV.csc-textpic-clear { clear: both; }


DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
}

DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
}

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
}


DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }




/* ----- Darstellung: Fonts, Farben... */
div#content li {
  list-style-image: url(/fileadmin/pfeil2.gif);
  /* vertical-align:baseline;*/
}
div#content ul{
 margin-top:0em;
 margin-bottom:1em;
}

p{
 margin-top:0.2em;
 margin-bottom:0.2em;
}
div#hauptnavigation p, div#hauptnavigation td, div#hauptnavigation li,
div#hauptnavigation_rechts p, div#hauptnavigation_rechts td, div#hauptnavigation_rechts li,
div#navigation p, div#navigation td, div#navigation li,
div#boxright p, div#boxright td, div#boxright li,
div#content p, div#content td, div#content th, div#content li, div#boxright {
 font-size: x-small;
 font-family: verdana, arial, helvetica, sans-serif;
}

div#content dl, dd {
}


div#content img {
/*  border: dashed 1px black; */
}

div#hauptnavigation a, 
div#hauptnavigation_rechts a, 
div#navigation a, 
div#content a {
  text-decoration: none;
  color:#03c;
}

div#hauptnavigation a:visited, div#hauptnavigation a:active, div#hauptnavigation a:link,
div#hauptnavigation_rechts a:visited, div#hauptnavigation_rechts a:active, div#hauptnavigation_rechts a:link,
div#navigation a:visited, div#navigation a:active, div#navigation a:link,
div#navigation li.active li a,
div#boxright a:visited, div#boxright a:active, div#boxright a:link,
div#content a:visited, div#content a:active, div#content a:link {
  color: #03c;
  border-bottom: none;
}

div#hauptnavigation a:hover, 
div#hauptnavigation_rechts a:hover, 
div#navigation a:hover, 
div#boxright a:hover, 
div#content a:hover, div#lang table tr td a:hover, div#navigation li.active a {
  color: #cb001a;
  text-decoration: none;
  border-bottom: none;
}

 .rot{
 color: #cb001a;
}

div#lang, div#lang table tr td a {
color: #555;
text-decoration: none;
}

div#lang a:hover { 
 color: #555
 }

div#logo a img, div#hauptnavigation_rechts a img, div#boxright a img{
  border: none;
  border-bottom: none;
}

dl.medienpartner dd {
  text-align: center;
}

dl.medienpartner dd a img {
  padding-top: 1em;
  padding-bottom: 2em;
}

/* Member Logo: */
div#hauptnavigation_rechts a:link img, div#hauptnavigation_rechts a:visited
img, div#hauptnavigation_rechts a:active img, div#hauptnavigation_rechts a:hover img {
  border-bottom: none;
}

div#content strong, b, div#lang active {
  font-weight: bold;
}

div#content h1 {  
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: medium; 
 font-weight: bold; 
 color: #555;
 margin-top: 0em;
 width: 90%;
}
div#content h2 {  
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: small;
 font-weight: bold; 
 color: #cb001a; 
 margin-bottom: 0em;
}
div#content h3, div#content h4 {  
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: x-small;
 font-weight: bold; 
 color: #cb001a; 
 margin-bottom: 0em;
}

div#content h4{
 color: black;
}

div#content h5 {
        font-family: monospace;
        font-size: xx-large;
        color: green;
}

div#content h6, div#content h5 {
 font-family: verdana,arial,helvetica,sans-serif;
 color:red;
 font-weight: bold;
 font-size: x-small;
 margin-bottom:0;
}

div#content table {
   border-collapse: collapse;
}

div#boxright {
 position: relative;
 padding-right: 0.3em;
 padding-left: 0em;
 padding-top: 1em;
 float: right;
 margin-left: 1em;
}

div#boxright fieldset {
 font-family: verdana, arial, helvetica, sans-serif;
}

div#boxright dl {
  margin: 0em;
  margin-bottom: 1.5em;
  padding: 0em;
  background: url(box_center.gif) repeat-y top left;
  width: 172px; /* muss Breite von box_center.gif haben */
}

div#boxright dl dt {
  padding-top: 0em;
  padding-left: 0.4em;
  padding-bottom: 0em;
  font-size: x-small;
  color: white;
  background: #3d3da8 url(box_head.gif) no-repeat top left;
}

div#boxright dl dd {
  margin: 0em;
  padding: 0em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  color: #333;
  background: #f1f1f1 url(box_foot.gif) no-repeat bottom left;
}

div#boxright dl dd ul {
  margin-left: 0em;
  padding-left: 1.4em;
}

div#boxright dl dd ul li {
  padding-left: 0em;
  list-style-image: url(pfeil2.gif);
}

div#boxright fieldset {
  font-size: x-small;
  margin:0.3em;
  border: inset 1px #f1f1f1;
  padding: 0.4em;
}

div#boxright fieldset input {
  margin-bottom: 0.5em;
  width: 148px; /* muss relativ zur Breite des Kaestchens sein und das ist in Pixel */
  margin-right: 0em;
  border-width: 1px;
  padding-left: 0.1em;
  font-size: x-small;
}

div#boxright fieldset input.submit {
  width: auto;
}


div#logo {
  float: left;
}

/* kein Link-Understrich beim Logo */
div#logo a { 
  border-bottom: none;
}

div#head_navi {
  float: left;
  background-repeat: repeat-x;
}

div#hauptnavigation {
  float: left;
  display: inline;
  height: 23px; /* gleiche hoehe wie hauptnavigation_hintergrund.jpg */
  background-image: url(hauptnavigation_hintergrund.jpg);
  background-repeat: repeat-x;
  margin-left: 0.3em;
  padding-top: 2px;
}

div#hauptnavigation ul {
  display: inline;
  margin-left: 0em;
  padding-left: 1em;
}

div#hauptnavigation ul li {
  display: inline;
  margin-right: 1em;
  font-size: xx-small;
  font-weight: bold;
  line-height: 1em;
}

div#hauptnavigation ul li a:link  {color: #333; border: none;}
div#hauptnavigation ul li a:visited  {color: #333; border: none;}
div#hauptnavigation ul li a:active  {color: #333; border: none;}
div#hauptnavigation ul li a:hover, div#hauptnavigation ul li.active a {color: #eee; text-decoration: none; border: none;}

div#hauptnavigation_rechts {
  float: right;
  display: inline;
  font-size: x-small;
  margin-top: 0em;
  padding: 0em;
  background-repeat: repeat-x;
  font-weight: bold;
  height: 45px; /* wie hauptnavigation */
}

div#hauptnavigation_rechts ul {
  margin: 0em;
  padding: 0em;
}

div#hauptnavigation_rechts>ul {
  padding-top: 0.2em;
  padding-right: 1em;
  padding-left: 1em;
  background-image: url(/icons/transparent.png);
  background-repeat: repeat;
  height: 45px; /* wie hauptnavigation */
}

div#hauptnavigation_rechts ul li {
  list-style-image: none;
  list-style-type: none;
}

div#hauptnavigation_rechts ul li a {
}


div#hauptnavigation_rechts ul li a:link  {color: #333; border: none;}
div#hauptnavigation_rechts ul li a:visited  {color: #333; border: none;}
div#hauptnavigation_rechts ul li a:active  {color: #333; border: none;}
div#hauptnavigation_rechts ul li a:hover {color: #555; text-decoration: none; border: none;}


div#hauptnavigation_rechts ul li a img {padding-right: 0.5em;}

div#navigation {
 float: left;
 padding-left: 0em;
 width: 11em;
}


div#navigation ul {
  padding-left: 1.47em;
  margin-left: 0em;
}

div#navigation ul li {
  list-style-image: url(pfeil2.gif);
  font-size: xx-small;
  padding-bottom: 0.3em;
}

div#navigation ul li a {
  border-bottom: none;
}

div#navigation ul ul {
  margin-left: 0em;
  padding-left: 1em;
}

div#navigation ul ul li {
  padding-left: 0em;
}

div#navigation ul ul li a {
  border-bottom: none;
}

div#navigation ul li a {
  font-size: xx-small;
}

div#footer {
  margin-left: 0.3em;
  border-top: solid 1px #ccc;
/*  font-family: verdana, arial, helvetica, sans-serif; */
}

div#adresse {
  float: left;
  color: #222;
  font-size: xx-small;
  font-family: verdana, arial, helvetica, sans-serif;
}

div#copyright {
  color: #555;
  float: right;
  font-size: xx-small;
}

/**
 * content spezifisches CSS
 */

div#content table.input {
  border: solid 5px #f5f5f5; /* damit das Formular nicht so am Rand haengt machen wir einfach den Rand breiter.. :-) */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background: #f5f5f5;
}

/**
 * Salaerumfrage
 */
div#content .sequence {
  border-top: solid 1px #AAAAAA;
  border-bottom: solid 1px #AAAAAA;
  border-collapse: collapse;
  width: 100%;
}
div#content .sequence tr td {
  padding: 0em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: x-small;
  background: #F3F3F3;
}

div#content .fold_away {
  border: solid 1px #558800;
  margin-bottom: 1em;
  padding: 0.5em;
  background: #edf4e2;
  font-size: x-small;
  width: auto;
}

div#content .fold_away a {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: small;
}

div#content .fold_away ul li a {
  font-size: x-small;
}

div#content ._error, div#content .error {
  font-size: small; 
  color: #DD0000; 
  font-weight: bold;
}

div#content ._warning, div#content .warning {
  font-size: small; 
  color: #AA3300; 
  font-weight: bold;
}

div#content ._info, div#content .info {
  font-size: small; 
  color: #558800; 
  font-weight: bold;
}

div#content img._error, div#content img.error {
  vertical-align: top;
  margin-right: 10px;
}


div#content ul._error, ul._error li, p._error, div#content ul.error, ul.error li, p.error {
  font-size: small; 
  color: #DD0000; 
  font-weight: bold;
}

div#content tr.zebraHead2 {
  font-size: x-small; 
  text-align: left; 
}
div#content tr.zebrahead2 td {
  border-bottom: solid 1px #888888;
}

div#content tr.zebraHead {
  font-size: x-small; 
  text-align: left; 
}

div#content tr.zebraHeadAbstand {
  border-bottom: solid 1px #888888;
}

div#content tr.zebraHeadAbstand td {
  padding-top: 1.5em;
}

div#content tr.zebra1 {
  font-size: x-small; 
  text-align: left; 
}
div#content tr.zebra2 { 
  background-color: #EEEEEE; 
  font-size: x-small; 
  text-align: left;
}

div#content tr.zebra1 th, tr.zebra2 th {
/*  font-weight: normal;*/
  font-weight: bold;
}

div#content tr.zebra1 td, tr.zebra2 td {
  vertical-align: top;
}

div#content table#su_download tr th {
  text-align: left;
  padding: 0.8em;
}

div#content table#su_download tr th em {
  font-weight: normal;
}


div#content table#su_download tr td {
  padding: 0.8em;
}

div#content table#su_download tr td dl dt {
  clear: both;
  display: inline;
  font-weight: bold;
}

div#content table#su_download tr td dl dd {
  display: inline;
  padding-left: 1em;
  margin-left: 0em;
}

div#content .button {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: x-small; 
  font-weight: normal; 
  border: solid 1px; 
  border-style: outset;
  background-color: #EEE;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
}

div#content input.buttonAsLink {
  border: none;
  border-bottom: none;
  background-color: transparent;
  color: #03c;
  padding: 0em;
  margin: 0em;
  cursor: pointer;
  text-align: left;
}

div#content input.buttonAsLink:hover {
  border: none;
  border-bottom: none;
  background-color: transparent;
  color: #cb001a;
  padding: 0em;
  cursor: pointer;
}

div#content div.hr {
  border: none;
  border-top: none;
}

div#content dl.confirm {
  background-color: #FFF2F2;
  border: solid 1px #DD0000;
  font-size: x-small;
}

div#content dl.confirm dt {
  font-size: x-small;
  font-weight: bold;
}

div#content table#berufsbeschreibung { 
  font-size: small; 
  color: black; 
  width: 100%;
  margin-bottom: 1em;
}

div#content table#berufsbeschreibung tr td {
  padding: 1em;
}

div#content table#berufsbeschreibung tr th.beruf1 {
  background-color: #00C878;
  text-align: left;
}

div#content table#berufsbeschreibung tr td.beruf1 {
  background-color: #8CF08C;
}

div#content table#berufsbeschreibung tr th.beruf2 {
  background-color: #008CC0;
  text-align: left;
}

div#content table#berufsbeschreibung tr td.beruf2 {
  background-color: #00C8FF;
}

div#content table#berufsbeschreibung tr th.beruf3 {
  text-align: left;
  background-color: #C85064;
}

div#content table#berufsbeschreibung tr td.beruf3 {
  background-color: #F06478;
}

div#content table#berufsbeschreibung tr th.beruf4 {
  background-color: #F0F000;
  text-align: left;
}

div#content table#berufsbeschreibung tr td.beruf4 {
  background-color: #FFFFB4;
}

div#content table#berufsbeschreibung tr th.beruf5 {
  background-color: #888;
  text-align: left;
}

div#content table#berufsbeschreibung tr td.beruf5 {
  background-color: #ccc;
}

div#content table#berufsbeschreibung tr th.beruf6 {
  background-color: #888;
  text-align: left;
}

div#content table#berufsbeschreibung tr td.beruf6 {
  background-color: #ccc;
}

div#content table#berufsbeschreibung tr td ul li {
  width: 16em;
  float: left;
}

div#content table#berufsbeschreibung tr td h2 {
  font-family: Arial, Helvetica, sans-serif; 
  color: black;
  font-size: medium;
}

div#content div#content td.checkbox {
  padding-right: 1em;
}

div#content fieldset {
  border: none;
  padding: 0em;
  margin: 0em;
}

div#content legend {
  display: none;
}

div#content table.zahlungsinfo, table.info tr td, table.info tr th {
  border: solid 1px #888;
}

div#content table.info th {
  text-align: left;
}

div#content table.info {
  margin-bottom: 2em;
}

div#content table.zahlungsinfo thead {
  background: #eee;
}

div#content p.saferpay {
  text-align: right;
}

div#content p.saferpay a {
  background: #f8f8f8;
  border: solid 1px #eee;
  padding: 0.2em;
  line-height: 2.5em;
  font-size: small;
}

/**
 * Pfeil nach oben ganz unten
 */
div#content a.top, div#edusys_content a.top {
  font-family: Arial, Helvetica, sans-serif; 
  clear: both;
  font-size: small;
}
div#content a.top img, div#edusys_content a.top img {
  border: none;
  margin-right: 5px;
}

div#content p.notice {
  font-size: x-small;
  color: #999;
}

div#content table.cist_view thead {
  font-weight: bold;
}

div#content table.cist_view tr td {
  padding: 0.3em;
}

div#content table.cist_view tbody .horizontal {
  text-align: center;
}


div#content table.cist_view {
  margin-top: 0.5em;
}

div#content table.cist_view td {
  border: solid 1px #ddd;
}

div#content table.cist_view tbody td.rechts {
  text-align: right;
}

div#content .f_gebuehr_mitglied, div#content .f_gebuehr_nicht_mitglied, div#content .f_gebuehr_student {
  text-align: right;
}

div#content .f_gebuehr_mitglied.supertitle {
  text-align: center;
}

div#content .noborder {
  border: none;
}

.toggle {
  font-size: xx-small;
}


div#ulif_timer_container {
  display: none;
}

table.ulif_timer {
  border-collapse: collapse;
  width: 70%;
  margin-top: 2em;
}

table.ulif_timer tr td, table.ulif_timer tr th {
  border: solid 1px;
  font-size: x-small;
  text-align: left;
}

table.ulif_timer thead {
  font-weight: bold;
  background-color: #eee;
}

table.ulif_timer tr {
}

table.ulif_timer tr.total td {
  font-weight: bold;
  background-color: #eee;
}

table.ulif_timer thead tr td.graph {
  width: 30%;
}

table.ulif_timer tbody tr td.graph {
  background-color: #ffc;
  text-align: right;
  margin-right: 0.2em;
  display: block; 
  position: relative;
}

/**
 * Anzeige der Ulif-Errors
 */
table#ulif_errors {
  display: none;
  border-collapse: collapse;
}


table#ulif_errors tr {
  color: #000;
}

table#ulif_errors tr.timing {
  color: #888;
}

table#ulif_errors tr.debug {
  background: #efe;
}

table#ulif_errors tr.error {
  background: #fee;
}

table#ulif_errors tr.critical {
  background: #faa;
}

table#ulif_errors tr.warning {
  background: #ffe;
}

table#ulif_errors tbody td.message {
  white-space: pre;
}


table#ulif_errors td {
  border: solid 1px #999;
  text-align: left;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

table#ulif_errors thead td {
  background: #eee;
  font-weight: bold;
}

/**
 * WbDb-CSS-Fixes
 */
td.mainbar {
  text-align: left;
}


.active{
 font-weight: bold; 
 color: #555;
 
}
div#lang {
 float: right;
 padding-top: 0px;
 margin: 0px;
 padding:0px;
 padding-right: 10px;
}

div#lang table {
 margin: 0px;
 padding:0px;
}


div#lang table tr td  {
 padding: 0px;
 margin:0px;
 text-align: left;
 font-size: x-small;
 font-family: verdana, arial, helvetica, sans-serif;
 cellspacing: 0px;
 cellpadding: 0px;
}

.text {
 width: 6.6em;
}

html > body .text {
 width: 7.5em;
}


.medienpartner p {
 text-align: left;
}

#logos {
 width:165px;
}
#logos a:link img, #logos a:visited img {
 margin-bottom: 5px;
}