<style type="text/css">
/*
 * ========================================
 * global element styles
 * ========================================
 */
table { width:100%; table-layout:fixed; overflow:hidden; color:black }
.tableborder { padding: 0px;margin: 0px;width: 100%;background-color: #E3E7EB; }
input {
  font-size: 12px;
  color: #424242;
  background-color:#F0F0F0;
  vertical-align:center;
  font-size:large;
  border-radius: 5px;
  padding: 2px 5px 2px 2px;
  border: 1px solid #d5cda9;
}

select {
  font-size: 12px;
  solid #C0C0C0;
  color: #424242;
  border-radius: 5px;
  padding: 2px 5px 2px 2px;
  border: 1px solid #d5cda9;
}

textarea {
  font-size: 12px;
  solid #C0C0C0;
  color: #424242;
  border-radius: 5px;
  padding: 2px 5px 2px 2px;
  border: 1px solid #d5cda9;
}
blockquote.style1 {
   font: 14px/20px italic Times, serif;
   padding: 8px;
   background-color: #faebbc;
   border-top: 1px solid #e1cc89;
   border-bottom: 1px solid #e1cc89;
   margin: 5px;
   background-image: url(images/openquote1.gif);
   background-position: top left;
   background-repeat: no-repeat;
   text-indent: 23px;
   }
   blockquote.style1 span {
      display: block;
      background-image: url(images/closequote1.gif);
      background-repeat: no-repeat;
      background-position: bottom right;
    }
blockquote.style2 {
   font: 14px/22px normal helvetica, sans-serif;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 50px;
   padding-left: 15px;
   border-left: 3px solid #ccc;
 }

.disabled 
{ 
 background-color: #CCC; 
}
.pformright { padding: 3px;margin-top: 1px;border-top: 1px solid #C2CFDF;background-color: #D7DBDF; }
.pflicht { padding: 3px;margin-top: 1px;border-top: 1px solid #C2CFDF;background-color: #fff8dc; }
.codebuttons { font-size: 10px;vertical-align: middle; }
.formbutton   { color: black; font-size: 11px; font-weight: bolder; background-color: #deff84; border: solid 1px #003366 }
/* Definierter Bereich */
.ersteline { font-size: 10px; font-weight:normal; color:white; }
.erstelinebig {font-size: 12px; font-weight:bold; color:white; }
.letzteline {font-size: 10px; font-weight:normal; color:white; }
.navlineleft { font-size: 12px; font-weight:normal; color:white; }
.navlinelefterst { font-size: 14px; font-weight:bold; color: black; text-align: left;}
.notify { font-size: 10px; font-weight:bold; color:red;}
.colorinnotifybg { font-size: 10px; font-weight:bold; color:#272727;}
.navmenuheader {font-size: 10px; font-weight:normal; color:white; text-align: center;}
.maintopheader { font-size: 10px; font-weight:normal; color:white; text-align: center;}
.navmenuheaderunderline { font-size: 8px; font-weight:bold; color:black; text-align: center;}
.textheadersmall { font-size:12px; font-weight:bold; color: #000; }
.textheader { font-size: 14px; font-weight:bold; color: #034f8b; text-decoration:none;}
.textheaderf1 { font-size: 14px; font-weight:bold; color: black; text-decoration:none;}
.textheaderf1 a { font-size: 14px; font-weight:bold; color: black; text-decoration:none;}
.textheaderf2 { font-size: 14px; font-weight:bold; color: black; text-decoration:none;}
.textheaderf2 a { font-size: 14px; font-weight:bold; color: white; text-decoration:none;}
.text a {color: #066; }
.textsubheader { font-size: 12px; font-weight:normal; color: #000; text-decoration:none;}
.textheaderbig { font-size: 18px; font-weight:bold; color: #272727; }
.textheaderbig a {color: #3298e7; }
.textheaderfbig { font-size: 18px; font-weight:bold; color: white; }
.textheaderfbig a {color: white; }
.textsmall { font-size: 9px; font-weight:normal; color: #000; }
.text {  font-size: 12px; font-weight:normal; color:#000; }
.textbig { font-size: 14px; font-weight:normal; color:#000; }
.textbigxxl { font-size: 24px; font-weight:normal; color:#000; }
.textalt { font-size: 11px; font-weight:normal; color:#272727;}
.textalt2 {  font-size: 9px; font-weight:normal; color:#666666;}
.textbox {  font-size: 11px; font-weight:normal; color:#000;}
.textpub {  font-size: 12px; font-weight:normal;  }
.textlink { font-size: 10px; font-weight:normal;  }
.tableheaderhell {font-size: 18px; font-weight:bold; color: #FFFFFF; text-decoration:none;}
.tableheaderdunkel { font-size: 18px; font-weight:bold; color: #000000; text-decoration:none;}
.textinput { font-size: 12px; font-weight:bold;  color:#3298e7;}
.textinput a { font-size: 12px; font-weight:bold;  color:#066;}
.textinputhervorgehoben { font-size: 10px; font-weight:bold;  color:red;}
.inputdes { color:red; font-size: 10px; font-weight:normal;  text-align: left;}
.inputdesexample { color:black; font-size: 8px; font-weight:normal;  text-align: left;}
.farbhinterlegt {color: #0033CC;}
.picheader {;  font-size: 10px; font-weight:bold;  color: #0033CC;}
.arial {font-family:Arial;  font-size: 10px; }
.verdana {font-family:verdana, helvetica, sans-serif; }
.farbhervorgehoben {color: #066;}
.boxhinterlegt {color: #5b5b5b;}
.fetthinterlegt { font-weight:bold}
.kursivhinterlegt { font-style: italic}
.unterstrichen { text-decoration:underline;}
.grosshinterlegt {font-size: 14px; }
.kleinhinterlegt {font-size: 9px; }
.minihinterlegt { font-size: 6px; }
.hell  {color:white;}
.hell a  {color:white;}
.dunkel  {color:black;}
.dunkel a { color:black; text-decoration: none }
.specialnormal {font-family:verdana, helvetica, sans-serif; color:white; font-size: 9px; font-weight:normal;}
.specialnormalinput {font-family:verdana, helvetica, sans-serif; color:yellow; font-size: 10px; font-weight:normal;}
.farblist1 {color: #FF0000;}
.farblist2 {color: #FFFF00;}
.farblist3 {color: #00FF00;}
.farblist4 {color:navy;}
.farblist5 {color: #000000;}
.green {color: #008800;}
.warning {color: #FfFF00;}
.red {color: #Ff0000;}
.titlerow{
        background-color:#666666;
        font-size:20px;
        color:#FFFFFF;
        font-weight:normal;
        text-align:center;
        }
.titlerow td a  { 
        text-decoration: underline; 
        color: white; 
        }
.rostertitlerow{
        background-color:#00CCFF;
        font-size:20px;
        font-weight:bold;
        text-align:center;
        }
.rosterrow{
        background-color:#808080;
        font-size:12px;
        font-weight:normal;
        text-align:center;
        }
.whiterow{
        background-color:#ffffff;
        color:#000000;
        font-size: 12px;
        }

.whiterow td{
        color:#666666;
        font-size: 12px;
        }



.greyrow{
        background-color:#dddddd;
        color:#666666;
        font-size: 12px;
        }

.greyrow td{
        background-color:#dddddd;
        color:#666666;
        }



.rankingtable{
        background-color:#555555;
        border-collapse:collapse;
        border:1px solid #555555;
 }

.rankingtable td { border:1px solid #C0C0C0;
                   padding:3px;
                   font-size:14px;
                }

.fehlerbereich {
font-size : 14px;
color : #FF0000;
line-height : 16px;
width : 100%;
font-weight: bold;
}
.fehleroben {
background-image: url(/images/kasten/header.png);
background-repeat: no-repeat;
background-position: center;
font-weight: bold;
height:40px;
width : 448px;
line-height : 30px;
vertical-align: middle;
}
.fehlertextmitte {
background-image: url(/images/kasten/middle.png);
background-position: center;
width : 448px;
font-weight: normal;
}
.fehlertextunten {
background-image: url(/images/kasten/down.png);
background-repeat: no-repeat;
background-position: center;
width : 448px;
height: 10px;
font-weight: normal;
}

.divline
{
  height:4px;
  width:100%;
  background-image: url(/images/hlinie.gif);
  background-repeat: repeat-x;
}

.buttomline
{
  height:9px;
  width:100%;
  background-image: url(/images/myl/tabelfooter_topligen.jpg);
}

.submitbuttonnewsletter {
font-size: 10px; 
border: 1px solid #C0C0C0; 
background-color: #00CCFF; 
width:100;
}

.selectbutton {
font-size: 14px; 
background-color: #00CCFF; 
color: #0033CC;
}

.quotearea {
font-size: 9px;
background-color: #cccccc;
color: #0033CC;
width:100%;
text-align: left;
padding-left: 5px;
}

.attentionbutton {
font-size: 14px; 
text-decoration: blink; 
color: #FF0000; 
border: 1px solid #FF0000; 
background-color: #FFECEC;
}


.registerbutton
{
  font-size: 10px; 
  border: 1px solid #C0C0C0; 
  background-color: #99FF33;
  color: #0033CC;
  width: 100px;
  font-weight: bold;  
}
.submitbutton01blau {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        border:none;
        background-image: url(/images/backgrounds/submit_blau.png);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01gelb {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #000000;
        border:none;
        background-image: url(/images/backgrounds/submit_gelb.gif);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01dunkelgelb {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #000000;
        border:none;
        background-image: url(/images/backgrounds/submit_dunkelgelb.png);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01orange {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #000000;
        border:none;
        background-image: url(/images/backgrounds/submit_orange.gif);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01rot {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        border:none;
        background-image: url(/images/backgrounds/submit_rot.gif);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01grau {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #FF0000;
        border:none;
        background-image: url(/images/backgrounds/submit_grau.gif);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01lila {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        border:none;
        background-image: url(/images/backgrounds/submit_lila.gif);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01dunkelblau {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        border:none;
        background-image: url(/images/backgrounds/dunkel_blau.gif);
        background-color: transparent;
        cursor: pointer;
}

.submitbutton01gruen {
        height: 32px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        border:none;
        background-image: url(/images/backgrounds/submit_gruen.gif);
        background-color: transparent;
        cursor: pointer;
}


.submitbutton02blau {
        height: 20px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        background-color: #6AB1F1;
        border:1px solid #FFFFFF;
        background-image: url(/images/backgrounds/b200-16.gif);
        cursor: pointer;
}


.submitbutton03blau {
        height: 20px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        background-color: #303670;
        border:1px solid #FFFFFF;
        background-image: url(/images/backgrounds/b200-16.gif);
        cursor: pointer;
}

.submitbutton04blau {
        height: 20px;
        width:200px;
        font-size:11px;
        color: #FFFFFF;
        background-color: #FFFFFF;
        border-top:1px solid #00C0FF;
        border-left:1px solid  #00C0FF;
        border-bottom:1px solid  #0070C0;
        border-right:1px solid  #0070C0;
        background-image: url(/images/backgrounds/b200-16.gif);
        cursor: pointer;
}

.bluecolornormal {
        font-size:11px;
        color: #4040ff;
}

.bluecolorklein {
        font-size:9px;
        color: #4040ff;
}

.bluecolorbig {
        font-size:14px;
        color: #4040ff;
}

.greencolornormal {
        font-size:11px;
        color: #00ff00;
}

.greencolorklein {
        font-size:9px;
        color: #00ff00;
}

.greencolorbig {
        font-size:14px;
        color: #00ff00;
}

.yellowcolornormal {
        font-size:11px;
        color: #FFff00;
}

.yellowcolorklein {
        font-size:9px;
        color: #FFff00;
}

.yellowcolorbig {
        font-size:14px;
        color: #FFff00;
}

.whitecolorklein {
        font-size:9px;
        color: #FFFFFF;
}

.whitecolorbig {
        font-size:14px;
        color: #FFffff;
}

.redcolornormal {
        font-size:11px;
        color: #FF0000;
}

.redcolorklein {
        font-size:9px;
        color: #FF0000;
}

.redcolorbig {
        font-size:14px;
        color: #FF0000;
}

.ppad {
padding:5px;
}
.button
        {
            margin: 10px;
            text-decoration: none;
            font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
            display: inline-block;
            text-align: center;
            color: #fff;
            
            border: 1px solid #9c9c9c; /* Fallback style */
            border: 1px solid rgba(0, 0, 0, 0.3);            
            
            text-shadow: 0 1px 0 rgba(0,0,0,0.4);
            
            box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            
        }
        
        .button, .button span
        {
            -moz-border-radius: .3em;
            border-radius: .3em;
        }
        
        .button span
        {
            border-top: 1px solid #fff; /* Fallback style */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;
            
            /* The background pattern */
            
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
            background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                              -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

            /* Pattern settings */
            
            -moz-background-size: 3px 3px;
            -webkit-background-size: 3px 3px;            
        }

        .button:hover
        {
            box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
        }
        
        .button:active
        {
            /* When pressed, move it down 1px */
            position: relative;
            top: 1px;
        }
       .buttonsmall
        {
            margin: 10px;
            text-decoration: none;
            font: bold 1.0em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the buttonsmall*/
            display: inline-block;
            text-align: center;
            color: #fff;

            border: 1px solid #9c9c9c; /* Fallback style */
            border: 1px solid rgba(0, 0, 0, 0.3);

            text-shadow: 0 1px 0 rgba(0,0,0,0.4);

            box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

        }

        .buttonsmall, .buttonsmall span
        {
            -moz-border-radius: .3em;
            border-radius: .3em;
        }

        .buttonsmall span
        {
            border-top: 1px solid #fff; /* Fallback style */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;

            /* The background pattern */

            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
            background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                              -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

            /* Pattern settings */

            -moz-background-size: 3px 3px;
            -webkit-background-size: 3px 3px;
        }

        .buttonsmall:hover
        {
            box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
        }
        .buttonsmall:active
        {
            /* When pressed, move it down 1px */
            position: relative;
            top: 1px;
        }
        
        .button-khaki
        {
            background: #A2B598;
            background: -webkit-gradient(linear, left top, left bottom, from(#BDD1B4), to(#A2B598) );
            background:-moz-linear-gradient(-90deg, #BDD1B4, #A2B598);
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BDD1B4', EndColorStr='#A2B598');        
        }
        
        .button-khaki:hover
        {           
            background: #BDD1B4;
            background: -webkit-gradient(linear, left top, left bottom, from(#A2B598), to(#BDD1B4) );
            background: -moz-linear-gradient(-90deg, #A2B598, #BDD1B4);
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A2B598', EndColorStr='#BDD1B4');
        }
        
        .button-khaki:active
        {
            background: #A2B598;
        }
        
        /*----------------------------*/        
        
        .button-blue
        {
            background: #4477a1;
            background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
            background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
            filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
        }
        
        .button-blue:hover
        {
            background: #81a8cb;
            background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
            background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
            filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
        }
        
        .button-blue:active
        {
            background: #4477a1;
        }
        
        /*----------------------------*/
        
        .button-brown
        {
            background: #8f3714;
            background: -webkit-gradient(linear, left top, left bottom, from(#bf6f50), to(#8f3714) );
            background: -moz-linear-gradient(-90deg, #bf6f50, #8f3714);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#bf6f50', EndColorStr='#8f3714');
        }
        
        .button-brown:hover
        {
            background: #bf6f50;
            background: -webkit-gradient(linear, left top, left bottom, from(#8f3714), to(#bf6f50) );
            background: -moz-linear-gradient(-90deg, #8f3714, #bf6f50);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8f3714', EndColorStr='#bf6f50');
        }

        .button-brown:active
        {
            background: #8f3714;
        }
        
        /*----------------------------*/
        
        .button-green
        {
            background: #428739;
            background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) );
            background: -moz-linear-gradient(-90deg, #c8dd95, #428739);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
        }
        
        .button-green:hover
        {
            background: #c8dd95;
            background: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95) );
            background: -moz-linear-gradient(-90deg, #428739, #c8dd95);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95');
        }
        
        .button-green:active
        {
            background: #428739;
        }
        
        /*----------------------------*/
        
        .button-red
        {
            background: #D82741;
            background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
            background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
        }

        .button-red:hover
        {
            background: #E84B6E;
            background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) );
            background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
        }
        
        .button-red:active
        {
            background: #D82741;
        }
        /*----------------------------*/
        
        .button-purple
        {
            background: #6F50E7;
            background: -webkit-gradient(linear, left top, left bottom, from(#B8A9F3), to(#6F50E7) );
            background: -moz-linear-gradient(-90deg, #B8A9F3, #6F50E7);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B8A9F3', EndColorStr='#6F50E7');
        }
        
        .button-purple:hover
        {
            background: #B8A9F3;
            background: -webkit-gradient(linear, left top, left bottom, from(#6F50E7), to(#B8A9F3) );
            background: -moz-linear-gradient(-90deg, #6F50E7, #B8A9F3);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6F50E7', EndColorStr='#B8A9F3');
        }
        
        .button-purple:active
        {
            background: #6F50E7;
        }

        /*----------------------------*/
        
        .button-black
        {
            background: #141414;
            background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414) );
            background: -moz-linear-gradient(-90deg, #656565, #141414);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');
        }
        
        .button-black:hover
        {
            background: #656565;
            background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565) );
            background: -moz-linear-gradient(-90deg, #141414, #656565);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');
        }
        
        .button-black:active
        {
            background: #141414;
        }
        
        /*----------------------------*/
        
        .button-orange
        {
            background: #f09c15;
            background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );
            background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15');
        }
        
        .button-orange:hover
        {
            background: #f8c939;
            background: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939) );
            background: -moz-linear-gradient(-90deg, #f09c15, #f8c939);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939');
        }
        
        .button-orange:active
        {
            background: #f09c15;
        }
        
        /*----------------------------*/
        
        .button-silver
        {
            background: #c5c5c5;
            background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );
            background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');
        }
        
        .button-silver:hover
        {
            background: #eaeaea;
            background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea) );
            background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');
        }
        
        .button-silver:active
        {
            background: #c5c5c5;
        } 

                .level7 h1{

                        color: rgb(0,191,255);

                        font-family: Georgia;
                        font-size: 2.5em;
                        letter-spacing: 0.1em;
                        text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
                }
                .level7 h1 span{
                        display: block;
                        margin-top: 0.5em;
                        font-family: Verdana;
                        font-size: 0.6em;
                        font-weight: normal;
                        letter-spacing: 0em;
                        text-shadow: none;
                }
                .level7 .meta{
                        font-family: Georgia;
                        color: rgba(69,54,37,0.6);
                        font-size: 0.85em;
//                        font-style: italic;
                        letter-spacing: 0.25em;
                        border-bottom: 1px solid rgba(69,54,37,0.2);
                        padding-bottom: 0.5em;
                }
                .level7 .meta span{
                        text-transform: capitalize;
                        font-style: normal;
                        color: rgba(69,54,37,0.8);
                }
                .level7 .body p{
                        font-family: Verdana;
                        -moz-column-count: 2;
                        -moz-column-gap: 1em;
                        -webkit-column-count: 2;
                        -webkit-column-gap: 1em;
                        column-count: 2;
                        column-gap: 1em;
                        line-height: 1.5em;
                        color: rgb(69,54,37);
                }
                .level7 .body p:first-child{
                        font-size: 1em;
                        font-family: Georgia;
 //                     font-style: italic;
                        -moz-column-count: 1;
                        -webkit-column-count: 1;
                        column-count: 1;
                        letter-spacing: 0.1em;
                }
                .level7 .body p:first-child:first-line{
                        font-weight: bold;
                }
                .level7 date{
                        font-family: Georgia;
                        color: rgba(69,54,37,0.6);
                        font-size: 0.75em;
                        font-style: italic;
                        letter-spacing: 0.25em;
                        border-top: 1px solid rgba(69,54,37,0.2);
                        display: block;
                        padding-top: 0.5em;
                        margin-top: 2em;
                }
shortnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
shortnav > ul > li {
  float: left;
}
shortnav > ul > li > ul {
  display: none;
}
shortnav > ul > li:hover > ul {
  display: block;
   padding: 5px;
  background-color:white;
  font-size: 16px;
  position: absolute;
}
shortnav > ul > li > ul > li {
  position: relative;
   padding: 10px;
}
#closeright {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
}

#closeright:hover {
        float:right;
        display:inline-block;
        padding:2px 5px;
        background:#ccc;
    color:#fff;
    }
.fragment {
    font-size: 12px;
    font-family: tahoma;
    height: 160px;
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
}

.fragment:hover {
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);

}

.fragment img {
    float: left;
    margin-right: 10px;
}


.fragment h3 {
    padding: 0;
    margin: 0;
    color: #369;
}
.fragment h4 {
    padding: 0;
    margin: 0;
    color: #000;
}
</style>
