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

.clear { clear: both; }
.clearspacer { clear: both; height: 0.5em; } 
.spacer { height: 0.5em; }  




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

#leftcol .block { width: 16.5em; color: #000000; background-color: #ffffff; border: 1px solid #aaaaaa; }
#leftcol .block2 { margin-top: 0.125em; width: 16.5em; color: #000000; background-color: #f5f5f5; 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: #f5f5f5; border: 1px solid #aaaaaa; }

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


#content h1 { margin: 0; padding-left: 0.35em; color: #000000; font-family: arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 0.25em; font-size: 1.625em; }

#content .title {  }
#content .p { margin-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; }
#content a { color: #000000; background-color: #ffffff; }



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


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

  #cLeft .fblock { margin-top: 0.75em; margin-bottom: 0.75em; width: 20em; color: #000000; background-color: #f5f5f5; border: 1px solid #aaaaaa; }
  #cLeft .fblockhover { margin-top: 0.75em; margin-bottom: 0.75em; width: 20em; color: #000000; background-color: #f5f5f5; 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 .teaserbutton { float: right; background-color: #f5f5f5; }
  #cLeft .form { margin: 0; padding: 0; width: 18.85em; }
  #cLeft .select { float: left; width: 14.5em; margin-left: 0.5em; font-size: 90%; }
  #cLeft .button { float: right; text-align: right; font-size: 90%; }




  #cRight { float: right; text-align: left; width: 20em; margin-left: 0.25em; padding: 0;}  
  #cRight[id] { float: right; text-align: left; width: 20em; margin-left: 0.35em; padding: 0; }  
  #cRight .teaser { color: #000000; width: 20em; border: 1px solid #aaaaaa; }
    #cRight .teasertitel { color: #000000; padding: 0.5em; background-color: #ffffff; }
  #cRight .teasertext { padding: 0.5em; width: 19em; color: #000000; background-color: #ffffff; }
  #cRight a.teaser { float: right; margin-bottom: 0.5em; margin-top: 0.5em; }
  #cRight a.teaser[class] { float: right; margin: 0.5em; text-decoration: none; padding: 0.25em; color: #000000; background-color: #ffffff; }
  #cRight .teaserpic { width: 20em; }

  #cRight .fblock { margin-top: 0.75em; margin-bottom: 0.75em; width: 20em; color: #000000; background-color: #ffffff; border: 1px solid #aaaaaa; }
  #cRight .fblockhover { margin-top: 0.75em; margin-bottom: 0.75em; 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 { margin-top: 0.5em; padding-top: 0; padding-left: 0.5em; padding-right: 0.5em; }
  
  #cRight .teaserbutton { float: right; background-color: #ffffff; }
  #cRight .form { margin: 0; padding: 0; width: 18.85em; }
  #cRight .select { float: left; width: 14.5em; margin-left: 0.5em; font-size: 90%; }
  #cRight .button { float: right; text-align: right; font-size: 90%; }

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

  #rightcol .form { margin: 0; padding: 0; width: 16.0625em; }
  #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; font-size: 85%; }
  #rightcol .button[class] { float: right; text-align: right; font-size: 85%; }

  #rightcol .homelink { width: 16.125em; height: 1.5em; padding-left: 0.5em; border-bottom: 1px solid #aaaaaa; }
  #rightcol .homelink a { color: #000000; background-color: #ffffff; line-height: 1.5em; text-decoration: none; }
  #rightcol .homelink a:hover { color: #000000; background-color: #ffffff; }


  #rightcol .box { border: 1px solid #aaaaaa; background-color: #f5f5f5; padding-top: 0.5em; }


  
/* 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: #f5f5f5; color: #000000; border: 1px outset #aaaaaa; font-size: 100.01%; }
.button { border: none; font-size: 100.01%; }
.leftbutton { background-color: #aaaaaa; color: #000000; border: 1px outset #cccccc; float: left; font-size: 100.01%; }
.tablebutton { background-color: #aaaaaa; color: #000000; border: 1px outset #cccccc; text-decoration: none; padding: 0.25em; font-size: 100.01%; }
.formspacer { clear: both; line-height: 0.75em; }
    
  
  

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

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


#kurse[id] {  }
#kurse .tabs { padding-left: 1.0em; padding-right: 0.5em; height: 1.25em; }
#kurse .tabs[class] { padding-left: 1.0em; padding-right: 0.5em; height: 1.75em; width: 14.625em; }
#kurse .tabsbottom { margin-top: 0; padding-top: 0; width: 14.25em; height: 10em; color: #000000; background-color: #ffffff; margin-left: 0.5em; margin-right: 0.5em; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
/*  #display { margin: 0.5em; width: 12.5em; color: #000000; background-color: #ffffff; background-image: url(stats_1.gif); background-repeat: no-repeat; }
*/
#display { margin: 0.5em; width: 13.833em; background-color: #ffffff; background-image: url(stats_1.gif); background-repeat: no-repeat; }



#kurse .inactive { float: left; padding: 0.25em; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; color: #000000; background-color: #f5f5f5; }
#kurse .active   { float: left; padding: 0.25em; border-top: 1px solid #aaaaaa; color: #000000; background-color: #ffffff; }
#kurse a { font-size: 90%; color: #000000; }
#kurse a.more { font-size: 100%; color: #000000; background-color: #f5f5f5; padding-left: 0.5em; }

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

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

.newsmodul { background-color: #ffffff; margin-left: 0.5em; margin-top: 0.5em; border: 1px solid #aaaaaa; }
.newspic   { float: left; background-color: #ffffff; }
  .newspic img { padding: 0.25em; }
.newstxt   { float: left; background-color: #f5f5f5; padding: 0.25em; }
.newstxt a { background-color: #f5f5f5 !important; }


  #staticNav { width: 16.5em; margin: 0; padding: 0; border-top: 1px solid #aaaaaa; }
  #staticNav ul { margin: 0; padding: 0;  border-bottom: 1px solid #aaaaaa; }
  #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 !important; }	 
  #staticNav .border { border-bottom: 1px solid #aaaaaa; }
  
  #staticNav ul ul li { margin-top: 0.25em; }  
  
  .quicklink { text-decoration: none; font-weight: bold; color: #000000; }
  

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

.newstitel { color: #000000; margin-left: 0.5em; padding: 0.5em; font-size: 1.125em; border-top: 1px solid #aaaaaa; }
.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;  }  
  
.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; }

a:focus, a:active { color: #ffffff !important; background-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; border: none;  }

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

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

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