/* sgvs.ch */
/* 06-2024 Kurt Schmidheiny */

/* --------------------------------------------- */
/* Fonts                                         */
/* --------------------------------------------- */

@font-face {
   font-family: HelveticaBQMedium;
   src: url('HelveticaBQMedium.otf');
   src: url('NeueHelveticaBQ-Medium.otf');
   src: url('HelveticaNeueLTStd-Md.otf');
}

@font-face {
   font-family: helveticaneue-roman;
   src: url('helveticaneue-roman.otf');
}

@font-face {
   font-family: helveticaneue;
   src: url('helveticamediumcondensedplain.otf');
}

/* --------------------------------------------- */
/* Main Body                                     */
/* --------------------------------------------- */

body{
   font-family : "helveticaneue-roman";
   #font-family : "font83812";
   font-size : 16px;
   color : rgb(51, 51, 51);
   line-height : 1.5;
   background-color : rgb(51, 51, 51);
   margin:0;
   padding:0;
}

#main{
   #position : relative;
   margin-left : 0px;
   padding-left : 0px;
   padding-top : 92px;
   width : 1400px;
   width : 100%;
   background-color : #FFFFFF;
   #display: flex;
   overflow: hidden;
}

#display{
   float : left;
   #border : 1px dotted red;
   width : 700px;
   padding : 20px;
   padding-top : 25px;
   min-height : 650px;
   background-color : #FFFFFF;
   text-align : adjusted;
}

#display_alt{
   float : left;
   #border : 1px dotted red;
   width : 1200px;
   padding : 20px;
   min-height : 700px;
   padding-top : 50px;
   background-color : #FFFFFF;
   text-align : adjusted;
}

p{
   font-family : "helveticaneue-roman";
}

td{
   font-family : "helveticaneue-roman";
   vertical-align : top;
}

li{
   font-family : "helveticaneue-roman";
   margin-left : -20px;
}

img{
   max-size : 95%;
}

/* --------------------------------------------- */
/* Headings                                      */
/* --------------------------------------------- */

h1{
   #font-family : "helveticaneue";
   font-family : HelveticaBQMedium;
   font-size : 22px;
   margin-top : 0px;
   font-weight : normal;
}

h2{
   font-family : "helveticaneue-roman";
   font-size : 20px;
   margin-top : 0px;
}

h3{
   font-family : "helveticaneue-roman";
   font-size : 18px;
   margin-top : 0px;
}

h4{
   font-size : 16px;
   margin-top : 0px;
   #color : #87ceeb;
}

h5{
   font-size : 16px;
   margin-top : 0px;
   #color : #87ceeb;
}

/* --------------------------------------------- */
/* Links                                         */
/* --------------------------------------------- */

a{
   text-decoration : none;
   color : rgb(120, 140, 160);
}

a:hover{
   color : orange;
}

/* --------------------------------------------- */
/* Tiles                                         */
/* --------------------------------------------- */

.tiles_container {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 25px;
   /*grid-auto-rows: minmax(100px, 50%);*/
   margin-top: 0px;
   margin-bottom: 10px;
}

div.tile {
   margin:0;
   line-height: 1.0;
   padding-left:1px;

   h1 {
      background-color: #FFFFFF;
      margin: 0 0 0 0;
      padding: 20px 0 10px 0;
      font-size: 20px;
      font-weight: normal;
   }
   
   h2 {
      background-color: #FFFFFF;
      margin: 0 0 0 0;
      padding: 20px 0 10px 0;
      font-size: 18px;
      font-weight: normal;
   }
   
   p {
      background-color: #FFFFFF;
      margin: 0 0 0 0;
      padding: 7px 0 7px 0;
      font-size: 16px; 
      line-height: 1.5;
   }
}

/* --------------------------------------------- */
/* Header                                        */
/* --------------------------------------------- */

#header{
   #position : relative;
   #position : fixed;
   #left : 224px;
   #top : 0px;
   #right : 0px;
   height : 0px;
   padding-bottom : 50px;
   border-bottom : 1px solid rgb(51, 51, 51);
   background-color : #FFFFFF;
   padding-top : 20px;
   padding-left : 32px;
   z-index : 10;
}

