/* ==========================================================================
   Reset
   ========================================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin:0; padding:0; border:0; font-size:100%; ertical-align:baseline; letter-spacing: 0.02em;}

html{overflow-y:scroll;}.ie7 img{-ms-interpolation-mode:bicubic;}
body{font-family:'Open Sans', "Trebuchet MS",Arial,Helvetica,sans-serif;font-size:13px;font-weight:normal;}
body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:hover,a:active,a:focus{outline:none;}
strong{font-weight:bold;}
/*table{border-collapse:collapse;border-spacing:0;}*/
td{vertical-align:top;}
select,input,textarea,button{font:99% sans-serif;}
input,select{vertical-align:middle;}
ul{margin: 5px 0 20px 17px;}
ol{list-style-type:decimal;}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}input,select{vertical-align:middle;}
textarea{overflow:auto;}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
button,input,select,textarea{margin:0;}
button{width:auto;overflow:visible;}.ie6 legend,.ie7 legend{margin-left:-7px;}.ie7 input[type="checkbox"]{vertical-align:baseline;}.ie6 
input{vertical-align:text-bottom;}::-moz-selection{background:#009EE0;color:#fff;text-shadow:none;}::selection{background:#009EE0;color:#fff;text-shadow:none;}
/*a:link{-webkit-tap-highlight-color:#9AB214;}*/
div:focus{outline:none;}
body,select,input,textarea{color:#4B4B4D;}
html{background-color: rgba(0,0,0,1);}
#containerall{
width:94.5%; margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;
background: linear-gradient(to right,rgba(200,202,195,1)0.3%,rgba(211,212,206,1)0.5%, rgba(255,255,255,1)3%, rgba(245,245,238,1)30%, rgba(255,255,255,1));
 border-left-width: 5vw; border-style: solid; 
 -webkit-border-image: -webkit-linear-gradient(rgba(198,243,157,1), rgba(69,98,19,1)) 50 100%; 
 -moz-border-image: -moz-linear-gradient(rgba(198,243,157,1), rgba(69,98,19,1)) 50 100%; 
 -o-border-image: -o-linear-gradient(rgba(198,243,157,1), rgba(69,98,19,1)) 50 100%; 
 border-image: linear-gradient(to bottom, rgba(198,243,157,1), rgba(69,98,19,1)) 50 100%; }
#Background{
width:99%;margin:0vw 0vw 0vw 0px;padding:0px 0px 0px 0px;
background-color: rgba(53,71,87,1);border-right:3px solid rgba(211,212,206,1); }
#header {float:left;width:100%;height:100px;text-align:left;margin:10px 0px 50px 0px;padding:0px 0px 0px 0px;
background-image:url(https://www.pfotenspass.de/images/image/Logo/Pfotenspass-Logo.png);background-repeat:no-repeat;background-size:contain;background-position:50% 50%;
}
#inhalt{min-height:97vh;}
#menu{width:100%;margin:100px 0px 0px 0px;}
#menu ul{list-style-type: none;display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex;  flex-wrap: wrap;justify-content:center;}
#menu ul li{float:left;margin:0px 2vw 0px 2vw; padding:0px;}



body {
    padding: 0px;
}

/* ==========================================================================
   Typography
   ========================================================================== */
p,span,ul,li,a,td,th {
    font-size: 14px;
}

p {
    margin-bottom: 10px;
}

.bold {
    font-weight: bold;
}

h1 {
    font-size: 24px;
    color: #5b6573;
    font-weight: bold;
    margin-bottom: 10px;
}

h2 {
    font-size: 19px;
    color: #5b6573;
    font-weight: normal;
    margin-bottom: 10px;
}

h3 {
    font-size: 24px;
    color: darkblue;
    font-weight: bold;
    margin-bottom: 8px;
}

h4 {
    color: #5b6573;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

h5 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
}

a {
    text-decoration: underline;
    color: brown;
}
a:hover,a.focus {
    text-decoration: none;
    color: brown;
}
a,a:active,a:visited {
    color: brown;
}



/*  download icon states */
i.download-active {
    color: green;
}
i.download-inactive {
    color: darkorange;
}


/* button */
input.button,
a.button,
span.button {
   background-color: rgba(169,210,126,1);
    padding: 8px 10px 8px 10px;
    text-decoration: none;
    color: #444;
    font-size: 13px;
}

span.button.disabled {
    background-color: #dfdfdf;
    color: #afafaf;
    cursor: not-allowed;
}



/* ==========================================================================
   Layout
   ========================================================================== */
#container {
    min-width: 1000px;
    margin: 0 0 30px;
}

#content {
    width: 962px;
    padding: 0 12px;
    margin: 0px auto;
    margin-top: 40px;
}

#inhalt{width:80%;margin:0px auto;}


/* =======================================================
Tabelle dateien
==========================================================
 */

div.fileitem {
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #efefef;
}

table.filelist thead td {
    background-color: white;
    padding: 10px;
    font-weight: bold;
}

table.filelist tbody td {
    background-color: white;
    padding: 20px;
}