#html {border-top: 8px solid #2E2E2E; margin: 0px; padding: 0px; }

#text1 {text-align: right; float: right; padding-right: 20%}

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {font-family: 'Open Sans', sans-serif;}

#hr1 {margin: 0px;padding: 0px;}

#face {height: 20px; width: 20px; padding-left: 20px}

#head {width: 80%; 
    margin-left: auto; 
    margin-right: auto; 
    height: auto;
margin-top: 0px; margin-bottom: 0px}

#spalte1 {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
border-top: 5px solid white;
vertical-align: top;
color: gray}

#spalte2 {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
border-top: 5px solid turquoise;
vertical-align: top;
color: gray}

a:link {text-decoration: none; color: gray}
a:visited {text-decoration: none; color: gray}


#Spalte1:hover {border-top: 5px solid turquoise; color: turquoise}

#tabelle1 {margin-left: auto; margin-top: 0px; padding: 0px;}

#space {width: 25px}
#space2 {width: 75px}

#logo {height: 86; width: 116; padding-right: 100px; float: left}

#mainpic {max-width: 100%; min-width: 80px; border: 3px solid lightgray}
#mainpic1 {width: 100%; height: auto;margin-left: auto; margin-right: auto; border-bottom: 3px solid lightgray; border-top: 3px solid lightgray}

#th21 {color: #2E2E2E}

#tabelle2 {max-width: 100%; height: auto; vertical-align: top;}

#tabelle3 {width: 250px; height: auto; vertical-align: top; border: 1px solid lightgray}

#tabelle4 {width: 250px; height: auto; vertical-align: top; border: 1px solid lightgray; background-color: #fafafa; opacity: 0.8}

#medpic {max-width: 434px; min-width: 80px; border: 3px solid lightgray}

#termin {color: gray; max-width: 434px; background-color: #eaeaea; height: 100%; padding-left: 3em; padding-right: 3em; border-top: 5px solid turquoise; border-radius: 5px}

#tbl1 {margin-left: auto; margin-right: auto}

#Terklick {padding-left: 3em; padding-right: 3em; padding-bottom: 1em; padding-top: 1em; background-color: turquoise; color: black}
#terklick:hover {background-color: white;}

#knop {max-width: 434px; background-color: #969393; border-radius: 5px; padding-bottom: 8px; padding-top: 8px;}
#knop:hover {background-color: darkgray; color: turquoise}
#knopfont {color: white}

#preish1 {background-color: lightgrey; color: white; padding-bottom: 6px; padding-top: 6px}

#preisschrift {font-size: 1,2em; color: gray}

#trline {padding: 0; margin: 5px}

#preisbild { background-image:url(Logo.png); background-repeat: no-repeat; background-position: center; background-size:contain}

#bottom {
width: 100%; 
background-color: darkgrey; 
padding-bottom: 20px; 
padding-top: 20px;
position: relative;
clear: both;
margin-top: 100px;    
}
#bottomfont {color: gray; font-size: 0.75em;}