#logo{
   position : absolute; 
   top : 13px; 
   left : 220px; 
   height : 102px; 
   width : 400px; 
   overflow : hidden;
   z-index: 2;
}

/* --------------------------------------------- */
/* Main Menu (Top)                               */
/* --------------------------------------------- */

#navigation_hor{
   position : relative;
   top : -77px;
   left : 211px;
   width : 1200px;
   height : 0px;
   z-index : 1;
}

#navigation_top{
   position : absolute;
   top : 14px;
   left : 1100px;
   font-size : 14px;
}

td.menuitem{
   font-family : HelveticaBQMedium;
   height : 31px;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   color : red;
   border-bottom : 7px solid #FFFFFF;
   border-bottom : 7px solid transparent;

}

div.menuitem{
   height : 30px;
   padding-left : 0px;
   padding-top : 5px;
}

.menuitem a{
   color : rgb(51, 51, 51);
   uuufont-weight : normal;
}
.menuitem a:hover{
   color : orange;
}

td.menuitem_hl{
   font-family : HelveticaBQMedium;
   height : 30px;
   #background : #87ceeb;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   border-bottom : 5px solid orange;
}

div.menuitem_hl{

   height : 30px;
   #background : #87ceeb;
   padding-left : 0px;
   padding-top : 5px;
}

.menuitem_hl a{
   color : rgb(51, 51, 51);
   font-weight : normal;
}
.menuitem_h1 a:hover{
   color : orange;
}

/* --------------------------------------------- */
/* Submenu (left)                                */
/* --------------------------------------------- */


#navigation{
   padding-top : 30px;
   padding-bottom : 20px;
   float : left;
   width : 190px;
   margin-left : 10px;
   height:100%; 
}

.submenu2{
   display : none;
}

/*
.submenu2{
   font-family : HelveticaBQMedium;
   padding-top : 5px;
   padding-left : 5px;
   margin-top : 10x;
   margin-bottom : 10px;
   line-height : 1;
   border-left : 5px solid #FFFFFF;
   a{
      color : rgb(51, 51, 51);
   }
   a:hover{
      color : orange;
   }
}
*/


.submenu2_h{
   display : none;
}

/*
.submenu2_h{
   font-family : HelveticaBQMedium;
   padding-top : 5px;
   padding-left : 5px;
   margin-top : 10x;
   margin-bottom : 10px;
   line-height : 1;
   border-left : 5px solid orange;
   a{
      color : rgb(51, 51, 51);
   }
}
*/

/* --------------------------------------------- */
/* Sub-Submenu (left)                            */
/* --------------------------------------------- */

.submenu3{
   padding-left : 20px;
   padding-top : 5px;
   margin-bottom : 15px;
   border-left : 5px solid #FFFFFF;
   line-height : 1;
   a{
      color : rgb(51, 51, 51);
   }
   a:hover{
      color : orange;
   }
}

.submenu3_h{
   padding-left : 20px;
   padding-top : 5px;
   border-left : 5px solid orange;
   margin-bottom : 15px;
   line-height : 1;
   a{
      color : rgb(51, 51, 51);
   }
}

div.menuitem2{
   background : red;

}

/* --------------------------------------------- */
/* Alternative Menu with button                  */
/* --------------------------------------------- */


#menu_button{
   position : absolute;
   top : 16px;
   right : 0px;
   width : 50px;
   height : 50px;
   display : none;
}

#menu_alt{
   display : none;
}

.menu_alt1{
   font-family : HelveticaBQMedium;
   padding-left : 15px;
   padding-top : 10px;
   padding-bottom : 10px;
   line-height : 1;
   a{
      color : rgb(51, 51, 51);
   }
}

/* --------------------------------------------- */
/* Footer                                        */
/* --------------------------------------------- */

#footer{
   float : left;
   width : 100%;
   #border : 1px dotted blue;
   background-color : rgb(51, 51, 51);
   #padding : 40px;
   color : #FFFFFF;
   td{
      font-size : 12px;
      height : 100px;
   }
}

