body { margin: 0; padding: 0; color: black; font-size: 1em; font-family: Georgia,Times,'Times New Roman',serif; background: url(img/sitehg.jpg) center top no-repeat fixed;}

.frame { max-width: 880px; margin: 0 auto;}
.inner { padding: 0px 10px 0px 10px; background: transparent;}
.post { padding: 0px 0px 0px 0px;  line-height: 150%;}
.bild { padding: 50px 10px 0px 10px; background: transparent}
.menue { max-width: 880px; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px; }
.d { vertical-align: top}
.r { color: #cc0000; }

#main { clear: both; padding: 0px; background: transparent;}
#content { max-width: 700px; margin: 0 auto; }
#content header { background: transparent; }
#content article { width: 100%; }
#slideshow { background: black; padding: 1px 0px 1px 0px;}
#nav  { margin: 0 auto;}

#home { background: ivory; padding: 0px; clear: both; text-align: center; font-weight: bold; max-width:880px; margin: 0 auto;}
#footer { clear: both; background: black; line-height: 30px; color: white;  max-width: 880px; margin: 0 auto; text-align: center;}
.h3 { padding-top: 0px; font-size: 1.5em; }

img { max-width: 100%; height: auto; }
.font { font-weight: bold; font-size: 2em; background: #e7e7e7; padding: 0.3em;}
.schrift { font-weight: bold; font-size: 1.1em; background: #e7e7e7; padding: 0.4em;}
.linka { font-familiy: Arial, Helvetica; font-size: 0.8em; background: transparent; }
.linkb { font-familiy: Arial, Helvetica; font-size: 1.0em; background: transparent; }
.linkc { font-familiy: Arial, Helvetica; font-size: 1.2em; background: transparent; }

a {  font-weight: bold; color: #000000; text-decoration: none;}
a:hover {  font-weight: bold; color: #ff0000}

i.a { color: #8b0000; }

#mainmenu { 
    position: fixed;
   font-weight: bold;
   width: 100%;
   max-width: 870px;
   padding: 5px 0px 3px 5px;
   text-align: center;
background-image: url(../img/linkline-weiss.gif); background-position: center center}

#mainmenu a { 
   line-height: 40px; padding: 5px; text-decoration: none; color: white; background: black; margin-top: 3px;}

#mainmenu a:hover { 
   padding: 5px; text-decoration: none; color: red; background: white;}

#schrift { 
   width: 100%;
   max-width: 860px;   
   padding: 0px 10px 3px 0px;
   text-align: left;
   background: white;
}

#schrift a { 
padding: 3px 12px 3px 12px; text-decoration: none; color: black; background: lightgrey; margin: 3px;}

#schrift a:hover {
   padding: 3px 12px 3px 12px; text-decoration: none; color: red; background: black; margin: 3px;}

@media only screen and (min-width: 980px) and (max-width: 1279px) {
	body { font-size: 1em; }
	.frame { max-width: 880px; }
	#content { max-width: 700px; }
	#content article { width: 100%; }
}

@media only screen and (min-width: 760px) and (max-width: 979px) {
	body { font-size: 1em; }
	.frame { max-width: 760px; }
	#content { max-width: 700px; }
	#content article { width: 100%;  }
}

@media only screen and (min-width: 300px)  and (max-width: 759px) {
	body { font-size: 1em; }
	.frame { max-width: 100%; }
	#content { width: 100%; }
	#content article { width: 100%;  }
	
@media only screen and (min-width: 20px)  and (max-width: 299px) {
	body { font-size: 1em; }
	.frame { max-width: 100%; }
	#content { width: 100%; }
	#content article { width: 100%;  }