#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; }

  #leftcol .block { width: 16.5em; color: #737373; background-color: #F1F8FA; }
  #leftcol .block2 { margin-top: 0.125em; width: 16.5em; color: #737373; background-color: #F1F8FA; }
  #leftcol .block1 { margin-top: 0.75em; width: 16.5em; color: #737373; background-color: #f5f5f5;}
  #leftcol .block3 { margin-top: 0.125em; width: 16.5em; color: #737373; background-color: #f5f5f5; }
  #leftcol .block4 { margin-top: 0.125em; width: 16.5em; color: #737373; background-color: #F1F8FA; }


  #staticNav { width: 16.5em; margin: 0; padding: 0; border-top: 1px solid #ebebeb; }
  #staticNav ul { margin: 0; padding: 0; }
  #staticNav ul ul { margin: 0; padding-top: 0; padding-bottom: 0.25em; 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 li { margin-top: 0.25em; }
  

#content { float: left; margin-left: 0.75em; width: 42.25em; 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; }


h1 { margin-top: 0.5em; margin-bottom: 1em; padding-left: 0.45em; 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: 41em; }


h2 { clear: left; padding: 0; padding-left: 0.45em; padding-top: 1em; color: #737373; font-size: 1.125em; font-weight: bold; margin: 0; }
h3 { clear: left; padding: 0; padding-left: 0.75em; color: #737373; font-size: 1em; font-weight: bold; margin: 0; }

p  { padding: 0; margin-left: 0.15em; margin-top: 0.25em; }
.p  { padding: 0; margin-left: 0.15em; margin-top: 0.25em; }


  .contentbox { padding-left: 0em; padding-right: 0.25em; }
  .contentbox[class] { padding-left: 0em; padding-right: 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: 43em; background-color: #f9f9f9; margin-top: 0; margin-left: 1em; padding: 0.5em; }
  .tipps[class] { width: 43em; background-color: #f9f9f9; margin-top: 0; margin-left: 0.75em; margin-right: 0.25em; padding: 0.5em; }

  .tippsimg { float: left; width: 5em; padding-top: 0; }
  .tippstext { float: left; padding-left: 0.25em; width: 36.5em; 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-top: 0; margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; }
 
  
.buttonstyle {  background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em 0.5em 0.25em 0.5em; }
.button { border: none; }
.leftbutton { float: left; background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em 0.5em 0.25em 0.5em; }
.tablebutton { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em 0.5em 0.25em 0.5em; }
  

  #cLeft { float: left; width: 19.5em; margin-left: 0.25em; padding: 0;}  
  #cLeft[id] { float: left; width: 19.5em; margin-left: 0.35em; padding: 0; }  
  #cLeft .teaser { color: #737373; width: 19.5em; border: 1px solid #ebebeb; }
    #cLeft .teasertitel { color: #737373; padding: 0.5em; font-size: 1.125em; background-color: #ffffff; }
  #cLeft .teasertext { padding: 0; width: 19.5em; color: #737373; 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: 19.5em; }

  #cLeft .fblock { margin-top: 0.75em; margin-bottom: 0.75em; width: 19.5em; color: #000000; background-color: #f5f5f5; border: 1px solid #ebebeb; }
  #cLeft .fblockhover { margin-top: 0.75em; margin-bottom: 0.75em; width: 19.5em; color: #0099ff; 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 { margin-top: 0.5em; padding-top: 0; padding-left: 0.5em; padding-right: 0.5em; }
  #cLeft .p { margin-top: 0.5em; padding-top: 0; padding-left: 0.5em; padding-right: 0.5em; }
  
  #cLeft .teaserbutton { float: right; background-color: #f5f5f5; margin-bottom: 0.5em; }
  #cLeft .form { margin: 0; padding-top: 1em; width: 100%; background-color: #f5f5f5; }
  #cLeft .select { float: left; width: 15.5em; margin-left: 0.5em; font-size: 90%; }
  #cLeft .button { float: right; margin-right: 0.5em; text-align: right; font-size: 90%; }
  
  #cLeft .cSpacer { height: 0.125em; }

  #cRight { float: right; text-align: left; width: 19.5em; margin-left: 0.25em; padding: 0;}  
  #cRight[id] { float: right; text-align: left; width: 19.5em; margin-left: 0.35em; padding: 0; }  
  #cRight .teaser { color: #737373; width: 19.5em; border: 1px solid #ebebeb; }
    #cRight .teasertitel { color: #737373; padding: 0.5em; font-size: 1.125em; background-color: #ffffff; }
  #cRight .teasertext { padding: 0; width: 19.5em; color: #737373; 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: 19.5em; }

  #cRight .fblock { margin-top: 0.75em; margin-bottom: 0.75em; width: 19.5em; color: #000000; background-color: #f5f5f5; border: 1px solid #ebebeb; }
  #cRight .fblockhover { margin-top: 0.75em; margin-bottom: 0.75em; width: 19.5em; color: #0099ff; 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 { margin-top: 0.5em; padding-top: 0; padding-left: 0.5em; padding-right: 0.5em; }
  #cRight .p { margin-top: 0.5em; padding-top: 0; padding-left: 0.5em; padding-right: 0.5em; }
  
  #cRight .teaserbutton { float: right; background-color: #f5f5f5; margin-bottom: 0.5em; }
  #cRight .form { margin: 0; padding-top: 1em; width: 100%; background-color: #f5f5f5; }
  #cRight .select { float: left; width: 16.5em; margin-left: 0.5em; font-size: 90%; }
  #cRight .button { float: right; margin-right: 0.5em; text-align: right; font-size: 90%; }  

/* 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; }
  
    
  .downloaditem   { width: 44em; margin-top: 0; margin-bottom: 0.5em; margin-left: 1em; padding: 0; }
  .rubrik     { float: left; width: 21.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: 21.50em; margin: 0; padding: 0; border-left: 1px solid #ebebeb; }
  .introblock[class] { float: right; text-align: left; width: 21.75em; 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; }
  
	
  
#rightcol { float: right; width: 16.125em; }
#rightcol h3 { padding-left: 0; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }
#rightcol[id] h3 { padding-left: 0; padding-top: 0.5em; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }

#rightcol h4 { padding-left: 0; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }
#rightcol[id] h4 { 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; 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; height: 1.25em; padding-top: 0.25em; }
  #downloadbox a { padding-left: 0.25em; 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; }  
  
  .linkbox { line-height: 1.25em; }

  
#hypotab { width: 15.75em; color: #000000; background-color: #ffffff; }
#hypotab h3 { margin-top: 0.75em; margin-bottom: 1em; color: #737373; font-weight: normal; }
#hypotab[id] {  }
#hypotab .tabs { height: 1.25em; }
#hypotab .tabs[class] { height: 1.75em; width: 14.0625em; }
#hypotab .tabsbottom { clear: both; width: 15.75em; padding-left: 0.5em; padding-right: 0.5em; color: #000000; background-color: #f5f5f5;  }
#hypotab .inactive { cursor: hand; float: left; padding: 0.25em; border-top: 1px solid #ebebeb; border-right: 2px solid #ebebeb; color: #bbbbbb; background-color: #f5f5f5; }
#hypotab .active   { cursor: hand; float: left; padding: 0.25em; border-top: 1px solid #ebebeb; border-right: 2px solid #ebebeb; color: #000000; background-color: #f5f5f5; }



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

a.clink { color: #638DAB !important; }






#kurse { width: 16.125em; color: #000000; background-color: #efefef; overflow: hidden; padding-top: 0.5em; }

#kurse h3 { margin-top: 0.75em; margin-bottom: 0.25em; height: 1.75em; 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; text-decoration: underline; background-color: #efefef; padding-left: 0.5em; }

#printmap { display: none; }  





  #staticNav { width: 16.5em; margin: 0; padding: 0; border-top: 1px solid #ebebeb; }
  #staticNav ul { margin: 0; padding: 0; list-style: none; }
  #staticNav a.CnaviA { color: #737373; text-decoration: none; font-weight: bold; }
  #staticNav a.CnaviA:hover { color: #333333; text-decoration: none; font-weight: bold; }  
  #staticNav .border { border-bottom: none; }

  
  .quicklink { text-decoration: none; font-weight: bold; color: #666666; }
  
  
.newsmodul { background-color: #f5f5f5; width: 40.5em; margin-left: 0.5em; margin-top: 0.5em; }

.newstitel { color: #737373; margin-left: 0.5em; padding: 0.5em; font-size: 1.125em; border-top: 1px solid #f5f5f5; }
.newstitel h2 { padding: 0; margin: 0; font-size: 1.15em; font-weight: normal; }

.newspic   { float: left; display: table-cell; width: 10em; background-color: #f5f5f5; }
  .newspic img { padding: 0.5em; }
.newstxt   { float: right; text-align: left; display: table-cell; width: 29em; background-color: #f5f5f5; padding: 0.25em; }
.newstxt a { background-color: #f5f5f5 !important; }
.newslgtxt   { float: left; width: 39em; background-color: #f5f5f5; padding: 0.25em; }
.newslgtxt a { background-color: #f5f5f5 !important; }

.newslgpictxt   { float: left; width: 39em; background-color: #f5f5f5; padding: 0.5em; }
.newslgpictxt[class]   { float: left; width: 38.5em; background-color: #f5f5f5; padding: 0.25em; }
.newslgpictxt a { background-color: #f5f5f5 !important;  }

.homenewsspacer { clear: both; height: 0; background-color: white; margin: 0; padding: 0; font-size: 0; }

.homenewsspacer[class ] { clear: both; height: 0.25em;  }


.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; }

.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; }

h3.newstitel { padding: 0 0 0.5em 0.5em; margin: 0; font-size: 1em; font-weight: bold;  }

.hometeaser { margin: 0.5em; width: 40.25em; overflow: hidden; }
.homepic { width: 32.875em; }

.homead { width: 9.375em; }
.homeright { width: 12.375em; }