/* COMMON */
body{font-family:Arial, Helvetica, sans-serif;letter-spacing:0.05em;font-size:80%;margin:0}

a{text-decoration:underline;font-weight:bold}
a:link{color:#000}
a:visited{color:#000}
a:hover{color:#900}
a:active{color:#900}

a.anker{text-decoration:underline}
a.anker:link{color:#039}
a.anker:visited{color:#039}
a.anker:hover{color:#900}
a.anker:active{color:#900}


td{font-family:Arial, Helvetica, sans-serif;letter-spacing:1px; font-size:100%}
td.norm{font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;font-size:100%;vertical-align:top;line-height:20px}


/* TOP */
div#top{width:758px;height:80px;margin-left:10px;margin-top:10px}

div#logo{float:left}

div#schriftzug{padding:0;margin:0;padding-left:18px;padding-top:16px;float:left;font-family:"Times New Roman", Times, serif}
div#sz_oben{padding:0;margin:0;font-size:45px;letter-spacing:0.06em;line-height:0.8em}
div#sz_unten{padding:0;margin:0;font-size:23px;letter-spacing:0.07em;line-height:1em}

div#poelten{text-align:right}

span.hoch{color:#B1C6CF}


/* SEARCH */
div#search{clear:both;margin-left:10px;margin-top:10px;margin-bottom:0px;height:22px;width:758px;text-align:right;background-color:#900;color:#fff;line-height:20px;font-weight:bold;padding-top:2px;padding-bottom:2px}
div#clock{width:250px;float:left;text-align:left;padding-left:5px}
div#search form{padding:0;margin:0}
input#search_field{margin:0;color:#900;border-style:none;margin-left:10px;font-weight:bold}
input#search_submit{text-decoration:underline;margin:0;font-weight:bold;background-color:#900;color:#fff;border-style:solid;padding:1px;border-color:#fff;border-width:1px;cursor:hand;margin-left:10px;margin-right:10px;font-size:90%;text-transform:uppercase}



/* CONTAINER */
div#middle{padding:0;margin:0;margin-left:10px;margin-top:15px;width:758px}
div#left{width:180px;margin-right:15px;float:left}


/* NAVI */
div#navi{padding:10px;padding-top:2px;width:150px;background-color:#FFF6D1;border-color:#FC0;border-width:2px;border-style:solid}

div.mainnavi{font-weight:bold;text-transform:uppercase;font-size:100%;margin-top:8px;margin-bottom:0px}
div.subnavi{font-weight:bold;margin-left:10px;font-size:95%;margin-top:6px}

div#navi a{text-decoration:none}
div#navi a:link{color:#039}
div#navi a:visited{color:#039}
div#navi a:hover{color:#900}
div#navi a:active{color:#900}

div#navi a.act{text-decoration:none}
div#navi a.act:link{color:#900}
div#navi a.act:visited{color:#900}
div#navi a.act:hover{color:#900}
div#navi a.act:active{color:#900}


/* CONTACT */
div#contact{width:170px;border-color:#900;border-width:2px;border-style:solid;padding:0;margin-top:20px;background-image:url('./img/ecke_rot.gif');background-repeat:no-repeat;background-position:right bottom}
div#contact .title{background-image:url('./img/logo_klein.gif');background-repeat:no-repeat;background-color:#900;padding-left:10px}
div#contact .title h2{display:inline;padding:0;margin:0;margin-left:15px;font-weight:bold;color:#fff;font-size:95%;text-transform:uppercase}


div#calendar{width:175px;margin-top:20px}

/* BOXEN-CONTENT */
div.boxcontent{padding:10px;font-size:95%}
div.boxcontent h1{font-weight:bold;color:#900;font-size:110%;padding:0;margin:0;padding-bottom:10px}
div.boxcontent h2{font-weight:bold;color:#900;font-size:110%;padding:0;margin:0;padding-bottom:10px}
div.boxcontent a{text-decoration:underline;font-weight:bold}
div.boxcontent a:link{color:#900}
div.boxcontent a:visited{color:#900}
div.boxcontent a:hover{color:#900;}
div.boxcontent a:active{color:#900}

/* MAIN */
.pre_fill {height:590px;float:right;width:1px}
.post_fill {clear:both;height:1px;overflow:hidden}
#main {width:563px;background-image:url('./img/background.gif');background-repeat:repeat-y;float:right;min-height:590px;height:auto}
* html #main {height:590px;}
html + body #main {height:590px;}
* html .pre_fill {display:none}

div#left_column{padding:0;margin:0;float:left}
div#middle_column{padding:0;margin:0;}
div#right_column{padding:0;margin:0;float:right}

h1{padding-top:0;margin-top:0;font-size:130%;color:#039;font-weight:bold}
h2{font-size:115%;color:#039;font-weight:bold}
h3{font-size:100%;color:#039;font-weight:bold;vertical-align:middle}

div.box{width:560px;background-color:#fff;border-color:#039;border-width:2px;border-style:solid;padding:0;margin:0;margin-bottom:10px;background-image:url('./img/ecke_blau.gif');background-repeat:no-repeat;background-position:right bottom}
div.box .title{background-image:url('./img/logo_klein.gif');background-repeat:no-repeat;background-color:#039;padding-left:10px}
div.box .title h1{display:inline;padding:0;margin:0;margin-left:15px;font-weight:bold;color:#fff;font-size:95%;text-transform:uppercase}

.button_active{border-color:#039;border-style:solid;border-width:2px;color:#039;background-color:#fff;font-weight:bold}
.button_inactive{border-color:#666;border-style:solid;border-width:2px;color:#666;background-color:#fff;font-weight:bold}

.error{color:#900;font-weight:bold}

/* AUF KURSSEITEN */
a.kursanker{font-size:100%;color:#039;font-weight:bold;vertical-align:middle;text-decoration:none}

a.anmelden{text-decoration:underline; font-weight:bold}
a.anmelden:link{color:#900}
a.anmelden:visited{color:#900}
a.anmelden:hover{color:#900}
a.anmelden:active{color:#900}


/* SPRACHEINSTUFUNG */
table.sprach {vertical-align:top}
td.sprach1{ padding-left:12px; padding-bottom:12px;vertical-align:top; border-bottom-color:#039; border-bottom-style:dotted; border-bottom-width:1px}
td.sprach2{padding-bottom:12px;vertical-align:top; font-weight:bold; border-bottom-color:#039; border-bottom-style:dotted; border-bottom-width:1px}
td.sprach3{padding-left:12px; padding-bottom:12px;vertical-align:top; font-weight:bold; border-bottom-color:#039; border-bottom-style:dotted; border-bottom-width:1px}



/* TOTOP */
div.totop{color:#999999;width:150px;overflow:hidden}

a.totop{text-decoration:none;border-width:1px; border-style: solid; border-color: #999999;position:relative;right:250px}
a.totop:link{color:#999999}
a.totop:visited{color:#999999}
a.totop:hover{color:#999999}
a.totop:active{color:#999999}


/* BOTTOM */
div#bottom{clear:both;margin-left:10px;margin-bottom:20px}

.arrow {
  width:10px;
  height:10px;
}

/* liScroll styles */
.tickercontainer { /* the outer div with the black border */
border: 2px solid #900;
margin: 0;
margin-left:10px;margin-bottom:10px;
background: #fff; 
width: 754px; 
height: 20px;
padding: 0;
padding-top:2px;padding-bottom:2px;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 5px;
width: 734px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font-size: 12px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float:left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
font-size: 12px;
}

ul#sortable{
  list-style-type: none;
  margin:0;
  padding:0;
}
ul#sortable li {
  padding:10px;
  left:-20px;
  border: 2px solid #900;
  background: #fff;
  margin:5px;
  cursor:move;
  width:400px;
}