/* vertical alignment for tabel cells  */

.baseline    {vertical-align: baseline;}
.middle      {vertical-align: middle;}
.sub         {vertical-align: super;}
.text-top    {vertical-align: text-top;}
.text-bottom {vertical-align: text-bottom;}
.percentage  {vertical-align: 30%; }
.length      {vertical-align: 30px;}
.top         {vertical-align: top;}
.bottom      {vertical-align: bottom;}

.linksbuendig  {text-align: left;}
.rechtsbuendig {text-align: right;}
.zentriert     {text-align: center;}
.blocksatz     {text-align: justify;}

.finger { cursor: pointer; }

.address {
    width: 15em;
    padding: 5px;
    margin-top: 5px;
    border-style: none;
    border: 1px solid grey;
}

.floating_Rbox {
  float: right;
  clear: none;
  margin-left: 1em;
}

.dashed_hr {
    border: 1px dashed #8cacbb;
}

.red {
  color: red;
  font-weight: bold;
}


/* style sheet for cms text  */
.subtitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   color: #000000;
   text-decoration: none;
   margin : 0px 0px 6px 0px;
   padding : 0px 0px 0px 0px;
   border-bottom: 1px solid #8cacbb;
}
.subtitle_noBorder {
   font-size: 12px;
   font-weight: bold;
}
/* damit man einen fliesstext um dieses bild machen kann  */
.float_left {
    margin: 0 0.3em 0 0;
    float: left;
}
/* normale boxen   */
.box {
   padding: 4px; 
   margin-left: 4px;
   border: 1px solid gray;
}

/* gelbe boxen   */
.box_yellow {
   background-color: #FFFFCC; 
   padding: 4px; 
   margin-left: 4px;
   border: 1px solid gray;
}

.box_yellow .title {
  color: #000000;
  font-weight: bold;
}

.box_yellow table {
  width: 100%;
}

.box_yellow td {
  vertical-align: middle;
}

.message {
  color: red;
  font-weight: bold;
}
/* style sheet for payment simulator   */
.formfield_textarea3cols_huge_read_only {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	background-color: #D3D3D3;
	border: 1px solid #000000;
	width:300px;
	height:400px;
	padding: 0px 0px 0px 2px;
	margin: 0px 0px 3px 0px;
}

.huge {
    padding-left: 0px;
    font-size: 120%;  
    font-weight: bold; 
}

/* style sheet for node crex_bestellung  */
.big {
    padding-left: 0px;
    font-size: 120%;   
}
.bold {
    font-weight: bold;
}

/* style fuer appl/bd/print_kredit  post 
   muss so sein, sonst wird der erste teil des textes grau dargestellt.
*/
#zirText {
  color: black;
}

/* styles fuer end nodes */
.alert {
  color: black;
  background-color: #f7b1b4;
  border: 1px dotted #929292;
  padding: 12px 2px 12px 12px;
  margin-left: 6px;
  margin-bottom: 10px;
}

.lieferzeitpunkt_table {
  margin-top: 0px;
  margin-left: 6px;
  width: 100%;
  border-spacing:2px;
  border:0px none;
}

.lieferzeitpunkt_table td, .lieferzeitpunkt_table th {
  background-color: #e8e8e8;
  padding: 3px 3px 3px 12px;
}



/* style fuer 
  /labels/bd/pers_[ch|ausl]
   /labels/bd/[ch|ausl]wohn
*/
.info_box {
  color: black;
  background-color: #e1eef7;
  border: 1px dotted #929292;
  padding: 12px 12px 12px 12px;
  margin-left: 6px;
  margin-bottom: 10px;
}

/* style fuer /labels/common/print 
   und fuer end nodes
*/
.check_print {
  color: black;
  background-color: #FFFFCC; 
  border: 1px dotted #929292;
  padding: 12px 2px 12px 12px;
  margin-left: 6px;
  margin-bottom: 10px;
}
.check_print_blue {
  color: black;
  background-color: #e1eef7;
  border: 1px dotted #929292;
  padding: 12px 2px 12px 12px;
  margin-left: 6px;
  margin-bottom: 10px;
}

