* { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#mainContent { background: #EFE6DD; padding: 1% 0; }
#container { margin: 0.1% auto; width: 800px; background: #fff; -khtml-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-box-shadow: 0 10px 8px -6px #333333; -moz-box-shadow: 0 10px 8px -6px #333333; box-shadow: 0 10px 8px -6px #333333; }
#content {  padding: 1% 0; margin-left: auto; margin-right: auto; width: 95%; min-height: 600px; }
/* #sidebar { float: right; width: 27%; margin-right: 1%; min-height: 800px; }
/*Box Color */
#header { background-image: -webkit-linear-gradient(#DEB549 0%, #F7EF9C 100%); 
background-image: -moz-linear-gradient(#DEB549 0%, #F7EF9C 100%); 
background-image: -o-linear-gradient(#DEB549 0%, #F7EF9C 100%); 
background-image: linear-gradient(#DEB549 0%, #F7EF9C 100%); 
background-image: -ms-linear-gradient(#DEB549 0%, #F7EF9C 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEB549', endColorstr='#F7EF9C',GradientType=0);
width: 100%; padding: 0; -khtml-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; }
#header .mname { float: left; width: 40%; min-height: 50px; padding: 0.2% 0 0 0.3%; }
#header #logo { width: 95%; max-width: 310px; -khtml-border-radius: 15px 0 0 0; border-radius: 15px 0 0 0; -webkit-border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; }
#header .rechts { float: left; width: 30%; min-height: 50px; }
#header .rechts links { padding: 1%; }
#header .mname h3 { font: 400 60px/60px 'Open Sans Condensed', sans-serif; color: #90000; text-align: left; }
#header .rechts h3 { font: 400 28px 'Open Sans Condensed', sans-serif; color: #000; text-align: left; }
#header .mname p { font-size: 14px; font-weight: 400; text-align: left; color: #000; padding-top: 2.5%; }
#header .rechts p { font-size: 14px; font-weight: 600; text-align: left; color: #000; padding-left: 13%; }
#header i { color: #900000; }
#content p, #sidebar p { text-align: justify; }
/* Bild */
#content #pic_in img { max-width: 100%; width: 625px; margin: 2% 0; }
#container .small { font-size: 13px; line-height: 115%; }
/*Balken Anfang*/
#sidebar h1, #content h1 { font-family: Garamond; font-weight: bold; font-size: 18px; border-left: 10px solid #900000; padding: 7px; 
/*Balken Überschrift*/
background-image: -webkit-linear-gradient(#A49275 0%, #A49275 100%); 
background-image: -moz-linear-gradient(#A49275 0%, #A49275 100%); 
background-image: -o-linear-gradient(#A49275 0%, #A49275 100%); 
background-image: linear-gradient(#A49275 0%, #A49275 100%); 
background-image: -ms-linear-gradient(#A49275 0%, #A49275 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A49275', endColorstr='#A49275',GradientType=0); }
/*Balken2 Anfang*/
#sidebar h8, #content h8 { font-family: Garamond; font-weight: bold; font-size: 18px; border-left: 10px solid #900000; padding: 7px; 
/*Balken2 Überschrift*/
background-image: -webkit-linear-gradient(#EFE6DD 0%, #EFE6DD 100%); 
background-image: -moz-linear-gradient(#EFE6DD 0%, #EFE6DD 100%); 
background-image: -o-linear-gradient(#EFE6DD 0%, #EFE6DD 100%); 
background-image: linear-gradient(#EFE6DD 0%, #EFE6DD 100%); 
background-image: -ms-linear-gradient(#EFE6DD 0%, #EFE6DD 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFE6DD', endColorstr='#EFE6DD',GradientType=0); }
#content p { padding: 0 25px 10px 15px; }
#sidebar p { padding: 7px; }
#sidebar .superlist { margin: 0 0 1% 0; padding: 0; }
#sidebar .superlist li { background: #fff; font-weight: 600; text-align: left; color: #333; list-style-type: none; margin: 1% 0; padding: 1% 1% 1% 3%; }
#sidebar .superlist i { color: #fff !important; }
#sidebar .box { background: #fff; border: 1px solid #fff; margin: 0 0 3% 0; }
.pixel { height: 10px; }
#sidebar h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; text-align: center; font-weight: 300; }
/*Balken Überschrift */
#sidebar h3 i { color: #900000; }
#content hr, #sidebar hr { margin-top: 13px; border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(,0,0,0.75), rgba(0,0,0,0));
 background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
#content h2 { font-weight: 600; font-size: 16px; padding: 1.5% 1% 1% 2%; }
#sidebar p, #sidebar li, #content p, #content li { font-size: 14px; color: #333; }
#content .box { background: #fff; border: 1px solid #fff; padding-bottom: 15px; }
#content ul { margin: 0 0 1.5% 5%; padding: 0; }
#content li { text-align: left; list-style-type: square; padding: 0 25px 0 15px; }
#content li i { color: #90000 !important; }
#footer { width: 100%; background: #A49275; color: #000; padding: 25px 0 25px 0; }
#footer .li, #footer .mi, #footer .re { float: left; min-height: 40px; }
#footer .li { width: 50%; }
#footer .mi { width: 0%; }
#footer .re { width: 50%; }
#footer .li h3, #footer .re h3 { text-align: left; font-family: 'Open Sans Condensed', sans-serif; color: #000; font-size: 36px; font-weight: 300; }
#footer .mi h3 { text-align: left; font: 300 26px 'Open Sans Condensed', sans-serif; color: #000; padding-bottom: 3%; }
#footer .li h3 { padding-left: 20px; }
#footer .li p, #footer .re p { text-align: left; color: #000; font-size: 14px; padding-left: 52px; }
#footer .mi p { text-align: left; color: #000; font-size: 14px; padding-left: 32px; }
#footer i { color: #900000; }
#footer .superlist { margin: 0; padding-left: 70px; }
#footer .superlist a:link, #footer .superlist a:visited, #footer .superlist a:active { color: #000; display: block; text-decoration: none; line-height: 22px; }
#footer .superlist a:hover { color: #900000; font-weight: bold; }
#footer .normallist { margin: 0; padding-left: 52px; padding-top: 5px; }
#footer .superlist li, #footer .normallist li { font-size: 14px; text-align: left; color: #000; list-style-type: none; }
#footer .superlist i { color: #000 !important; }
#cory { text-align: center; font-size: 13px; padding: 1% 0 0.1% 0; }
/* +++++++++++++++//////////////////////////////++++++++++++++++++++ */
/* +++++++++++++++ Einstellungen Artikelbild +++++++++++++++++++++++ */
#galerie { margin: 1% auto 0 auto; width: 100%; background: #fff; }
#galerie td { padding-top: 1%; width: 100%; text-align: center; }
#galerie img { margin: 1%; border: 1px solid #999; width: 98%; } 

/* +++++++++++++++//////////////////////////////++++++++++++++++++++ */
/* +++ Einstellungen für maximale Bildschirmauflösung bis 1024px +++ */
@media only screen and (max-width: 1024px) {
#container { width: 100%; }
#header .mname { padding: 0 1% 0 0; }
}
/* +++ Einstellungen für maximale Bildschirmauflösung bis 900px +++ */
@media only screen and (max-width: 900px) {
#mainContent { padding: 0; }
#header #logo { display: block; margin: 0 auto; width: 100%; max-width: 310px; -khtml-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#container { margin: 0; -khtml-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#header { -khtml-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#content { width: 100%; margin-right: 0 !important; margin-bottom: 1%; }
#content p, #content li { padding: 0 3%; }
#sidebar { width: 100%; min-height: 100px !important; margin-right: 0 !important; }
#sidebar .box { margin: 0 0 1% 0; }
#footer .li h3, #footer .mi h3, #footer .re h3 { font-size: 30px; }
#footer .superlist, #footer .normallist, #footer .li p, #footer .re p { padding-left: 50px; }
#footer .superlist a:link, #footer .superlist a:visited, #footer .superlist a:active { line-height: 26px; }
#footer .mi p { padding-bottom: 1%; padding-left: 32px; }
}
/* +++ Einstellungen für maximale Bildschirmauflösung bis 768px +++ */
@media only screen and (max-width: 768px) {
#header .mname { width: 100%; border-bottom: 1px solid #999; padding-bottom: 0.3%; }
#header .rechts { width: 50%; }
#header .rechts h3 { padding-left: 3%; }
#header .mname p { padding-bottom: 1%; }
#header .rechts p { padding-left: 16% !important; }
#footer .li, #footer .mi, #footer .re { float: none; width: 100%; }
#footer .mi h3, #footer .re h3 { padding: 7px 0 0 10px; border-top: 2px solid #fff; }
#footer .li h3 { padding: 0 0 0 10px; }
#footer .normallist, #footer .li p, #footer .mi p, #footer .re p { padding: 7px 0 10px 52px !important; }
#footer .superlist { padding: 7px 52px 10px 52px !important; }
}
/* +++ Einstellungen für maximale Bildschirmauflösung bis 480px +++ */
@media only screen and (max-width: 480px) {
#header .mname h3 { font-size: 60px; }
#header .rechts { float: none !important; width: 100%; padding-bottom: 0.3%; }
#header .links { border-bottom: 1px solid #fff; }
#header .rechts p { padding-left: 10% !important; }
#galerie img { margin: 1%; border: none !important; } 
}
/* +++ Einstellungen für maximale Bildschirmauflösung bis 320px +++ */
@media only screen and (max-width: 320px) {
#header .mname h3 { font-size: 36px; }
#header .rechts p { padding-left: 13% !important; }
}