td.footer{
   font-size : 14px;
}

#footer_info{
   position : relative; 
   margin-left : 220px; 
   padding-top : 20px;
   height : 120px;
   letter-spacing: 0.2px;
}

#footer_info_table_alt{
   display : none;
}

/* --------------------------------------------- */
/* Print                                         */
/* --------------------------------------------- */

@media print {

   body{
      background-color : #FFFFFF;
   }

   .submenu2{
      display : none;
   }

   .submenu2_h{
      display : none;
   }

   .submenu3{
      display : none;
   }

   .submenu3_h{
      display : none;
   }

   #footer{
      background-color : #FFFFFF;
      color : rgb(51, 51, 51);
      border-top : 1px solid rgb(51, 51, 51);
   }

}

/* --------------------------------------------- */
/* Screen Adjustments                            */
/* --------------------------------------------- */


@media all and (max-width: 947px){ 
   /* element display moves down at this point 700+266 = 966 */

   #logo{
      left : 20px; 
   }

   #navigation_hor{
      left : 10px;
	}
	
   #navigation{
   	padding-top : 10px;
   	padding-bottom : 10px;
      margin-left : 10px;
   }

   /*.submenu2{
      margin-top : 15x;
      margin-bottom : 15px;
   }
   */
   
   .submenu2{
      display : none;
   }


   .submenu2_h{
      display : none;
   }

   /*
   .submenu2_h{
      margin-top : 15x;
      margin-bottom : 15px;
   }
   */

   #sagw{
      display : none;
   }
   
   #display{
      padding-top : 0px;
   }

   #footer_info{
      margin-left : 20px; 
   }
 	
}

@media all and (max-width: 740px){ 
   /* element display moves down at this point 700+266 = 966 */
   
   #display{
      width : auto;
      overflow : auto;
   }
 	
}

@media all and (max-width: 600px){ 

   #menu_alt{
      position : absolute; 
      top : 75px; 
      left : 0px; 
      width : 100%;
      background-color : #FFFFFF;
      padding : 10px;
      border-bottom : 1px solid black;
      a:hover{
         color : orange;
      }
   }

   .tiles_container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 30px;
      /*grid-auto-rows: minmax(100px, 50%);*/
      margin-top: 20px;
      margin-bottom: 10px;
   }

   #main{
      width : 100%;
      padding-top : 70px;
   }
 
   #display{
      width : auto;
      overflow : auto;
   }
   
   #menu_hor{
      display : none;
   }

   #header{
      max-width : 100%;
   }
   
   #sagw{
      display : none;
   }
   
   #footer_info{
      margin-left : 20px;
   }
   
   #navigation_hor{
      width : auto;
      left : 0px;
      height: 0px;
   }
   
   #menu_button{
      display : block;
      top : 10px;
      right : 20px;
   }
   
   #navigation{
      width : 310px;
   }

   #footer{
      width : 100%;
      overflow : hidden;
   }
   
   #logo{
      width : auto;
      overflow : hidden;
      top : 25px; 
   }
 
   #footer_info_table{
      #display : none;
   }
   
   #footer_info_table_alt{
      display : block;
   }
   
}

@media all and (max-width: 500px){ 

   #logo{
      width : 75px;
      overflow : hidden;
      top : 25px; 
   }

   /* 
   #logo{
   	clip-path: inset(0 0 0 90px);
   	position:relative;
      left:-100px;
      top: -65px;
      overflow : hidden;
   }

	#header{
   	padding-top : 0px;
	}
	*/

}

@media all and (max-width: 200px){ 
   /* element display moves down at this point 700+266 = 966 */
   
   #logo{
      display : none; 
   }
 	
}


/* --------------------------------------------- */
/* Other Things                                  */
/* --------------------------------------------- */

#grayout{
   /* IE only: filter:alpha(opacity=50); */
   opacity: 0.5;
   background-color: gray;
   visibility :hidden;
   position: absolute; 
   visibility: hidden;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   z-index: 6;
}

