/* links */
a:link, a:visited {
        	font-size: 1.0em;
 	color: #000000;
 	font-weight: normal;
 	text-decoration:underline;
}

a:hover {
	font-size: 1.0em;
 	color: #514A7D;
 	text-decoration:none;
}
a.button, a.button:link, a.button:visited, .button,
.overview a.button, .overview a.button:link, .overview a.button:visited, .overview .button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c548e+0,11a2b2+100 */
	background: #6c649c; /* Old browsers */
	background: -moz-linear-gradient(top,  #6c649c 0%, #514A7D 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6c649c 0%,#514A7D 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6c649c 0%,#514A7D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c649c', endColorstr='#514A7D',GradientType=0 ); /* IE6-9 */

         color: #FFFFFF;
         font-size: 1.0em;
         line-height: 2.0em;
         padding: 0px 15px;
         text-shadow: #45484d 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         text-align: center;
         cursor: pointer;
}

a.button:hover, .button:hover,
.overview a.button:hover, .overview .button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

         color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px !important;
         text-decoration: none;
         text-transform: uppercase;
}

a.button_big, a.button_big:link, a.button_big:visited {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c548e+0,11a2b2+100 */
	background: #5c548e; /* Old browsers */
	background: -moz-linear-gradient(top,  #6c649c 0%, #514A7D 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6c649c 0%,#514A7D 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6c649c 0%,#514A7D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c649c', endColorstr='#514A7D',GradientType=0 ); /* IE6-9 */

         color: #FFFFFF;
         font-size: 1.8em;
         line-height: 2.0em;
         padding: 0px 20px;
         text-shadow: #1eb2c7 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         text-align: center;
         cursor: pointer;
}

a.button_big:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

         color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px;
         text-decoration: none;
}

a {
	-o-transition: all 0.1s linear;
    	-moz-transition: all 0.1s linear;
    	-khtml-transition: all 0.1s linear;
    	-webkit-transition: all 0.1s linear;
    	-ms-transition: all 0.1s linear;
    	transition: all 0.1s linear;
}

