@charset "UTF-8";

/*--------------------------------------------*/
/*---Copyright (c) EDV MAHO Internetagentur---*/
/*--------------------------------------------*/

* {
         font-family: arial,verdana,sans-serif;
         font-size: 100.01%;
         }

html {
         overflow: scroll;
         height: 100%;
         }

body {
         margin: 0;
         padding: 0;
         -webkit-text-size-adjust: 100%;
         }

#wrapper img,
#wrapper embed,
#wrapper object,
#wrapper video {
         max-width: 100% !important;
         height: auto;
         width: auto;
         }

#content .csc-textpic-imagewrap {
         max-width: 100%;
         }

#content img.cloudzoom-gallery {
         width: 64px;
         }

/*---------------*/
/*---Divisions---*/
/*---------------*/

#wrapper {
         margin: 0 auto;
         padding: 0;
         min-width: 320px;
         }

#top {
         margin: 0;
         padding: 0;
         }

#eyecatcher {
         margin: 0;
         padding: 0;
         background-image: url(/fileadmin/images/eyecatcher-bg.png);
         background-position: top right;
         background-repeat: no-repeat;
         background-size: cover;
         }

#eyecatcher #logo {
         padding-top: 10px;
         text-align: center;
         }

#eyecatcher #logo img {
         -moz-box-shadow: 2px 2px 2px #666;
         -webkit-box-shadow: 2px 2px 2px #666;
         -khtml-box-shadow: 2px 2px 2px #666;
         box-shadow: 2px 2px 2px #666;
         }

#eyecatcher #bag {
         padding: 4px 0;
         text-align: center;
         font-size: .8em;
         }

#eyecatcher #bag img {
         padding-right: 4px;
         height: 40px;
         vertical-align: middle;
         }

#eyecatcher #bag a {
         color: #000;
         font-weight: bold;
         text-decoration: none;
         }

#eyecatcher #bag a:hover {
          text-decoration: underline;
          }

#breadcrump {
         margin: 0;
         padding: 2px 10px;
         border-top: 1px solid #e0e1e3;
         border-bottom: 1px solid #f9c0c6;
         background-color: #a71a1f;
         font-size: .7em;
         color: #fff;
         }

#breadcrump a,
#breadcrump span {
         margin: 0 0 0 4px;
         padding: 0 4px 0 12px;
         background-image: url(/fileadmin/images/arrow.gif);
         background-position: center left;
         background-repeat: no-repeat;
         text-decoration: none;
         color: #fff;
         }

#breadcrump span {
         }

#breadcrump a:hover {
         text-decoration: underline;
         }

#content-wrapper {
         margin: 0;
         padding: 0;
         }

#navigation {
         margin: 0;
         padding: 0;
         }

#menu-icon {
         display: none;
         }

#countries {
         margin: 0;
         padding: 10px 1% 0 1%;
         text-align: right;
         }

#countries img {
         border: 1px solid #b2b2b2;
         }

#content {
         margin: 0;
         padding: 0 2%;
         font-size: .95em;
         color: #676767;
         line-height: 1.3;
         -moz-hyphens: auto;
         -webkit-hyphens: auto;
         -khtml-hyphens: auto;
         hyphens: auto;
         }

#footer {
         margin: 0 0 10px 0;
         padding: 0 5%;
         font-size: .85em;
         color: #676767;
         line-height: 1.3;
         }

#footer b {
         font-size: 1.2em;
         }

#footer a {
         color: #676767;
         text-decoration: none;
         }

#footer a:hover {
         color: #a71a1f;
         }

#footer img {
         vertical-align: middle;
         }

#pay {
         margin: 0;
         padding: 0;
         }

#metanavi {
         margin: 0;
         padding: 0;
         line-height: 1.5;
         }

#metanavi ul {
         margin: 0;
         padding: 0;
         }

#metanavi li {
         margin: 0;
         padding: 0;
         list-style-type: none;
        }

#metanavi li a,
#metanavi li span {
         margin: 0 2px;
         padding: 8px 0 8px 10px;
         color: #676767;
         text-decoration: none;
         background-image: url(/fileadmin/images/navi3.jpg);
         background-position: center left;
         background-repeat: no-repeat;
         }

#metanavi li a:hover {
         color: #a71a1f;
         }

#metanavi li span {
         color: #000;
         }

#contact {
         margin: 0;
         padding: 0;
         }

#copyright {
         margin: 14px 0;
         padding: 10px 1%;
         font-size: .8em;
         text-align: center;
         color: #000;
         background-color: #a7a8aa;
         }

#copyright a {
         color: #000;
         text-decoration: none;
         }

#copyright a:hover {
         text-decoration: underline;
         }

/*-------------------*/
/*---Media Queries---*/
/*-------------------*/

@media only screen and (min-width: 480px) {

#pay {
         float: left;
         width: 50%;
         }

#metanavi {
         float: left;
         width: 50%;
         }

#contact {
         width: 100%;
         clear: left;
         }

}

@media only screen and (min-width: 768px) {

#pay {
         width: 39%;
         }

#metanavi {
         width: 33%;
         }

#contact {
         width: 27%;
         float: left;
         clear: none;
         }

}

@media only screen and (min-width: 1024px) {

body {
         padding-top: 8px;
         }

#wrapper {
         margin-top: 8px;
         padding: 10px 32px 0 32px;
         width: 922px;
         border: 2px solid #a71a1f;
         }

