/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
body { 
 	background: #003466;
	line-height: 15px!important;
}

.bg_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 484px;
	height: 100%;
	background: url(../images/links.jpg) no-repeat;
}

.bg_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 484px;
	height: 100%;
	background: url(../images/rechts.jpg) no-repeat;
}

a, .uk-link {
	color: #009aca!important;
	text-decoration: none;
	cursor: pointer;
}

em { color: #444; }

.tm-sidebar-b a { 
	font-size: 14px;
	line-height: 0.1px; 
}

.tm-logo { margin: 10px; }

.uk-container { 
	background: #fff; 
	padding: 0px;
	position: relative;
}

.tm-headerbar {
	margin-top: 0px;
	margin-bottom: 0px;
}

.tm-logo p { margin: 0px; }

.tm-navbar, .tm-footer {
	margin-top: 0px;
	margin-bottom: 35px;
}

.tm-navbar  { margin-bottom: 0px; }


.uk-navbar { 
	background: #305172;
	height: 35px;
	line-height: 35px; 
}

.uk-navbar-nav > li > a {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	height: 35px;
	padding: 0 15px;
	line-height: 35px;
	color: #fff!important;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.uk-navbar-nav > li { border-right: 1px solid #18293b; }

.uk-navbar-nav > li:last-child { border-right: none; }

.tm-leading-article .uk-article:last-child {
    padding-bottom: 5px;
    border-bottom: 1px solid #dddddd;
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li.uk-open > a {
	background-color: #18293b;
	color: #fff;
}

.tm-middle { padding-right: 15px!important; margin-top: 20px!important; }
.tm-content { padding-left: 15px!important; }

.uk-article {
    padding-bottom: 5px;
    border-bottom: 1px solid #dddddd;
}

.sprocket-tabs-nav { display: none; }

 /* Zauberspiegel Schriften */

 .article_neu {
	font-family: Verdana;
	font-size: 13px;
}

.article_bold_neu {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

.article_kursiv_neu {
	font-family: Verdana;
	font-size: 13px;
	font-style: italic;
}

.teaser_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 13px;
}
.teaserbold_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

.teaserboldzitat_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.teaserred_neu {
	color: #a90000;
	font-family: Verdana;
	font-size: 13px;
}

.teaserboldred_neu {
	color: #a90000;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

.zitat_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 12px;
	font-style: italic;
}

.article12_neu {
	font-family: Verdana;
	font-size: 11px;
}

.articlebold12_neu {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

.article11_neu {
	font-family: Verdana;
	font-size: 10px;
}

.articlebold11 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

.header24_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;

}

.header20_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;

}

.header18_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;

}

.header16_neu {
	color: #0000a0;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;

}

.header16red_neu {
	color: #a90000;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold; 
}

.article {
	font-family: Verdana;
	font-size: 13px;
}

.article_bold {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

.article_kursiv {
	font-family: Verdana;
	font-size: 13px;
	font-style: italic;
}

.teaser {
	color: #0000a0;
	font-family: Verdana;
	font-size: 13px;
}

.teaserbold {
	color: #0000a0;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

.teaserboldzitat {
	color: #0000a0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.teaserred {
	color: #a90000;
	font-family: Verdana;
	font-size: 13px;
}

.teaserboldred {
	color: #a90000;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

.zitat {
	color: #0000a0;
	font-family: Verdana;
	font-size: 12px;
	font-style: italic;
}

.article10 {
	font-family: Verdana;
	font-size: 9px;
}

.article10_bold {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
}

.article11 {
	font-family: Verdana;
	font-size: 10px;
}

.articlebold11 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

.article12 {
	font-family: Verdana;
	font-size: 11px;
}

.articlebold12 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

.header24 {
	color: #0000a0;
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
}

.header20 {
	color: #0000a0;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
}

.header18 {
	color: #0000a0;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}

.header16 {
	color: #0000a0;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}

.header16red {
	color: #a90000;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}

/* Zauberspiegel Schriften Ende */

h1.uk-article-title,
h1.uk-article-title a { 
	font-size: 14px;
	color: #0000a0!important;
	background-color: #f4f4f4;
	margin-bottom: 10px!important;
	margin-top: -10px;
	line-height: 16px;  
}

.tm-sidebar-a .uk-panel-header,
.tm-sidebar-b .uk-panel-header { 
       background:#eee;
	-webkit-box-shadow: 0 1px 5px 0 #4A4A4A;
	-moz-box-shadow: 0 1px 5px 0 #4A4A4A;
	box-shadow: 0 1px 5px 0 #4A4A4A;  
}

.uk-panel-title {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	text-transform: none;
	color: #444444;
	padding-left: 10px;
	padding-top: 5px;
}

.widget-content { padding: 10px; }



ul.list-arrow {
	list-style: none;
}
ul.list-arrow li,
ul.uk-nav-side li {
	margin-left: 0;
	padding-left: 16px;
}

ul.list-arrow.arrow-blue li,
ul.uk-nav-side li {
	background: url(../images/icons-arrow.png) no-repeat 0 -86px;
}

.jcomments-latest-commented li { 
	background: none!important;
	padding-left: 0px!important;
	border-top: 1px solid #dddddd;
	padding-top: 5px;
	padding-bottom: 5px; 
}
.jcomments-latest-commented li:first-child { border-top: none; padding-top: 0px; }
.jcomments-latest-commented { padding-left: 0px!important; }

.uk-nav > li > a { padding: 0px 10px; }

.jcomments-links { font-size: 12px; }
.comments-link { float:right; }

.uk-article-meta { font-size: 14px; margin-top: -10px; }

.uk-search { 
	background: #fff;
	height: 25px;
	line-height: 25px;
	top:-2px; 
}

.showcase { 
	background: #eee; 
	margin-left: 15px;
	-webkit-box-shadow: 0 1px 5px 0 #4A4A4A;
	-moz-box-shadow: 0 1px 5px 0 #4A4A4A;
	box-shadow: 0 1px 5px 0 #4A4A4A;
       min-height: 230px!important;
 
}

.newsticker { 
	background: #4a4a4a; 
	margin-top:-10px;
}

.newsticker .mod_simple_marquee_content { 
	background: #fff; 
	padding: 10px;
       border: 10px: solid background: #4a4a4a 
}

.mod_simple_marquee { 
	background: #fff; 
	padding: 10px;
       border: 10px solid #4a4a4a ;
       margin-bottom: 10px; 
margin-top:-10px;
}

.uk-navbar-toggle { 
	margin-left: 20px; 
	margin-top:-5px; 
	color: #fff!important; 
}

.uk-nav-offcanvas > li > a { color: #ccc!important; }

.jsn-input-xlarge-fluid { min-height: 150px; }

#comments-form-comment { min-height: 150px; }
.tm-leading-article { margin-top: 5px!important; }

h1.uk-article-title { display:none; }

.uk-article-meta.teaserbold { background-color: #f4f4f4; }

.uk-article-meta.date {
    font-size: 12px;
    line-height: 18px;
    color: #999999;
	margin-top:0px;
}

.showtitle h1.uk-article-title,
.search-results h1.uk-article-title { display: block!important; }

.showtitle .uk-article-meta {
 	font-size: 14px!important;
	margin-top: -10px;
	color: #999999;
	font-weight: normal;
}

.showtitle .uk-article-meta.teaserbold { background-color: none; }

.tm-main-top2 { 
	margin-top: 5px!important;
	padding-left: 15px;
	display: none;
}

.showad .tm-main-top2 { 
	display: block;
	margin-top: -15px!important;
}

.uk-article .uk-panel-header {
  background: #eee;
  -webkit-box-shadow: 0 1px 5px 0 #4A4A4A;
  -moz-box-shadow: 0 1px 5px 0 #4A4A4A;
  box-shadow: 0 1px 5px 0 #4A4A4A;
}

.tm-main-bottom .showcase {
	background: #fff;
	margin-left: 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	min-height: 600px!important;
}

.article_edit {
	margin: 0 auto;
	width: 95px;
	margin-top: -15px;
	font-size: 10px;
}

.article_edit .icon-eye-close {
	margin-right: 2px;
	top: 1px;
	position: relative;
}

@media (min-width: 768px) {
	.tm-sidebar-a,
	.tm-sidebar-b { width: 17%; }
	.tm-main { width: 66%; }
}








#mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 550px;
  height: 200px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
    font-size: 16pt;
    position: absolute;
    bottom: 50px;
    width: 100%;
    left: 0px;
    color: #444!important;
}


#popupfoot .close {
    float: none;
    color: #444!important;
    opacity: 1;
}