a[target="_blank"], a[target="_blank"]:link, a[target="_blank"]:visited, a[target="_blank"]:hover { background: url(../images/underline.png) 0px 25px repeat-x; padding-bottom: 5px; color: #514A7D; text-decoration:none; }
a[target="_blank"]::after { content: url(../images/el-12.png); }
#footer > a[target="_blank"], #footer > a[target="_blank"]:link, #footer > a[target="_blank"]:visited, #footer > a[target="_blank"]:hover { background-color: transparent; background-image: none; padding-right: 0px !important; }
#footer a[target="_blank"]::after, a.no[target="_blank"]::after { content: "" !important; }

/* Standarts */
body {
     	background:#FFFFFF; /* F1F0ED */
 	margin:0;
         padding:0;
         min-width: 320px !important;
         width:100%;
         height:100%;

         font-size: 1.0em;
         font-family: 'PT Sans', sans-serif;
}

.tab { background-color:#EFEFEF; font-size: 10pt; }
.tab2 { background-color:#E8E7E6; font-size: 10pt; }
.tabbgok { background-color:#EFEFEF; color:#779F09; font-size: 10pt; }
.tabbgstorno { background-color:#EFEFEF; color:#B30000; font-size: 10pt; }
.tabbgoffen { background-color:#EFEFEF; color:#FF8000; font-size: 10pt; }
.tabhead { background-color:#86AC1B; color:#ffffff; font-weight: bold; padding:2px; }

.clear { clear:both; }
.pad { padding: 10px 15px; }
.padtop { padding: 10px 0px; }
.padtopbig { padding: 20px 0px; }
.padside { padding: 0px 15px; }
.padsmall { padding: 5px 15px; }
.center { text-align: center; }
.rechts { text-align: right; }
.small { font-size: 0.7em; }
.medium { font-size: 0.9em; }
.big { font-size: 1.6em; }
.bgc { background-color: #5c548e; }
.diver { border-top: 3px #EFEFEF dotted; margin: 10px 0px 20px 0px; }

table { border: 0px; padding: 0px; margin: 0px; cell-padding: 2px; cell-spacing: 2px;}
td { vertical-align:top; text-align: left; }

blockquote { font-size: 18pt; color: #2F2F2F; text-align: center; text-shadow: #FFFFFF 1px 1px 0px; }
blockquote p:before { content: ' „ ' ' '; font-size: 24pt; color: #9F9F9F; font-family: Georgia, serif; }
blockquote p:after { content: ' ' ' “ '; font-size: 24pt; color: #9F9F9F; font-family: Georgia, serif; }

ul { }
ul.no { margin: 0px; padding: 0px; }
ul li { font-size: 1.0em; }

.liste li { list-style: none; margin: 1px; padding: 1px 3px; }
.liste li a { text-decoration: none; text-shadow: #FFFFFF 1px 1px 0px; }
.liste li:nth-child(even) { background: #EFEFEF; }
.liste li:nth-child(off) { background: #FFFFFF; }

hr { border: 0px; margin: 10px 0px; border-bottom: 2px #CFCFCF dotted !important; }

::selection {
    	background: #988FD6;
    	color: #FFFFFF;
    	text-shadow: #514A7D 1px 1px 0px;
}
::-moz-selection {
    	background: #988FD6;
    	color: #FFFFFF;
    	text-shadow: #514A7D 1px 1px 0px;
}

.hidden { display: none !important; visibility: hidden; }
.assistive-text {
  	border: 0;
  	clip: rect(0 0 0 0);
  	height: 1px;
  	margin: -1px;
  	overflow: hidden;
  	padding: 0;
  	position: absolute;
  	width: 1px;
}

.icon.time {  background:#FFFFFF url(../images/icon_clock.png) left center no-repeat; }
.icon.author {  background:#FFFFFF url(../images/icon_author.png) left center no-repeat; }
.icon.views {  background:#FFFFFF url(../images/icon_views.png) left center no-repeat; }
.icon.kat {  background:#FFFFFF url(../images/icon_kat.png) left center no-repeat; }
.icon.words {  background:#FFFFFF url(../images/icon_words.png) left center no-repeat; }


/* Überschriften */
h1 {
 	font-size: 2.0em;
 	font-weight: bold;
 	text-align:left;
 	vertical-align:top;
 	color:#514A7D;
 	margin: 0px 0px 5px 0px;
         padding: 0px 0px 0px 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-family: 'Roboto', sans-serif;
}

h2 {
 	font-size: 1.5em;
 	font-weight: bold;
 	text-align:left;
 	vertical-align:top;
 	color:#4F4F4F;
 	margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         background:#F8F8F6;
         font-family: 'Roboto', sans-serif;
}

h3 {
         display: inline-block;
         font-size: 1.0em;
 	font-weight: normal;
 	text-align:center;
 	vertical-align:top;
 	color: #FFFFFF;
 	margin: 5px auto 10px auto;
         padding: 2px 5px 2px 10px;
         background: #514A7D;
         font-family: 'Roboto', sans-serif;
         text-transform: uppercase;
}

h4 {
 	font-size: 1.4em;
 	font-weight: bold;
 	text-align:center;
 	vertical-align:top;
 	color:#5F5F5F;
 	margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}

h5 {
         display: block;
         font-size: 1.2em;
 	font-weight: bold;
 	text-align:center;
 	vertical-align:top;
 	color:#5F5F5F;
 	margin: 2px 0px 2px 0px;
         padding: 0px 0px 0px 0px;
         background-color:#F8F8F6;
}

#sitebar h5 {
         display: inline-block;
         font-size: 1.0em;
 	font-weight: normal;
 	text-align:center;
 	vertical-align:top;
 	color: #FFFFFF;
 	margin: 10px auto 5px auto;
         padding: 2px 10px 2px 10px;
         background: #514A7D;
         font-family: 'Roboto', sans-serif;
         text-transform: uppercase;
}

#sitemap h1, #sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5 {
         display: inline-block;
 	font-weight: normal;
 	text-align:center;
 	vertical-align:top;
 	color: #FFFFFF;
 	margin: 10px auto 5px auto;
         padding: 2px 10px 2px 10px;
         background: #514A7D;
         font-family: 'Roboto', sans-serif;
         text-transform: uppercase;
}

#sitemap h3, #sitemap h4, #sitemap h5 {
         display: inline-block;
 	font-weight: normal;
 	text-align:center;
 	vertical-align:top;
 	color: #000000;
 	margin: 10px auto 5px auto;
         padding: 2px 10px 2px 10px;
         background: #DFDFDF;
         font-family: 'Roboto', sans-serif;
         text-transform: uppercase;
}

/* test */
#w {
         display: none;
         position: fixed;
         z-index: 100;
         right: 0px;
         bottom: 0px;
         color: #FFFFFF;
         padding: 5px;
         background: #BF0000;
}

/* Seitenaufbau */
#wrapper {
	width: 100%;
         height: 100%;
         margin: 0px;
         padding: 0px;
}

#content {
	float: left;
         width: calc(100% - 320px);

}
#sitebar {
	float:right;
         width: 300px;
}

#wrapper #header {
	width: 970px;
         margin-left: -485px;
}

#wrapper #topmenu, #wrapper #site, #wrapper #footer {
	width: 970px;
}

#header {
         position: fixed;
         z-index: 10;
         top: 0px;
         left: 50%;
         width: 100%;
         min-height:80px;
         background: #FFFFFF;
         border-bottom: 1px #514A7D solid;
}

#header.shadow {
        	-webkit-box-shadow: 0px 10px 5px -8px rgba(225, 225, 225, 0.99);
	-moz-box-shadow:    0px 10px 5px -8px rgba(225, 225, 225, 0.99);
	box-shadow:         0px 10px 5px -8px rgba(225, 225, 225, 0.99);
}

#menu {
         position: absolute;
         z-index: 10;
         top: 18px;
         background: #FFFFFF;
         width: 32px;
         height: 32px;
         padding: 5px;
         margin-left: 20px;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         cursor: pointer;
}

#menu:hover {
         background: #ebebeb;
}

#menu img {
         -webkit-transition: -webkit-transform .5s ease-in-out;
         -o-transition: transform .5s ease-in-out;
         transition: transform .5s ease-in-out;
}

#menu img:hover {
         -webkit-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
}

#menu_bar {
         display: none;
         position: fixed;
         z-index: 55;
         top: 0px;
         left: 0;
         overflow-y: scroll;

         background: #FFFFFF;
         min-width: 250px;
         max-width: 350px;
         padding: 20px;
         height: 100%;
         font-size: 1.0em;
}

#menu_bar ul, #menu_bar li {
	padding: 0px;
         margin: 0px 0px 0px 0px;
}

#menu_bar li {
         margin: 0px 0px 0px 0px;
         border-bottom: 1px #EFEFEF solid;
         list-style: none;
}

#menu_bar li img {
         float:left;
         display: inline;
         border: 0px #DF0000 solid;
         margin-top: -5px;
         margin-right: 5px;
         width: 30px;
         height: 30px;
}

#menu_bar li > ul li {
         margin: 0px 0px 0px 35px;
         border-bottom: 0px #EFEFEF solid;
}

#menu_bar a {
         display: block;
         background: #FFFFFF;
         padding: 8px 5px;
         margin: 0px 0px;

         font-weight: normal;
         font-size: 1.1em;
         text-decoration: none;
         color: #000000;
         font-family: 'Roboto', sans-serif;
}