#top {
         padding-left: 10px;
         border-top: 2px solid #858688;
         border-right: 2px solid #b2b2b2;
         border-bottom: 2px solid #b2b2b2;
         border-left: 2px solid #858688;
         background-color: #a7a8aa;
         }

#eyecatcher #logo {
         margin: 23px 0 23px 16px;
         padding-top: 0;
         float: left;
         }

#eyecatcher #bag {
         margin: 23px 50px 23px 0;
         padding: 0;
         width: 70px;
         float: right;
         }

#eyecatcher #bag img {
         padding-right: 0;
         width: 75%;
         height: auto;
         }

#content-wrapper {
         background-color: #fff;
         }

#navigation {
         padding: 40px 0 0 4px;
         width: 150px;
         float: left;
         }

#countries {
         padding-right: 0;
         padding-left: 0;
         text-align: left;
         }

#content {
         padding: 10px;
         width: 720px;
         float: right;
         min-height: 350px;
         height: auto !important;
         height: 350px;
         }

#copyright {
         border-top: 1px solid #858688;
         border-right: 1px solid #676767;
         border-bottom: 2px solid #858688;
         border-left: 2px solid #858688;
         }

}

/*----------------*/
/*---Navigation---*/
/*----------------*/

@media only screen and (max-width: 1023px) {

#nav-wrap {
         position: relative;
         }

#nav {
         margin: 0;
         padding: 10px 5%;
         width: 60%;
         clear: both;
         position: absolute;
         top: 36px;
         z-index: 10000;
         background: rgba(255, 255, 255, .9);
         display: none;
         }

#nav ul {
         margin: 0 0 0 5%;
         padding: 0;
         width: auto;
         position: static;
         display: block;
         }

#nav li {
         margin: 10px 0 10px 4%;
         padding: 0;
         list-style: none;
         font-size: .95em;
         }

#nav li a {
         color: #000;
         text-decoration: none;
         }

#nav li a:hover {
         text-decoration: underline;
         }

#nav li span {
         font-weight: bold;
         }

#nav li:hover > ul {
         display: block;
         }

#menu-icon {
         margin: 0;
         padding: 9px 0 0 40%;
         height: 30px;
         color: #000;
         background: #b2b2b2 url(../images/navi-icon.png) 5.625% center no-repeat;
         cursor: pointer;
         display: block;
         font-size: 1em;
         }

#menu-icon:hover {
         color: #fff;
         background-color: #706f6f;
         background-image: url(../images/navi-icon-hover.png);
         transition: background-color .5s;
         }

#menu-icon.active {
         }

}

@media only screen and (min-width: 1024px) {

#navigation ul#nav {
         margin: 0;
         padding: 0;
         }

#navigation ul#nav span,
#navigation ul#nav a.active {
         color: #000;
         display: block;
         font-weight: bold;
         }

#navigation ul#nav a {
         color: #676767;
         text-decoration: none;
         display: block;
         }

#navigation ul#nav a:hover {
         color: #a71a1f;
         }

#navigation ul#nav li {
         list-style: none;
         margin: 0;
         padding: 1px;
         font-size: .9em;
         border-top: 1px dashed #676767;
         }

#navigation ul#nav li span,
#navigation ul#nav li a.active,
#navigation ul#nav li a:hover.active {
         background-image: url(/fileadmin/images/navi1.jpg);
         background-position: center left;
         background-repeat: no-repeat;
         padding: 8px 0 8px 16px;
         }

#navigation ul#nav li a,
#navigation ul#nav li a:hover {
         padding: 8px 0 8px 1px;
         }

#navigation ul#nav li ul {
         margin: 0 0 0 16px;
         padding: 0;
         }

#navigation ul#nav li ul li {
         margin: 0;
         font-size: .95em;
         }

#navigation ul#nav li ul li span,
#navigation ul#nav li ul li a.active,
#navigation ul#nav li ul li a:hover.active {
         background-image: url(/fileadmin/images/navi2.jpg);
         background-position: center left;
         background-repeat: no-repeat;
         padding: 8px 0 8px 13px;
         }

#navigation ul#nav li ul li a,
#navigation ul#nav li ul li a:hover {
         padding: 8px 0 8px 1px;
         }

#navigation ul#nav li ul li ul {
         margin: 0 0 0 13px;
         }

#navigation ul#nav li ul li ul li {
         font-size: .95em;
         }

#navigation ul#nav li ul li ul li span {
         background-image: url(/fileadmin/images/navi3.jpg);
         background-position: center left;
         background-repeat: no-repeat;
         padding: 8px 0 8px 10px;
         }

#navigation ul#nav li ul li ul li a,
#navigation ul#nav li ul li ul li a:hover {
         padding: 8px 0 8px 1px;
         }

}

/*-------------*/
/*---Clearer---*/
/*-------------*/

.clearer {
         clear: both;
         }

/*-------------*/
/*---Clearfix--*/
/*-------------*/

.clearfix:after { /* Der Kern von Clearfix */
         content: ".";
         display: block;
         clear: both;
         height: 0;
         visibility: hidden;
         }

.clearfix { /* IE-Patches für Clearfix */
         display: inline-block;
         }

/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix {
         height: 1px;
         }

.clearfix {
         display: block;
         }
/* Ende des Versteckspiels für den IE5/Mac */