/* normalize.css v1.0.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
button,input,select,textarea {font-family: sans-serif;}
* html {font-size: 81.25%;}
html {font-size: 13px; line-height: 14px; overflow-y: scroll; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
body {font: Helvetica,Arial,sans-serif; color: #333; position: relative; height: 954px; width: 900px; margin:0;}
.spinner {position:absolute; top:300px; left:450px;}
a:focus {outline:thin dotted;}
a:active, a:hover {outline:0;}
h1 {font-size:2em; margin:0.67em 0;}
h2 {font-size:1.5em; margin:0.83em 0; color:#961734;}
h3 {font-size: 1.17em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: 0.83em; margin: 1.67em 0;}
h6 {font-size: 0.67em; margin: 2.33em 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
p,pre {margin: 1em 0;}
code,kbd,pre,samp {font-family: monospace,serif; font-size: 1em;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before,q:after {content: ""; content: none;}
small {font-size: 80%;}
sub { font-size: 75%; line-height: 0; position: relative;vertical-align: baseline;}
sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em;}
sub {bottom: -0.25em;}
dl,menu,ol,ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu,ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none; list-style-image: none;}
img {border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
figure,form {margin: 0;}
fieldset {border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; white-space: normal;}
button,input,select,textarea {font-size: 100%; margin: 0; vertical-align: baseline;}
button,input {line-height: normal;}
button,html input[type="button"] {-webkit-appearance: button; cursor: pointer;}
input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled] {cursor: default;}
input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
.head {padding: 20px; position: absolute; width: 100%; z-index: 10;}
.head h2 {display: inline; margin-left: 20px; position: absolute; top: 30px; vertical-align: top;}
.button {border: 1px solid #5B5C5C; border-radius: 5px; display: inline-block; height: 25px; margin-right: 26px; margin-top: 43px; text-align: center; width: 90px;}
.button.cur {background: #ededee;}
.button a {color: #5B5C5C; display: block; height: 19px; padding-top: 6px; position: relative; text-decoration: none; width: 100%;}
/*#europa { background: url('../img/laender/europa_miniatur.png') no-repeat center; position: absolute; top: 160px; left: 25px; margin: 0; width: 135px; height: 135px; border: 1px solid rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1); }
#europa:hover { border: 1px solid rgba(0,0,0,0.8); cursor: pointer; }*/
.map {width: 940px;}
.kineticjs-content {margin: 0 20px;}
.Legende {position: absolute; left: 750px; top: 177px;}
.Legende ul {list-style-type: square;}
.Legende li {font-size: 45px; padding-bottom: 5px;}

/*kartenelemente*/
.Legende li span {color: #000000; font-size: 13px; vertical-align: middle;}
/*boxelemente*/
.box {background: #FFF; display: block; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.65); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.65); box-shadow: 0 0 4px rgba(0,0,0,0.65); padding: 15px 20px 20px 20px; width: 330px; position: absolute; left: 100px; border-radius: 25px; z-index: 15; right:auto;}
.box.left .shape { left:auto;right:50px; }
.box h2 {color: #5b5c5c; font-size: 20px; line-height: 10px; margin:0; padding:0; font-weight: 600;}
.box h2 img { width:100%; }
.box table tr td { padding: 5px;}
.box table a { color: #333; text-decoration: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.box table a:hover, .box ul tr:hover a { color:#AA5266; }
.box .close {color: #333333; float: right; font-size: 30px;}
.box .close { cursor: pointer;}
.box .shape {border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-top: 17px solid #F2F2F2; bottom: -17px; height: 0; left: 56px; position: absolute; width: 0;}


.copyright {bottom: 0; position: absolute; display: block !important; width: 100%;}
.copyright p {color: #B2B2B2; font-size: 12px; font-style: italic; padding-left: 20px;}
.copyright > img {bottom: 15px; position: absolute; right: 20px;}
/*.loader {display: block; width: 10px; height: 10px; position: fixed; top: 50%; left: 50%; border: 4px solid; border-right-color: transparent; border-radius: 50%; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; color: #555; background-color: transparent;}
.loader:after {content: ""; width: 0; height: 0; display: block; position: absolute; top: -50%; right: -50%; border: 4px solid transparent; border-left-color: inherit;}*/
#socialshareprivacy {position: absolute; bottom: 60px; padding-left: 20px; display: block !important; }
.social_share_privacy_area li.settings_info {display: none;}
/*@-moz-keyframes spin {to { -moz-transform: rotate(360deg); transform: rotate(360deg);} }
@-webkit-keyframes spin { to {-webkit-transform: rotate(360deg); transform: rotate(360deg);} }
@-o-keyframes spin { to {-o-transform: rotate(360deg); transform: rotate(360deg);} }
@-ms-keyframes spin { to {-ms-transform: rotate(360deg); transform: rotate(360deg);} }*/
@keyframes spin {to {transform: rotate(360deg);} }