body {margin: 0px 0px 0px 0px; font: normal 13px Arial, Helvetica, sans-serif; color: #888888; line-height: 16px; cursor: default; background-color: white; background: url('graphic/background.jpg') no-repeat center top; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none}

p {margin: 0px; padding: 0px}

sup {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 9px}

ul, ol {margin: 0px 20px 0px 20px; padding: 0px; text-indent: 0px; text-align: left}
li {margin: 0px 20px 0px 20px; padding: 0px; text-indent: 0px; text-align: left}

a {color: #555555; text-decoration: none}
a:hover {color: #333333}

form, input, textarea {margin: 0px; padding: 0px}

.wrapper-init {display: table; margin: 0px auto}
.wrapper-row {display: table-row}
.wrapper-body {display: table-row-group}
.wrapper-cell {display: table-cell}

#menu a {font: bold 15px Arial, Helvetica, sans-serif; color: #333333; line-height: 16px}

img.allegro {width: 58px; height: 20px; vertical-align: middle} 

hr.linered {border: 0px; width: 100%; height: 1px; color: #D0D0D0; background-color: #D0D0D0}

#top-logo {
background: rgba(77,14,128,1);
background: -moz-linear-gradient(left, rgba(77,14,128,1) 0%, rgba(0,82,153,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77,14,128,1)), color-stop(100%, rgba(0,82,153,1)));
background: -webkit-linear-gradient(left, rgba(77,14,128,1) 0%, rgba(0,82,153,1) 100%);
background: -o-linear-gradient(left, rgba(77,14,128,1) 0%, rgba(0,82,153,1) 100%);
background: -ms-linear-gradient(left, rgba(77,14,128,1) 0%, rgba(0,82,153,1) 100%);
background: linear-gradient(to right, rgba(77,14,128,1) 0%, rgba(0,82,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0e80', endColorstr='#005299', GradientType=1 );
}

#theme-right {
background: rgba(0,82,153,1);
background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(77,14,128,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(77,14,128,1)));
background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(77,14,128,1) 100%);
background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(77,14,128,1) 100%);
background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(77,14,128,1) 100%);
background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(77,14,128,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#4d0e80', GradientType=1 );
}

#footer-all {
background: rgba(232,232,232,1);
background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,232,232,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0 );
}

#slideshow-box {margin: 0px; position: relative}
#slideshow {position: absolute}
#slideshow > div {position: absolute}
#slideshow-nav {position: absolute; left: 0px; right: 0px; text-align: center}
#slideshow-labels {position: absolute; left: 0px; right: 0px; text-align: center}
#slideshow-labels div.label {display: block; position: absolute; left: 0px; right: 0px; color: white; vertical-align: baseline; font-family: 'Calibri'}

#slideshow-nav input[type=radio] {visibility: hidden; position: absolute}
#slideshow-nav input[type=radio] + label:before {height: 10px; width: 10px; margin-right: 4px; content: " "; display: inline-block; vertical-align: baseline; transition: 0.3s; background: #EEEEEE; border: 1px solid #EEEEEE; border-radius: 50%}
#slideshow-nav input[type=radio]:checked + label:before {background: #CCCCCC; border: 1px solid #CCCCCC}

img.mini {margin: 0px 15px 15px 0px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); border: 4px solid white; border-radius: 3px}

div.kontakt a {color: #C0C0C0}
div.kontakt a:hover {color: #E0E0E0}

#footer .wrapper-cell img {margin-right: 4px; vertical-align: middle}

@media screen and (min-width: 1180px) {
h1 {font-size: 20px}
#start a {display: none}
#menu-container {margin: 25px auto 25px auto; width: 1140px}
#menu-inner {display: inline-flex; float: right; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3); padding: 15px 0px 15px 0px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px}
#menu-toggle {display: none}
#menu {float: right}
#menu a {padding: 15px 20px 15px 20px; border: 1px solid #E0E0E0}
#menu a:first-child {border-top-left-radius: 6px; border-bottom-left-radius: 6px}
#menu a:last-child {border-top-right-radius: 6px; border-bottom-right-radius: 6px}
#menu a {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
}
#menu a:hover {color: black}
#menu a:hover {
background: rgba(248,248,248,1);
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(208,208,208,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(208,208,208,1)));
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(208,208,208,1) 100%);
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(208,208,208,1) 100%);
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(208,208,208,1) 100%);
background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(208,208,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d0d0d0', GradientType=0 );
}

img.allegro {margin-left: 2px} 