#menu_bar a:hover, #menu_bar a.active {
         color: #6860b6;
         -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#menu_bar li > ul li a, #menu_bar li > ul li > ul li a {
         font-size: 0.9em;
         padding: 6px 5px;
}

#topmenu {
         position: absolute;
         z-index: 5;
         width: 100%;
         width: calc(100% - 10px) !important;
         border-top: 0px #514A7D solid;
         padding: 3px 5px 3px 5px;
         background: #514A7D;
         margin: 70px auto 0px auto;
         text-align: left;
}

#topmenu .in {
	margin: 0px auto;
         width: 970px;
}

#topmenu a {
         display: inline-block;
         padding: 5px 10px;
         font-family: 'PT Sans', sans-serif;
         font-weight: normal;
         font-size: 1.1em;
         text-decoration: none;
         color: #FFFFFF;
         text-transform: uppercase;
         letter-spacing: 2px;
}

#topmenu a:hover, #menu_bar a.active {
         background: #FFFFFF;
         color: #000000;
}

#topmenu .sub_topbar {
	display: none;
         width: 100%;
         border-top: 0px #514A7D solid;
         padding: 3px 5px;
         background: #E7EAF1;
         margin: 2px -5px -3px -5px;
         text-align: left;
}

#topmenu .sub_topbar a {
         display: inline-block;
         padding: 2px 5px;
         font-family: 'PT Sans', sans-serif;
         font-weight: normal;
         font-size: 0.8em;
         text-decoration: none;
         color: #514A7D;
         text-transform: none;
         letter-spacing: 2px;
}

#topmenu .sub_topbar a:hover, #menu_bar .sub_topbar a.active {
         color: #000000;
         background: #E7EAF1;
}

#topmenu .sub_topbar .in div[id^="sub_"] { display: none; }


#logo {
	width:200px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         border: 0px #000000 solid;
         text-align: center;
}

#logo a {
         margin-top: 5px;
         padding: 16px 0px 10px 0px;
         display: block;
         color: #514A7D;
         font-size: 2.0em;
         font-weight: normal;
         text-decoration: none;
    	font-family: 'Baloo Bhai', cursive;
         line-height: 0.7em !important;
}

