/* CSS Document */
/* 
#==================================================================================================================================
# Vielen Dank für Ihr Interesse an unserem Quellcode.
#==================================================================================================================================
# Webdesign: Michael Schröder für Schröder Mediendesign - Professional Webdesign; Development - www.schroeder-mediendesign.com
# Date   : ©Juli 2011
#==================================================================================================================================
# Viel Spass mit dieser Website!
#==================================================================================================================================
*/
@media only screen and (min-width: 768px) {
html {height:101%}
body {height:101%; margin: 0; padding: 0; background-color: #fff; background-image: url(../img/bg-body2.jpg); background-repeat: repeat-x; background-position: left bottom; background-attachment: fixed;}
img{ outline:0px;}
body,td,th {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #4d4846;}

/* Removes list-style from lists */
ol { list-style : none; margin : 0; padding : 0; }
li {margin:0px 0px 20px 0px}
#wrap{ position:relative; margin:auto; width:998px; margin-top:30px;}
#header {background-image:url(../img/bg-header.png); background-repeat:no-repeat; width:998px; height:168px;}
#content {background-image:url(../img/bg-content.png); background-repeat: repeat-y; width:998px; height:auto}
#inhalt #content {text-align:left; vertical-align:text-top}

#navi{width:233px; float:left; margin:20px 0px 60px 0px}
#inhalt {width:650px; padding:17px 0px 20px 295px}
#clearinhalt{clear:both}
#footer{clear:both; background-image:url(../img/bg-footer.png); background-repeat:no-repeat; width:998px; height:111px;}
#adress {width:680px; padding:60px 0px 0px 295px;}
.name {float:left; margin-right:23px; text-align:left; vertical-align:text-bottom; font-size:12px; line-height:13px}
.copy {float:left; margin-right:0px; text-align:right; vertical-align:text-bottom; font-size:12px; line-height:13px}
.images {border:1px; border-color:#ec6b10; border-style:solid}
strong {font-weight : bold;}
.fett {font-weight : bold;}
center {text-align : center;}
.zent {text-align : center;}
.small {font-size:10px}
h1 {font-size: 22px; color: #9e6b34; }
h2 {font-size: 19px; color: #4d4846; }
h3 {font-size: 16px; color: #9e6b34; }
h4 {font-size: 14px; color: #4d4846; line-height:normal; padding:0; margin:0}
h5 {font-size: 12px; color: #dfc077; }
h6 {font-size: 10px; color: #dfc077; }
.schwarz {color:#000000}
.weiss {color:#ffffff}
.beige {color:#f9efc1}
.hellbraun {color:#dfc077}
.dunkelbraun {color:#9e6b34}
.grau {color:#4d4846}
#clear {clear:both}
#kontaktadr {float:left; margin-right:50px}
#pic {float:left; border-width:1px; border-color:#4d4846; border-style:solid;}
#print{display:none;visibility: hidden;}
.print{display:none;visibility: hidden;}
#links{margin:0 auto; text-align:center; width:980px}
.right {float:right; padding-right:140px}
}

@media only screen and (max-width: 767px) {
html {height:101%}
body {height:101%; margin: 0; padding: 0; background-color: #fff; background-image: url(../img/bg-body2.jpg); background-repeat: repeat-x; background-position: left bottom; background-attachment: fixed;}
img{ outline:0px;}
body,td,th {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #4d4846;}

/* Removes list-style from lists */
ol { list-style : none; margin : 0; padding : 0; }
li {margin:0px 0px 20px 0px}
#wrap{ position:relative; margin:auto; width:998px; margin-top:30px;}
#header {background-image:url(../img/bg-header.png); background-repeat:no-repeat; width:998px; height:168px;}
#content {background-image:url(../img/bg-content.png); background-repeat: repeat-y; width:998px; height:auto}
#inhalt #content {text-align:left; vertical-align:text-top}

#navi{width:233px; float:left; margin:20px 0px 60px 0px}
#inhalt {width:650px; padding:17px 0px 20px 295px}
#clearinhalt{clear:both}
#footer{clear:both; background-image:url(../img/bg-footer.png); background-repeat:no-repeat; width:998px; height:111px;}
#adress {width:680px; padding:60px 0px 0px 295px;}
.name {float:left; margin-right:23px; text-align:left; vertical-align:text-bottom; font-size:12px; line-height:13px}
.copy {float:left; margin-right:0px; text-align:right; vertical-align:text-bottom; font-size:12px; line-height:13px}
.images {border:1px; border-color:#ec6b10; border-style:solid}
strong {font-weight : bold;}
.fett {font-weight : bold;}
center {text-align : center;}
.zent {text-align : center;}
.small {font-size:10px}
h1 {font-size: 22px; color: #9e6b34; }
h2 {font-size: 19px; color: #4d4846; }
h3 {font-size: 16px; color: #9e6b34; }
h4 {font-size: 14px; color: #4d4846; line-height:normal; padding:0; margin:0}
h5 {font-size: 12px; color: #dfc077; }
h6 {font-size: 10px; color: #dfc077; }
.schwarz {color:#000000}
.weiss {color:#ffffff}
.beige {color:#f9efc1}
.hellbraun {color:#dfc077}
.dunkelbraun {color:#9e6b34}
.grau {color:#4d4846}
#clear {clear:both}
#kontaktadr {float:left; margin-right:50px}
#pic {float:left; border-width:1px; border-color:#4d4846; border-style:solid;}
#print{display:none;visibility: hidden;}
.print{display:none;visibility: hidden;}
#links{margin:0 auto; text-align:center; width:980px}
.right {float:right; padding-right:140px}
}

@media only screen and (max-width: 320px) {
html {height:101%}
body {height:101%; margin: 0; padding: 0; background-color: #fff; background-image: url(../img/bg-body2.jpg); background-repeat: repeat-x; background-position: left bottom; background-attachment: fixed;}
img{ outline:0px;}
body,td,th {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #4d4846;}

/* Removes list-style from lists */
ol { list-style : none; margin : 0; padding : 0; }
li {margin:0px 0px 20px 0px}
#wrap{ position:relative; margin:auto; width:998px; margin-top:30px;}
#header {background-image:url(../img/bg-header.png); background-repeat:no-repeat; width:998px; height:168px;}
#content {background-image:url(../img/bg-content.png); background-repeat: repeat-y; width:998px; height:auto}
#inhalt #content {text-align:left; vertical-align:text-top}

#navi{width:233px; float:left; margin:20px 0px 60px 0px}
#inhalt {width:650px; padding:17px 0px 20px 295px}
#clearinhalt{clear:both}
#footer{clear:both; background-image:url(../img/bg-footer.png); background-repeat:no-repeat; width:998px; height:111px;}
#adress {width:680px; padding:60px 0px 0px 295px;}
.name {float:left; margin-right:23px; text-align:left; vertical-align:text-bottom; font-size:12px; line-height:13px}
.copy {float:left; margin-right:0px; text-align:right; vertical-align:text-bottom; font-size:12px; line-height:13px}
.images {border:1px; border-color:#ec6b10; border-style:solid}
strong {font-weight : bold;}
.fett {font-weight : bold;}
center {text-align : center;}
.zent {text-align : center;}
.small {font-size:10px}
h1 {font-size: 22px; color: #9e6b34; }
h2 {font-size: 19px; color: #4d4846; }
h3 {font-size: 16px; color: #9e6b34; }
h4 {font-size: 14px; color: #4d4846; line-height:normal; padding:0; margin:0}
h5 {font-size: 12px; color: #dfc077; }
h6 {font-size: 10px; color: #dfc077; }
.schwarz {color:#000000}
.weiss {color:#ffffff}
.beige {color:#f9efc1}
.hellbraun {color:#dfc077}
.dunkelbraun {color:#9e6b34}
.grau {color:#4d4846}
#clear {clear:both}
#kontaktadr {float:left; margin-right:50px}
#pic {float:left; border-width:1px; border-color:#4d4846; border-style:solid;}
#print{display:none;visibility: hidden;}
.print{display:none;visibility: hidden;}
#links{margin:0 auto; text-align:center; width:980px}
.right {float:right; padding-right:140px}
}