#container { width: 81.5em; margin-top: 0.585em; margin-top: 0; }
#container[id] { width: 81.5em; margin-top: 0.85em; margin-top: 0; }

.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: #000000; background-color: #ffffff; }
#leftcol h2 { padding: 0.5em; margin: 0; font-size: 1.15em; 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: #000000; }

#leftcol .block { width: 16.5em; color: #000000; background-color: #F1F8FA; border: 1px solid #aaaaaa; }
#leftcol .block2 { margin-top: 0.125em; width: 16.5em; color: #000000; background-color: #F1F8FA; border: 1px solid #aaaaaa; }
#leftcol .block1 { margin-top: 0.75em; width: 16.5em; color: #000000; background-color: #f5f5f5; border: 1px solid #aaaaaa; }
#leftcol .block3 { margin-top: 0.125em; width: 16.5em; color: #000000; background-color: #f5f5f5; border: 1px solid #aaaaaa; }
#leftcol .block4 { margin-top: 0.125em; width: 16.5em; color: #000000; background-color: #F1F8FA; border: 1px solid #aaaaaa; }

#content { float: left; margin-left: 0.75em; width: 46.125em; margin-bottom: -1.25em; 
           border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }
#content[id] { float: left; margin-left: 0.75em; width: 46.125em; 
           border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }
		   
#ctools { border-bottom: 1px solid #aaaaaa; }
#leftctools .ctools { float: left; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.25em; padding-bottom: 0.25em; border-right: 1px solid #aaaaaa; color: #000000; font-size: 90%; text-decoration: none; }
#leftctools a.ctools:hover { background-color: #f5f5f5; color: #000000; }
#rightctools .ctools { float: right; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.25em; padding-bottom: 0.25em; border-left: 1px solid #aaaaaa; color: #000000; font-size: 90%; text-decoration: none; }
#rightctools a.ctools:hover { background-color: #f5f5f5; color: #000000; }