#logo a b {
	color: #BBC2D4;
         font-size: 0.5em;
         font-weight: normal;
         text-decoration: none;
    	font-family: 'Roboto', sans-serif;
         margin-top: -10px;
         line-height: 0.7em !important;
         text-transform: uppercase;
         font-style: italic;
}

#site {
         margin: 10px auto 10px auto;
	text-align:left;
         vertical-align:top;
         padding-top: 140px;
}

#footer {
         width: 100%;
         margin: 10px auto 0px auto;
         background: #FFFFFF;
         border-top: 1px #514A7D solid;
         text-align: left;
         font-size: 0.8em;
         color:#6F6F6F;
}

#footer a {
         font-size: 0.9em;
	font-weight: normal;
	color:#6F6F6F;
         margin-right: 20px;
         text-decoration: none;
}

#footer a:hover {
	color:#514A7D;
}

#footer .links { float: left; }
#footer .copy { float: right; }
#footer .copy a {
         font-size: 1.0em;
	font-weight: normal;
	color:#6F6F6F;
         margin-right: 0px;
}

/* Boxen */
.contentbox {
         width: 100%;
         margin: 5px auto 15px auto;
         background: #FFFFFF;

         color: #000000;
         font-size: 1.0em;
         font-weight: normal;
}

.contentbox .top {
         display: block;
         margin: 0px;
         padding: 3px 10px;
         background: #575757;
         -webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;

         color: #FFFFFF;
         font-size: 1.6em;
         text-align: center;
         font-weight: bold;
         text-shadow: #000000 1px 1px 1px;
}

.contentbox .top2 {
         display: block;
         margin: 0px;
         padding: 3px 10px;
         background: #c3c3c3;
         -webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;

         color: #575757;
         font-size: 1.6em;
         text-align: center;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 1px;
}

.overview {
         float:left;
         display: inline-block;
         padding: 8px 5px;
         width: calc(50% - 20px);
         min-height: 100px;
         line-height: 1.2em;
         font-size: 1.0em;
         font-weight: normal;
         color: #3F3F3F;
         border-bottom: 2px #CFCFCF dotted;
         cursor: pointer;
         margin-right: 20px;
}

.overview:nth-child(even) { margin-right: 0px; }
.overview:nth-last-child(2),.overview:last-child { border-bottom: 0px #CFCFCF dotted; }
.overview:hover { background: #FFFFFF; }

#content .overview {
         float:none;
         display: block;
         width: calc(100% - 0px);
         padding: 8px 0px;
         border-bottom: 2px #CFCFCF dotted !important;
}

#content .overview b {
         display: block;
         font-size: 1.0em;
         text-transform: none;
         color: #000000;
         margin-bottom: 3px;
         padding: 5px 0px;
}

.overview b {
         display: block;
         font-size: 1.1em;
         text-transform: uppercase;
         color: #000000;
         margin-bottom: 3px;
}
.overview span {
         display: inline-block;
         text-transform: uppercase;
         font-size: 0.9em;
         color: #FFFFFF;
         background: #000000;
         padding: 1px 3px;
}
.overview img {
         float: left;
         padding: 0px;
         border: 0px #DFDFDF solid;
         margin: 0px 10px 0px 0px;
         min-width: 140px !important;
         max-width: 20% !important;
         height: inherit !important;
}


.moreartikel {
         display: block;
         padding: 8px 3px;
         line-height: 1.1em;
         font-size: 0.8em;
         font-family: 'Open Sans Condensed', sans-serif;
         font-weight: normal;
         color: #3F3F3F;
         border-bottom: 2px #CFCFCF dotted;
         cursor: pointer;
}

.moreartikel:last-child { border-bottom: 0px #CFCFCF dotted; }
.moreartikel:hover { background: #FFFFFF; }

.moreartikel b {
         display: block;
         text-transform: uppercase;
}
.moreartikel img {
         float: left;
         padding: 0px;
         border: 0px #DFDFDF solid;
         margin: 0px 10px 0px 0px;
         max-width: 45% !important;
         height: inherit !important;
}


#most-viewed .artikel {
         display: block;
         padding: 5px 5px;
         min-height: 20px;
         line-height: 1.2em;
         font-size: 0.9em;
         font-weight: normal;
         color: #3F3F3F;
         border-bottom: 2px #CFCFCF dotted;
         cursor: pointer;
         margin-right: 20px;
}

#most-viewed .artikel b {
         display: inline-block;
         font-size: 1.2em;
         text-transform: none;
         color: #000000;
         margin-bottom: 3px;
}
#most-viewed .artikel span {
         display: inline-block;
         text-transform: uppercase;
         color: #FFFFFF;
         background: #000000;
         padding: 1px 3px;
}

