#container { width: 77.5em; margin-top: 0.85em; }

.clear { clear: both; }
.clearspacer { clear: both; height: 0.5em; } 
.spacer { height: 0.5em; }  
.clearspacer[class] { clear: both; height: 1em; } 
.spacer[class] { height: 1em; }  



#leftcol { float: left; width: 16.75em; color: #737373; background-color: #ffffff; }
#leftcol h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: normal; }
#leftcol .icon {float: left; margin-right: 0.5em; }
#leftcol h3 { padding-left: 0.5em; padding-top: 0.5em; margin: 0; font-size: 1.125em; font-weight: bold; }
#leftcol p { padding: 0.5em; margin: 0; }
#leftcol .p { padding: 0.5em; margin: 0; }
#leftcol a { color: #737373; }
#leftcol a:hover { color: #333333; }


  #staticNav { width: 16.5em; margin: 0; padding: 0; border-top: 1px solid #ebebeb; }
  #staticNav ul { margin: 0; padding: 0;  border-bottom: 1px solid #ebebeb; }
  #staticNav ul ul { margin: 0; padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #ebebeb; padding-left: 17px; list-style: none; }
  #staticNav a.CnaviI { text-decoration: none; }
  #staticNav a.CnaviA { text-decoration: none; font-weight: bold; color: #000000; }
  #staticNav .border { border-bottom: 1px solid #ebebeb; }
  
  #staticNav ul ul li { margin-top: 0.25em; }
	

#content { float: left; margin-left: 0.75em; width: 42.5em; margin-bottom: -1.25em; 
           border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
#content[id] { float: left; margin-left: 0.75em; width: 42.5em; 
           border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }


#ctools { border-bottom: 1px solid #e4e4e4; }
#leftctools .ctools { float: left; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.25em; padding-bottom: 0.25em; border-right: 1px solid #ebebeb; color: #999999; font-size: 90%; text-decoration: none; }
#leftctools a.ctools:hover { background-color: #f5f5f5; color: #333333; }
#rightctools .ctools { float: right; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.25em; padding-bottom: 0.25em; border-left: 1px solid #ebebeb; color: #999999; font-size: 90%; text-decoration: none; }
#rightctools a.ctools:hover { background-color: #f5f5f5; color: #333333; }


#content h1 { margin-top: 0.25em; margin-bottom: 0.5em; padding-left: 0.35em; color: #8b8b8b; font-family: arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 0.25em; font-size: 1.25em; }

#content .title { margin-top: 0.5em; overflow: hidden; }
#content p { margin-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; }
#content .p { margin-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; }
#content a { color: #638DAB; }


