a:link {color:#336699;background:transparent;text-decoration:none;}
a:visited {color:#336699;background:transparent;text-decoration:none;}
a:active {color:#336699;background:transparent;text-decoration:none;}
a:hover {color:#336699;background:transparent;text-decoration:underline;}
a.invis {text-decoration:none;color:#000000;background:transparent;text-decoration:none;} /* invisible link */

body {
    background-color:#ffffff;
    background-position:top left;
    background-attachment:fixed;
    background-repeat:no-repeat;
    margin-top:10px;
    margin-bottom:2em;
    margin-left:1.3em
    }
    
body, p, table {
    color:black;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:12px;
    line-height:17px;
    }
    
div, th, td, form, input, textarea, select {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    }
    
div.impressum {
    font-size:10px;
    }

h1, h2, h3, h4{ 
    text-align:left;
    background:transparent;
    margin-top:1em;
    margin-bottom: 0.6em;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    }

h1 {text-align:center;font-size:21px;line-height:28px;color:#336699;}
h2 {font-size:18px;color:#336699;}
h3 {font-size:16px;color:#336699;}
h4 {font-size:14px;color:#336699;}
h5, h6 {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}

img.thumb {
    width: 200px;
    margin-bottom: 4px;
    } 
  
input {
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:12px;
    color:black;
    }

p, ul, ol, li, dl, address, blockquote {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    margin-top:0.8em;
    margin-bottom:0.8em;
    }
    
p.copyright {
    font-size:10px
    }
    
p.line {
    }

.title {text-align:center}
.hide {display:none}
.compact {margin-top:0.1em;margin-bottom: 0.1em;}
.justify {text-align:justify}
.large {font-size:14px;}
.small {font-size:11px;}
.tiny {font-size:9px}
.largejustify {font-size:13px;text-align:justify}
.smalljustify {font-size:10px;text-align:justify}
.tinyjustify {font-size:9px;text-align:justify}

/* Mobile */
@media only screen and (max-width:680px) {
body,p,td,th {line-height:160%;font-size:medium}
h1 {font-size:18pt;line-height:110%}
h2 {font-size:x-large;line-height:110%}
h3 {font-size:large}
h4,h5,h6 {font-size:medium}
div.impressum,.small{font-size:small}
/* img,iframe{max-width:100%;height:auto} */
}

@media only screen and (max-width:360px) {
.h360 {display:none}
.clr{clear:both}
}

@media only screen and (max-width:240px) {
.h240 {display:none}
}