#most-viewed .artikel .views {
	float:right;
         font-size: 0.8em;
 	color: #b0b0b0;
 	font-weight: normal;
         text-align: right;
         line-height: 1.5em;
         text-decoration: none;
         width: 50px;
         padding-right: 20px;
         background-position: top right;
}
#most-viewed .artikel div[id^="text-"] { display: none; }

/* Artikel */
#artikel {
         width: calc(100% - 100px);
         margin: 0px auto;

         font-family: 'PT Sans', sans-serif;
         line-height: 1.4em;
         font-size: 1.2em;
         font-weight: normal;
         color: #000000;
}

#artikel .title {
         font-family: 'PT Sans', sans-serif;
         line-height: 1.0em;
         font-size: 1.1em;
         font-weight: bold;
}

#artikel span.block {
	font-weight: bold;
         font-size: 1.1em;
}

#artikel span.firstcharacter {
	float: left;
         color: #FFFFFF;
         background: #595283;
         font-size: 80px;
         line-height: 70px;
         padding-top: 4px;
         padding-right: 8px;
         padding-left: 5px;
         margin: 0px 10px 0px 0px;
         font-family: Georgia;
}


#artikel h1 {
         line-height: 1.6em;
         font-size: 1.5em;
         color: #514A7D !important;
}

#artikel h2 {
         line-height: 1.6em;
         font-size: 1.2em;
}

#artikel h3 {
         line-height: 1.6em;
         font-size: 1.1em;
}

#artikel h4 {
         line-height: 1.6em;
         font-size: 1.0em;
}

#artikel h5 {
         line-height: 1.6em;
         font-size: 1.0em;
}
#artikel h1, #artikel h2, #artikel h3, #artikel h4, #artikel h5 {
	display: block;
	font-family: 'PT Sans', sans-serif;
         background: transparent;
         padding: 0px;
         margin: 5px 0px 10px 0px;
         color: #000000;
         text-align: left;
}

#artikel .highlight_bg {
	background: #e7eaf1;
         width: calc(100% - 30px);
         padding: 14px;
}

#artikel .highlight_bg h3 {
	font-weight: bold;
         text-style: italic;
         text-align: center;
         color: #514a7d;
}

#artikel li { font-weight: normal; }
#artikel li b { display: block; }

#artikel img {
         display: block;
         width: auto;
         max-width: 100%;
         height: inherit;
         margin: 10px 0px 10px 0px;
}

#artikel img.right { float:right; margin: 0px 0px 5px 10px; }
#artikel img.left { float:left; margin: 0px 10px 5px 0px; }

#artikel .image_text { float: left; margin: 0px 10px 5px 0px; }
#artikel .image_text img { max-width: 100% !important; max-height: 100% !important; }
#artikel .image_text span { font-size: 0.8em; color: #8F8F8F; font-style: italic; text-align: right; }

#artikel .media iframe {
         display: block;
         width: 100%;
         height: 420px;
         margin: 10px 0px 10px 0px;
}

.artikelbar {
	display: block;
	background: #FFFFFF;
         border-bottom: 1px #EFEFEF solid;
         padding-bottom: 10px;
         margin-bottom: 20px;
}

.artikelbar .icon { display: inline; padding: 0px 15px 0px 22px; }

.artikelbar, .artikelbar a {
	/*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         font-size: 0.8em;
 	color: #b0b0b0;
 	font-weight: normal;
         text-align: left;
         line-height: 1.5em;
         text-decoration: none;
}
.artikelbar a { font-size: 1.0em; }

#artikel_prev {
	background: #EFEFEF;
	position: fixed;
         top: 50%;
         left: 0px;
         text-align: center;
         display: block;
         padding: 5px 10px 0px 10px;
         margin: 0px;
}
#artikel_next {
	background: #EFEFEF;
	position: fixed;
         top: 50%;
         right: 0px;
         text-align: center;
         display: block;
         padding: 5px 10px 0px 10px;
         margin: 0px;
}

div.artikel_hinweis { background:#F4F7F9; color:#AFAFAF; font-size:9pt; margin: 0px 17px 0px 10px; padding: 5px 10px 5px 10px;}
div.artikel_info_flag { float:right; width: 140px; height: 18px; padding:0px; margin: 0px 0px 0px 0px; background:transparent url(../images/artikel_info_flag.png) no-repeat; }

/* startseite */
#start_calender {
	width: 300px;
         float: left;
}

