body{font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;background-color: #666666;}
#container{min-height: 325px;}
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {margin-right:0px;margin-left:0px;}
.right{text-align: right !important;}
a{color:#900;text-decoration:none;}
a:focus,a:hover,a:active{text-decoration:underline;}
h4{font-size:17px;}
h5{font-size:16px;border-bottom:1px dotted #d5d5d5;}
h5.ce_headline{margin-left:10px;margin-right:10px;}
h6{font-size:14px;}

/* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
#header{width:100%;height:246px;}
#header_left { float: left; width: 180px; height: 246px; }
#header_right { margin-left: 180px; height: 246px; }
#header_img { height: 219px; margin-left: 8px; padding-right: 0px; }
#header_nav {height: 27px;color: #dcdcdc;text-align: left;}
#wrapper {width:970px;padding: 5px;margin-top: 10px;margin-bottom: 10px;margin-left: auto;margin-right: auto;background-color: #fff;}
.footer {background-color: #000;color:#dcdcdc;text-align: center;padding-top: 3px;padding-bottom: 3px;text-decoration: none;}
.footer a {color: #dcdcdc;background:transparent;text-decoration: none;padding:5px 10px 0;}
pre, blockquote, table, ol, ul, form {	margin-bottom: 0px; }
ul { padding-left: 30px; }
.footer a:focus,.footer a:hover,.footer a:active { color: #6495ed; background-color: transparent; text-decoration: none; }
.footer #current { color: #6495ed; text-decoration: none; }
#container { padding: 5px; margin-left: auto; margin-right: auto; }
.note, .note_center { background: #f0fff0; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
.note_center { text-align: center; }
.important, .important_center { background: #fffff0; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
.important_center { text-align: center; }
.warning, .warning_center { background: #fff0f5; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }
.warning_center { text-align: center; }
.center { text-align: center; margin: 0.5em auto; }
.image_container { float: right; }
div.bottom { margin-bottom: 12px; }
div.toggler {cursor:pointer;font-size:14px;border-bottom: 1px dotted #d5d5d5;padding-left: 20px;background-position: left;background-repeat: no-repeat;background-image: url(studio/icons/silk_icons_gif/comment.gif);}
div.accordion {margin-top: 10px;margin-left: 20px;margin-bottom: 0px;}
div.formbody table { width: 100%; }
div.formbody td { padding: 2px; }
th, td {padding: 0.2em;}
th.label {text-align: center;background-color: #f5f5f5;}
.calendar {border: 1px dotted #D3D3D3;}
.days, .time {border: 1px dotted #000;}
.calendar.label {background-color: #F5F5F5;color: #000;height: 25px;border: 1px dotted #000;}
.weekend, .time {background-color: #F5F5F5;}
.head {background-color: #F5F5F5;color: #000;height: 25px;border: 1px dotted #000;}
tbody .header { background-color: #f5f5f5; }
td.empty { background-color: #d3d3d3; }
td.empty .header { background-color: #d3d3d3; }
div.mod_upcoming_events div.event {padding-bottom: 0.2em;}
.stunde, .treffen, .abwesend {padding-left: 20px;background-position: left;background-repeat: no-repeat;}
.stunde {background-image: url(studio/icons/silk_icons_gif/user_gray.gif);}
.treffen {background-image: url(studio/icons/silk_icons_gif/group.gif);}
.abwesend {background-image: url(studio/icons/silk_icons_gif/user_delete.gif);}
.today, .today .header { background-color: #ffe4e1;}
.width4 { width: 4%; }
.width12 { width: 12%; }
div.mod_calendar table td { height: 40px; }
div.mod_timetable table td { height: 20px; }
div.mod_calendar table th.label {width: 14%;background-color: #d3d3d3;border: 1px dotted #000;color: #000;}
div.mod_timetable table th.label {background-color: #d3d3d3;border: 1px dotted #000;color: #000;}
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }
thead th { background: #d3d3d3; color: #000; }
tbody th { background: #ccc; color: #000; }
tbody th.sub { background: #ddd; color: #333; }
section.mod_faqreader p.back, section#aktuelles p.back {display: none;}
section.mod_faqlist ul {list-style:none;list-style-type: none;list-style-image: url(studio/icons/silk_icons_gif/comment.gif);list-style-position: outside;}
.mod_faqlist.block { margin-bottom: 12px; }

/**
 * CSS Stundenplan/Timetable TABLE 
 */
div.timetable {width: 99%;min-height: 100px;height: 100%;margin: 0 auto;}
div.timetable_navi {border-top: black solid 1px;border-left: black solid 1px;border-right: black solid 1px;background-color: #f5f5f5;overflow: auto;}
div.timetable_navi .head_navi {width: 25%;text-align: center;padding: 5px 0;float: left;}
div.timetable_navi .previous, div.timetable_navi .current {}
div.timetable_navi .next {float: right;}
.timetable_body {margin: 0 0 10px;}
.timetable_body th, .timetable_body td {padding: 0;}
.timetable_days > td.even {background-color: #e5e5e5;}
.timetable_days > td {text-align: center;width: 14.29%;}
.timetable_days > td.weekend {background-color: #d4d4d4;}
.timetable_days > td.today {font-weight: bold;}
.timetable_events > td.even {background-color: #e5e5e5;}
.timetable_events > td.weekend {background-color: #d4d4d4;}
.timetable_events .timetable_event {font-size: smaller;margin: 1px;padding: 1px;border: black solid 1px;}

/**
 * Menu CSS
 */
#mainmenu {background-color: #000;height: 27px;}
#mainmenu ul {list-style: none;}
#mainmenu li {float: left;padding-left: 5px;padding-right: 5px;line-height: 1;}
#mainmenu a, #mainmenu span {display: block;padding: 8px 5px 10px;font-weight: normal;text-decoration: none;color: #ffffff;}
#mainmenu a:hover {color: #6495ed;}
#mainmenu span, #mainmenu a.trail {cursor: pointer;color: #6495ed;}
#mainmenu .level_1 ul {top: 251px;width: auto;padding-left: 5px;padding-right: 5px;left: -999em;position: absolute;margin-bottom: 0;background: rgb(45,45,45);color: rgb(169,169,169);z-index: 999;}
/* Level 2 Menu */ 
#mainmenu .level_2 ul {margin: -27px 0 0 10px;}
#mainmenu .level_2 li {float: none;background: none;}
#mainmenu .level_2 a, #mainmenu .level_2 span {padding-top: 5px;padding-bottom: 5px;border-right: 0;}	
#mainmenu li:hover .level_2, #mainmenu .level_2 li:hover .level_3, #mainmenu .level_3 li:hover .level_4 {left: auto;}
