body {
    background-color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#40804E;
    font-size:11px;
    margin:0px;
    padding:0px;
}

h1 {
    font-family:Arial,Tahoma,Verdana,Arial,sans-serif;
    color:#40804E;
    font-size:14px;
    font-weight:bold;
}

h2 {
    font-family:Verdana,Arial,sans-serif;
    color: #2b427a;
    font-size:13px;
    font-weight:bold;
}

h2.teacherName {
    padding-left: 5px;
    background-color:  #e2e5ea;
    font-weight:normal;
}


h3 {
    font-family:Verdana,Arial,sans-serif;
    color: #2b427a;
    font-size:12px;
    margin:0px;
    padding:2px 0px 5px 0px;
    font-weight:normal;
}


h4 {
    font-family:Verdana,Arial,sans-serif;
    color: #2b427a;
    font-size:11px;
    display:inline;
    margin:0px;
    padding:2px 0px 5px 0px;
}


h5 {
    font-family:Verdana,Arial,sans-serif;
    color: #2b427a;
    font-size:11px;
    display:inline;
    margin:0px;
    padding:1px 0px 3px 0px;
}

p, ul, ol, li, div, td, th, address, blockquote, nobr, a {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#626B6E;
    font-size:11px;
}

.teaching {
    color: #2b427a;
}

p {
    margin:0px;
    padding:0px 0px 6px 0px;
}

div {
    margin:0px;
    padding:0px;
}

ul, ol {
    margin-top:4px;
    margin-bottom:6px;
    padding-top:0px;
    padding-bottom:0px;
}