#start_ads {
	width: 336px;
         float: right;
}

#ads_footer {
	text-align: center;
         margin: 10px 0px;
         overflow:hidden;
         width: 100%;
}

/* Slider */
#slider_mega {
         display: block;
         text-align: left;
         height: 320px;
         border: 0px #009F00 solid;
         margin-bottom: 10px;
         width: 100%;
}
#slider_mega span {
         float:left;
         width: calc(100% - 3px);
         height: 320px;
         margin-right: 3px;
}

#slider_mega span .item {
         /*
         background-position: top right;
         background-repeat: no-repeat;
         width: 100% !important;
         width: calc(100% - 0px);
         height: 320px;
         */

         background-position: center center;
         background-size: auto 100%;
         height: 100%;
         width: auto;

         border-right: 0px #F1F1F1 solid;
         /*
         -webkit-box-shadow: inset 0px -80px 50px 5px rgba(0, 0, 0, 0.85);
	-moz-box-shadow:    inset 0px -80px 50px 5px rgba(0, 0, 0, 0.85);
	box-shadow:         inset 0px -80px 50px 5px rgba(0, 0, 0, 0.85);  */
}

#slider_mega span .item:last-child { border-right: 0px #FF0000 solid; }

#slider_mega span .item .section {
	display: inline-block;

	margin: 210px 10px 5px 10px;
         padding: 2px 5px;

	font-size: 1.0em;
         color: #FFFFFF;
}

#slider_mega span .item .title {
	display: inline-block;

	margin: 0px 10px 10px 10px;
         padding: 2px 0px;

	font-size: 1.3em;
         font-weight: bold;
         color: #FFFFFF;
         text-shadow: #000000 1px 1px 3px;
         line-height: 1.1em;
         overflow: hidden;
         height: 80px;

}

#slider_mega span .item .title a {
	margin: 0px 0px 0px 0px;
         padding: 1px 4px;

	font-size: 1.0em;
         font-weight: bold;
         color: #FFFFFF;
         text-shadow: #000000 1px 1px 3px;
         line-height: 1.2em;
         text-decoration: none;
         background: #000000;

}

#slider_mega_prev {
	cursor: pointer;
	position: absolute;
         z-index:10;
         margin-top: -200px;
	background:transparent url(../images/slider_left.png) center center no-repeat;
         height: 50px;
         width: 50px;
         opacity: 0.4;
    	filter: alpha(opacity=40);
}

#slider_mega_prev:hover {
	background:transparent url(../images/slider_left_hover.png) center center no-repeat;
	opacity: 0.9;
    	filter: alpha(opacity=90);
}

#slider_mega_next {
	cursor: pointer;
         float: right;
         position: relative;
         z-index:10;
         margin-top: -200px;
	background:transparent url(../images/slider_right.png) center center no-repeat;
         height: 50px;
         width: 50px;
         opacity: 0.4;
    	filter: alpha(opacity=40);
}

#slider_mega_next:hover {
	background:transparent url(../images/slider_right_hover.png) center center no-repeat;
         opacity: 0.9;
    	filter: alpha(opacity=90);
}


/* Schatten */
#shadow {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 50;
         background: transparent url(../images/shadow.png) repeat;
         width: 100%;
         height: 100%;
         cursor: pointer;
}

/* Voting */
#voting { margin: 5px auto; }
#voting img { padding: 5px 0px 10px 0px; min-width: 250px !important; max-width: 100% !important; height: inherit !important; }
#voting span { padding: 0px 5px 0px 5px; }
#voting div { display: none; }

#voting_layer {
	display: none;
	position: absolute;
         z-index: 51;
         top: 200px;
         left: 50%;
         /*margin-left: -170px; */

         background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
         -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
         width: 300px;
	padding: 20px;
         text-align: center;
         border: 0px #FFFFFF solid;
}

#voting_layer #voting_layer_close {
	position: absolute;
         z-index: 55;
         top: 0px;
         left: 50%;
         margin-left: 150px;
         margin-top: -15px;
         cursor: pointer;
}

#voting_layer span {
	font-size: 13px;
         text-align: center;
}

#voting_layer span img {
	margin: 2px;
}

/* BC Navigation */
#breadcrump {
	display:block;
	overflow: hidden;
	line-height: 1.3em;
	float:left;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 10px 0px;

	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 0.9em;
	color:#9F9F9F;
         text-transform: uppercase;
}

#breadcrump ol, #breadcrump ol li { display: inline-block; padding: 0px 2px 0px 2px;  }