#wizard{
   position: absolute; 
     position: fixed; 
   visibility: hidden;
   #left: 200px;
   #top: 40px;
   #right: 200px;
   #min-width : 1200px;
     #width : auto;
     #height : auto;
   #bottom: 40px;
   padding: 0px;
   #border: 1px solid #dddddd;
   z-index: 11;
   border-radius : 2px;
   background-color: #FFFFFF;
     margin : auto;
     
}
#wizardContent{

   font-size: 14px;
   position: absolute; 
   overflow: auto;
   padding: 20px;
     #background-color: #d0dbe4;
     background-color: : #FFFFFF;
   top: 50px;
   right: 0px;
   left: 0px;
   bottom: 0px;
   border-radius-bottom-left : 15px;
   border-radius-bottom-right : 15px;
}
#wizardTitlebar{
     position : absolute:

     left : 0px;
     right : 0px;
   
   font-size: 16px;
   font-weight: bold;
     background-color: #7b9cb5;
     background-color: rgb(51, 51, 51);
   cursor: move;

     height: 40px;
   color: white;
   padding-left : 20px;
     padding-top : 10px;

   border-radius-top-left : 15px;
   border-radius-top-right : 15px;
}
.wizardTitlebarButton {
   float: right;
   cursor: default;
   height: 16px;
   width: 17px;   
}
#wizardMinimized{
   position: absolute; 
   visibility: hidden;
   height: 15px;
   right: 1px;
   bottom: 1px;
   padding: 5px;
   cursor: pointer;
   font-size: 13px;
   font-weight: bold;   
   color: #DDDDFF;
   background-color: #444488;
   z-index: 5;
}

.actionbutton{
   #font-family : "LucidaRegular";
   height : 25px;
   background : #7b9cb5;
   border-radius: 3px;
   margin-right : 10px;
   font-size : 15px;
   font-weight : normal;
   color : white;
   border : 0px;
}

input[type="button"]{

   height : 25px;
   background : #7b9cb5;
   border-radius: 3px;
   margin-right : 10px;
   font-size : 15px;
   font-weight : normal;
   color : white;
   border : 0px;
}
input[type="text"]{

   border : 1px solid #7b9cb5;
   border-radius : 3px;
   height : 20px;
   padding-left : 5px;
   color : #333333;
   width : 200px;

}

input[type="password"]{

   border : 1px solid #7b9cb5;
   border-radius : 3px;
   height : 20px;
   padding-left : 5px;
   color : #333333;
   width : 200px;

}



select{

   border : 1px solid #7b9cb5;
   border-radius : 3px;
   height : 25px;
   padding-left : 5px;
   color : #333333;

}

textarea{

   border : 1px solid #7b9cb5;
   border-radius : 7px;
   padding-left : 5px;
   color : #333333;
     min-width : 300px;
     min-height : 100px;

}

.label{

   background : #7b9cb5;
   border-radius : 3px;
   height : 18px;
     padding-top : 1px;
   padding-left : 5px;
   padding-right : 5px;
   color : white;

}

.formsection{

   border : 1px solid #7b9cb5;
   border-radius : 7px;
   padding-left : 5px;
   color : #333333;
   min-height : 100px;
   margin-bottom : 20px;



}

.wizardnavigation{

   position : absolute;
   bottom : 0px;
   left : 20px;
   right : 20px;
   height : 30px;
   
}
.processNodeBody{
   position : absolute;
   top : 10px;
   left : 20px;
   bottom : 32px;
   right : 0px;
   overflow : auto;
}
table{
   border-collapse: collapse;
}

table.processNodeTable{
   min-width : 600px;
   border-collapse: separate;
}

td.datacell{
   border : 1px solid #7b9cb5;
   padding : 2px;
   padding-left : 5px;
   padding-right : 5px;
}
td.tableheader{
   background : #7b9cb5;
   color : white;
   padding : 2px;
   padding-left : 5px;
   padding-right : 5px;
   border : 1px solid white;
   text-align : center;
   cursor : pointer;
}

