* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#main { background: #999; width: 100%; padding-top: 20px; }
#container { width: 960px; margin: 0 auto; }
#header, #content, #nav_oben, #nav_unten { width: 100%; }
#header #logo { margin-top: -10px; width: 100%; max-width: 420px; }
#inhalt .box { width: 700px; }
#sidebar .box { width: 250px; }
#sidebar, #inhalt { float: right; min-height: 500px; }
#header .boxli, #header .boxre { width: 50%; float: right; min-height: 50px; }
#header .boxmobile { display: none; }
#header #formular { width: 50%; float: right; min-height: 1px; }
#sidebar { padding-right: 10px; }
.navi { width: 904px; margin: 0 auto; }
#container .clearfix { clear: both; }
#container .pixel { height: 5px; }
#header .titel { background: url('bg-tab-titel-960.png') no-repeat; height: 100px; }
#header .text { background: url('bg-tab-960.png') repeat-y; padding: 0 35px; }
#header .unten { background: url('bg-tab-unten-960.png') no-repeat; height: 40px; }
#header .boxre a.newsletter { background: url('newsletter2.png') no-repeat; }
#header .boxre a.newsletter:hover { background: url('newsletter2-hover.png'); }
#header .boxre a.shop { background: url('shop2.png') no-repeat; }
#header .boxre a.shop:hover { background: url('shop2-hover.png'); }
#header .boxre a.fav { background: url('fav2.png') no-repeat; }
#header .boxre a.fav:hover { background: url('fav2-hover.png'); }
#inhalt .titel { background: url('bg-tab-titel-690.png') no-repeat; height: 100px; }
#inhalt .text { background: url('bg-tab-690.png') repeat-y; padding: 0 35px; }
#inhalt .unten { background: url('bg-tab-unten-690.png') no-repeat; height: 40px; }
#sidebar .titel { background: url('bg-tab-titel.png') no-repeat; height: 100px; }
#sidebar .text { background: url('bg-tab.png') repeat-y; padding: 0 35px; }
#sidebar .unten { background: url('bg-tab-unten.png') no-repeat; height: 40px; }
#nav_oben { background: url('navi.png') no-repeat; height: 110px; }
#nav_unten { background: url('navi-footer.png') no-repeat; height: 180px; }
#header h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #ffffff; font-size: 60px; margin: -25px 0 0 0; text-shadow: 2px 2px 2px #333333; filter: dropshadow(color=#333333, offx=2, offy=2); }
#header h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #333333; text-shadow: 2px 2px 2px #666666; margin: 0; filter: dropshadow(color=#666666, offx=2, offy=2); font-size: 22px; padding-top: 10px; }
#header .titel p { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 13px; color: #e7e7e7; margin: 0; padding: 40px 0 0 15px; text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=#000000, offx=2, offy=2); }
#header .titel span { color: #fff; }
#header ul { margin: 0; padding: 0; }
#header li { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; list-style-type: none; line-height: 125%; color: #ffffff; text-shadow: 2px 2px 2px #666666; filter: dropshadow(color=#666666, offx=2, offy=2); margin: 0; }
#header li i { color: #336600; }
.randi { border-left: 1px solid #999999; }
#header .boxre a { position: relative; top: -10px; display: block; float: right; width: 135px; height: 125px; border-right: 1px solid #999999; text-decoration: none; -webkit-box-shadow: 0 8px 6px -6px #666666; -moz-box-shadow: 0 8px 6px -6px #666666; box-shadow: 0 8px 6px -6px #666666; }
#header .boxre a:hover { text-decoration: none; }
#header #formular { text-align: right; margin-top: -30px; padding-bottom: 5px; }
#header form { margin: 0; padding: 0; }
#header input, #header button { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; background: #ccc; text-shadow: 2px 2px 2px #999999; filter: dropshadow(color=#999999, offx=2, offy=2); border: 1px solid #999999; -webkit-box-shadow: 0 8px 6px -6px #666666; -moz-box-shadow: 0 8px 6px -6px #666666; box-shadow: 0 8px 6px -6px #666666; }
#header input[type="text"] { color: #666666; width: 200px; padding: 5px 5px 7px 5px; margin-right: 3px; }
#header button[type="submit"] { color: #666666; cursor: pointer; padding: 5px 10px 7px 10px; }
#header button[type="submit"]:hover { color: #336600; }
#header button[type="submit"]::-moz-focus-inner { border: 0; }
#header ::-webkit-input-placeholder { color: #666666; }
#header :-moz-placeholder { color: #666666; }
#header .placeholder { color: #666666; }
.navi a:link, .navi a:visited, .navi a:active { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; line-height: 60px; color: #fff; float: left; width: 160px; text-align: center; margin: 0 10px; text-decoration: none; text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=#000000, offx=2, offy=2); }
.navi a:hover { text-decoration: none; color: #ccc; }
#content h1 { font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: left; color: #ffffff; font-size: 18px; padding: 32px 0 0 15px; margin: 0; text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=#000000, offx=2, offy=2); }
#content h1 i { color: #cccccc; }
#content h2, #content p, #content ul, #content li, #content div { font-family: 'Open Sans', sans-serif; }
#content h2 { color: #000000; text-align: left; }
#content p, #content ul, #content li { color: #333333; }
#content p { text-align: justify; margin: 0; padding: 0 0 10px 0; }
#content hr, #nav_unten hr { border: 0; height: 1px;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,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 a:link, #content a:visited, #content a:active { color: #336600; }
#content a:hover { text-decoration: none; color: #000; }
#sidebar h2 { font-size: 14px; margin: -5px 0 1px 0; line-height: 115%; }
#sidebar p { font-size: 13px; line-height: 115%; }
#sidebar .pics { padding: 10px 0; }
#sidebar .resp { width: 100%; max-width: 300px; }
#sidebar img { -webkit-box-shadow: 0 8px 6px -6px #333333; -moz-box-shadow: 0 8px 6px -6px #333333; box-shadow: 0 8px 6px -6px #333333; }
#sidebar .flag p { padding: 0 !important; }
#sidebar .flag img { margin: 0; }
#sidebar .flag hr { margin: 3px !important; }
#sidebar hr { margin: 3px 3px 10px 3px; }
#sidebar .superlist { margin: 0; padding: 0 0 10px 0; }
#sidebar .superlist li { font-size: 13px; font-weight: 600; list-style-type: none; margin: 0; padding: 1% 1% 1% 3%; }
#sidebar .superlist i { color: #333333; }
#sidebar p i { color: #333333; }
#inhalt h2 { font-size: 16px; margin: 15px 0 5px 0; line-height: 115%; }
#inhalt h2.first { margin: -5px 0 5px 0 !important; }
#inhalt p { font-size: 14px; line-height: 115%; }
#inhalt p.bg { border: 1px solid #666; font-weight: 600; font-size: 13px !important; background: #ccc; padding: 10px !important; margin-bottom: 10px !important; }
#inhalt ul { margin: 3px 0 10px 15px; padding: 0; }
#inhalt li { font-size: 14px; line-height: 130%; list-style-type: square; margin-left: 15px; padding: 0; }
#inhalt hr { margin: 10px 3px; }
#content span { color: #336600; border-bottom: 1px dotted #000; margin-bottom: 1px; }
#content p.kl { margin-top: -5px; padding-left: 15px; font-size: 12px; }
#inhalt img.noborder { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#nav_unten p { font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center; font-size: 12px; color: #333; margin-top: 20px; }
#nav_unten p a { color: #000000; }
#nav_unten p a:hover { color: #336600; text-decoration: none; }
#nav_unten hr { display: none; }
/* +++++++++++++++//////////////////////////////++++++++++++++++++++ */
/* +++++++++++++ Einstellungen ZOOM-Bildergalerie ++++++++++++++++++ */
#galerie { margin: 1% auto 0 auto; width: 99%; }
#galerie td { vertical-align: top; }
#galerie .zoom { width: 80%; text-align: left; }
#galerie .thumbs { width: 19%; text-align: right; }
#galerie img { margin: 0 1% 3% 0; border: 1px solid #999; } 
#galerie .zoom img { width: 98%; }
#galerie .thumbs img { width: 98%; }
#galerie img:hover { text-decoration: none; border: 1px solid #333333; } 
/* +++++++++++++++//////////////////////////////++++++++++++++++++++ */

/* +++ Einstellungen f�r maximale Bildschirmaufl�sung bis 1024px +++ */
@media only screen and (max-width: 1024px) {
#main { padding: 15px 0; }
#container { width: 700px; }
#inhalt .box, #sidebar .box { width: 100%; }
#header .boxre { display: none; }
#header .boxmobile { width: 50%; float: right; min-height: 20px; display: inline; text-align: right; margin-top: -10px; }
#header .boxmobile a:link, #header .boxmobile a:visited, #header .boxmobile a:active { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; display: inline; border: 1px solid #999999; background: #cccccc; color: #333333; text-decoration: none; padding: 5px; text-shadow: 2px 2px 2px #666666; filter: dropshadow(color=#666666, offx=2, offy=2); -webkit-box-shadow: 0 8px 6px -6px #666666; -moz-box-shadow: 0 8px 6px -6px #666666; box-shadow: 0 8px 6px -6px #666666; }
#header .boxmobile a:hover { color: #336600; }
#header .titel p { padding: 27px 0 0 15px; }
#sidebar { padding-right: 0; }
#nav_oben { display: none !important; }
.navi { width: 600px; }
#header .titel, #sidebar .titel, #inhalt .titel { background: url('bg-tab-titel-690.png'); }
#header .text, #sidebar .text, #inhalt .text { background: url('bg-tab-690.png'); }
#header .unten, #sidebar .unten, #inhalt .unten { background: url('bg-tab-unten-690.png'); }
#header h1 { font-size: 48px; }
#header h2 { font-size: 20px; }
#header li { font-size: 14px; }
#sidebar h2 { font-size: 16px; line-height: 115%; }
#sidebar p { font-size: 14px; line-height: 115%; }
#sidebar .flag hr { margin: 5px !important; }
#sidebar, #inhalt { clear: both !important; width: 100%; }
#sidebar .superlist li { font-size: 14px; }
#sidebar .superlist i { color: #000000; }
#sidebar p i { color: #000000; }
#nav_unten { background: url('bg-tab-690.png') repeat-y; height: 80px; }
.navi a:link, .navi a:visited, .navi a:active { line-height: 20px; float: left; width: 20%; margin: 10px 0 0 0; text-align: left; color: #336600; text-shadow: none; filter: none; }
.navi a:hover { color: #333333; }
#nav_unten p { padding: 10px 0 5px 0; margin: 0; }
#nav_unten hr { display: block; margin: 10px 10px 0 10px;}
}

/* +++ Einstellungen f�r maximale Bildschirmaufl�sung bis 768px +++ */
@media only screen and (max-width: 768px) {
#main { padding: 0; }
#container { width: 100%; }
#header #logo { margin-top: 0; }
#header .titel { height: 55px; }
#header .titel p { padding: 10px 10px 0 10px; }
#header .titel, #sidebar .titel, #inhalt .titel { background-image: none; background: #336600; }
#sidebar .titel, #inhalt .titel { height: 48px; }
#header .text, #sidebar .text, #inhalt .text { background-image: none; background: #999999; padding: 0 12px; }
#content h1 { font-size: 26px; padding: 5px 0 5px 10px; margin: 0; }
#header h1 { font-size: 72px; margin: 0; }
#header h2 { font-size: 22px; }
#header li { font-size: 16px; }
#header .boxli { width: 100%; }
#header .boxmobile { display: none; }
#header #formular { width: 100%; text-align: center; padding-top: 0; margin: 25px 0 7px 0; }
#header input, #header button { font-size: 16px; border: 1px solid #666666; padding: 12px 10px 14px 10px !important; }
#header input[type="text"] { width: 86%; margin-right: 1%; }
#header button[type="submit"] { width: 12%; }
#header .unten, #sidebar .unten, #inhalt .unten { display: none; }
#sidebar h2 { padding-top: 10px; margin: 0 0 1px 0; }
#inhalt h2 { margin: 0 0 5px 0; padding-top: 10px; }
#inhalt h2.first { margin: 0 0 5px 0 !important; padding-top: 15px; }
#nav_unten { background-image: none; height: 80px; background: #cccccc; width: 100%; }
#nav_unten hr { display: none; }
#nav_unten p { font-size: 14px; }
.navi { width: 100%; background: #cccccc; }
#nav_unten .navi a { display: block; width: 100%; text-align: center; font-size: 20px; background: #cccccc; margin: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #999999; }
}

/* +++ Einstellungen f�r maximale Bildschirmaufl�sung bis 500px +++ */
@media only screen and (max-width: 500px) {
#header .titel { height: 70px; }
#header h1 { font-size: 48px; }
#sidebar .titel, #inhalt .titel { height: 40px; }
#header .text, #sidebar .text, #inhalt .text { padding: 0 5px; }
#content h1 { font-size: 20px; }
}

/* +++ Einstellungen f�r maximale Bildschirmaufl�sung bis 400px +++ */
@media only screen and (max-width: 400px) {
#header .titel { height: 90px; }
#header h1 { font-size: 44px; }
#header li { font-size: 14px; }
#sidebar .titel, #inhalt .titel { height: 34px; }
#content h1 { font-size: 16px; }
#header #formular { margin: 15px 0 10px 0; }
#header input, #header button { font-size: 14px; }
#header input[type="text"] { width: 82%; margin-right: 1%; }
#header button[type="submit"] { width: 16%; }
}

/* +++ Einstellungen f�r maximale Bildschirmaufl�sung bis 320px +++ */
@media only screen and (max-width: 320px) {
#header .titel { height: 105px; }
#header h1 { font-size: 36px; }
#header h2 { font-size: 18px; }
#sidebar .titel, #inhalt .titel { height: 30px; }
#content h1 { font-size: 14px; padding: 5px 0 5px 5px; }
}