html {font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;}
h1 {font-size:1.5em;font-weight:normal;color: #00a000;} 
h2 {font-size:1.25em;font-weight:normal;color: #002878;}
h3 {font-size:1em;color: #002878;}
h4 {font-size:1em}
small {font-size:90%;}


h1 a, h1 a:active, h1 a:hover,
h2 a, h2 a:active, h2 a:hover,
h3 a, h3 a:active, h3 a:hover,
h4 a, h4 a:active, h4 a:hover,
h5 a, h5 a:active, h5 a:hover,
h6 a, h6 a:active, h6 a:hover {color:inherit;text-decoration:none;}

a {text-decoration:none;color:#002878;}
a:hover {border-bottom:2px dotted #c7d5ee;}

.card {border-radius: 2px;border: 0;box-shadow: 0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);padding:1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* center page */
#page {margin-left: auto;margin-right: auto;}

/* Tabellen per css? */
.row:after {content:'';display:block;clear: both;}
.row {display: table;}
.col {display: table-cell;vertical-align: middle;}

/* form-design */
button, input, select, textarea {margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.input-groups {display: table!important;}
.input-groups input, .input-groups button, .input-groups .input-append, .input-groups .input-prepend, .input-groups .btn-append {display: table-cell!important;}

button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	border: 0;
	overflow: visible;
	width: auto;
	box-shadow: none;
	vertical-align: top;
	font-size: 14px;
	line-height: 1;
	padding: 7px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="phone"], input[type="tel"], input[type="number"], input[type="datetime"], input[type="date"], input[type="search"], input[type="datetime-local"], textarea, select[multiple="multiple"] {
	line-height: 1;
	font-size: 14px;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	border: 1px solid #bbbcc0;
	outline: 0;
	padding: 3px 5px;
	position: relative;
	z-index: 2;
	-webkit-appearance: none;
}

textarea { vertical-align: top; }

.formrow {margin: 1em 0em;}
.formbuttons {text-align: right;}
fieldset {border: 1px solid #eee;margin: 0 0 2em 0;padding: 1em;}
legend {border: 0;padding: 0em 0.5em;color: #002878;}

/* twitter-badge */
#social-links-top {position:absolute;margin: 2px 0px 0px -23px;}

#desktop-header {height: 75px;display:table;width:100%;}
#desktop-header .col-left {display:table-cell;text-align:left;vertical-align:middle;}
#desktop-header .col-right {display:table-cell;text-align:right;vertical-align:middle;}

.sitesearch {display:table-cell;text-align:right;vertical-align:middle;}

#navbar-top {
	background:rgb(25,51,112);color:rgb(199,213,238);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#navbar-top a {color: inherit;text-decoration:none;}
#navbar-top li.active a {border-bottom:2px solid #fff;color:#fff;}
#navbar-top ul {margin: 0;padding: 10px 15px;list-style-type: none;} 
#navbar-top ul li {display:inline-block;text-align:center;}
#navbar-top ul li + li::before {padding:0.5em;}

#navbar-top-s {font-size:1.1em;color:rgb(199,213,238);}
#navbar-top-s .active {background:rgb(199,213,238);color:rgb(25,51,112);}
#navbar-top-s .toggle-left,#navbar-top-s .toggle-right {cursor:pointer;padding:0.5em;}
#navbar-top-s .toggle-left {float:left;border-right:1px solid #c7d5ee;}
#navbar-top-s .title {float:left;padding:0.5em;}
#navbar-top-s .toggle-right {float:right;border-left:1px solid #c7d5ee;}

#navbar-search {padding:1em;background:rgb(182,198,220);display:none;}
#navbar-search input  {padding: 7px 5px;color:rgb(25,51,112);min-width:50%;}
#navbar-search button, #desktop-header button {padding: 9px;background:rgb(199,213,238);color:rgb(25,51,112);border: 0px;max-width:50%;height:33px;}
#navbar-search input, #desktop-header input  {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border: 1px solid rgb(199,213,238);
	color:rgb(25,51,112);
	height:33px;
}

#navbar-search button, #desktop-header button {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

#navbar-search button:focus {text-decoration:underline;}

#breadcrumbs a {color: inherit;text-decoration:none;}
#breadcrumbs {margin: 10px 0px;padding: 10px;list-style-type: none;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #eee;
	color:#999;
} 
#breadcrumbs li {display:inline-block;text-align:center;}
#breadcrumbs li + li::before {content: " \f105 "; padding:0.5em;font-family: FontAwesome;}

/* menu-left shown at >= m */
#menu-left {width:200px;float:left;z-index:10;}
#menu-left {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 1em;}

#menu-left h1 {margin: 0em 0em 0.5em 0em;font-size:1em;color:#193370;font-weight:bold;}
#menu-left ul {margin: 0 0 1em 0;padding: 0;list-style-type: none;} 
#menu-left ul li {border-bottom: 1px solid #c7d5ee;padding:0.5em;font-size:0.8em;}
/* #menu-left a {text-decoration:none;color:#193370;} */
/* #menu-left a:hover {border-bottom:2px dotted #c7d5ee;} */

#inhalt {margin-left:200px;overflow:hidden;border-left: 2px dotted #c7d5ee;padding: 0 1em;}
#inhalt h1 {margin-top:0;}
#inhalt p {line-height:1.75em;}
#inhalt a {text-decoration:none;}
#inhalt p a:hover {border-bottom:2px dotted #c7d5ee;}
#inhalt p + h2 {margin-top: 2em;}

/* artikel-Listen */ 
.ad-ls {border-top: 1px solid #eee; border-bottom: 1px solid #eee;width:100%;text-align:center;padding:0.5em 0;}
.artikel-list img {float: left;	margin-right: 1em;max-width: 40%;height:auto;border: 1px solid #eee;}

ul.artikel-list { list-style-type: none;padding:0px;}
ul.artikel-list li + li {margin-top: 2em;}
.artikel-list .teaser {overflow:hidden;}
.artikel-list h2 {margin: 0 0 0.5em 0;}
.artikel-list .teaser h3 {font-size: 1em;color:#999;}
.readmore {text-align:right;}

/* Uebersichtsseite - 2spaltig */

.sspalte1 		{width:65%;float:left;border-right :2px solid #aaa;}
.sspalte2 		{width:33%;float:left;padding-left: 1%;}

div.linkfooter  	{color:#e78b23;margin:10px 0px 10px;}
div.linkfooter a 	{color:#e78b23;}

.panelbox 		{border-bottom:2px solid #ddd;}

.topnews {background:#eef5ff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin:0px 10px 0px 0px;padding:5px 10px;}

.topnews div.newsimage	{float:left;margin: 0px 0px 10px 0px;}
.topnews div.newstext	{margin-left: 215px;}
.topnews div.linkfooter	{margin-left: 215px;}

div.teaser 		{padding: 0px 10px 0px 0px;}
.teaser p		{text-align:left;margin:0px 0px 0px 215px;}
.teaser .newsbild 	{float:left;}

div.bild_links {padding: 0 1em 1em 0;float:left;text-align:center;font-size:0.9em;color:#999;}
div.bild_rechts {padding: 0 0 1em 1em;float:right;text-align:center;font-size:0.9em;color:#999;}

/* L */
@media (min-width:1120px) 	{ 
	.ad-head {background:#eee;position: fixed;top: 124px;margin-left:960px;width:160px;height: 600px;}
	.displaymax-m {display:none;}
	.displaymax-s {display:none;}
	.displaymax-xs {display:none;}
	#navbar-top ul li + li::before {content: " | ";}
	#navbar-top-s {display:none;}
	#nav-main .fa {display: none;}
}

/* M */
@media (max-width: 1119px) and (min-width:776px) 	{ 
	.ad-head {background:#eee;width:728px;height: 90px;margin: 0.5em auto;} 
	.displaymin-l {display:none;}
	.displaymax-s {display:none!important;}
	.displaymax-xs {display:none;}
	#navbar-top ul li + li::before {content: " | ";}
	#navbar-top-s {display:none;}
	#nav-main .fa {display: none;}
}


/* S */
@media (max-width: 775px) and (min-width:468px)	{ 

	.ad-head {background:#eee;width:468px;height: 60px;margin: 0.5em auto;} 
	.displaymin-l {display:none;}
	.displaymin-m {display:none;}
	.displaymax-xs {display:none;}
	#breadcrumbs {margin: 0px;padding: 10px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	#navbar-top ul li {display:block;float:left; width:49%;text-align:left;padding: 0.5em 0;border-bottom: 1px solid #c7d5ee;}
	#navbar-top ul li:first-child {width:100%;}
}

/* XS */
@media (max-width: 467px) 	{ 

	.ad-head {background:#eee;width:320px;height:50px;margin: 0 auto;overflow-x:hidden;}
	.displaymin-l {display:none;}
	.displaymin-m {display:none;}
	.displaymin-s {display:none;}
	.teaser .newsbild {float:none;margin-bottom:1em;}
	.teaser p {text-align:left;margin:0;}
	.topnews div.newsimage	{float:none;margin-bottom: 1em;}
	.topnews div.newstext	{margin-left:0;}
	.topnews div.linkfooter	{margin-left:0;}
}

/* <= S */
@media (max-width: 775px) {
	#desktop-header {display:none;}
	#navbar-top {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	#navbar-top ul {background:#b6c6dc;color:rgb(25,51,112);font-size:1.5em;}
	#navbar-top ul li {display:block;text-align:left;padding: 0.5em 0;border-bottom: 1px solid #c7d5ee;}
	#navbar-top li::before, #navbar-top li + li::before {content: "";padding:0px!important;}
	#navbar-top li a {display:block;}
	#navbar-top li a:hover {border:none;}
	#navbar-top li.active {color:#fff;}
	#navbar-top li.active a {border-bottom:none;}
	#nav-main {display: none;}
 	#menu-left {display:none;position:absolute;top:39px;width:100%;border:none;background:#b6c6dc;color:rgb(25,51,112);}
	#menu-left h1 {margin: 0.5em 0;}
	#menu-left ul li {text-align:left;padding: 5px;border-bottom: 1px solid #c7d5ee;font-size:1em;}
	#menu-left.active {display:block;}
	#inhalt {margin-left:0px;border-left: none}
	#inhalt h1 {margin-top: 0.5em;}
	.artikel-list img {float: left;max-width:100%;height:auto;}
	.artikel-list .teaser {min-width:50%;}
	.sspalte1 {width:100%;float:left;border-right:none;}
	.sspalte2 {width:100%;float:left;padding-left: 0;}
}


/* ---- Container-Element, Dokument-Breite ---- */
@media (min-width:1120px) 	{ #page {width:1120px} .container {width:960px;} }
@media (max-width: 1119px) 	{ #page {width:960px} .container {width:960px;} }
@media (max-width:960px) 	{ #page {width:100%} .container {width:100%;} }

/* Batch-Control */
.batchcontrol {margin: 1em 0;color:#333}
.batchcontrol::after {display:block;content:'';clear:both;}
.batchcontrol form {display:inline;}
.batchcontrol .next {float:right;}
.batchcontrol .prev {float:left;}
.batchcontrol .next::after {content:"\f054";font-family:FontAwesome;padding-left:0.5em;}
.batchcontrol .prev::before {content:"\f053";font-family:FontAwesome;padding-right:0.5em;}

/* Footer */
#footer {clear:both;text-align: center;margin-top:1em;border-top:1px dotted #eee;color:#999;font-size:0.8em;}
#footer a {text-decoration:none; color: #999;}

img {border:0;max-width:100%;height:auto;}

div.break {clear:both;height:1px;overflow:hidden;}

p a:link,p a:visited {color:#3750c0; text-decoration:none;}
p a:hover,p a:active, a:focus {color:#3750c0; text-decoration:underline;}
p a:focus {color:#3750c0; text-decoration:underline;}

.orange, .orange a {color:#eab90c;}
.orangebold, .orangebold a {color:#eab90c;font-weight:bold;}
#cookie-hint {
    position: fixed;
    left: 50%;
    height: 5.5em;
    bottom: -5.5em;
    width: 400px;
    margin-left: -200px;
    background:rgb(199,213,238);
    border-radius: 5px 5px 0 0;
    padding:1.5em;
    font-size: 0.9em;
    box-sizing: border-box;
    transition: bottom 1s 0s ease;
}
    
#cookie-hint.shown {
    bottom: 0;
    transition: bottom 1s 2s ease;
}
    
@media (max-width:420px) 	{
    #cookie-hint {
        width: 100%;
        margin-left: 0;
        left: 0;
        height: 4em;
        padding:0.75em;
        border-radius: 0;
    }

}
    
#cookie-hint button {
    float:right;
    width:3em;
    height:3em;
    line-height:2em;
    font-weight:bold;
    background-color: #e78b23;
    color: #fff;
    margin-left: 1em;
}