div.tableheader2{
   background : #7b9cb5;
   color : white;
   padding : 2px;
   border-left : 1px solid white;
   text-align : center;
   float : left;
}

.odd{
   background : #eeeeee;
}

a.special-link.pdf {

   #background-image: url('pdf.png');
   #background-repeat: no-repeat;
   #background-position: center left;
   #padding-left: 40px;

}

a.special-link-pdf {

   #background-image: url('pdf.png');
   #background-repeat: no-repeat;
   #background-position: center left;
   #padding-left: 40px;

}

.ZMSTeaserContainer{
   margin-bottom : 30px;
   border-bottom : 1px solid #aaaaaa;

}

#paperlist{

   margin-top : 20px;
}

td.error{
   color : red;
   font-size : 18px;

}
span.error{
   color : red;
   font-size : 18px;

}

 : 1px dotted red;
   width : 700px;
   padding : 20px;
   padding-top : 25px;
   min-height : 650px;
   background-color : #FFFFFF;
   text-align : adjusted;
}

#display_alt{
   float : left;
   #border : 1px dotted red;
   width : 1200px;
   padding : 20px;
   min-height : 700px;
   padding-top : 50px;
   background-color : #FFFFFF;
   text-align : adjusted;
}

p{
   font-family : "helveticaneue-roman";
}

td{
   font-family : "helveticaneue-roman";
   vertical-align : top;
}

li{
   font-family : "helveticaneue-roman";
   margin-left : -20px;
}

img{
   max-size : 95%;
}

/* --------------------------------------------- */
/* Headings                                      */
/* --------------------------------------------- */

h1{
   #font-family : "helveticaneue";
   font-family : HelveticaBQMedium;
   font-size : 20px;
   margin-top : 0px;
   font-weight : normal;
}

h2{
   font-family : "helveticaneue-roman";
   font-size : 18px;
   margin-top : 0px;
}

h3{
   font-family : "helveticaneue-roman";
   font-size : 18px;
   margin-top : 0px;
}

h4{
   font-size : 16px;
   margin-top : 0px;
   #color : #87ceeb;
}

h5{
   font-size : 16px;
   margin-top : 0px;
   #color : #87ceeb;
}

/* --------------------------------------------- */
/* Links                                         */
/* --------------------------------------------- */

a{
   text-decoration : none;
   color : rgb(120, 140, 160);
}

a:hover{
   color : orange;
}

/* --------------------------------------------- */
/* Tiles                                         */
/* --------------------------------------------- */

.tiles_container {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 25px;
   /*grid-auto-rows: minmax(100px, 50%);*/
   margin-top: 0px;
   margin-bottom: 10px;
}

div.tile {
   margin:0;
   line-height: 1.0;
   padding-left:1px;

   h1 {
      background-color: #FFFFFF;
      margin: 0 0 0 0;
      padding: 20px 0 10px 0;
      font-size: 20px;
      font-weight: normal;
   }
   
   h2 {
      background-color: #FFFFFF;
      margin: 0 0 0 0;
      padding: 20px 0 10px 0;
      font-size: 18px;
      font-weight: normal;
   }
   
   p {
      background-color: #FFFFFF;
      margin: 0 0 0 0;
      padding: 7px 0 7px 0;
      font-size: 16px; 
      line-height: 1.5;
   }
}

/* --------------------------------------------- */
/* Header                                        */
/* --------------------------------------------- */

#header{
   #position : relative;
   #position : fixed;
   #left : 224px;
   #top : 0px;
   #right : 0px;
   height : 0px;
   border-bottom : 1px solid rgb(51, 51, 51);
   background-color : #FFFFFF;
   padding-top : 20px;
   padding-left : 32px;
   padding-bottom : 50px;
   z-index : 10;
}

#logo{
   position : absolute; 
   top : 13px; 
   left : 220px; 
   height : 102px; 
   width : 400px; 
   overflow : hidden;
   z-index: 2;
}

/* --------------------------------------------- */
/* Main Menu (Top)                               */
/* --------------------------------------------- */