#breadcrump ol li a:link, #breadcrump a:visited, #breadcrump ol li a:link span, #breadcrump ol li a:visited span {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.0em;
	color:#9F9F9F;

 	font-weight: normal;
 	text-align:center;
 	text-decoration:none;
    	text-shadow: #FFFFFF 1px 1px 0px;
}

#breadcrump ol li a:hover, #breadcrump ol li a:hover span {
 	color: #595283;
 	text-decoration:none;
}

#breadcrump ol li span, #breadcrump ol li a span, #breadcrump ol li div { margin:0px; padding: 0px; display: inline; }

#breadcrump .no { display: none; }

/* Top */
#top {
         position: fixed;
         z-index: 10;
         bottom: 20px;
         right: 20px;
         display: none;

         background: #514A7D;
         padding: 3px 8px 3px 10px;

         font-size: 11pt;
         color: #FFFFFF;
         text-shadow: #514A7D 1px 1px 0px;

         cursor: pointer;
}

#top .show { display: block; }
#top b { display: inline; font-weight: bold; padding-top: 0px !important; }


/* Tags */
#tags, #tags_artikel {
         display: block !important;
         margin: 10px 0px 10px 0px;
	padding:10px 0px 10px 0px;
         border-top: 0px #CFCFCF solid;
         border-bottom: 0px #CFCFCF solid;
}

#tags a, #tags span, #tags b {
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
         font-family:"Trebuchet MS", Verdana;
         font-size: 10pt;
         margin: 2px;
}

#tags a, #tags span {
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#000000;
	color:#fff;
         text-shadow: #000000 1px 1px 0px;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
         cursor: pointer;
         -o-transition: all 0.0s linear;
    	-moz-transition: all 0.0s linear;
    	-khtml-transition: all 0.0s linear;
    	-webkit-transition: all 0.0s linear;
    	-ms-transition: all 0.0s linear;
    	transition: all 0.0s linear;
}

#tags a:before, #tags span:before {
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #000000 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;
}

#tags a:after, #tags span:after {
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
}
#tags a:hover, #tags span:hover{ background:#555; text-shadow: #555 1px 1px 0px;  }
#tags a:hover:before, #tags span:hover:before { border-color:transparent #555 transparent transparent; }

/* Seitenanzeige */
#seitenanzeige {
	line-height:30px;
         padding: 5px 0px;
}

#seitenanzeige a:link, #seitenanzeige a:visited {
 	display: block;
         float:left;
 	font-size: 11pt;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
 	padding: 0px 0px 2px 0px;
 	margin: 2px;
 	background-color: #514A7D;
 	border: 2px #514A7D solid;
         height: 26px;
         width: 26px;
         text-align:center;
         text-shadow: #3D3768 1px 1px 0px;
}

#seitenanzeige a:hover {
 	font-size: 11pt;
 	font-weight: bold;
 	color: #5F5F5F;
 	text-decoration:none;
 	background-color: #FFFFFF;
 	border: 2px #514A7D solid;
         height: 26px;
         width: 26px;
         text-align:center;
         text-shadow: #CFCFCF 1px 1px 0px;
}

#seitenanzeige div {
 	display: block;
         float:left;
 	font-size: 11pt;
 	font-weight: bold;
 	color: #FFFFFF;
 	text-decoration:none;
 	background-color: #000000;
 	border: 2px #000000 solid;
 	padding: 0px 0px 2px 0px;
 	margin: 2px;
         height: 26px;
         width: 26px;
         text-align:center;
         vertical-align:middle;
       	text-shadow: #000000 1px 1px 0px;
}

/* Formulare */
input, select, textarea {
 	border: 1px #BFBFBF solid;
 	background-color: #FFFFFF;
         font-family: 'PT Sans', sans-serif;
         font-size: 0.8em;
 	color: #000000;
 	padding: 4px 8px;
 	margin: 2px;
         line-height: 1.1em;
         -moz-box-shadow:    inset 2px 2px 3px #DFDFDF;
   	-webkit-box-shadow: inset 2px 2px 3px #DFDFDF;
   	box-shadow:         inset 2px 2px 3px #DFDFDF;
}

