#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: 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: #000000; }
#leftcol a:hover { color: #000000; }


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

  
#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.100em; 
           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: 1em; padding-left: 0.45em; 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; }
#content .p { margin-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; }
#content a { color: #000000; }


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

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

h2 { clear: left; padding: 0; padding-left: 0.45em; padding-top: 1em; color: #000000; font-size: 1.125em; font-weight: bold; margin: 0; }
h3 { clear: left; padding: 0; padding-left: 0.75em; color: #000000; 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: 0.5em; padding-right: 1em; }
  .contentbox[class] { padding-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: 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: #000000; background-color: #f9f9f9; }
  .tippstext p { margin: 0; padding: 0; }
  .tippstext .p { margin: 0; padding: 0; }
  .tipps h3 { font-size: 1em; color: #000000; 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: 21.5em; margin-left: 0.25em; padding: 0; border: 1px solid #aaaaaa; }  
  #cLeft[id] { float: left; width: 21.5em; margin-left: 0.25em; padding: 0; border: 1px solid #aaaaaa; }  
  #cLeft .teaser { color: #000000; width: 21.5em;}
    #cLeft .teasertitel { color: #000000; padding: 0.5em; background-color: #ffffff; font-size: 1.125em; }
  #cLeft .teasertext { padding: 0.5em; width: 20.50em; color: #000000; background-color: #f5f5f5; }
  #cLeft a.teaser { float: right; margin-bottom: 0.5em; margin-top: 0.5em; color: #000000; }
  #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 a.teaser:hover { color: #000000; }
  
  
  #cLeft .fblock { margin-top: 0.25em; width: 20em; color: #000000; 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 { 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.5em; }
  #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: 21.5em; overflow: hidden; height: 10em; }
  #cLeft .download img { height: 10em; overflow: hidden;  }

  #cRight { float: right; text-align: left; width: 21.5em; margin-right: 0.25em; padding: 0; border: 1px solid #aaaaaa; }
  #cRight[id] { float: right; text-align: left; width: 21.5em; margin-right: 0.75em; padding: 0; border: 1px solid #aaaaaa;  }
   #cRight .teaser { color: #000000; width: 21.5em; background-color: #ffffff; }
    #cRight .teasertitel { color: #000000; padding: 0.5em; font-size: 1.125em;  }
  #cRight .teasertext { padding: 0.5em; width: 20.50em; color: #000000; background-color: #f5f5f5; }
  #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 #aaaaaa; padding: 0.25em; color: #638DAB; background-color: #f6f6f6 }
  #cRight .teaserpic { width: 21.5em; }
  
  #cRight a.teaser:hover { color: #000000; }

  #cRight .fblock { margin-top: 0.25em; width: 20em; color: #000000; 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 { 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.5em; }
  #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: 20.5em; height: 9em; }
  #cRight .download h4 { font-size: 1.125em; color: #000000; margin: 0; padding-top: 0.25em; padding-left: 0.25em; }
  #cRight .download p  { color: #000000; }  

/* 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; }
    
  .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: #000000; font-weight: bold; margin: 0; padding: 0; }
  .introblock { float: right; text-align: left; width: 21.50em; margin: 0; padding: 0; border-left: 1px solid #aaaaaa; }
  .introblock[class] { float: right; text-align: left; width: 21.75em; margin: 0; padding: 0; border-left: 1px solid #aaaaaa; }
  .introblock h4 { font-size: 1.125em; color: #000000; font-weight: bold; margin-top: 0; margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; }
  
	
  
#rightcol { float: right; width: 16.625em; }
#rightcol h3 { padding-left: 0.5em; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.75em; }
#rightcol[id] h3 { padding-left: 0.5em; 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.25em; }
#rightcol[id] h4 { padding-left: 0; font-size: 1.125em; font-weight: normal; margin: 0; padding-bottom: 0.25em; }


#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; width: 15.75em; margin: 0; padding: 0.5em; background-color: #f5f5f5; }
#rightcol[id] .box[class] { border: 1px solid #aaaaaa; width: 15.75em; margin: 0; padding: 0.5em; background-color: #f5f5f5; }


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

#rightcol .news h4 { padding-left: 0.25em; font-weight: bold; color: #737373; }
#rightcol .news a { color: #000000; }

#rightcol .box a { color: #000000; }

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

  #rightcol .homelink { width: 15.75em; 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: #000000; background-color: #ffffff; }
  
  #downloadbox { width: 16.75em; line-height: 1.25em; padding-top: 0.25em; }
  #downloadbox a { padding-left: 0; color: #000000; background-color: #ffffff; line-height: 1.5em; text-decoration: none; }
  #downloadbox a:hover { color: #000000; background-color: #ffffff; }  
  #downloadbox h4 { padding-left: 0; padding-top: 0.5em; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
  #downloadbox .downloaditem { color: #000000; border-bottom: 1px solid #f5f5f5; padding-top: 0.25em; padding-bottom: 0.25em; margin-bottom: 0; }
  
  #downloadbox ul { margin-top: 0; padding-top: 0; }
  
  .downloadicon   { margin-left: 0.25em; margin-right: 0.25em; }

#rightcol a { color: #000000; text-decoration: none; }  
  
#kurse { width: 16.625em; 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: #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; }

#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; text-decoration: underline; }

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

.clink { color: #000000 !important; }

#printmap { display: none; }  
  
.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 #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; }

img.contentpic { width: 43.833em; }

img.koepfe { width: 27.666em; }

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

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