#navigation_hor{
   position : relative;
   top : -82px;
   left : 211px;
   width : 1200px;
   height : 0px;
   z-index : 1;
}

#navigation_top{
   position : absolute;
   top : 14px;
   left : 1100px;
   font-size : 14px;
}

td.menuitem{
   font-family : HelveticaBQMedium;
   height : 31px;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   color : red;
   border-bottom : 4px solid transparent;

}

div.menuitem{
   height : 30px;
   padding-left : 0px;
   padding-top : 5px;
}

.menuitem a{
   color : rgb(51, 51, 51);
   uuufont-weight : normal;
}
.menuitem a:hover{
   color : orange;
}

td.menuitem_hl{
   font-family : HelveticaBQMedium;
   height : 30px;
   #background : #87ceeb;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   border-bottom : 4px solid orange;
}

div.menuitem_hl{

   height : 30px;
   #background : #87ceeb;
   padding-left : 0px;
   padding-top : 5px;
}

.menuitem_hl a{
   color : rgb(51, 51, 51);
   font-weight : normal;
}
.menuitem_h1 a:hover{
   color : orange;
}

/* --------------------------------------------- */
/* Submenu (left)                                */
/* --------------------------------------------- */

#navigation{
   padding-top : 30px;
   padding-bottom : 20px;
   float : left;
   width : 190px;
   margin-left : 10px;
   height:100%; 
}


/*
.submenu2{
   font-family : HelveticaBQMedium;
   padding-top : 5px;
   padding-left : 5px;
   margin-top : 10x;
   margin-bottom : 10px;
   line-height : 1;
   border-left : 5px solid #FFFFFF;
   a{
      color : rgb(51, 51, 51);
   }
   a:hover{
      color : orange;
   }
}
*/

.submenu2{
   display : none;
}

.submenu2_h{
   display : none;
}

/*
.submenu2_h{
   font-family : HelveticaBQMedium;
   padding-top : 5px;
   padding-left : 5px;
   margin-top : 10x;
   margin-bottom : 10px;
   line-height : 1;
   border-left : 5px solid orange;
   a{
      color : rgb(51, 51, 51);
   }
}
*/

/* --------------------------------------------- */
/* Sub-Submenu (left)                            */
/* --------------------------------------------- */

.submenu3{
   display : none;
}

.submenu3_h{
   display : none;
}

/*
.submenu3{
   padding-left : 20px;
   padding-top : 5px;
   margin-bottom : 15px;
   border-left : 5px solid #FFFFFF;
   line-height : 1;
   a{
      color : rgb(51, 51, 51);
   }
   a:hover{
      color : orange;
   }
}

.submenu3_h{
   padding-left : 20px;
   padding-top : 5px;
   border-left : 5px solid orange;
   margin-bottom : 15px;
   line-height : 1;
   a{
      color : rgb(51, 51, 51);
   }
}
*/

div.menuitem2{
   background : red;

}

/* --------------------------------------------- */
/* Alternative Menu with button                  */
/* --------------------------------------------- */


#menu_button{
   position : absolute;
   top : 16px;
   right : 0px;
   width : 50px;
   height : 50px;
   display : none;
}

#menu_alt{
   display : none;
}

.menu_alt1{
   font-family : HelveticaBQMedium;
   padding-left : 15px;
   padding-top : 10px;
   padding-bottom : 10px;
   line-height : 1;
   a{
      color : rgb(51, 51, 51);
   }
}

/* --------------------------------------------- */
/* Footer                                        */
/* --------------------------------------------- */

#footer{
   float : left;
   width : 100%;
   #border : 1px dotted blue;
   background-color : rgb(51, 51, 51);
   #padding : 40px;
   color : #FFFFFF;
   td{
      font-size : 12px;
      height : 100px;
   }
}

td.footer{
   font-size : 14px;
}

#footer_info{
   position : relative; 
   margin-left : 220px; 
   padding-top : 20px;
   height : 120px;
   letter-spacing: 0.2px;
}

#footer_info_table_alt{
   display : none;
}