#top-all {padding-top: 75px}
#top {width: 1140px; height: 400px; border: 2px solid white; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6)}
#paper-left-corner {position: absolute; width: 400px; height: 400px}
#top-logo {width: 400px; height: 400px}
#top-slides {width: 740px}
#top-logo {text-align: left; vertical-align: top; cursor: pointer}
#top-logo img.logo {margin-top: 70px; margin-left: 92px}
#slideshow-box {width: 740px; height: 400px}
#slideshow {width: 740px; height: 400px}
#slideshow-nav {bottom: 24px}
#slideshow-labels div.label {top: 250px; background: rgba(240,240,240,0.3); font-size: 50px; line-height: 70px; padding-bottom: 10px; text-shadow: #474747 3px 5px 2px}

#theme-all {padding-top: 40px}
#theme {width: 1140px; height: 400px} 
#theme-left {width: 830px; height: 400px; background-color: white; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4)}
#theme-middle {width: 15px}
#theme-right {width: 295px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); vertical-align: top}
#paper-right-corner {position: absolute; width: 295px; height: 170px}

#footer-all {margin-top: 30px; width: 100%; box-shadow: 0px -3px 3px 0px rgba(160,160,160,0.5)}
#footer {width: 1140px; height: 100px; padding-top: 20px; text-align: center; font: normal 10px Verdana, Helvetica, sans-serif; color: #444444; line-height: 12px} 

div.theme {margin: 30px 35px 30px 35px; padding: 0px 0px 0px 0px; font: normal 15px Arial, Helvetica, sans-serif; color: #333333; line-height: 20px}
div.kontakt {margin: 100px 20px 30px 30px; padding: 0px 0px 0px 0px; font: bold 20px Calibri, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 24px}

#up {display: none}
}

@media screen and (max-width: 1180px) {
h1 {font-size: 22px}
body {background-image: none}
img {max-width: 100%}
#menu-container {display: block; width: 100%}
#menu-inner {display: block; width: 100%}
div.menu {display: none; width: 100%}
div.show {display: block; width: 100%}
#menu-toggle, #menu a {display: block; width: 100%; padding-top: 15px; padding-bottom: 15px; font: bold 18px Arial, Helvetica, sans-serif; color: #111111}
#menu-toggle {padding-left: 100px; cursor: pointer; width: 100%; box-sizing: border-box}
#menu-toggle img {margin-left: -30px; margin-right: 8px; vertical-align: middle}
#menu-toggle, #menu a {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
opacity: 0.80; filter: alpha(opacity=80);
}
#menu a {padding-left: 100px; box-sizing: border-box}
#menu-toggle:hover, #menu a:hover {
opacity: 1; filter: alpha(opacity=100);
}

img.allegro {margin-left: 0px} 

#top-all {padding-top: 20px}
#top {width: 95%; height: 400px; border: 2px solid white; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6)}
#paper-left-corner {position: absolute; height: 400px}
#top-logo {display: block; width: 100%; height: 400px}
#top-slides {display: block; width: 100%}
#top-logo {text-align: left; vertical-align: top; cursor: pointer}
#top-logo img.logo {margin-top: 70px; margin-left: 92px}
#slideshow-box {display: block; width: 100%; height: 400px}
#slideshow {display: block; width: 100%; height: 400px; overflow: hidden}
div.slide {width: 100%}
div.slide img {width: 100%}
#slideshow-nav {bottom: 20px}
#slideshow-labels div.label {top: 100px; width: 100%; background: rgba(240,240,240,0.3); font-size: 30px; line-height: 36px; padding-bottom: 10px; text-shadow: #474747 3px 5px 2px}

#theme-all {padding-top: 20px}
#theme {width: 95%; height: 200px; border: 2px solid white; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6)}

#theme-left {display: block; width: 100%; min-height: 220px}
#theme-middle {display: none}
#theme-right {display: block; width: 100%; min-height: 200px}
#paper-right-corner img {float: right}

#footer-all {margin-top: 30px; width: 100%; box-shadow: 0px -3px 3px 0px rgba(160,160,160,0.5)}
#footer {width: 100%; height: 160px; padding-top: 20px; text-align: center; font: normal 10px Verdana, Helvetica, sans-serif; color: #444444; line-height: 12px} 

div.theme {margin: 30px 15px 30px 15px; padding: 0px 0px 0px 0px; font: normal 16px Arial, Helvetica, sans-serif; color: #333333; line-height: 22px}
div.kontakt {margin: 0px 20px 0px 30px; padding: 100px 0px 0px 0px; font: bold 28px Calibri, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 32px}

#up {position: fixed; bottom: 120px; right: 30px; cursor: pointer}
}