.toast-container {
	width: 320px;
	z-index: 9999;
}


* html .toast-container {
	position: absolute;
}

.toast-item {
	height: auto;
	background: #303030;
    opacity: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #eee;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;

	font-size: 14px;
	border: 1px solid #000;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	
	-moz-box-shadow: 0 0 12px 1px #fff;
-webkit-box-shadow: 0 0 12px 1px #fff;
box-shadow: 0 0 12px 1px #999;



 padding: 0 20px; border-radius: 5px; background-color: #d0d6ea; border: 2px solid #7f8dc3; color: #4d587f; 


}

.toast-item a { color: #B55242; text-decoration: none; border-bottom: 1px solid transparent; }
.toast-item a:hover { border-bottom: 1px dotted #B55242; }

.toast-item p {
    text-align: left;
    margin-left: 0px; /*50px;*/
    margin:0px; 
    /*font-size:13px;
    text-shadow: #000 1px 1px;*/
    font-family: 'Signika Negative'; 
    font-size:16px;
    text-shadow:1px 1px #fff;
    line-height:30px; margin:6px 0;
}

.toast-item-close {
    display:none;
    background:url(../images/close.png);
    width:10px;
    height:10px;
    position: absolute;
    top:7px;
    right:7px;
    cursor: pointer;
}

.toast-item-image {
    width:32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}
/*
.toast-item-image-notice {
    background:url(../images/notice.png);
}

.toast-item-image-success {
    background:url(../images/success.png);
}

.toast-item-image-warning {
    background:url(../images/warning.png);
}

.toast-item-image-error {
    background:url(../images/error.png);
}
*/

/**
 * toast types
 *
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
/*.toast-type-notice {
    color: white;
}

.toast-type-success {
    color: white;
}

.toast-type-warning {
    color: white;
    border-color: #FCBD57;
}

.toast-type-error {
    color: white;
    border-color: #B32B2B;
}
*/

/**
 * positions
 *
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.box-ad .ad-img img{display: block; margin: 0 auto;}
.box-ad .ad-text {margin-top:20px;}
.box-ad .ad-link a{color: #BDBDBD; font-size: 13px; font-weight: bold; font-style: italic; }
.box-ad .ad-separator {background: #BDBDBD; height: 1px;margin: 20px 40px;}

   .box-article .article-placeholder {margin: 0 0 10px 25px; width: 550px;}
.box-article .article-placeholder a {color: #2781bf; }

.box-article .article-header { margin:0; padding:0 0 15px; color: #676767; font-size: 28px; font-family: 'Georgia', serif; font-weight: 400; line-height:35px;}
.box-article .article-header a{text-decoration:none; color: #676767; font-size: 28px;}
.box-article .article-header a:hover {text-decoration:underline;}


.box-article .article-section {float: left; font-size: 18px;}
.box-article .article-info {float: right; font-size: 13px; line-height: 13px; text-align: right;}
.box-article .article-info .decorator {margin-left: 2px;}
.box-article .article-info .author {font-weight: bold;}
.box-article .article-info .date {}

.box-article .article-teaser {font-weight: bold;}
.box-article .article-teaser p {margin: 10px 0;}
.box-article .article-teaser a:hover {text-decoration: underline}

.box-article .article-heading {position: relative;}
.box-article .article-heading .img-container {position: relative; background: #676767;}
.box-article .article-heading img {border:none; margin: 0 auto; display: block;}
.box-article .article-heading span, .box-article .article-heading .img-source {color: #BEBEBE; font-style: italic; font-weight: bold; font-size: 11px; display: block;}
.box-article .article-heading .img-source {position: absolute; bottom: 0px; right: 0px; color: #fff; font-size: 11px; font-style: normal; font-weight: normal; padding: 0 9px; background: #676767;}
.box-article .article-heading .img-desc {color: #3e3e3e; font-style: normal;}

.box-article .article-content {display: block; text-align: justify;}
.box-article .article-content img {display: block; border: none;}
.box-article .article-content p {font-size:13px; line-height:20px; color: #676767; font-family: 'Open Sans', sans-serif; text-decoration: none; margin: 10px 0;}
.box-article .article-content a {color: #2781bf; font-weight: bold;}
.box-article .article-content a:hover {text-decoration:underline;}
.box-article .article-content img:hover {text-decoration:none;}
.box-article .article-special {font-size:9px; color: #BEBEBE; font-weight: bold;}

.box-article .article-gallery li {display:none;}
.box-article .article-gallery-minlist {margin: 10px 0;}
.box-article .article-gallery-minlist li {cursor: pointer; display: block; float: left; margin: 0 10px 7px 0;}
.box-article .article-gallery-minlist li a {opacity:0.6;}
.box-article .article-gallery-minlist li .active {opacity:1;}
.box-article .article-gallery-minlist li .active img {background: #2781bf;}
.box-article .article-gallery-minlist img {padding-bottom: 3px;}

.box-article .article-content h1 {
    margin: 1em 0 0.5em;
    font-size: 2em;
    font-weight: 700;
}
.box-article .article-content h2 {
    margin: 1em 0 0.5em;
    font-size: 1.5em;
    font-weight: 700;
}
.box-article .article-content h3 {
    margin: 1em 0 0.5em;
    font-size: 1.25em;
    font-weight: 700;
}
.box-article .article-contentp {
    margin: 0.5em 0;
}
.box-article .article-content ul,
.box-article .article-content ol {
    margin: 0.5em;
}
.box-articlelist ul{margin:0; padding:0; list-style:none;}
.box-articlelist a {color: #07A1E2;}

.box-articlelist .articlelist-header  { margin:0; padding:0 0 5px; float: left; color: #676767; font-size: 28px; font-family: 'Georgia', serif; font-weight: 400; line-height:35px;}
.box-articlelist .articlelist-header  a{text-decoration:none; color: #676767; font-size: 28px;}
.box-articlelist .articlelist-header  a:hover{text-decoration:underline;}

.box-articlelist .articlelist-container {display: block; width: 100%; margin-bottom: 10px;}
.box-articlelist .articlelist-content {line-height: 16px; color: #3e3e3e;}
.box-articlelist .articlelist-topline {font-size: 18px; margin-bottom: 7px;}
.box-articlelist .articlelist-img {float:left; margin-right: 5px; margin-bottom: 5px;}
.box-articlelist .articlelist-img img {padding-bottom: 4px;}
.box-articlelist .articlelist-title {color: #676767; display: block; font-size: 18px; font-weight: normal; font-family: 'georgia', serif; line-height: 23px; margin-bottom:14px; text-decoration: none;}
.box-articlelist .articlelist-title:hover {text-decoration: underline;}

/*
.box-articlelist .articlelist-container{float:left; display: block; margin: 0 0 10px; padding: 0 0 10px;  width: 100%;}
.box-articlelist .articlelist-img {float:left;}
.box-articlelist .articlelist-img img {padding-bottom: 4px;}
.box-articlelist .articlelist-content {float: right;width: 460px;line-height:16px;}
.box-articlelist .articlelist-title { margin: 5px 0; padding: 0; color: #3E3E3D; font-size: 20px; font-weight: bold; line-height:27px;}
.box-articlelist a.articlelist-title:hover{text-decoration:underline;}

*/
.box-articlelist .articlelist-date {font-size: 11px; font-weight: bold; color: #bdbdbd;}
.box-articlelist .articlelist-placeholder {margin: 0 0 20px;}

.box-articlelist .articlelist-more {color: #2781bf; font-size: 14px; font-weight: bold; font-family: 'Open Sans', sans-serif; display: block; margin:7px 0; text-decoration: none;}
.box-articlelist .articlelist-more:hover {text-decoration: underline;}

.box-articlelist .articlelist-special {font-size:9px; color: #BEBEBE; font-weight: bold; margin-right:5px;}

.box-articlelist .articlelist-comment {background: url('/public/img/icon-comment.png') no-repeat left bottom; margin-left: 10px; padding-left: 18px; font-size: 13px; font-weight: bold;}

.box-articlelist .articlelist-bottom-border {background: url("/public/img/header-dotted-line.png") repeat-x scroll 0 bottom transparent; padding-bottom: 5px;}

.box-articlelist .articlelist-related {padding: 0; margin-bottom: 5px;}
.box-articlelist .articlelist-related .articlelist-content {float: right; width: 508px; line-height:16px; }
.box-articlelist .articlelist-related .articlelist-content .articlelist-title { margin: 0; padding: 0; color: #3E3E3D; font-size: 17px; line-height: 18px;}
.box-articlelist .articlelist-related .articlelist-content .articlelist-topline {font-size: 15px; font-weight: bold; margin-bottom: 0;}

.box-articlelist .articlelist-bg-news {background: #cb5a2c;}
.box-articlelist .articlelist-bg-extra {background: #afc009;}
.box-articlelist .articlelist-bg-videos {background: #63a8a1;}
.box-articlelist .articlelist-bg-retro {background: #9749cd;}
.box-articlelist .articlelist-bg-japan {background: #961c2a;}
.box-auth .auth-container {float: right; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 10px 20px;}
.box-auth .auth-l {float:left; margin-right: 10px;}
.box-auth .auth-r {float:right;}
.box-auth .auth-text {color: #fff;}
.box-auth .auth-action {color: #fff; padding-left: 3px;}
.box-auth .auth-decorator {border-left: 2px solid #07A1E2; display: inline-block; height: 10px; margin-right: 3px;}.box-breadcrumbs .inset {font-family: 'Open Sans',sans-serif; font-size: 13px; font-weight: 400; height: 100%; margin: 10px 0 20px 20px; padding: 0;}
.box-breadcrumbs .inset a {color: #676767;}
.box-breadcrumbs .inset h1 {display: inline-block;}
.box-breadcrumbs .inset .decorator {margin-left: 1px; margin-right: 2px; border-left: 1px solid #676767; display: inline-block; height: 10px; }
.box-breadcrumbs .inset .last span {font-weight: bold;}
.box-breadcrumbs .inset .start {margin-right: 2px;}
.box-comment .comment-placeholder {margin: 10px 0; padding-bottom: 20px; background: url("/public/img/header-dotted-line.png") repeat-x scroll 0 bottom transparent;}
.box-comment .comment-img {float: left;}
.box-comment .comment-img img {display: block;}
.box-comment .comment-info {margin: 0 0 2px 42px;}
.box-comment .comment-date {color: #787878; font-weight: 500; line-height: 15px; padding-top: 4px;}
.box-comment .comment-author {color: #07A1E2; font-size: 15px; font-weight: bold; margin-right: 4px;}
.box-comment .comment-author:hover {text-decoration: underline;}
.box-comment .comment-text {font-size: 14px;}
.box-comment .comment-reply {text-align: right;}
.box-comment .comment-button {color: #3e3e3e; font-size: 14px;}
.box-comment .comment-button:hover {text-decoration: underline;}

.box-contentbox .contentbox-placeholder{margin: 0; padding: 0 25px 30px 0; font-weight: 500 !important; font-size: 13px !important;}
.box-contentbox ul {margin:0; padding:0; list-style:none; }

.box-contentbox .contentbox-imgcontainer {position: relative;}
.box-contentbox .contentbox-img {display: block; width: 250px; height: 200px;}
.box-contentbox .contentbox-img img { display: block; border: none;}
.box-contentbox .contentbox-img-hover {position: absolute; top: 0; width: 100%; height: 130px; display: none;}
.box-contentbox .contentbox-img-hover .contentbox-img-hover-bg {position: absolute; width: 100%; height: 130px; z-index: 70; background: #ffffff; opacity: 0.6;}

.box-contentbox .contentbox-datebox {float: right;}
.box-contentbox .contentbox-place {font-size: 14px; font-weight: bold; color: #bdbdbd; min-height: 30px;}
.box-contentbox .contentbox-header {float: left; position: relative; display: block; margin: 0; padding: 0;}
.box-contentbox .contentbox-header a {color: #676767;}
.box-contentbox .contentbox-header a:hover {text-decoration:underline;}
.box-contentbox .contentbox-content {display: block; text-decoration: none; width: 300px; float: right} 
.box-contentbox .contentbox-content p {font-size:13px; line-height:20px; color: #676767; text-decoration: none; margin: 0;}
.box-contentbox .contentbox-special {font-size:9px; color: #BEBEBE; font-weight: bold; margin-right:5px;}

.box-contentbox .contentbox-title {color: #676767; display: block; font-size: 18px; font-weight: normal; font-family: 'georgia', serif; line-height: 23px; margin-bottom:14px; text-decoration: none;}
.box-contentbox .contentbox-title:hover {text-decoration: underline;}
.box-contentbox .contentbox-teaser {color: #676767; font-size: 14px;  font-family: 'Open Sans', sans-serif; margin-bottom:7px;}

.box-contentbox .contentbox-more {color: #2781bf; font-size: 14px; font-weight: bold; font-family: 'Open Sans', sans-serif; display: block; margin:7px 0; text-decoration: none;}
.box-contentbox .contentbox-more:hover {text-decoration: underline;}.box-datebox .datebox-container {height: 32px; line-height: 32px; padding: 0px 8px; margin: 0 0 10px; display: inline-block; background: #2781bf; border-bottom: #FAE876}
.box-datebox .datebox-date {color: #fff; font-size: 18px; font-family: 'Georgia', serif;}.box-dates .dates-list{line-height: 24px; list-style:none;}
.box-dates .dates-list a{display:block; line-height: 24px; color: #676767; font-weight: 400;text-decoration:none; text-indent: -65px; margin-left: 65px;}
.box-dates .dates-list a:hover{text-decoration:underline;}
.box-dates .dates-img{display: block; margin-left: auto; margin-right: auto;}
.box-dates .dates-more{color: #676767; font-weight: bold;text-decoration:none;}
.box-dates .dates-more:hover{text-decoration:underline;}.box-event .event-placeholder {margin: 0 25px 25px; }
.box-event .event-placeholder a {text-decoration: none; color: #2781bf}

.box-event .event-header { margin:0; padding:0 0 10px; color: #676767; font-size: 28px; font-family: 'Georgia', serif; font-weight: 400; line-height:35px;}
.box-event .event-header a{text-decoration:none; color: #676767; font-size: 28px;}
.box-event .event-header a:hover{text-decoration:underline;}

.box-event .event-subheader { margin:0; padding:0; color: #676767; font-size: 20px; font-family: 'Georgia', serif; font-weight: 400; line-height:35px;}

.box-event .event-date{float: left; height: 32px; line-height: 32px; padding: 0px 8px; margin: 10px 0 20px; background: #2781bf; color: #fff; font-size: 18px; font-family: 'Georgia', serif;}

.box-event .event-place{color: #BDBDBD;font-size: 14px; font-weight: bold; } 

.box-event .event-link a{font-weight: bold;}
.box-event .event-link a:hover {text-decoration: underline}

.box-event .event-heading{float: right; margin: 10px 0 10px 10px;}
.box-event .event-heading img {border:none; display: block;}
.box-event .event-heading span {color: #676767; font-style: italic; font-size: 11px; }
.box-event .event-heading span {display: block; line-height: 14px; margin-top: 3px; max-width: 250px;}

.box-event .event-heading-second {clear: right; float: left; margin: 10px 20px 10px 0;}

.box-event .event-content {display: block;}
.box-event .event-content img { display: block; border: none;}
.box-event .event-content p {font-size:13px; line-height:20px; color: #676767; font-family: 'Open Sans', sans-serif; text-decoration: none; margin: 10px 0;}

.box-event .event-info {padding: 15px 10px; margin: 0 0 15px; background: #ebebeb; min-height: 36px;} 
.box-event .event-info p {display: table-row; line-height: 25px;}
.box-event .event-info a {font-weight:bold; }
.box-event .event-info a:hover {text-decoration:underline;}
.box-event .event-info span{font-weight:bold; display: table-cell; padding-right: 10px;}
.box-event .event-info-column-1 {display: table-cell; vertical-align: middle; width: 310px; padding-right: 10px;}
.box-event .event-info-column-2 {display: table-cell; vertical-align: middle;}

.box-event .event-title {color: #BDBDBD;font-size: 14px; font-weight: bold; }

.box-event .event-infobg {background: url('/public/img/event-info-bg.png') no-repeat 491px 8px #ebebeb; }

.box-event a.event-purchase {background: #2781bf; display: block; float: right; line-height: 30px; padding: 5px 20px; margin: 10px 0; font-family: 'Georgia', serif; font-size: 19px; color: #fff; text-decoration: none; font-weight: normal;}
.box-event a.event-purchase:hover {text-decoration: none; background: #add0e6; color: #676767; }


.box-event .event-note {font-size: 11px; line-height: 14px; margin-bottom: 20px; margin-left: 5px;}
.box-favorite ul{margin:0; padding:0; list-style:none;}
.box-favorite a img {border:0;}
.box-favorite .favorite-container {display: block; height: 93px; width: 100%; margin-bottom: 10px; border-bottom: 3px solid #07A1E2;}
.box-favorite .favorite-topline {font-size: 18px; margin-bottom: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.box-favorite .favorite-img {float:left; margin-right: 5px;}
.box-favorite .favorite-content {float: right; width: 200px; line-height: 16px; height: 70px; overflow: hidden;}
.box-favorite .favorite-header {font-size: 18px; font-weight: bold; margin-bottom: 3px;}
.box-favorite .favorite-header:hover {text-decoration: underline;}
/*
.box-favorite .favorite-container{float:left; display: block; margin: 0 0 10px; width: 100%; border-bottom: 3px solid #07A1E2;}
.box-favorite .favorite-img{margin-right:5px; padding:0; float:left;}
.box-favorite .favorite-img img{border:0; margin:0; padding:0;}
.box-favorite .favorite-content {float: right;width: 200px;line-height:16px;}
.box-favorite .favorite-content-flexible { line-height:16px; margin-bottom:15px; }
.box-favorite .favorite-header {color: #676767; font-family: 'Exo',sans-serif; font-size: 17px;font-weight: 500; line-height: 20px;}
.box-favorite .favorite-header:hover {text-decoration: underline;}
.box-favorite .favorite-more {font-weight: bold;}
.box-favorite .favorite-more:hover {text-decoration: underline;}
.box-favorite .favorite-special {color: #BEBEBE; font-size: 9px; font-weight: bold; margin-right: 5px;}
*/
.box-favorite .favorite-bg-news {border-color: #cb5a2c;}
.box-favorite .favorite-bg-extra {border-color: #afc009;}
.box-favorite .favorite-bg-videos {border-color: #63a8a1;}
.box-favorite .favorite-bg-retro {border-color: #9749cd;}
.box-favorite .favorite-bg-japan {border-color: #961c2a;}.box-footer .footer-l {float: left;}
.box-footer .footer-r {float: right; }

.box-footer .footer-nav  {margin:5px 0; padding:0; width: 100%; }
.box-footer .footer-nav ul {padding:0; margin:0; list-style: none; float: left;} 
.box-footer .footer-nav li {display: block; float:left; margin: 0 10px 0 0; padding-left: 3px;}
.box-footer .footer-nav a {font-size:19px; color: #fff; font-family: 'Georgia', serif; text-decoration: none;}
.box-footer .footer-nav a:hover {text-decoration: underline;}
.box-footer .footer-r .footer-nav  ul {float:right;} 
.box-footer .footer-r .footer-nav  li  {margin: 0 0 0 30px;} 

.box-footer .footer-text {color: #BEBEBE; font-style: italic;}

.box-footer .footer-logo {margin: 5px 0 0;}
.box-footer .footer-logo a {text-decoration: none; border:0px;}
.box-footer .footer-logo a img { border:0px;}

.box-footer .footer-share {float: right; margin: 20px 0 0; }
.box-footer .footer-share .share-text{text-transform: uppercase; font-family: 'Georgia', sans-serif; font-size: 22px; font-weight: normal; color: #fff; float: left; margin-right: 10px;}
.box-footer .box-toolbar .toolbar-share {margin: 0;}.box-form input, .box-form textarea {color: #3e3e3e; font-family: 'Open Sans', sans-serif;}
.box-form .form-field {border: 1px solid #787878; font-size: 14px; padding: 4px 7px; margin: 5px 0;}
.box-form .form-textarea {width: 97.3%;}
.box-form .form-submit {background: none; border: none; cursor: pointer; font-size: 14px; padding: 0;}
.box-form .form-submit:hover {text-decoration: underline;}

.box-form .form-btn {background: #2781bf; border: 0; margin: 5px 10px; padding: 1px 10px 5px; font-family: 'Georgia', serif; font-size: 19px; color: #fff; text-decoration: none; font-weight: normal; transition: all .2s ease-in-out; cursor: pointer;}
.box-form .form-btn:hover {text-decoration: none; background: #ADD0E6; color: #676767;}

.box-form .form-btn-cancel {padding: 0 7px; background: #fff; border: 1px solid #787878; font-family: 'Georgia', sans-serif; font-size: 16px; text-decoration: none; text-transform: uppercase; transition: all .2s ease-in-out; cursor: pointer;}
.box-form .dachzeile {color: #961C2A; margin-left: 2px;}
.box-form .form-info {font-size: 11px; margin-top: -7px;}

.box-form .form-file {position: relative; margin: 10px 0;}
.box-form .form-orgfile {position: relative; opacity: 0; z-index: 2; height: 34px; width: 119px; cursor: pointer;}
.box-form .form-fakefile {position: absolute; left: 0; top: 0; z-index: 1;}
.box-form .form-fakefile .fakeinput {margin-left: 15px; height: 34px; line-height: 34px; font-style: italic;}
.box-form .form-fakefile .fakesearch {margin: 0;}


.box-gallery .gallery-header { margin:0; padding:0; color: #676767; font-size: 20px; font-family: 'Georgia', serif; font-weight: 400; line-height:35px;}
.box-gallery .gallery-container {}
.box-gallery .gallery-container li {display: none;}
.box-gallery .gallery-content {display: block; position: relative;}
.box-gallery .gallery-content img { display: block; border: none;}

.box-gallery .gallery-minlist {display: block; float: left; margin: 0 0 15px;}
.box-gallery .gallery-minlist li {cursor: pointer; display: block; float: left; margin: 0 10px 10px 0;}
.box-gallery .gallery-minlist li a {opacity:0.6;}
.box-gallery .gallery-minlist li a:hover {opacity:1;}
.box-gallery .gallery-minlist li .active {opacity:1; background: #07A1E2;}.box-icon {float: right; height: 12px; line-height: 12px; margin: 5px 0;}
.box-icon .icon {display: inline-block; padding-left: 19px;}
.box-icon .notactive.comment {background: url("/public/img/icon-comment.png") no-repeat left top;}
.box-icon .active.comment {background: url("/public/img/icon-comment.png") no-repeat left bottom;}
.box-icon .iconcounter {font-size: 13px; font-weight: bold;}

.icongallery-small {background: url("/public/img/icon-gallery-small.png") no-repeat left top; height: 15px; width: 14px;}
.icongallery-big {background: url("/public/img/icon-gallery-big.png") no-repeat left top; height: 36px; width: 34px;}
.iconvideo-small {background: url("/public/img/icon-video-small.png") no-repeat left top; height: 16px; width: 21px;}
.iconvideo-big {background: url("/public/img/icon-video-big.png") no-repeat left top; height: 36px; width: 47px;}.box-login a {font-size: 13px; display: inline-block; color: #07A1E2; border-bottom: 1px solid transparent;}
.box-login a:hover {text-decoration: underline}
.box-login .h2 {font-size: 26px; font-weight: bold; color: #3e3e3e; margin-bottom: 20px; font-weight: normal;}
.box-login .h3 {font-size: 18px; color: #3e3e3e; margin-bottom: 20px; font-weight: normal; margin-top: 25px;}
.box-login .h5 {font-size: 12px; color: #3e3e3e; margin-bottom: 20px; font-weight: normal; margin-top: 25px;}

.box-login table {width: 570px;}
.box-login table .left-column {width: 30px; vertical-align: top; padding: 0 20px 0 20px;}
.box-login table .middle-column {text-align: center; }
.box-login table .right-column {width: 200px; text-align: left; vertical-align: top;}

.box-login table .left { text-align: left !important; }
.box-login .spacing-bottom { padding-bottom: 30px }

.box-login table label {white-space: nowrap; display: inline-block; text-align: right; width: 100%; line-height: 22px; margin: 5px 0; padding: 2px 0;}
.box-login table .dachzeile {color: #961C2A; margin-left: 2px;}
.box-login table input[type="text"], .box-login table input[type="password"], .box-login table select { width: 186px; border: 1px solid #787878; color: #3e3e3e; font-size: 15px; padding: 4px 7px; margin: 5px 0;}
.box-login table input[type="submit"] {width: 110px; margin-top: 20px; background: #000; border: 0; color: #fff; font-family: 'Georgia', sans-serif; font-weight: bold; font-size: 16px; text-decoration: none; text-transform: uppercase; transition: all .2s ease-in-out; cursor: pointer;}
.box-login table input[type="submit"]:hover {background:#333;}
.box-login table select {padding-bottom: 8px;}

.box-login .right-column .social-login {background: url("/public/img/facebook-login.jpg") no-repeat scroll 0 0 #3C5195; color: #F0F0F2; display: inline-block; font-family: 'Open Sans',​sans-serif; font-size: 14px; font-weight: bold; height: 36px; line-height: 36px; opacity: 1; padding: 5px 0 5px 35px; text-align: center; text-decoration: none; transition: all 0.2s ease-in-out 0s; width: 120px; margin: 15px auto;}
.box-login .right-social {border-left: 5px solid #07A1E2;float: left;height: 100px; margin-left: 17px; padding-left: 28px; position: relative;}
    
.box-login .login-remember {text-align: left; margin: 15px 0 0 27px;}

/*
.box-login .right-column a:hover { opacity: 1; }
*/
.box-login #id_opt_mediengruppe {border: 8px solid rgb(238, 238, 238); width: 390px; position: absolute; margin-top: -300px; background: none repeat scroll 0% 0% rgb(255, 255, 255); display: none; z-index: 20;}
.box-login #id_opt_mediengruppe .teaser {padding: 10px; border: 1px solid #555555;  font-size: 13px; line-height: 13px;}
.box-login #id_opt_mediengruppe .teaser .h3 {margin: 0 0 15px 0}
.box-login #id_opt_mediengruppe .teaser .h5 {margin: 15px 0 0 0}
.box-login #id_opt_mediengruppe_close {float:right;}
.box-login #id_opt_mediengruppe ul {list-style-type: circle; padding-left: 30px; margin: 10px 0 10px;}

*:focus {outline: 0;}

.error {background: #CB5A2C; text-align: center; margin: 5px; padding: 5px; color: #fff;}
.success {background: #63A8A1; text-align: center; margin: 5px; padding: 5px; color: #fff;}.box-logo .logo-placeholder{float: left; }
.box-logo .logo-img a{color: #fff; font-size: 16px; text-decoration: none; border:0px; display: block;}
.box-logo .logo-img a img { border:0px; padding: 0px; margin: 0;}.box-main .main-left { display: block; width: 280px; margin-right: 15px; float: left;}
.box-main .main-right { display: block; width: 280px; float: left;}
.box-main .main-center { display: block; width: 575px; float: left;}.box-nav .nav-main {margin:0; padding:0; height: 32px; position: absolute; bottom: 36px; font-family: 'georgia', serif; font-weight: 400; font-size: 18px; color: #676767; background: #2781bf; width: 100%;}
.box-nav .nav-main ul { padding:0; margin:0; list-style: none;} 
.box-nav .nav-item-container {display: block; float:left; position: relative; margin:0;}
.box-nav .nav-item {background-color: #2781bf; color: #fff; font-size: 18px; text-decoration:none; text-align:center; cursor:pointer; height: 32px; line-height: 32px; padding: 0 15px; display: block; transition: all .2s ease-in-out; }
.box-nav .nav-item:hover {background-color: #add0e6; color: #676767}
.box-nav .nav-item.active {background-color: #add0e6; color: #676767}
.newsletter {
  margin-bottom: 10px;
  padding: 0 25px 10px 25px;
  color: #676767;
}

.head-message p {
  margin: 15px 0 20px;
}

.head-message p:nth-of-type(1) {
  font-family: Georgia, serif;
  font-size: 20px;
}

.newsletter-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrap-form-input {
  width: 100%;
}

.wrap-form-input * {
  display: block;
}

/* .wrap-form-input#firstName,
.wrap-form-input#lastName,
.wrap-form-input#postalCode,
.wrap-form-input#city,
.wrap-form-input#street,
.wrap-form-input#houseNumber {
  display: inline-block;
} */

.wrap-form-input.not-ie#firstName,
.wrap-form-input.not-ie#lastName,
.wrap-form-input.not-ie#postalCode,
.wrap-form-input.not-ie#city,
.wrap-form-input.not-ie#captcha {
  width: 49%;
}

.wrap-form-input.not-ie#street {
  width: 74%;
}

.wrap-form-input.not-ie#houseNumber {
  width: 24%;
}

.wrap-form-input.not-ie#firstName,
.wrap-form-input.not-ie#postalCode,
.wrap-form-input.not-ie#street,
.wrap-form-input.not-ie#captcha {
  margin-right: 2%;
}

.wrap-form-input label {
  font-weight: bold;
}

.wrap-form-input label * {
  display: inline-block;
}

.wrap-form-input > input {
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  margin: 4px 0 2px;
}

.error-field {
  border: 1px solid #cd0e0e;
}

.required-field {
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
}

.wrap-privacy-policy p {
  margin: 15px 0;
  line-height: 1.4;
}

.wrap-privacy-policy a,
.advertising-permission a {
  color: #2781bf;
  font-weight: bold;
}

.wrap-permission {
  margin: 10px 0;
}

.advertising-permission {
  position: relative;
  /* font-weight: bold; */
  cursor: pointer;
}

.advertising-permission span.checkbox {
  position: absolute;
  top: 3px;
  left: 0;
  width: 0;
  height: 0;
}

.advertising-permission span.checkbox::before {
  content: "";
  /* display: -webkit-box;     
  display: -moz-box;        
  display: -ms-flexbox;      
  display: -webkit-flex;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; */

  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
  border: 1px solid #111;
  font-weight: bold;
  background-color: #fff;
  text-align: center;
  line-height: 10px;
}

.advertising-permission span.checkbox.not-checked::before {
  border: 1px solid #cd0e0e;
}

.advertising-permission input {
  margin: 0 3px;
  opacity: 0;
  cursor: pointer;
}

.advertising-permission input:checked + span.checkbox::before {
  color: #111;
  content: "\2713";
}

.wrap-permission .error-message {
  display: block;
  margin-top: 5px;
}

.submit-form {
  width: 100%;
  height: 32px;
  margin: 8px 0;
  font-family: Georgia, serif;
  font-size: 18px;
  border: none;
  background-color: #2781bf;
  color: #fff;
  cursor: pointer;
}

/* .data-processing a {
  color: #2781bf;
  font-weight: bold;
} */

.success-message {
  color: #248b00;
  font-weight: bold;
}

.error-message {
  color: #cd0e0e;
  font-size: 11px;
  font-weight: bold;
}

p.error-message {
  font-size: 13px;
}

.confirmation-message {
  margin-left: 20px;
}
.box-paging {width: 100%; color: #3e3e3d; position: relative; height: 30px; padding: 5px 0;}
.box-paging ul.paging-ul {font-size: 14px; font-family: 'Open Sans'; list-style-position: outside; list-style-type: none; text-align: center; margin: 0 auto; position: absolute; left: 0px; right: 0px; z-index: 1;}
.box-paging li.paging-li {z-index:2; position: relative; text-align: center; color: #bebebe; height: 14px; line-height: 14px; display: inline-block; border-left: 1px solid #07A1E2; padding-left: 2px;}
.box-paging li.paging-current {z-index:1; position: relative; color: #3E3E3E;}
.box-paging li.paging-separator { color: #07a1e2;}
.box-paging a {color: #bebebe; padding: 5px 1px; text-align: center; text-decoration: none;}
.box-paging a:hover {color: #676767 ; }
.box-paging .paging-next a{font-family: 'Open Sans'; font-weight: normal; font-size: 14px; color: #3e3e3d; position: absolute; right: 0px; top: -2px; z-index: 2; background: url('/public/img/next-arrow.png') center right no-repeat; padding-right: 15px;}
.box-paging .paging-prev a{font-family: 'Open Sans'; font-weight: normal; font-size: 14px; color: #3e3e3d; position: absolute; left: 0px; top: -2px; z-index: 2; background: url('/public/img/prev-arrow.png') center left no-repeat; padding-left: 15px;}.box-portrait .portrait-info {font-weight: bold; }
.box-portrait .portrait-info tr:nth-child(2n) {background-color: #fbfbfb;}             
.box-portrait .portrait-info tr:nth-child(2n+1) {background-color: #efefef;}  
.box-portrait .portrait-info td {padding: 5px 10px;}          
.box-portrait .portrait-info td:first-child {font-weight: normal; width: 145px;}.box-profile a {color: #07A1E2;}
.box-profile a:hover {text-decoration: underline;}
.box-profile .profile-link-black {color: #3e3e3e;}
.box-profile .profile-space {padding: 5px 0;}

.box-profile .profile-img {float: left; width: 280px; margin-right: 15px;}
.box-profile .profile-img img {display: block;}
.box-profile .profile-description {width: 615px; float: right;}
.box-profile .profile-name {font-size: 24px; float: left; height: 40px; line-height: 40px;}

.box-profile .profile-action {float: right;}
.box-profile .profile-button-right {float: right;}
.box-profile .profile-button {padding: 1px 7px; background: #000; border: 0; color: #fff; font-family: 'Georgia', sans-serif; font-weight: bold; font-size: 16px; text-decoration: none; text-transform: uppercase; transition: all .2s ease-in-out; cursor: pointer;}
.box-profile .profile-button:hover {background:#333; text-decoration: none;}

.box-profile .profile-notification {background: #262626; border-radius: 20px; color: #FFFFFF; height: 20px; line-height: 20px; position: absolute; right: -10px; text-align: center; top: -10px; width: 20px;}

.box-profile .profile-teaser {background: url("/public/img/header-dotted-line.png") repeat-x scroll 0 bottom transparent; margin-bottom: 10px; padding: 10px 0;}
.box-profile .profile-teaser .header {font-size: 22px;}

.box-search .search {margin:30px 0 0; padding:0 0 3px; float: right; width: 280px; height: 28px; border-bottom: 2px solid #2781bf;}
.box-search .search .phrase { width:250px; height:28px; line-height:18px; margin:0; padding:0; border:0; background:none; font-size:18px; color: #2781bf; font-style: italic; font-family: 'Open Sans', sans-serif;}
.box-search .search .submit { width:23px; height:23px; line-height:23px; margin:0; padding:0; border:0; background: url("/public/img/magnifier.png") no-repeat top right transparent; cursor:pointer; text-indent: -1000px;}
.box-searchbox .search {margin:0 0 10px; padding:0; background:url("/public/img/header-dotted-line.png") repeat-x 0 bottom transparent; width: 100%; height: 32px;}
.box-searchbox .search .phrase {float:left; width:90%; height:32px; line-height:32px; margin:0; padding:0; border:0; background:none; font-size:14px; font-style: italic; color: #BEBEBE ;  font-family: 'Open Sans', sans-serif;}
.box-searchbox .search .submit {float:right; width:10%; height:32px; line-height:32px; margin:0; padding:0; border:0; background: url("/public/img/magnifier.png") no-repeat top right transparent; cursor:pointer; text-indent: -1000px;}.box-shop .shop-title {color: #6B6969; font-weight: bold;}
.box-shop .shop-text {color: #6B6969;}
.box-shop .shop-price {background:url('/public/img/spot.jpg') no-repeat center center transparent; font-size: 25px; display: block; height: 41px; line-height: 41px; width: 100%; text-align:center; }
.box-shop .shop-more {color: #92A8A7; font-weight: bold; text-decoration:none;}
.box-shop .shop-more:hover {text-decoration:underline;}
.box-shop .shop-content {float:left; width: 155px;}
.box-shop .shop-img{float:left; width: 145px;height: auto;}
.box-shop .shop-img img {width:100%; height: auto;}
.box-shop .shop-container {border: 1px solid #6B6969; padding: 4px 4px 60px}
.box-shop .shop-container ul {margin:0; padding:0; list-style:none}
.box-shop .shop-minlist-container {text-align:center;}
.box-shop .shop-minlist {display: inline-block; list-style-type: none; margin: 20px auto; padding: 0; padding: 0; position: relative;}
.box-shop .shop-minlist li {float: left; margin-left: 5px; display: block; }
.box-shop .shop-minlist li a {cursor: pointer; display: block; width: 14px; height: 14px; background:url('/public/img/dot-select-inactive.jpg') no-repeat 0 0 transparent; }
.box-shop .shop-minlist li a.active {background:url('/public/img/dot-select-active.jpg') no-repeat 0 0 transparent;}.box-sidebox a {color: #3e3e3e;}
.box-sidebox a:hover {text-decoration: underline}
.box-sidebox .sidebox-placeholder {margin-bottom: 30px;}

.box-sidebox .sidebox-img {display: block; width: 280px; height: 200px;}
.box-sidebox .sidebox-img img { display: block; border: none;}
.box-sidebox .sidebox-header {background: url("/public/img/header-dotted-line.png") repeat-x scroll 0 bottom transparent; margin: 5px 0 10px; padding: 0 0 10px; color: #3e3e3e; font-size: 23px; font-family:  'Exo', sans-serif; font-weight: 500; line-height:30px;}
.box-sidebox .sidebox-header a{text-decoration:none; color: #676767;}
.box-sidebox .sidebox-header a:hover{text-decoration:underline;}
.box-sidebox .sidebox-content {display: block; margin: 0 0 25px 0; text-decoration: none; width: 280px;} 
.box-sidebox .sidebox-content p {font-size:13px; line-height:20px; color: #676767; font-family: 'Open Sans', sans-serif; text-decoration: none; margin: 0;}
.box-sidebox .sidebox-more {font-weight: bold; color: #676767; font-size: 13px; font-family: 'Open Sans', sans-serif; text-decoration: none;}
.box-sidebox .sidebox-more :hover {text-decoration: underline;}

.box-sidebox .sidebox-ad {margin-bottom: 5px;}.box-sideinfo .sideinfo-title {color: #676767; font-size: 24px; line-height: 27px; font-family: 'Georgia', serif; margin-bottom: 10px;}
.box-sideinfo .sideinfo-header {color: #676767; font-size: 18px; font-family: 'Georgia', serif; font-family: 'Georgia',serif; border-bottom: 2px solid #ebebeb; height: 46px; line-height: 46px; margin-bottom: 12px; }
.box-sideinfo .sideinfo-icon {float: left; width: 70px; height: 60px;}
.box-sideinfo .sideinfo-icon-phone {background: url('/public/img/phone-icon.png') no-repeat center left #fff;}
.box-sideinfo .sideinfo-icon-web {background: url('/public/img/web-icon.png') no-repeat center left #fff;}
.box-sideinfo .sideinfo-icon-people {background: url('/public/img/people-icon.png') no-repeat center left #fff;}
.box-sideinfo .sideinfo-content {margin-bottom: 20px;}
.box-sideinfo .sideinfo-content a {font-weight: bold; color: #2781bf; text-decoration: none;}
.box-sideinfo .sideinfo-content a:hover {text-decoration: underline;}
.box-sideinfo .sideinfo-purchase {background: #2781bf; display: block; float: left; line-height: 30px; padding: 5px 20px; margin: 10px 0; font-family: 'Georgia', serif; font-size: 19px; color: #fff; text-decoration: none; font-weight: normal;}
.box-sideinfo .sideinfo-purchase:hover {text-decoration: none; background: #ADD0E6; color: #676767;}
.box-sideinfo .sideinfo-reverse {background: #676767; font-family: 'Georgia', serif; padding: 30px 20px;}
.box-sideinfo .sideinfo-reverse div {font-size: 24px; color: #fff; line-height: 27px; margin-bottom: 3px;}.box-sideslider .title {color: #6B6969; font-weight: bold;}
.box-sideslider .text {color: #6B6969;}
.box-sideslider .price {background:url('/public/img/spot.jpg') no-repeat center center transparent; font-size: 25px; display: block; height: 41px; line-height: 41px; width: 100%; text-align:center; }
.box-sideslider .more {color: #92A8A7; font-weight: bold; text-decoration:none;}
.box-sideslider .more:hover {text-decoration:underline;}

.box-sideslider .sideslider-container {border: 1px solid #6B6969; padding: 4px 4px 60px}
.box-sideslider .sideslider-container ul {margin:0; padding:0; list-style:none}
.box-sideslider .sideslider-minlist-container {text-align:center;}
.box-sideslider .sideslider-minlist {display: inline-block; list-style-type: none; margin: 20px auto; padding: 0; padding: 0; position: relative;}
.box-sideslider .sideslider-minlist li {float: left; margin-left: 5px; display: block; }
.box-sideslider .sideslider-minlist li a {cursor: pointer; display: block; width: 14px; height: 14px; background:url('/public/img/dot-select-inactive.jpg') no-repeat 0 0 transparent; }
.box-sideslider .sideslider-minlist li a.active {background:url('/public/img/dot-select-active.jpg') no-repeat 0 0 transparent;}.box-socialmedia .socialmedia-container {display: inline-block; height: 20px; line-height: 20px; margin: 20px 0;}
.box-socialmedia .socialmedia-container > div {float: left;}
.box-socialmedia .socialmedia-container .fblike {margin-right: 20px;}
.box-socialmedia .socialmedia-container .gplus {width: 80px;}
.box-socialmedia .socialmedia-container .recommend {margin-right: 20px;}
.box-socialmedia .socialmedia-container .recommend a { background: url("/public/img/share.png") no-repeat scroll 0 0 transparent; float: left; height: 20px; text-indent: -1000px; width: 69px;}
.box-socialmedia .socialmedia-container .twitter {width: 100px !important;}.box-tags  .tags-container {background: url("/public/img/header-dotted-line.png") repeat-x 0 top transparent; padding-top: 10px; font-size: 14px;}
.box-tags  .tags-container span {margin-right: 10px;}
.box-tags  .tags-container a {color: #07A1E2; margin-right: 10px;}
.box-tags  .tags-container a:hover { text-decoration:underline;}.box-template { margin:0; padding:0; background: #d7dff2; font-size:13px; line-height:20px; color: #676767; font-family: 'Open Sans', sans-serif; }
.box-template .template-body { width: 950px; margin: 0 auto; position:relative;}
.box-template .template-container { background: #fff; }

.box-template .template-header-placeholder {position: relative; background:url("/public/img/colored-line.png") repeat-x 0 bottom #d7dff2; width: 950px; height: 300px; } 
.box-template .template-header-content {padding:60px 0 0; }

.box-template .template-page { width: 925px; background: #fff; padding: 20px 25px 25px 0; }
.box-template .template-wrapper {background:#fff;}
.box-template .template-wrapper-placeholder {background:#fff; margin:0 auto;}

.box-template .template-main {background:#fff; float:left; width:600px; margin-right:15px;}
.box-template .template-sidebar {background:#fff; float:right; width:300px;}

.box-template .template-footer {width: 950px; padding-bottom:10px; background: #8b898a;}
.box-template .template-footer-placeholder {width:910px; margin:0 auto; padding: 10px 20px;}

.box-template .template-skyscraper { position:absolute; left:950px; top: 90px; }
.box-template .template-superbanner { width:950px; text-align:right; position:relative; }
.box-template .template-superbanner-content { float:right; }
.box-toolbar .toolbar-share {float: right; margin-right: 30px;}
.box-toolbar .toolbar-share a {background: url('/public/img/social-icons.png') no-repeat; display:block; float:left; height:25px; width: 25px; margin-right: 5px;}
.box-toolbar .toolbar-share .facebook {background-position: 9px 0px;}
.box-toolbar .toolbar-share .twitter {background-position: -17px center;}
.box-toolbar .toolbar-share .gplus {background-position: -47px center;}
.box-toolbar .toolbar-share .youtube {background-position: -77px center;}
.box-toolbar .toolbar-share .twitch {background-position: -106px center;}

.box-toparticle .toparticle-placeholder {margin-left: 25px; margin-bottom: 25px; padding-bottom: 18px; border-bottom: 2px solid #ebebeb;}
.box-toparticle .toparticle-container {}
.box-toparticle .toparticle-title {display: block; margin:0 0 15px; padding:0; color: #676767; font-size: 27px; font-family: 'Georgia', serif; font-weight: normal; line-height:35px;}
.box-toparticle .toparticle-content {color: #676767; font-size: 16px; font-family: 'Open Sans', sans-serif;}
.box-toparticle .toparticle-content a{font-weight: bold; color: #2781bf; text-decoration: none;}
.box-toparticle .toparticle-content a:hover {text-decoration: underline;}.box-toparticlesidebar .toparticlesidebar-placeholder {margin-bottom: 25px; padding-bottom: 18px; border-bottom: 2px solid #ebebeb;}
.box-toparticlesidebar .toparticlesidebar-container {}
.box-toparticlesidebar .toparticlesidebar-title {display: block; margin:0 0 10px; padding:0; color: #676767; font-size: 24px; font-family: 'Georgia', serif; font-weight: normal; line-height:27px;}
.box-toparticlesidebar .toparticlesidebar-content {color: #676767; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500 !important; font-size: 13px !important;}
.box-toparticlesidebar .toparticlesidebar-content a{font-weight: bold; color: #2781bf; text-decoration: none;}
.box-toparticlesidebar .toparticlesidebar-content a:hover {text-decoration: underline;}
.box-toparticlesidebar .toparticlesidebar-img {margin-bottom: 10px;}
.box-toparticlesidebar .toparticlesidebar-img img{display: block;}.box-topics ul{margin:0; padding:0; list-style:none;}
.box-topics a img {border:0;}
.box-topics .topics-container {display: block; height: 105px; width: 100%; margin-bottom: 8px; margin-top: 5px; float: left;}
.box-topics .topics-topline { font-family: 'Open Sans'; font-weight: bold; font-size: 20px; margin-bottom: 8px;}
.box-topics .topics-img {float:left; margin-right: 5px;}
.box-topics .topics-content {float: right; width: 200px; line-height: 16px;}
.box-topics .topics-count {font-family: 'Open Sans'; font-weight: normal; font-size: 14px; }
.box-topics .count-decorator { color: #07a1e2; font-weight: bold; padding-right: 3px;}.box-topnews .topnews-img { float: left; margin-right: 20px; display: block; width: 575px; height: 300px; position: relative;}
.box-topnews .topnews-img img { display: block; border: none;}

.box-topnews .topnews-sliderplaceholder {position: relative;}

.box-topnews .topnews-slider {margin:0; padding:0 ; list-style:none; min-height:300px; }
.box-topnews .topnews-slider li{display:none;}

.box-topnews .topnews-datebox {left: 0; position: absolute; top: 15px;}
.box-topnews .topnews-place {font-size: 14px; font-weight: bold; color: #bdbdbd; min-height: 30px;}
.box-topnews .topnews-header {display: block; margin:0 0 15px; padding:0; color: #676767; font-size: 27px; font-family: 'Georgia', serif; font-weight: normal; line-height:35px;}
.box-topnews .topnews-header a {color: #676767; font-size: 30px;}
.box-topnews .topnews-text {color: #676767; font-size: 16px; font-family: 'Open Sans', sans-serif;}

.box-topnews .topnews-content {display: block; float: right; height: 214px; margin: 0 0 10px 0; text-decoration: none; width: 324px;} 
.box-topnews .topnews-teaser {font-size:16px; line-height:20px; color: #3e3e3e;}
.box-topnews .topnews-more {font-family: 'Open Sans', sans-serif; font-weight: bold; color: #2781bf; margin: 8px 0; display: block; font-size: 16px; text-decoration: none;}
.box-topnews .topnews-more:hover {text-decoration: underline;}

.box-topnews .topnews-tagcontainer {margin-top: 15px; }
.box-topnews .topnews-tag {font-family: 'Open Sans', sans-serif; float: left; color: #07a1e2; font-size: 14px; margin-right: 6px;}
.box-topnews .topnews-tag:hover {text-decoration: underline;} 

.box-topnews .topnews-pagination {bottom: 5px; left: 7px; position: absolute; z-index: 51;}
.box-topnews .topnews-pagination li {float: left; margin-right: 5px;}
.box-topnews .topnews-pagination a {background: #3E3E3E; display: block; height: 7px; width: 7px; opacity: 0.85;}
.box-topnews .topnews-pagination a.active {background: #07A1E2;}

.box-topnews .topnews-minlist {z-index: 51; display: inline-block; list-style-type: none; margin: -78px 0 0; padding: 0; padding: 0; position: relative; float: right;}
.box-topnews .topnews-minlist li {float: left; margin-left: 12px; display: block; }
.box-topnews .topnews-minlist li a {display: block; cursor: pointer;}
.box-topnews .topnews-minlist li a img {display: block; border-bottom: 0px solid #2781bf; opacity: 0.6; padding-bottom: 8px;}
.box-topnews .topnews-minlist li a.active img {opacity: 1; border-bottom-width: 7px; padding-bottom: 0px; box-shadow: 0 1px 0 #ADD0E6;}

.box-topnews .topnews-topline-container {position: absolute; right: 0; top: 0;}
.box-topnews .topnews-topline-bg{background: #07A1E2; height: 30px; opacity: 0.75; position: absolute; width: 100%; z-index: 70;}
.box-topnews .topnews-topline-bg-news {background: #cb5a2c;}
.box-topnews .topnews-topline-bg-extra {background: #afc009;}
.box-topnews .topnews-topline-bg-videos {background: #63a8a1;}
.box-topnews .topnews-topline-bg-retro {background: #9749cd;}
.box-topnews .topnews-topline-bg-japan {background: #961c2a;}
.box-topnews .topnews-topline {max-width: 300px; position: relative; color: #fff; font-size: 15px; font-weight: bold; height: 30px; line-height: 30px; margin: 0; overflow: hidden; padding: 0 6px; text-overflow: ellipsis; white-space: nowrap; z-index: 80; text-transform: uppercase; }

.box-topnews .topnews-special {font-size:9px; color: #BEBEBE; font-weight: bold;margin-right:5px;}

.box-topnews-none { display:none !important;}

@media all and (max-width:950px) {
    .box-topnews .topnews-minlist {position: relative; top: 0px; left: 0px; margin-top: 10px;}
}

@media all and (max-width:950px) {
    .box-topnews { text-align:center; background: none; margin-top: 0px;}
    .box-topnews .topnews-img { float:none; margin: 10px auto;}
    .box-topnews .topnews-button { display:none;}
    .box-topnews .topnews-content .topnews-header { font-size:24px;margin-bottom:15px; }
    .box-topnews .topnews-minlist {margin-top: 0px;}
}

.box-topslider .topslider-placeholder{padding:35px 0 25px;}.box-articlelist .box-video .video-container {width: 280px; display: block; position: relative; margin-bottom: 5px;}

.box-articlelist .video-title-container {position: absolute; top: 0; left: 0; width: 140px;}
.box-articlelist .video-title-bg {position: absolute; top: 0; left: 0; height: 80px; width: 140px; background: #07A1E2; opacity: 0.6;}
.box-articlelist .video-title {position: relative; height: 60px; padding: 10px 6px; background: url('/public/img/icon-play-small.png') no-repeat 125px 62px; color: #fff; font-size: 16px; font-weight: bold; line-height: 20px; overflow: hidden; word-wrap: break-word;}

.box-sidebox .box-video .video-container {width: 300px; display: block; position: relative; margin-bottom: 5px;}

.box-sidebox .video-title-container {position: absolute; top: 0; left: 0; width: 200px; height: 55px; overflow: hidden;}
.box-sidebox .video-title-bg {position: absolute; height: 55px; width: 200px; background: #fff; opacity: 0.6;}
.box-sidebox .video-title {position: relative; padding: 10px 6px; color: #3e3e3e; font-size: 14px; font-weight: bold; line-height: 20px;}

.box-sidebox .video-category-container {position: absolute; top: 55px; left: 0; width: 100%;}
.box-sidebox .video-category-bg {position: absolute; height: 20px; width: 100%; background: #07A1E2; opacity: 0.6;}
.box-sidebox .video-category {position: relative; padding: 0 6px; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.box-sidebox .video-play-small {position: absolute; top: 22px; left: 241px; width: 17px;}
.box-sidebox .video-play-small .video-play-bg {position: absolute; height: 17px; width: 17px; opacity: 0.6;}
.box-sidebox .video-play-small .play-icon {position: relative; background: url('/public/img/icon-play-small.png') no-repeat center center; height: 11px; width: 11px; padding: 3px}

.box-toplist .box-video .video-container {width: 575px; display: block; position: relative; margin-bottom: 5px;}

.box-toplist .video-title-container {position: absolute; top: 0; left: 20px; min-width: 140px;}
.box-toplist .video-title-bg {position: absolute; top: 0; left: 0; height: 30px; width: 100%; background: #07A1E2; opacity: 0.75;}
.box-toplist .video-title {position: relative; max-width: 543px; padding: 0 6px; color: #fff; font-size: 16px; font-weight: bold; line-height: 30px;}

.box-toplist .video-play-big {position: absolute; top: 126px; left: 263px; width: 48px;}
.box-toplist .video-play-big .video-play-bg {position: absolute; height: 48px; width: 48px; opacity: 0.6;}
.box-toplist .video-play-big .play-icon {position: relative; background: url('/public/img/icon-play-big.png') no-repeat 0 0; height: 48px; width: 48px;}

.box-video .video-bg-news {background: #cb5a2c;}
.box-video .video-bg-extra {background: #afc009;}
.box-video .video-bg-videos {background: #63a8a1; opacity: 0.7;}
.box-video .video-bg-retro {background: #9749cd;}
.box-video .video-bg-japan {background: #961c2a;}a {text-decoration:none;}
img {border:none; }

img { max-width:100%; height: auto; } /* Enough everywhere except IE8. */

.map-container img { max-width:none; }

@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */

.c { clear:both; }
.center {display: block; margin-left: auto; margin-right: auto;}

.decorator {}

.header {margin-bottom: 10px;}
.header .header-title {color: #676767; font-size: 24px; line-height: 27px; font-family: 'Georgia', serif; margin-bottom: 10px;}
.header .header-title a {text-decoration: none;}

.footer {margin-bottom: 10px;}
.footer .footer-title {float: right;}
.footer .footer-title a {color: #3e3e3e;}

.teaser {margin-left: 20px; margin-bottom: 25px; padding-bottom: 18px; border-bottom: 2px solid #ebebeb; }
.teaser-header {fdisplay: block; margin:0 0 15px; padding:0; color: #676767; font-size: 27px; font-family: 'Georgia', serif; font-weight: normal; line-height:35px; }

.empty-search {margin-left: 20px; margin-bottom: 30px; }

.yellow-text {color: #2781bf;}

.fancybox-title a {color: #BEBEBE; font-weight: bold;}
.fancybox-title a:hover{text-decoration:underline;}

.covid-info {
    padding: 20px;
    padding-left: 90px;
    font-weight: bold;
    font-size: 14px;
    background-color: #FCE023;
    margin-left: 25px;
    background-image: url("/public/img/virus.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: left 15px center;
}

@media all and (max-width:950px) {  
    .covid-info {
        margin-left: 0px;
        margin-top: 10px;
    }
}html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul{
    list-style:none;
}@media all and (max-width:1270px) {  
    .box-template .template-skyscraper{display:none;}
}
@media all and (max-width:950px) {  
    
    .box-template {overflow-x:hidden; width: 100%; background: #202020; }
    .box-template .template-body {margin: 0 1%; width: 98%; }
    .box-template .template-page  { max-width: 600px; width: 100%; padding: 0 0px 25px; margin: 0 auto; position: relative;}
    .box-template .template-superbanner {display:none;}
    .box-template .template-main { float:none; margin: 0 auto;}
    .box-template .template-sidebar { float:none; margin: 0 auto; }
    .box-template .template-footer {width: 100%}
    .box-template .template-footer-placeholder {width: auto;}
    .box-toolbar .toolbar-rp { margin: 10px 0 10px 10px;}
    .box-template .template-header-placeholder {width: auto;}
    .box-template .footer-share {position: absolute; right: 15px; margin-top: 0; bottom: 40px;}
    .box-template .footer-share .box-toolbar .toolbar-share {position: absolute; right: 3px; margin-top: 0; top: 30px;}
    .template-header-content .box-toolbar .toolbar-share {position: absolute; right: 250px; margin-top: 0; top: 10px;}

    .box-article .article-placeholder {margin-top: 20px;}
    .box-articlelist .articlelist-placeholder {margin-top: 20px;}
  
    .box-logo .logo-placeholder {position: absolute; left: 5px; right: 320px;}
    .box-search .search {position: absolute; right: 5px;}
    
    .box-auth .auth-container {position: absolute; right: 5px; top: 35px;}
    
    .box-nav .nav-main {margin: 100px auto 0; }

    .box-topnews .topnews-content {float: none; height: auto; width: 575px; margin: 0 auto 10px;}
    .box-topnews .topnews-minlist {float: none;}
    .box-topnews .topnews-datebox {float: none; position: absolute; left: 12px; top: 10px;}
    
    .box-toparticle .toparticle-placeholder {margin-right: 25px;}
    
    .box-breadcrumbs .inset {margin: 10px 25px 20px}
    
    .box-event .event-date {margin: 10px 25px 15px;}
}

@media all and (max-width:830px) {
    .box-nav .nav-item {font-size: 17px; padding: 0 9px;}
}

@media all and (max-width:700px) {
    .box-template .template-header-placeholder {height: 200px;}
    .box-template .template-header-content { padding:10px 0; }
    .box-nav .nav-main{width: 100%;}
    .box-nav .nav-l {margin-left: 0; width: 50%;}
    .box-nav .nav-r {margin-right: 0; width: 50%;}
    
    .box-nav .nav-item {font-size: 16px; padding: 0 8px;}
    
/*    .box-nav .nav-main ul li{width: 50%; height: auto;}
    .box-nav .nav-main ul li a { line-height: 20px; padding: 22px 0;}*/

    .footer-share .box-toolbar {}
    .box-toolbar .toolbar-rp {left: 5px; position: absolute; top: 5px; margin:0;  width: 96px; line-height: 16px;}
    .box-toolbar .toolbar-text {float: none; margin-bottom: 3px;}
    .box-toolbar .toolbar-link {float: none; margin: 0}
}

@media all and (max-width:660px) {
    .box-nav .nav-item {font-size: 15px;}
}

@media all and (max-width:620px) {
    /*.box-search .search {width: 130px;}*/
    /*.box-search .search .phrase {width: 100px;}*/    
    
    .box-template .template-header-placeholder { height: auto;}

    .box-contentbox .contentbox-header { float: none; margin: 0 auto; width: 300px; margin-bottom: 15px;}
    .box-contentbox .contentbox-content {float: none; margin: 0 auto; }
    
    .box-template .template-header-content {width: 100%;}
    .box-template .template-wrapper .template-content {width: 100%;}
    .box-template .template-wrapper .template-main {width: 100%;}

    .box-topnews .topnews-img {width: 100%; height: auto;}
    .box-topnews .topnews-img img {margin: 0 auto; width: 95%; height: auto;}
    .box-topnews .topnews-content {width: 95%;}
    .box-topnews .topnews-topline-container {right: 2.5%; }
    
    
    .box-main .main-left {margin: 0 auto; float: none;}
    .box-main .main-center {display: block; margin: 0 auto; max-width: 520px;}
    .box-main .main-right {margin: 0 auto; float: none;}

    .box-article .article-heading img {   height: auto; margin: 0 auto; width: 100%;}
    .box-article .article-placeholder {margin: 20px auto 25px; width: 90%;}
    
    .box-article .article-videocontainer {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
    .box-article .article-videocontainer iframe,
    .box-article .article-videocontainer object,
    .box-article .article-videocontainer embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    
    .box-article .article-content iframe,  
    .box-article .article-content object,
    .box-article .article-content embed {max-width: 100%;}
     
    .box-event .event-placeholder {margin: 0 auto 25px; width: 90%;}    
    
    .box-paging ul.paging-ul {margin-left:30px;}
    
    .box-articlelist .articlelist-placeholder {margin: 0 auto 25px; width: 90%;}
    .box-articlelist .articlelist-img { width: 20%; margin-right: 2%; height: auto;}
    .box-articlelist .articlelist-img img {width: 100%; height: auto;}
    .box-articlelist .articlelist-content {width: 78%;}    
    .box-articlelist .articlelist-related .articlelist-content {width: 78%;}    
    
    .box-toplist .box-video .video-container{width:100%;}
    .box-toplist .top-placeholder {display: block; margin: 0 auto 5px; width: 90%;}    
    
    .box-footer .footer-share .share-text { width: 100%; float: right; text-align: right;}
    .box-footer .footer-share a {clear: right;}
    .box-nav .nav-main { position: relative; bottom: 5px;  height: auto;}
    .box-nav .nav-main ul {margin: 20px 0;}
    .box-nav .nav-item-container { margin-right: 0px; float: none;}
    .box-nav .nav-item { font-size: 19px; height: 30px; line-height: 30px; border-bottom: 1px solid #D7DFF2}
    .box-nav .nav-sub { font-size: 16px; padding: 10px 5px;}
    .box-nav .sub-item { margin: 1px 5px 1px 10px;}
    

    .box-contentbox .contentbox-placeholder {float: left; margin: 0 auto; max-width: 250px; padding: 0 5px 30px; text-align: center;}
    .box-contentbox .contentbox-content {width: 250px;}
    .box-contentbox .contentbox-header {width: 250px;}
    .main-center {display: block; margin: 0 auto; max-width: 520px;}
    }

@media all and (max-width:530px) {
    .main-center {max-width: 250px;}
}    
    

@media all and (max-width:485px) {
    .box-template { width:480px; overflow-x:hidden; }
}