h1 { margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 0.25em; color: #000000; 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; color: #000000; }
#content .p { margin-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; color: #000000; }
#content a { color: #000000; background-color: #ffffff; }

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

  #maincontent a { color: #000000; }
    #maincontent a:hover { color: #333333; }

  .contentbox { padding-left: 0; padding-right: 0.5em; }
  .contentbox[class] { padding-left: 0; }

  #cLeft { float: left; width: 21.5em; margin-left: 0.25em; padding: 0;}  
  #cLeft[id] { float: left; width: 21.5em; margin-left: 0.35em; padding: 0; }  
  #cLeft .teaser { color: #000000; width: 21.5em; border: 1px solid #aaaaaa; background-color: #ffffff; }
    #cLeft .teasertitel { color: #000000; padding: 0.5em; font-size: 1.125em; background-color: #ffffff; }
  #cLeft .teasertext { padding: 0; width: 21.50em; color: #000000; background-color: #f5f5f5; }
  #cLeft a.teaser { float: right; margin-bottom: 0.5em; margin-top: 0.5em; color: #000000; }
    #cLeft a.teaser:hover { float: right; margin-bottom: 0.5em; margin-top: 0.5em; background-color: #f5f5f5; color: #333333; }
  #cLeft a.teaser[class] { float: right; margin: 0.5em; text-decoration: none; border: 1px outset #cccccc; padding: 0.25em; color: #000000; background-color: #f6f6f6 }
  #cLeft .teaserpic { width: 21.5em; }

  #cLeft .fblock { margin-top: 0.75em; margin-bottom: 0.75em; width: 21.5em; color: #000000; background-color: #f5f5f5; border: 1px solid #aaaaaa; }  
  #cLeft .fblockhover { margin-top: 0.75em; margin-bottom: 0.75em; width: 21.5em; color: #333333; background-color: #ffffff; border: 1px solid #aaaaaa; }  
	
  #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: 18.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: 21.5em; margin-left: 0.25em; padding: 0;}  
  #cRight[id] { float: right; text-align: left; width: 21.5em; margin-left: 0.35em; padding: 0; }  
  #cRight .teaser { color: #000000; width: 21.5em; border: 1px solid #aaaaaa; background-color: #ffffff; }
    #cRight .teasertitel { color: #000000; padding: 0.5em; font-size: 1.125em; background-color: #ffffff; }
  #cRight .teasertext { padding: 0; width: 21.50em; color: #000000; }
  #cRight a.teaser { float: right; margin-bottom: 0.5em; margin-top: 0.5em; color: #000000; }
  #cRight a.teaser[class] { float: right; margin: 0.5em; text-decoration: none; border: 1px outset #cccccc; padding: 0.25em; color: #000000; background-color: #f6f6f6 }
  #cRight .teaserpic { width: 21.5em; }

  #cRight .fblock { margin-top: 0.75em; margin-bottom: 0.75em; width: 21.5em; color: #000000; background-color: #f5f5f5; border: 1px solid #aaaaaa; }  
  #cRight .fblockhover { margin-top: 0.75em; margin-bottom: 0.75em; width: 21.5em; color: #333333; background-color: #ffffff; border: 1px solid #aaaaaa; }  
  
  #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: 18.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; line-height: 1.75em; }
.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.2em;  }
.field     { float: left; width: 25em; }
.hypofield { float: left; width: 12em; }
/* input fields */
.input  { width: 15em; border: 1px solid #cccccc; font-size: 100.01%; }
.select { width: 15.35em; border: 1px solid #cccccc; font-size: 100.01%; }
.select[class] { text-align: left; margin-left: -0.75em; width: 15.25em; }
.inputshort { width: 2em; border: 1px solid #cccccc; font-size: 100.01%; }
.inputsmall { width: 5em; border: 1px solid #cccccc; font-size: 100.01%; }
.inputmedium { width: 9.45em; border: 1px solid #cccccc; font-size: 100.01%; }
.inputmedium[class] { width: 9.5em; border: 1px solid #cccccc; }
.textarea { width: 15em; height: 5em; border: 1px solid #cccccc; font-size: 100.01%; }
.textarea[class] { width: 15.35em; height: 5em; border: 1px solid #cccccc; }
.buttonstyle { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.125em 0.25em 0.125em 0.25em; font-size: 100.01%; }
.button { border: 1px solid #cccccc; font-size: 100.01%; }
.leftbutton { float: left; background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em 0.5em 0.25em 0.5em; font-size: 100.01%; }
.tablebutton { background-color: #ebebeb; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em 0.5em 0.25em 0.5em; font-size: 100.01%; }
.formspacer { clear: both; line-height: 0.75em; }
  
  
#rightcol { float: right; width: 16.625em; }
#rightcol h3 { color: #000000; padding-left: 0.5em; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }
#rightcol[id] h3 { color: #000000; padding-left: 0.5em; padding-top: 0.5em; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }

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

  #rightcol .form { margin: 0; padding: 0; width: 15.85em; }
    #rightcol[id] .form { margin: 0; padding: 0; width: 16.00em; }
  #rightcol .select { float: left; width: 13.875em; margin-left: 0.5em; 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.5em; font-size: 85%; }
  #rightcol .button[class] { float: right; text-align: right; font-size: 85%; }
    
  #rightcol .box { border: 1px solid #aaaaaa; background-color: #f5f5f5; padding-top: 0.5em; } 
  
  #rightcol .homelink { width: 16.125em; height: 1.65em; padding-left: 0.5em; border-bottom: 1px solid #aaaaaa; }
  #rightcol .homelink a { color: #000000; background-color: #ffffff; line-height: 1.65em; text-decoration: none; }
  #rightcol .homelink a:hover { color: #333333; background-color: #ffffff; }

#kurse { width: 16.625em; color: #000000; background-color: #efefef; overflow: hidden; padding-top: 0.5em; border: 1px solid #aaaaaa; }

#kurse h3 { margin-top: 0.75em; margin-bottom: 0.25em; height: 1.75em; color: #000000; font-weight: normal; }


#kurse .tabs { padding-left: 0.5em; padding-right: 0.5em; height: 1.25em; }
#kurse .tabs[class] { margin-top: 0.75em; 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; }
/*  #display { margin: 0.5em; width: 12.5em; color: #000000; background-color: #ffffff; background-image: url(stats_1.gif); background-repeat: no-repeat; }
*/
#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; width: 16.25em; }

#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: #000000; }
#kurse a.more { font-size: 100%; color:#000000; background-color: #efefef; padding-left: 0.5em; }

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

.clink { color: #000000; }


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


.newsmodul { background-color: #f5f5f5; width: 44em; margin-top: 0.5em; }

.newstitel { color: #000000; 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: 13em; background-color: #f5f5f5; }
  .newspic img { padding: 0.5em; }
.newstxt   { float: right; text-align: left; display: table-cell; width: 30em; background-color: #f5f5f5; padding: 0.25em; }
.newstxt a { background-color: #f5f5f5 !important; }
.newslgtxt   { float: left; width: 43em; background-color: #f5f5f5; padding: 0.25em; }
.newslgtxt a { background-color: #f5f5f5 !important; }

.newslgpictxt   { float: left; width: 43.5em; background-color: #f5f5f5; padding: 0.5em; }
.newslgpictxt[class]   { float: left; width: 43em; 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;  }



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

.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 #aaaaaa; padding-top: 0.25em; padding-bottom: 0.25em; }

#rightcol li a { color: #000000; text-decoration: none; }
#rightcol li a:hover { color: #000000; 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: #000000; background-color: #ebebeb; font-weight: bold; padding: 0.25em 2em 0.25em 2em; }

a:focus, a:active { color: #000099 !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: 44em; overflow: hidden; }
.homepic { width: 43.8333em; }

.homead { width: 12.5em; }
.homeright { width: 16.5em; }

#socialmedia { padding: 0.25em; }
#socialmedia .sctab { float: left; margin-right: 5px; line-height: 1.5em; }
#socialmedia a { color: #638DAB; text-decoration: none; }
#socialmedia img { width: 1.85em; }