input[type="submit"], input[type="button"] {
 	border: 1px #352c68 solid;
 	font-size: 1.1em;
 	background-color: #5c548e;
 	color: #FFFFFF;
         font-weight: bold;
         text-shadow: 1px 1px 0px #352c68;
         padding: 5px 10px;
 	margin: 2px;
         line-height: 1.0em;
         -moz-box-shadow:    inset 0px 0px 0px #078C9E;
   	-webkit-box-shadow: inset 0px 0px 0px #078C9E;
   	box-shadow:         inset 0px 0px 0px #078C9E;
         cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover {
 	border: 1px #424449 solid;
 	background-color: #6F6F6F;
         text-shadow: 1px 1px 0px #424449;
         -moz-box-shadow:    inset 0px 0px 5px #424449;
   	-webkit-box-shadow: inset 0px 0px 5px #424449;
   	box-shadow:         inset 0px 0px 5px #424449;
}

/* Suche */
#suche {
         display: block;
         background: #FFFFFF;
         padding: 0px;
         margin: 5px 0px 15px 0px;
         width: 100%;
         text-align: center;
         font-family: 'Roboto';
}

#suche form input[type="text"] {
         float:left;
         width: 100%;
         width: calc(100% - 50px) !important;

	margin: 0px;
         padding: 5px 0px;
         line-height: 2.2em;

         font-family: 'Roboto';
         font-size: 1.2em;

         border: 0px #AFAFAF solid;
         border-bottom: 1px #AFAFAF solid;

         -moz-box-shadow:    inset 0px 0px 0px #DFDFDF;
   	-webkit-box-shadow: inset 0px 0px 0px #DFDFDF;
   	box-shadow:         inset 0px 0px 0px #DFDFDF;
}

#suche form input[type="submit"] {
	float: right;

	margin: 0px;
         padding: 5px 0px;
         line-height: 2.2em;

         width: 50px !important;
         height: 53px !important;

         border: 0px #2F2F2F solid;

         font-family: 'Roboto';
 	color: #FFFFFF;
         text-shadow: 1px 1px 0px #000000;
         cursor: pointer;
}

#suche input[type="submit"] {
         background: #514A7D url(../images/suche.png) center center no-repeat;
}

#suche input[type="submit"]:hover {
         background: #8F8F8F url(../images/suche.png) center center no-repeat;
}

#suche label { display: none; }


#suche_direkt input {
         font-size: 1.2em;
}

/* Sonstiges */
.werb {
	text-align: center;
}

/*
///////////////////////////////////
	Media-Querys
///////////////////////////////////
*/
@media (max-width: 350px) {
	#logo { margin-right: 20px; }
	#logo a {
	         margin-top: 5px;
	         padding: 16px 0px 10px 0px;
	         font-size: 1.6em;
	         line-height: 0.7em !important;
	}

}
@media (max-width: 480px) {
	html, body {
         	margin:0;
         	padding:0;
         }
         #site { padding-top: 90px !important; }
         #logo { padding-left: 30px; }
         #topmenu { display: none; }
         #breadcrump { display: none; }
	.overview {
         	float:none;
        	 	display: block;
         	width: calc(100% - 0px);
         	padding: 8px 0px;
         	border-bottom: 2px #CFCFCF dotted !important;
	}
         #artikel {
         	width: calc(100% - 0px);
	}
         #artikel_prev {
         	float:left;
		position: relative;
         	top: 0;
         	left: 0;
         	padding: 5px 0px 0px 0px;
         	margin: 0px;
                 width: 49%;
	}
	#artikel_next {
		float:right;
		position: relative;
         	top: 0;
         	right: 0;
         	padding: 5px 0px 0px 0px;
         	margin: 0px;
         	width: 49%;
	}
         #artikel_prev img, #artikel_next img { display: block; padding: 0px 45%;  }
         #artikel .media iframe { height: 180px !important; }
}

@media (max-width: 640px) {
	#topmenu .in {
                 text-align: center;
	}
         #topmenu .sub_topbar .in div[id^="sub_"] { display: none; }
         #site { padding-top: 120px; }
         #top {
         	bottom: 0px;
         	right: 0px;
         	padding: 2px 6px 2px 8px;
         	font-size: 10pt;
	}
         #content, #sitebar  {
                 float: none;
                 width: 100%;
                 width: calc(100% - 20px);
                 margin: 0px 10px !important;
         }
         #artikel .media iframe { height: 240px !important; }
}

@media (max-width: 800px) {
	#footer, #footer a { font-size: 1.0em; }
         #footer .links, #footer .copy  { float: none; text-align: center; display: block; padding: 10px; }
}

@media (max-width: 970px){
	#wrapper #header {
		width: 100%;
         	margin-left: -50%;
	}
         #wrapper #topmenu, #wrapper #site, #wrapper #footer {
                 width: calc(100% - 20px) !important;
                 margin: 0px 10px !important;
	}
         #wrapper #site {
		width: 100%;
	}
	#topmenu .in {
		margin: 0px auto;
         	width: 100%;
	}
         #artikel .media iframe { height: 360px !important; }
}