a {
    font-weight:normal;
    color: #2b427a;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

hr{
    border: 1px dotted #888888;
}

form {
    margin-bottom:0;
}



.article { position:relative; margin:0 0 15px 0; padding:2px; background-color:#F7F7F7; clear:both; }
.article .titlebox { margin:1px 4px 4px 4px; }
.article_with_image .titlebox { margin:1px 4px 4px 160px; }
.article .title { font-size:12px; }
.article .buttonbox { position:absolute; top:2px; right:2px; padding:2px; background-color:#FFF; }
.article .imagebox { box-sizing:border-box; position:absolute; top:0; left:0; width:160px; height:100%; padding:2px; }
.article .imagebox_content { width:100%; height:100%; background-color:#FFF; }
.article .image { margin:8px; width:140px; border-style:none; }
.article .content { margin:4px 4px 4px 4px; }
.article_with_image  .content { margin:4px 4px 4px 160px; }
.article .related  { margin:4px 0 4px 0; text-align:right; }
.article .related_header { font-style:italic; }
.article_conference .imagebox {  width:187px; }
.article_conference .image { margin:2px; width:179px; height:71px; }
.article_conference .titlebox { margin:1px 4px 4px 187px; }
.article_conference .content { margin-left:187px; }
.article_hidden { opacity:0.6; }
.article img { max-width:100%; }
.article_box {border-style: dotted; border-width: thin; padding: 6px; background-color: #F7F7F7; margin-bottom: 8px;}

ul.menu_box { list-style:none; margin:0px 0px 0px 0px; padding:0px;}
ul.menu_box ul { display:inline; list-style:none; margin:0px; padding:0px;}
ul.menu_box li { margin:0px 0px 1px 0px; padding:0px 5px 1px 5px; font-weight: bold; background-color: #e2e5ea;}
ul.menu_box li ul li {background-color:white;}
ul.menu_box a:link,ul.menu_box a:visited,ul.menu_box a:hover,ul.menu_box a:active { color:#666666; text-decoration:none;}
ul.menu_box .submenu { margin:0px 0px 3px 10px; padding:0px;}
ul.menu_box .submenu li:hover{ background-color:#DDDDDD; }
ul.menu_box .space { height:10px; margin:0px; padding:0px; }
ul.menu_box .hover { background-color:#DDDDDD; }
ul.menu_box .expanded { background-color:#C6C9CE; }
ul.menu_box .selected { background-color: #2b427a; }
ul.menu_box .selected a:link,ul.menu_box .selected a:visited,ul.menu_box .selected a:hover,ul.menu_box .selected a:active { color:#FFFFFF; }

.page_box { min-width:320px; padding:10px 10px 20px 10px;}
.top_side_bar { margin:0px; margin-top: 3px; padding:0px; min-height: 50px;}
.top_side_bar a img { border-style:none; }
.left_side_bar { position:absolute; margin-left: 5px; top:115px; left:5px; width:140px;}
.content_box { margin:0px 0px 0px 160px; padding:0px;} /* Alles rechts der Navigation */
.bottom_side_bar { font-size:9px; text-align:right; margin:16px 0 0 0; color:#888; }
.bottom_side_bar a { font-size:9px; color:#888; }
.login_box { height:20px; text-align:right; }
img.login_box {height: 15px; transition: all 0.2s ease-in-out 0.1s;}
img.login_box:hover {height: 19px; transition: all 0.2s ease-in-out 0.0s;}

img.download_options {cursor: pointer;}


.content_title_box { padding:12px 0px 4px 0px; font-family:Verdana,Arial,sans-serif; color:#626B6E; font-size:15px; }
/*Horizontales Menü (Tabs durch :: separiert) */
.content_tab_box { height:16px; }
.content_tab_box .tab_div { float:left; height:16px; margin:4px 0px 0px 0px; padding:0px; background-image: url(../_data/img/gui/doppelpunkt.gif); background-position:left center; background-repeat:no-repeat; }
.content_tab_box .tab_div:first-child { background-image:none; }
.content_tab_box .tab_content { height:16px; margin:0px 0px 0px 16px; padding:0px; background-color:#FFFFFF; }
.content_tab_box .tab_div:first-child .tab_content { margin:0px; }
.content_tab_box .tab_default a { text-decoration:none; margin:0px; padding:0px 5px 0px 5px; border:none; }
.content_tab_box .tab_default a:link,.content_tab_box .tab_default a:visited { text-decoration:none; color:#666666; }
.content_tab_box .tab_default a:hover,.content_tab_box .tab_default a:active { text-decoration:none; color:#666666; background-color:#DDDDDD; }
.content_tab_box .tab_selected a { text-decoration:none; margin:0px; padding:0px 5px 0px 5px; border:none; }
.content_tab_box .tab_selected a:link,.content_tab_box .tab_selected a:visited { text-decoration:none; color:#FFFFFF; background-color: #2b427a; }
.content_tab_box .tab_selected a:hover,.content_tab_box .tab_selected a:active { text-decoration:none; color:#FFFFFF; background-color: #2b427a; }
.content_page { clear:both; padding:8px 0px 16px 0px; min-height:400px; }
.content_container {width: 100%;}

.signIn_box {padding:10px 10px 10px 10px; margin-top: 10px; background-color: #f3f3f3; text-align: center;}
.signIn_box img {width: 100%;}

table.grid {background-color: #e1e1e1; border-spacing: 2px;}
table.grid td {background-color: white; font-size: 12px; padding: 6px;}
.calendar .weekend {background-color: #ACD6F5;}
.calendar .holidays {color: #0a7811;}
.calendar .schoolFree {color: #4369ac;}
.calendar .sunday {color: #c10e19;}
.calendar .normalDay { cursor: pointer;}
.calendar .dayOfOtherMonth {color: #8a8a8a;}
.grid .schoolFree, .grid .sunday, .grid .holidays, .grid .dayOfOtherMonth {cursor: not-allowed;}
.grid img {width: 80%;}
.dayStatusBox {float: right; width: 275px; margin-left:15px; padding:4px; background-color:#F7F7F7;}
.dayStatusBox .status {}
.dayStatusBox .menu {font-weight: bold;}
.dayStatusBox .menu_info { padding-left: 21px; margin-bottom: 10px;}
.dayStatusBox .menu_button {float: right;}
.dayStatusBox .nextMonth_button {float: right;}
.success {color: #0a7811;}
.neutral {color:#4369ac;}
.hint {color: #313094;}
.help {cursor: help;}
.error { color: #c10e19;}
.calendar .today {background-color: #FEFFE7; }
.calendar .selected {background-color: #F0F0F0;}
.calendar .calendarWeek {background-color: #feffe7
}

/*td[title]:hover:after {
    content: attr(title);
    position: absolute;
    background-color: yellow;
    font-size: 12px;
} */

.datalist_box { padding:2px 2px 10px 2px;}
table.datalist { width:100%; border:#F7F7F7 2px solid; empty-cells:show;}
table.datalist tr td { padding:1px 1px 1px 2px; vertical-align:top; }
table.datalist tr.reven td { background-color:#FFFFFF; }
table.datalist tr.rodd td { background-color:#F7F7F7; }
table.datalist tr:hover td { background-color: #e8e8e8; }
table.datalist td.highlighted { background-color: #e8e8e8; }
table.datalist tr.sumRow td {font-weight: bold; background-color: #bfcee3; }
table.datalist tr.head td, table.datalist tr.head th, table.datalist tr.head a, td.head { padding:2px 2px 2px 4px; background-color: #bfcee3; font-family:Verdana,Arial,sans-serif; color: #2b427a;}

.sublist_box { }
table.sublist { width:100%; margin:2px 2px 10px 2px; padding:0px 4px 0px 0px; empty-cells:show; }
table.sublist tr.sreven td { padding:1px 1px 1px 2px; border-top:#DDDDDD 1px solid; background-color:transparent; }
table.sublist tr.srodd td { padding:1px 1px 1px 2px; border-top:#DDDDDD 1px solid; background-color:transparent; }
table.sublist tr.shead td { padding:2px 2px 2px 2px; font-weight:bold; border-top-style:none; background-color:transparent; }

table.datalist tr.selected td { background-color: #d2e6d5; }
table.datalist tr.highlighted td { background-color: #d2e6d5; }
table.datalist tr.removing td { color:#E0E0E0; }
table.datalist tr.insert td { background-color:#FFFFFF; border-bottom:1px dashed #DDDDDD; border-top:1px dashed #DDDDDD; height:12px; }
table.datalist tr.insert td hr { margin:3px 10px 1px 10px; border:1px solid #dbf2e9; }
table.datalist tr.rowtborder td { border-top:2px solid #EEE; }
table.datalist tr.rowbborder td { border-bottom:2px solid #EEE; }
table.datalist tr td.bold { font-weight:bold; }
table.datalist tr td.grade { font-weight:bold; color:#900000; }
table.datalist tr td.colcenter { text-align:center; }
table.datalist tr td.colright{ text-align:right; }
table.datalist tr td.colrborder { border-right:2px solid #EEE; }

table.lvadates tr.reven td { padding:2px 2px 2px 2px; vertical-align:top; }
table.lvadates tr.rodd td { padding:2px 2px 2px 2px; vertical-align:top; }
table.lvadates .lvadates_date { width:16%; white-space:nowrap; padding-right:5px; }
table.lvadates .lvadates_start { width:8%; white-space:nowrap; padding-right:5px; }
table.lvadates .lvadates_end { width:8%; white-space:nowrap; padding-right:5px; }
table.lvadates .lvadates_room { width:8%; white-space:nowrap; padding-right:5px;  }
table.lvadates .lvadates_theme { width:52%; }

table.filelist {}
table.filelist .filename { width:100%; }
table.filelist .filesize { text-align:right; white-space:nowrap; }
table.filelist tr.read td {}
table.filelist tr.notread td {}
table.filelist .newflag { color:#cc0000; font-family:"Bitstream Vera Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size:10px; font-weight:bold; }

table.form_table { width:100%; }
table.form_table td { vertical-align:top; }
table.form_table td.head { white-space:nowrap; padding:1px 1px 2px 5px; background-color:#F7F7F7; text-align:right; }
table.form_table td.body { width:100%; padding:2px 1px 5px 5px; }
table.form_table td.section { padding:10px 10px 5px 5px; text-align:justify; }
table.form_table tr.required td.head { background-color:#F7F0F0; }
table.form_table tr.required td.section { }

table.ticket_reservation {}
table.ticket_reservation td.label {width: 20%; text-align: right; padding-right: 10px;}
table.ticket_reservation td.input_field {}

.iebugfix { width:100%; }

.material_table .datalist_row_even { padding:2px 2px 2px 2px; vertical-align:top; }
.material_table .datalist_row_odd { padding:2px 2px 2px 2px; vertical-align:top; }

.clearfix::after { /*Unterbindet Floating */
    content: "";
    clear: both;
    display: table;
}

input[type=text].input, input[type=url].input, input[type=email].input, input[type=datetime-local].input {
    font-size:12px;
    padding-left: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
}

input[type=date].input {
    font-size:12px;
    padding-left: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
}


input[type=text].search_field {
    font-size:12px;
    float: right;
    width: 130px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-image: url('../_data/img/gui/searchicon.png');
    background-position: 3px 3px;
    background-repeat: no-repeat;
    padding: 1px 2px 2px 20px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text].search_field:focus {
    width: 40%;
}

select {
    margin-bottom: 3px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#626B6E;
    font-size:11px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* ======== INDIVIDUAL STYLE ======== */

.page_box { max-width:1000px; margin-left: 5px; margin-top: 5px}

/*
@media screen and (max-device-width: 400px) and (orientation: portrait) {
    body {
        font-size:25px;
    }
    p, ul, ol, li, div, td, th, address, blockquote, nobr, a {
        font-size:25px;
    }
    .page_box { max-width: 100%; padding:10px 10px 20px 10px; }
    .left_side_bar {position:relative; width: auto; top:auto; left:auto; }
    .content_box {width: auto; margin:0;}
    #menu_popup { display:block; }
    #menu_full { display:none; position:absolute; top:26px; left:0; padding:10px 10px 10px 10px; background-color:#FFF; z-index:99; box-shadow: 2px 2px 4px #888; }
    ul.menu_box li { padding:3px 5px 4px 5px; }

    .article { margin:0 0 15px 0; padding:2px; background-color:transparent; clear:both; }
    .article .titlebox { margin:0 0 4px 0; padding:1px 0 1px 4px; background-color: #bfcee3; border-radius:0 7px 0 0; }
    .article_with_image .titlebox { margin:0 0 4px 0; }
    .article .title { font-size:16px; }
    .article .imagebox { box-sizing:content-box; position:static; top:auto; left:auto; width:auto; height:auto; padding:0; margin:4px 8px 8px 0; float:left; }
    .article .imagebox_content { width:auto; height:auto; background-color:transparent; }
    .article .image { margin:0; width:140px; border-style:none; }
    .article .content { margin:4px 0 0 0; padding:0; }
    .article_with_image .content  { margin:4px 0 0 0; }
    .article_conference .image { width:179px; height:71px; }
    .dayStatusBox {float: left;}
}
*/
 */