/* style fuer labels/bd/zuszug/bitte_kontrollieren  */
.check_zuzug {
  color: black;
  background-color: #e1eef7;
  border: 1px dotted #929292;
  padding: 12px 8px 12px 8px;
  margin-bottom: 9px;
  font-weight:bold;
}
.zuzug_subtitle {
  color: black;
  padding: 0px;
  margin: 0px 0px 3px 0px;
  font-weight:bold;
}
/* start: stuff for getAllResources html output   */
.simple_arrow {
    background: transparent url(arrowRight.gif) 18px 3px no-repeat;
    padding-left: 30px;
} 

.arrow {
    background: transparent url(arrowRight.gif) 5px 3px no-repeat;
    padding-left: 14px;
}
.system_alert {
    background: transparent url(error_icon.gif) 5px 1px no-repeat;
    padding-left: 30px;
} 
.hintlink {
    background: transparent url(workflow_icon.gif) 18px 3px no-repeat;
    padding-left: 36px;
    margin-left: 20px;
} 


.rekursiv {
    background-color: #FFFFCC;
}
/* end: stuff for getAllResources html output */




html { height:100%; } 
body { 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px ;
    background-image: url(content/images/layout/bg_grey.gif);
    background-color: #f3f3f3;
    height: 100%;
    
    font-size: 62.5%;
}
span.nobreak {
   white-space: nowrap;
}


/* START banner elemente --------------------  */
#adminchlink a {
    font-weight:bold;
    color:#000000;
    text-decoration: none;
}

#adminchlink{
  padding-right:5px;
  padding-top:0px;
  text-align: right;
}

#bannerright {
  padding-right:5px;
  padding-top:6px;
  text-align: right;
  color:#FFFFFF;
}
#bannerright {color:#FFFFFF; text-decoration: none; font-weight:normal;}
#bannerright a.act     {color:#FFFFFF; text-decoration: none; font-weight:normal;}
#bannerright a:link    {color:#FFFFFF; text-decoration: none; font-weight:normal;}
#bannerright a:visited {color:#FFFFFF; text-decoration: none; font-weight:normal;}
#bannerright a:hover   {color:#FFFFFF; text-decoration: underline; font-weight:normal;}

#bannertitel {
  padding-right:5px;
  padding-top:6px;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color:#FFFFFF;
}

a.bar         {color:#000000; text-decoration: none; }
a.bar:link    {color:#000000; text-decoration: none; font-weight:normal;}
a.bar:visited {color:#000000; text-decoration: none; font-weight:normal;}
a.bar:hover   {color:#000000; text-decoration: none; font-weight:normal;}
.small { font-size: 10px;}


/* END banner elemente --------------------  */


/*  suis powered logo  */
td.suis_powered {
  padding-left: 22px;
}


/* plakate   */
.plakat_yellow {
  color:black;
   background-color: #FFFFCC; 
   padding: 4px; 
   margin: 0em; 
   border: 1px solid gray;
}
.plakat_yellow .title {
  color: #D61018;
  
}
.plakat_grey {
   background-color: #f0f0f0; 
   padding: 4px; 
   margin: 0em; 
   border: 1px dotted gray;
}
span.button1 {
   background-color: #336699;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   color: #FFFFFF;
   font-weight: normal;
   vertical-align: middle;
   border: 1px solid black;
   cursor: pointer;
   padding: 2px 3px 2px 3px;
   text-decoration: none;
}
/* space between buttons (zurück/weiter)   */
img.button_spacer {
   width: 15px;
}
#next {
}


span.button2 {
   background-color: #336699;
   background-color: #336699;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   color: #FFFFFF;
   font-weight: normal;
   vertical-align: middle;
   border: 1px solid black;
   cursor: pointer;
   padding: 2px 3px 2px 3px;
   text-decoration: none;

}

span.button_static {
   background-color: #336699;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   color: #FFFFFF;
   font-weight: normal;
   vertical-align: middle;
   border: 1px solid black;
   padding: 2px 3px 2px 3px;
   text-decoration: none;
}

/* button der aussieht wei derjenige von yellowpay   */
span.button_yellow {
   background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: red;
   font-weight: bold;
   vertical-align: middle;
   border: 1px solid grey;
   padding: 0px 4px 0px 4px;
   text-decoration: none;
   width: 100px;
}

/* start berufsgruppen stuff   */
#berufsgruppe .first_level { 
      margin-left:0px;
}
#berufsgruppe  .dynamic { 
      margin-left:0px; 
      display:none;
}
#berufsgruppe .highlight_group { 
      font-weight: bold; 
}
#berufsgruppe .readonly {
      background-color: #D3D3D3;
}
#berufsgruppe .normal {
      background-color: #FFFFFF;
}
#berufsgruppe .formfield {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.1em;
      border: 1px solid #000000;
      width:186px;
      height:14px;
      padding: 0px 0px 0px 2px;
      margin: 0px 0px 4px 0px;
}
#berufsgruppe .berufsgruppe {
      padding: 0px 0px 0px 2px;
      margin: 0px 0px 4px 0px;
}
#berufsgruppe .treeBackground {
      background-image: url(content/images/javascript/treeBackground.gif);
      background-repeat: repeat-y;
}
.hand {
      cursor: pointer;
      cursor: hand;
}
/* end berufsgruppen stuff   */