/* --------------------------------------------- */
/* Print                                         */
/* --------------------------------------------- */

@media print {

   body{
      background-color : #FFFFFF;
   }

   .submenu2{
   }

   .submenu2_h{
      display : none;
   }

   .submenu3{
      display : none;
   }

   .submenu3_h{
      display : none;
   }

   #footer{
      background-color : #FFFFFF;
      color : rgb(51, 51, 51);
      border-top : 1px solid rgb(51, 51, 51);
   }

}

/* --------------------------------------------- */
/* Screen Adjustments                            */
/* --------------------------------------------- */

@media all and (max-width: 947px){ 
   /* element display moves down at this point 700+266 = 966 */

   #logo{
      left : 20px; 
   }

   #navigation_hor{
      left : 10px;
	}
	
   #navigation{
   	padding-top : 10px;
   	padding-bottom : 10px;
      margin-left : 10px;
   }

.submenu2{
   margin-top : 15x;
   margin-bottom : 15px;
}

.submenu2_h{
   margin-top : 15x;
   margin-bottom : 15px;
}

   #sagw{
      display : none;
   }
   
   #display{
      padding-top : 0px;
   }

   #footer_info{
      margin-left : 20px; 
   }
 	
}

@media all and (max-width: 740px){ 
   
   #display{
      width : auto;
      overflow : auto;
   }
 	
}

@media all and (max-width: 600px){ 

   #menu_alt{
      position : absolute; 
      top : 75px; 
      left : 0px; 
      width : 100%;
      background-color : #FFFFFF;
      padding : 10px;
      border-bottom : 1px solid black;
      a:hover{
         color : orange;
      }
   }

   .tiles_container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 30px;
      /*grid-auto-rows: minmax(100px, 50%);*/
      margin-top: 20px;
      margin-bottom: 10px;
   }

   #main{
      width : 100%;
      padding-top : 70px;
   }
 
   #display{
      width : auto;
      overflow : auto;
   }
   
   #menu_hor{
      display : none;
   }

   #header{
      max-width : 100%;
   }
   
   #sagw{
      display : none;
   }
   
   #footer_info{
      margin-left : 20px;
   }
   
   #navigation_hor{
      width : auto;
      left : 0px;
      height: 0px;
   }
   
   #menu_button{
      display : block;
      top : 10px;
      right : 20px;
   }
   
   #navigation{
      width : 310px;
   }

   #footer{
      width : 100%;
      overflow : hidden;
   }
   
   #logo{
      width : auto;
      overflow : hidden;
      top : 25px; 
   }
 
   #footer_info_table{
      #display : none;
   }
   
   #footer_info_table_alt{
      display : block;
   }
   
}

@media all and (max-width: 500px){ 

   #logo{
      width : 75px;
      overflow : hidden;
      top : 25px; 
   }

}

@media all and (max-width: 200px){ 
   /* element display moves down at this point 700+266 = 966 */
   
   #logo{
      display : none; 
   }
 	
}

/* --------------------------------------------- */
/* Other Things                                  */
/* --------------------------------------------- */

#grayout{
   /* IE only: filter:alpha(opacity=50); */
   opacity: 0.5;
   background-color: gray;
   visibility :hidden;
   position: absolute; 
   visibility: hidden;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   z-index: 6;
}