#maincontent { margin: 0.5em; width: 41.5em; }
#maincontent[id] { margin: 0.5em; width: 41.5em; }

  .contentbox { padding: 0.5em; }  
  .contentbox h3 { color: #8b8b8b; margin-left: 0.5em; }
  
  .tablebutton { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em; }
  .button { background-color: #ebebeb; color: #000000; border: none; }
  .buttonstyle { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; padding: 0.25em; text-decoration: none; }
   

  .tipps { width: 40em; background-color: #f9f9f9; margin-left: 0.75em; padding: 0.5em; }
  .tipps[class] { width: 40.25em; background-color: #f9f9f9; margin-left: 0.65em; padding: 0.5em; }
  .tippsimg { float: left; width: 4em; padding-top: 0; }
  .tippstext { float: left; width: 35em; color: #737373; background-color: #f9f9f9; }
  .tippstext[class] { float: left; width: 35em; color: #737373; background-color: #f9f9f9; }
  .tippstext p { margin: 0; padding: 0; }
  .tippstext .p { margin: 0; padding: 0; }
  .tipps h3 { font-size: 1em; color: #737373; margin: 0; padding-left: 0.45em; }
  .tipps a { color: #638DAB; }



  
  #cLeft { float: left; width: 20em; margin-left: 0.25em; padding: 0; border: 1px solid #ebebeb; }  
  #cLeft[id] { float: left; width: 20em; margin-left: 0.25em; padding: 0; border: 1px solid #ebebeb; }  
  #cLeft .teaser { color: #000000; width: 20em;}
    #cLeft .teasertitel { color: #000000; padding: 0.5em; background-color: #ffffff; }
  #cLeft .teasertext { padding: 0.5em; width: 19.00em; color: #000000; background-color: #f5f5f5; }
  #cLeft a.teaser { float: right; margin-bottom: 0.5em; margin-top: 0.5em; color: #638DAB; }
  #cLeft a.teaser[class] { float: right; margin: 0.5em; text-decoration: none; border: 1px outset #cccccc; padding: 0.25em; color: #638DAB; background-color: #f6f6f6 }
  #cLeft .teaserpic { width: 20em; }

  #cLeft .fblock { margin-top: 0.25em; width: 20em; color: #000000; background-color: #ffffff; border: 1px solid #ebebeb; }
  #cLeft h3 { clear: left; font-size: 1.125em; font-weight: normal; padding-left: 0.5em; padding-top: 0.5em; margin: 0; }
  #cLeft p { padding-left: 0; padding-right: 0; }
  #cLeft .p { padding-left: 0; padding-right: 0; }
  
  #cLeft .teaserbutton { float: right; background-color: #f5f5f5; }
  #cLeft .form { margin: 0; padding: 0; width: 19.00em; }
  #cLeft .select { float: left; width: 15em; margin-left: 0.5em; font-size: 90%; }
  #cLeft .button { float: right; text-align: right; font-size: 90%; }

  #cLeft .download    { float: left; margin: 0; padding: 0; width: 20em; overflow: hidden; height: 11em;  }
  #cLeft .download img { height: 11em; overflow: hidden;  }
  
  #cRight { float: right; text-align: left; width: 20em; margin-right: 0.15em; padding: 0; border: 1px solid #ebebeb; }
  #cRight[id] { float: right; text-align: left; width: 20em; margin-right: 0.25em; padding: 0; border: 1px solid #ebebeb;  }
  #cRight .teaser { color: #000000; width: 20em; background-color: #ffffff; }
    #cRight .teasertitel { color: #000000; padding: 0.5em;  }
  #cRight .teasertext { padding: 0.5em; width: 19.00em; color: #000000; background-color: #f5f5f5; }
  #cRight a.teaser { float: right; margin-bottom: 0.5em; margin-top: 0.5em; color: #638DAB; }
  #cRight a.teaser[class] { float: right; margin: 0.5em; text-decoration: none; border: 1px outset #cccccc; padding: 0.25em; color: #638DAB; background-color: #f6f6f6 }
  #cRight .teaserpic { width: 20em; }

  #cRight .fblock { margin-top: 0.25em; width: 20em; color: #000000; background-color: #ffffff; border: 1px solid #ebebeb; }
  #cRight h3 { clear: left; font-size: 1.125em; font-weight: normal; padding-left: 0.5em; padding-top: 0.5em; margin: 0; }
  #cRight p { padding-left: 0; padding-right: 0; }
  #cRight .p { padding-left: 0; padding-right: 0; }
  
  #cRight .teaserbutton { float: right; background-color: #f5f5f5; }
  #cRight .form { margin: 0; padding: 0; width: 19.00em; }
  #cRight .select { float: left; width: 15em; margin-left: 0.5em; font-size: 90%; }
  #cRight .button { float: right; text-align: right; font-size: 90%; }


  #cRight .download    { float: right; text-align: left; margin: 0; padding: 0.5em; width: 19.00em; height: 10em; }
  #cRight .download h4 { font-size: 1.125em; color: #737373; margin: 0; padding-top: 0.25em; padding-left: 0; }
  #cRight .download p  { color: #737373; }  
  #cRight .download .p  { color: #737373; }  
  
  .downloaditem   { width: 40em; margin-top: 0; margin-bottom: 0.5em; margin-left: 1em; padding: 0; }
  .rubrik     { float: left; width: 20.00em; margin-left: 0; padding: 0; }
  .rubrik h4  { font-size: 1.125em; color: #737373; font-weight: bold; margin: 0; padding: 0; }
  .introblock { float: right; text-align: left; width: 19.25em; margin: 0; padding: 0; border-left: 1px solid #ebebeb; }
  .introblock h4 { font-size: 1.125em; color: #737373; font-weight: bold; margin-top: 0; margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; }
 
  
/* form elements */
.row { clear: both; margin-left: 0.25em; height: 2em; }
.label { float: left; width: 12em; margin-left: 0.15em; }
.hypolabel { float: left; width: 25em; margin-left: 0.15em; line-height: 2em; }
.span { float: left; width: 100%; margin-left: 0.15em; }
.check { float: left; padding: 0;}
.hinweis { float: left; padding-top: 0.1em;  }
.field { float: left; width: 25em; }
.hypofield { float: left; width: 12em; }
/* input fields */
.input  { width: 15em; font-size: 100.01%; }
.select { width: 15.35em; font-size: 100.01%; }
.inputshort { width: 2em; font-size: 100.01%; }
.inputsmall { width: 5em; font-size: 100.01%; }
.inputmedium { width: 9.25em; font-size: 100.01%; }
.inputmedium[class] { width: 9.5em; }
.textarea { width: 15em; height: 5em; font-size: 100.01%; }
.textarea[class] { width: 15.35em; height: 5em; }
.buttonstyle { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; font-size: 100.01%; }
.button { border: none; font-size: 100.01%; }
.leftbutton { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; float: left; font-size: 100.01%; }
.tablebutton { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em; font-size: 100.01%; }
.formspacer { clear: both; line-height: 0.75em; }
  
   
#rightcol { float: right; width: 16.125em; }
#rightcol h3 {  color: #737373;padding-left: 0; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }
#rightcol[id] h3 {  color: #737373;padding-left: 0; padding-top: 0.5em; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }

#rightcol h4 {  color: #737373;padding-left: 0; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }
#rightcol[id] h4 {  color: #737373;padding-left: 0; padding-top: 0.5em; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }


#rightcol .teaser { width: 16.125em; border: 1px solid #ebebeb; padding-top: 0.5em; padding-left: 0.5em; margin: 0; }
#rightcol[id] .teaser[class] { width: 16.125em; border: 1px solid #ebebeb; padding-top: 0; margin: 0; }

  #rightcol .form { margin: 0; padding: 0; width: 15.85em; }
  #rightcol .select { float: left; width: 13.875em; margin-left: 0; font-size: 90%; }
  #rightcol .select2 { float: left; width: 13.875em; margin-left: 0; font-size: 90%; }
  #rightcol .button { float: right; text-align: right; font-size: 90%; }
  #rightcol .select[class] { float: left; width: 12.875em; margin-left: 0.5em; font-size: 85%; }
  #rightcol .select2[class] { float: left; width: 12.875em; margin-left: 0; font-size: 85%; }
  #rightcol .button[class] { float: right; text-align: right; font-size: 85%; }


#rightcol .box { width: 15.75em; border: none; margin: 0; padding: 0.5em; background-color: #f5f5f5; }
#rightcol[id] .box[class] { width: 15.75em; border: none; margin: 0; padding: 0.5em; background-color: #f5f5f5; }

#rightcol a { color: #638DAB; text-decoration: none; }

#rightcol ul li { list-style: none; }

#rightcol .news { width: 15.75em; border-top: 1px solid #ffffff; margin: 0; padding: 0.5em; background-color: #f5f5f5; }
#rightcol[id] .news[class] { width: 15.75em; border-top: 1px solid #ffffff; margin: 0; padding: 0.5em; background-color: #f5f5f5; }

   #rightcol .newsspacer { height: 2px; background-color: #ffffff; }

  #rightcol .homelink { width: 16.125em; line-height: 1.5em; padding-left: 0.5em; border-bottom: 1px solid #ebebeb; }
  #rightcol .homelink a { color: #638DAB; background-color: #ffffff; line-height: 1.5em; text-decoration: none; }
  #rightcol .homelink a:hover { color: #333333; background-color: #ffffff; }
  #downloadbox { width: 16.75em; line-height: 1.25em; padding-top: 0.25em; }
  #downloadbox a { padding-left: 0; color: #638DAB; background-color: #ffffff;  line-height: 1.5em; text-decoration: none; }
  #downloadbox a:hover { color: #333333; background-color: #ffffff; }  
  #downloadbox h4 { padding-left: 0; padding-top: 0.5em; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
  #downloadbox .downloaditem { color: #737373; border-bottom: 1px solid #f5f5f5; padding-top: 0.25em; padding-bottom: 0.25em; margin-bottom: 0; }  
  
  .downloadicon   { margin-left: 0.25em; margin-right: 0.25em; }

  
  #rightcol a { color: #638DAB; text-decoration: none; }
  #rightcol a:hover { color: #333333; text-decoration: none; }  

  .linkbox { line-height: 2em; }
  
  .downloadicon   { margin-left: 0.25em; margin-right: 0.25em; }
 
 
 
 
 
 
 
 
#kurse { width: 16.625em; color: #000000; background-color: #efefef; overflow: hidden; padding-top: 0.5em; }

#kurse h3 { margin-top: 0.75em; margin-left: 0.5em; margin-bottom: 1em; color: #737373; font-weight: normal; }

#kurse .tabs { padding-left: 0.5em; padding-right: 0.5em; height: 1.25em; }
#kurse .tabs[class] { margin-left: 0.5em; padding: 0; height: 1.25em; width: 14.95em; }
#kurse .tabsbottom {  clear: both; width: 15.5em; height: 10em; color: #000000; background-color: #ffffff; margin-left: 0.5em; margin-right: 0.5em; }
#picdisplay { margin: 0.5em; width: 13.833em; }
#display { margin-top: 0.5em; background-image: url('http://bkb.inet.rolotec.ch/cgi-bin/chart?crxP52C01Jrj10uUKto4CtnWWcnMm2BS9MC90smMi3yVX2BY1dmWadmWaJjWvMCP9gz9KMB0jxyKfwEMCxAKrhA9eZn1ycALL2zOrxpXadmMqxATvwpXetnZKtm5mZm3a'); background-repeat: no-repeat; }

#kurse .inactive { float: left; padding: 0.25em; border-right: 2px solid #efefef; color: #000000; background-color: #cccccc; }
#kurse .active   { float: left; padding: 0.25em; border-right: 2px solid #efefef; color: #000000; background-color: #ffffff; }
#kurse a { font-size: 90%; color: #638DAB; }
#kurse a.more { font-size: 100%; color:#638DAB; background-color: #efefef; padding-left: 0.5em; text-decoration: underline; }
 

a.elogin { color: #638DAB !important; font-weight: bold; }
  
.small { font-size: 80%; }

.versteckt { position: absolute; left: -1600px; top: -1200px; width: 0px; height: 0px; display: inline; overflow: hidden;  }
.versteckt[class] { position: absolute; left: -1600px; top: -1200px; width: 0px; height: 0px; font-size: 0; overflow: hidden;  }


#content a.extern {
  padding-left:20px;
  background:url(icon-externer-link.gif) center left no-repeat;
}

#rightcol ul li { list-style: none; margin-left: -40px; padding-left: -40px; border-bottom: 1px solid #f5f5f5; padding-top: 0.25em; padding-bottom: 0.25em; }

#rightcol li a { color: #638DAB; text-decoration: none; }
#rightcol li a:hover { color: #638DAB; text-decoration: underline; }

#rightcol li a.extern   { padding-left:20px; line-height: 1.25em;
  background:url(icon-externer-link.gif) top left no-repeat; }

.alternative { margin-left: 0.5em; border: 1px solid #eeeeee; padding: 0.25em; }

.schalter { border: 1px outset white; color: #638DAB; background-color: #ebebeb; font-weight: bold; padding: 0.25em 2em 0.25em 2em; }

a:focus, a:active { color: #000000 !important; }

h2.headtwo { padding: 0; margin: 0; font-size: 1em; font-weight: normal; }

a.addthis_button_compact { color: #638DAB; }
a.addthis_button_compact:hover { color: #000000; }
a.addthis_button_compact:active { color: #000000; }

.prodbalken { color: #ffffff; padding: 0.5em; background-color: #94AABD; height: 1.5em; line-height: 1.5em; margin-top: 0.25em; }
.prodtitel  { float: left; font-size: 1.125em; }

.prodbalken a { color: white; font-size: 1em; margin-left: 1em;  color: #ffffff !important; }