/* CSS Hauptfarben:
  #373434 grün
*/

html{overflow:scroll}
body{padding:0; margin:0;font:1em verdana,sans-serif;color:#373434;background-color:#E3E3E3;line-height:29px; }
header, section, footer, aside, nav, article {	display: block;  }
#tzrahmen{margin:0px auto;margin-top:15px;text-align:left;max-width:1100px;background-color:#E8FFE0; border: 1px solid silver;border-radius: 20px; box-shadow: 5px -5px 5px silver; }
#tzbody{line-height:22px;display:block;margin:20px;font:0.8em verdana,sans-serif;}
#tzlogozeilerechts{float:right;margin-top:10px;}
#tzlogozeile{margin-top:20px;}
#tzlogoimage{float:left;margin-right:20px;margin-bottom:4px;}
#tzlogosub{display:block;background-color:#33CC33;}
#logotext{font-weight:bold;padding:0;padding-left:25px;float:left;font-size:2.1em; color:#009933;margin-bottom:3px;padding-top:9px;}
article{ display:block;}
#tzfusszeile{background-color:#33CC33;height:30px;margin-bottom:20px;font-size:0.7em;font-weight:bold;}
#tzfusslinks{float:left;width:20%;padding-left:20px;padding-top:5px;}
#tzfussrechts{float:right;width:65%;text-align:right;padding-right:20px;padding-top:5px;}
iframe{
  width:55%;height:600px;text-align:center;float:right;margin-bottom:25px;
}

#mapfloat{float:right;margin-bottom:25px;font-size:0.6em;width:54%}

a{text-decoration:none;color:#4b4646;}
a:hover{color:#cc0000;}
a.links{font-size:0.6em;}
a.mehr{color:#cc0000;}
a.fett{   font-weight:bold; }

#loginbutton{ width:365px;margin-top:20px;margin-bottom:30px;}
#loginbuttonstart{ width:99%;margin-top:20px;margin-bottom:30px;}

#tznavi ul{width:100%; margin:0;padding:0;margin:5px 20px 15px 5px; list-style:none; }
#tznavi ul li{ float:left;margin-left:1px;line-height:1px; margin-top:10px;}
#tznavi ul li a{font-size:0.75em;padding:5px;margin-bottom:4px;letter-spacing:1px;}
#tznavi ul li a:hover{color:#dd0000;}
.navipixel{
  margin-top:7px;
}

img {border:0;margin:0;padding:0;}
h1{font-size:1.0em;color:black;background-color:#33CC33;letter-spacing:0.5px;padding:10px 20px 10px 20px;}
h2{ font-weight:bold;color:navy;}

p{margin-top:0;padding:0}
p.cl{margin:0;padding:0;line-height:0;clear:both;}
/* border-color:aqua;border-width:1px;border-style:solid; */

/* Handys bis 640px, also iphones */
@media only screen and (max-width: 645px) {
#tzrahmen{   width:98%;}
iframe{
  width:99%; float:none;
}
#mapfloat{
  width:99%; float:none;
}

h1{font-size:1.1em;padding:5px 10px 5px 10px;font-weight:normal;}
#logotext{font-size:1.5em;}
img.foto {width:99%;}
#tzlogosubtext{margin-left:10px;}
#tznavi ul{margin-left:0;}
h1,h2{width:93%;font-size:16px;}
#tzbody p{width:93%}
#tzbody{width:94%;margin-left:10px;}
#mapfloat{width:99%}
}