#wizard{
   position: absolute; 
     position: fixed; 
   visibility: hidden;
   #left: 200px;
   #top: 40px;
   #right: 200px;
   #min-width : 1200px;
     #width : auto;
     #height : auto;
   #bottom: 40px;
   padding: 0px;
   #border: 1px solid #dddddd;
   z-index: 11;
   border-radius : 2px;
   background-color: #FFFFFF;
     margin : auto;
     
}
#wizardContent{

   font-size: 14px;
   position: absolute; 
   overflow: auto;
   padding: 20px;
     #background-color: #d0dbe4;
     background-color: : #FFFFFF;
   top: 50px;
   right: 0px;
   left: 0px;
   bottom: 0px;
   border-radius-bottom-left : 15px;
   border-radius-bottom-right : 15px;
}
#wizardTitlebar{
     position : absolute:

     left : 0px;
     right : 0px;
   
   font-size: 16px;
   font-weight: bold;
     background-color: #7b9cb5;
     background-color: rgb(51, 51, 51);
   cursor: move;

     height: 40px;
   color: white;
   padding-left : 20px;
     padding-top : 10px;

   border-radius-top-left : 15px;
   border-radius-top-right : 15px;
}
.wizardTitlebarButton {
   float: right;
   cursor: default;
   height: 16px;
   width: 17px;   
}
#wizardMinimized{
   position: absolute; 
   visibility: hidden;
   height: 15px;
   right: 1px;
   bottom: 1px;
   padding: 5px;
   cursor: pointer;
   font-size: 13px;
   font-weight: bold;   
   color: #DDDDFF;
   background-color: #444488;
   z-index: 5;
}

.actionbutton{
   #font-family : "LucidaRegular";
   height : 25px;
   background : #7b9cb5;
   border-radius: 3px;
   margin-right : 10px;
   font-size : 15px;
   font-weight : normal;
   color : white;
   border : 0px;
}

input[type="button"]{

   height : 25px;
   background : #7b9cb5;
   border-radius: 3px;
   margin-right : 10px;
   font-size : 15px;
   font-weight : normal;
   color : white;
   border : 0px;
}
input[type="text"]{

   border : 1px solid #7b9cb5;
   border-radius : 3px;
   height : 20px;
   padding-left : 5px;
   color : #333333;
   width : 200px;

}

input[type="password"]{

   border : 1px solid #7b9cb5;
   border-radius : 3px;
   height : 20px;
   padding-left : 5px;
   color : #333333;
   width : 200px;

}



select{

   border : 1px solid #7b9cb5;
   border-radius : 3px;
   height : 25px;
   padding-left : 5px;
   color : #333333;

}

textarea{

   border : 1px solid #7b9cb5;
   border-radius : 7px;
   padding-left : 5px;
   color : #333333;
     min-width : 300px;
     min-height : 100px;

}

.label{

   background : #7b9cb5;
   border-radius : 3px;
   height : 18px;
     padding-top : 1px;
   padding-left : 5px;
   padding-right : 5px;
   color : white;

}

.formsection{

   border : 1px solid #7b9cb5;
   border-radius : 7px;
   padding-left : 5px;
   color : #333333;
   min-height : 100px;
   margin-bottom : 20px;



}

.wizardnavigation{

   position : absolute;
   bottom : 0px;
   left : 20px;
   right : 20px;
   height : 30px;
   
}
.processNodeBody{
   position : absolute;
   top : 10px;
   left : 20px;
   bottom : 32px;
   right : 0px;
   overflow : auto;
}
table{
   border-collapse: collapse;
}

table.processNodeTable{
   min-width : 600px;
   border-collapse: separate;
}

td.datacell{
   border : 1px solid #7b9cb5;
   padding : 2px;
   padding-left : 5px;
   padding-right : 5px;
}
td.tableheader{
   background : #7b9cb5;
   color : white;
   padding : 2px;
   padding-left : 5px;
   padding-right : 5px;
   border : 1px solid white;
   text-align : center;
   cursor : pointer;
}

div.tableheader2{
   background : #7b9cb5;
   color : white;
   padding : 2px;
   border-left : 1px solid white;
   text-align : center;
   float : left;
}

.odd{
   background : #eeeeee;
}

a.special-link.pdf {

   #background-image: url('pdf.png');
   #background-repeat: no-repeat;
   #background-position: center left;
   #padding-left: 40px;

}

a.special-link-pdf {

   #background-image: url('pdf.png');
   #background-repeat: no-repeat;
   #background-position: center left;
   #padding-left: 40px;

}

.ZMSTeaserContainer{
   margin-bottom : 30px;
   border-bottom : 1px solid #aaaaaa;

}

#paperlist{

   margin-top : 20px;
}

td.error{
   color : red;
   font-size : 18px;

}
span.error{
   color : red;
   font-size : 18px;

}