/* 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 img { max-width: 100%; height: auto; }
#artikel img.full { width: calc(90% - 0px); height: auto; border: 0px #ffffff solid; margin: 5%; -webkit-box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.75);
box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.75); }
#artikel img.intro { float: left; width: 150px; height: auto; margin: 0px 10px 10px 0px; }

#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 20px 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; }
}