</*
 -------------------------------------------------------------------------
 Henrik's Mathematik Workshop                    (C) 2017 Henrik Horstmann
 -------------------------------------------------------------------------
  History:
    02.01.2017 Erstellt

 -------------------------------------------------------------------------
*/
a:link { color:#090909; text-decoration:none; font-weight:normal; }
a:visited { color:#090909; text-decoration:none; font-weight:normal; }
a:focus { color:#090909; text-decoration:underline; font-weight:normal; }
a:hover { color:#090909; text-decoration:underline; font-weight:normal; }
a:active { color:#090909; text-decoration:underline; font-weight:normal; }

a.hMenuItemL:link { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemL:visited { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemL:focus { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemL:hover { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemL:active { color:#ffffff; text-decoration:none; font-weight:bold; }

a.hMenuItemR:link { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemR:visited { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemR:focus { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemR:hover { color:#ffffff; text-decoration:none; font-weight:bold; }
a.hMenuItemR:active { color:#ffffff; text-decoration:none; font-weight:bold; }

a.navigationMenuItem:link { color:#ffffff; text-decoration:none; font-weight:normal; }
a.navigationMenuItem:visited { color:#ffffff; text-decoration:none; font-weight:normal; }
a.navigationMenuItem:focus { color:#ffffff; text-decoration:none; font-weight:normal; }
a.navigationMenuItem:hover { color:#ffffff; text-decoration:underline; font-weight:normal; }
a.navigationMenuItem:active { color:#ffffff; text-decoration:none; font-weight:normal; }

a.navigationMenuSubItem:link { color:#ffffff; text-decoration:none; font-weight:normal; }
a.navigationMenuSubItem:visited { color:#ffffff; text-decoration:none; font-weight:normal; }
a.navigationMenuSubItem:focus { color:#ffffff; text-decoration:none; font-weight:normal; }
a.navigationMenuSubItem:hover { color:#ffffff; text-decoration:underline; font-weight:normal; }
a.navigationMenuSubItem:active { color:#ffffff; text-decoration:none; font-weight:normal; }

html {
	margin          : 0px;
	padding         : 0;
	width           : 100%;
	height          : 100%;	
}

.bodyMenu {
    display         : block;
	margin          : 0px;
	padding         : 0px;
	width           : 100%;
	min-width       : 980px;
	height          : 100%;	
	background      : #5a8bb0;
}

.bodyContent {
    display         : block;
	margin          : 0px;
	padding         : 0px;
	width           : 100%;
	min-width       : 980px;
	height          : 100%;	
	background      : #cfe7f5;
}

h1 {
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 35pt;
   font-weight     : bold;
   color           : #090909;
   padding         : 10px 10px 5px 0px;
   margin          : 0px;
}

h2 {
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 30pt;
   font-weight     : bold;
   color           : #090909;
   padding         : 10px 10px 5px 0px;
   margin          : 0px;
}

.header {
   display         : block;
   margin          : 0px;
   padding         : 20px 0px 0px 20px;
   color           : #FFFFFF;
   background      : #828282;
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 44pt;
   font-weight     : bold;
   width           : 100%;
   min-height      : 80px;
}

.mainMenuBarTop {
   display         : block;
   margin          : 0px;
   padding         : 0px 0px 0px 20px;
   color           : #FFFFFF;
   background      : #828282;
   height          : 130px;
   vertical-align  : bottom;
   min-width       : 980px;
   width           : 100%;
}

.mainMenuBarBottom {
   display         : block;
   margin          : 0px;
   padding         : 0px 0px 40px 20px;
   color           : #FFFFFF;
   background      : #828282;
   height          : 130px;
   vertical-align  : bottom;
   min-width       : 980px;
   width           : 100%;
}

.navigationMenuBar {
   display         : block;
   margin          : 0px 0px 0px 0px;
   padding         : 0px 20px 0px 0px;
   color           : #ffffff;
   background      : #5a8bb0;
   width           : 100%;
   text-align      : right;
   vertical-align  : top;
}

.navigationMenuButton {
   display         : inline-block;
   margin          : 30px 10px 30px 10px;
   padding         : 0px 10px 10px 10px;
   color           : #ffffff;
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 80pt;
   font-weight     : bold;
   text-decoration : none;
   border          : solid 10px;
   border-color    : #ffffff;
   border-radius   : 10px;
}

.hfill {
   display         : inline-block;
   width           : 50px;
}

.navigationMenu {
   display         : block;
   top             : 30px;
   margin          : 0;
   text-align      : left;
   visibility      : visible;
   height          : 100%;
}

.navigationMenuCollapsed {
   display         : none;
   top             : 30px;
   margin          : 0;
   text-align      : left;
   visibility      : hidden;
   height          : 0px;
}

.navigationMenuLine {
   list-style-type : none;
}

.navigationMenuItem {
   display         : inline-block;
   font-size       : 50px;
   font-family     : sans-serif;
   font-weight     : normal;
   font-style      : normal;
   text-decoration : none;
   color           : #ffffff;
   float           : none;
   margin          : 0;
   padding         : 10px 30px 30px 0px;
}

.navigationMenuSubItem {
   display         : block;
   font-size       : 50px;
   font-family     : sans-serif;
   font-weight     : normal;
   font-style      : normal;
   text-decoration : none;
   color           : #ffffff;
   float           : none;
   margin          : 0;
   padding         : 10px 30px 30px 100px;
}

.line {
   display         : block;
   margin          : 10px 0px 0px 0px;
   padding         : 0px;
   background      : #ffffff;
   width           : 50px;
   height          : 10px
}

.content {
   display         : block;
   margin          : 0px;
   padding         : 40px 40px 0px 50px;
   color           : #090909;
   background      : #cfe7f5;
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 25pt;
   font-weight     : normal;
   vertical-align  : top;
   text-align      : left;
}

.hMenuItemL {
   display         : inline-block;
   margin          : 20px 40px 40px 0px;
   padding         : 5px 20px 0px 7px;
   color           : #FFFFFF;
   background      : #5a8bb0;
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 35pt;
   font-weight     : bold;
   text-decoration : none;
   width           : 300px;
   border          : solid 3px;
   text-align      : left;
   vertical-align  : bottom;
   height          : 80px;
   border-radius   : 4px
}

.hMenuItemR {
   display         : inline-block;
   margin          : 20px 40px 40px 0px;
   padding         : 5px 20px 0px 7px;
   color           : #FFFFFF;
   background      : #5a8bb0;
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 35pt;
   font-weight     : bold;
   text-decoration : none;
   width           : 520px;
   border          : solid 3px;
   text-align      : left;
   vertical-align  : bottom;
   height          : 80px;
   border-radius   : 4px
}

.icon {
   vertical-align  : text-bottom;
}

.iconPDF {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.PDF.png');
   background-size : cover;
}

.iconODC {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.ODC.png');
   background-size : cover;
}

.iconODG {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.ODG.png');
   background-size : cover;
}

.iconODT {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.ODT.png');
   background-size : cover;
}

.iconTXT {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.TXT.png');
   background-size : cover;
}

.iconGGB {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.GGB.png');
   background-size : cover;
}

.iconODC {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.ODC.png');
   background-size : cover;
}

.iconUDC {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.UDC.png');
   background-size : cover;
}

.iconZIP {
   display         : inline-block;
   width           : 75px;
   height          : 75px;
   vertical-align  : text-bottom;
   background-image: url('Icon.ZIP.png');
   background-size : cover;
}

.iconHome {
   display         : inline-block;
   width           : 75px;
   height          : 53px;
   vertical-align  : text-bottom;
   background-image: url('home.png');
   background-size : cover;
}

.index {
   font-size       : 30pt;
   padding         : 0px 5px 0px 5px;
}

.labelNew {
   display         : inline-block;
   padding         : 0px 0px 0px 0px;
   margin          : 5px 0px 5px 0px;
   border-color    : #ff0000;
   border-width    : 5px;
   border-style    : solid;
   border-radius   : 5px;
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 30pt;
   font-weight     : bold;
   color           : #FFFFFF;
   background      : #ff0000;
}

.labelUpdate {
   display         : inline-block;
   padding         : 0px 0px 0px 0px;
   margin          : 5px 0px 5px 0px;
   border-color    : #085690;
   border-width    : 5px;
   border-style    : solid;
   border-radius   : 5px;
   font-family     : sans-serif;
   font-style      : normal;
   font-size       : 30pt;
   font-weight     : bold;
   color           : #FFFFFF;
   background      : #085690;
}