/* start decmod_result stuff   */
.first_level {  
      margin-left:0px;
}
 .dynamic { 
      margin-left:0px; 
      display:none;
}
.treeBackground {
      background-image: url(content/images/javascript/treeBackground.gif);
      background-repeat: repeat-y;
}
/* end decmod_result stuff   */



form {
        margin: 0px;
        padding: 0px;
}
hr {
        color: #000000;
        height: 1px;
}



table.level_01 { 
        width: 100%;
        height: 100%;
        border-collapse: collapse;
        border-spacing:0px;
        border:0px none;
        padding:0px;
        margin:0px;
}



tr.invisible { 
        height: 0px;
}
tr.hundertPercentTall { 
        height: 100%;
}


/* bg for pure cms pages --------------------  */
td.NavigationBlueLeftDot { 
        background-image: url(content/images/layout/bg_bluedots1_white_navigation.gif);
        background-repeat: repeat-y;
}

td.box {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	padding : 0px 0px 0px 12px;
}
td.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: black;
	text-decoration: none;
	padding : 0px 0px 0px 0px;
}
td.textbox_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
        background-color: #FFFFFF;
	color: #666666;
	text-decoration: none;
	padding : 0px 2px 0px 2px;
        vertical-align: middle;
}
td.boxheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	margin : 0px 0px 0px 0px;
        padding : 0px 0px 0px 1px;
}
td.label {
	vertical-align : top;
	padding-top : 2px;
}
td.top {
	vertical-align : top;
}
td.middle {
	vertical-align : middle;
}
td.bottom {
	vertical-align : bottom;
}

td.error ul {
	list-style-type : square;
	list-style-image: none;
}
td.rightTop {
	vertical-align : top;
	text-align : right;
}
td.rightMiddle {
	vertical-align : middle;
	text-align : right;
}
td.center {
	text-align : center;
}
td.right {
	text-align : right;
}
td {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	vertical-align : top;
}
ul {
	font-style: normal;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	list-style-type : square;
	list-style-image: url(content/images/layout/bullet.gif);
	list-style-position: inherit;
	padding : 0px 0px 0px 8px;
	margin : 0px 0px 0px 8px;
}
#cms_content ul, #wizardView ul{
	font-size: 1em;
}

ol {
	padding : 0px 0px 0px 12px;
	margin : 0px 0px 0px 12px;
}
li {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	list-style-position : inherit;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin : 0px 0px 0px 0px;
	vertical-align : top;
	padding-bottom : 9px;
}
p.popup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin : 0px 0px 0px 0px;
	vertical-align : top;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
}
p.popupRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align : right;
	margin : 0px 0px 0px 0px;
	vertical-align : top;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin : 0px 0px 9px 0px;
	padding : 0px 0px 0px 0px;
}
h1.underline {
	padding : 0px 0px 3px 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(140, 172, 187);
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin : 0px 0px 9px 0px;
	padding : 0px 0px 0px 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin : 0px 0px 6px 0px;
	padding : 0px 0px 0px 0px;
}
h4	 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	margin : 0px 0px 0px 0px;
	background-color : #6699cc;
	padding : 3px 5px 3px 5px;
}
h5	 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
code {
        font: 100% Verdana, Helvetica, Arial, sans-serif;
        font-size: 100%;
        color: blue;
        background-color: #dee7ec;
        border: 1px solid gray;
        padding: 0px 2px 0px 2px;
}
.discreet {
    color: #76797c;
    font-size: 85%;
    font-weight: normal;
}