@import url(fonts/fonts.css);

/* ************************************* */
/*                                       */
/* Reset                                 */
/*                                       */
/* ************************************* */

* {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, time, summary {
  display: block;
}

ol, ul {
  list-style: none;
}

label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

section.content{
  clear: both;
}

/* ************************************* */
/*                                       */
/* Global                                */
/*                                       */
/* ************************************* */

body{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  background: #F5F5F5 url(../img/deco/back-body.png) repeat-x top left !important;
  color:black;
}

#page, header, nav, #main, #left, #content, #right, footer, .block, article, .item, .content,.js-fixed-anchor {
  position: relative;
}

#page, header, nav, #main, #left, #content, #right, footer, .block, .list, .item{
  overflow: hidden;
}

.center{
  text-align: center;
}

div.center{
  margin:0 auto 0 auto;
  text-align: left;
}

/* ************************************* */
/*                                       */
/* Layout                                */
/*                                       */
/* ************************************* */

#page{
  width:996px;
  padding: 0 0 0 0;
  margin: 0 auto 0 auto;
}

#main{
  padding: 0 0 20px 0;
}

#left{
  float:left;
  width:244px;
  padding:20px 0 0 0;
}

#content{
  width:572px;
  padding:20px 20px 20px 20px;
  float:left;

  background: white;
}

#right{
  width:180px;
  float:right;
  padding:19px 0 0 20px;
}

.sidebar-left #right{
  width:160px;
  float:right;
  padding:20px 0 0 0;
}

/* ************************************* */
/* Sidebarverhalten                      */
/* ************************************* */

.sidebar-left #content{
  width:750px;
}

.sidebar-left #right{
  display:none;
}

.sidebar-magazine #content{
  width:572px;
}

.sidebar-magazine #right{
  width:180px;
  float:right;
  padding:20px 0 0 20px;
}

/* ************************************* */
/*                                       */
/* Header                                */
/*                                       */
/* ************************************* */

header{
  height:176px;
  margin-bottom: 10px;
}

/* ************************************* */
/* Logo und Slogan                       */
/* ************************************* */

#logo{
  display: block;
  position:absolute;
  width:181px;
  height:85px;
  top:50px;
  left:0;
}

#slogan{
  position:absolute;
  width:531px;
  height:13px;
  top:93px;
  left:187px;
}

#blog #slogan{
  position:absolute;
  width:531px;
  height:13px;
  top:93px;
  left:187px;
}

#banderole{
  position:absolute;
  width:500px;
  height:50px;
  top:93px;
  right:0px;
  text-align: right;
}

#banderole a{
  display: inline-block;
}

/* ************************************* */
/* Header-box                            */
/* ************************************* */

#header-box{
  float: right;
  width: 380px;
  padding: 0 0 0 12px;
  margin-left: 3px;
  height:49px;
  background: url('../img/deco/socialbackground.png') repeat-x center transparent;
}

#header-box a.social{
  width:27px;
  height:27px;
  border: none;
  display: inline-block;
  margin: 12px 4px 0px 0px;
}

#header-box a.fb{ background: url('../img/icons/icon-fb.png') no-repeat center transparent; }
#header-box a.tw{ background: url('../img/icons/icon-tw.png') no-repeat center transparent; }
#header-box a.gp{ background: url('../img/icons/icon-gplus.png') no-repeat center transparent; }
#header-box a.ap{ background: url('../img/icons/icon-app.png') no-repeat center transparent; }
#header-box a.nw{ background: url('../img/icons/icon-nw.png') no-repeat center transparent; }
#header-box a.rs{ background: url('../img/icons/icon-rs.png') no-repeat center transparent; }


/* ************************************* */
/* Suche                                 */
/* ************************************* */

#search{
  position:absolute;
  width: 235px;
  padding: 10px 12px 0 12px;
  height:40px;
  top:0px;
  right:0px;
}

#search-mobile{
   display: none;
}

/********   Google custom search style (need !important to be done) *******/
.gsc-input-box{
	height: 24px!important;
	border-radius: 4px !important;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif !important;
  font-size: 13px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2{
	padding: 5px !important;
	border-radius: 8px !important;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif !important;
  font-size: 13px !important;
  width:22px !important;
  height:22px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{ padding-right: 5px !important; }

input.gsc-input{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif !important;
  font-size: 13px !important;
  color: #666 !important;
}

.gsst_a .gscb_a{ color: #9DAD00 !important; }

.gsib_a{ padding-top: 5px !important; }
.gsst_a{ padding-top: 4px !important; }
.gscb_a{ font: 16px/0px arial,sans-serif !important; }

/********   End Google custom search style *******/


/* ************************************* */
/*                                       */
/* Navigation                            */
/*                                       */
/* ************************************* */

/* ************************************* */
/* Hauptnavigation                       */
/* ************************************* */

#left nav{
  border-bottom:1px dotted #A5B900;
  margin-bottom:20px;
  margin-right: 10px;
  padding-bottom: 10px;
}

nav ul{
  margin-bottom:10px;
}

nav li{
  margin-bottom:8px;
  line-height: 17px;
}

nav li:nth-child(5),
nav li:nth-child(10),
nav li:nth-child(15)
{
  margin-bottom:22px;
}

nav li a
{
  display:block;
  color:#7A8800;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Open Sans', Arial, serif;
  text-transform: uppercase;
}

nav li.active a,
nav li.current-menu-item a,
nav li a:hover{
  color: #cf006c;
}

nav li a span
{
  letter-spacing: -1.5px;
}

/* ************************************* */
/* Metanavigation                        */
/* ************************************* */

#meta{
  float: right;
}

#meta li{
  display: block;
  float:right;
  text-transform: uppercase;
  font-size: 11px;
  border-left:1px dotted #a5b900;
  padding: 17px 10px 0 10px;
}

#meta a{
  display: block;
}

/* ************************************* */
/* Tabs                                  */
/* ************************************* */

.tabs {
  height:30px;
}

.tabs ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  display:none;
}

.tabs ul li {
  cursor: pointer;
  float: left;
  margin: 0 20px 0 0;
}

.tabs ul li span{
/*  border-bottom: 30px solid #a5b900;
  border-right: 30px solid transparent;
  color: #fff;
  float: left;
  height: 0;
  line-height: 30px;
  opacity: 0.5;
  padding: 0 40px;
  position: relative;
  text-transform: uppercase;
  font-size: 13px;*/
  color: #fff;
  float: left;
  height: 30px;
  line-height: 30px;
  opacity: 0.5;
  width:150px;
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  background-color: #a5b900;
  text-align:center;
}

.tabs ul li.current span,
.tabs ul li:hover span{
  border-bottom-color: #a5b900;
  opacity: 1;
  z-index: 3;
}

.tabs-pane{
  border-top: 1px solid #a5b900;
  padding-top: 30px;
}

#tab-cat-content,
#tab-grund-content,
#tab-video-content {
    display: none;
}

.ajax-pag-link {
    cursor: pointer;
    color: #7A8800;
    outline: medium none;
    text-decoration: none;
}

.ajax-pag-link:hover{
    color: #CF006C;
}

/* ************************************* */
/*                                       */
/* Inhalt                                */
/*                                       */
/* ************************************* */

.item{
  padding-bottom:20px;
}

.item.page,
.item.webschau{
  border-bottom: 1px dotted #a5b900;
  margin-bottom: 20px;
}

/*.item.webschau{
  margin-top: -30px;
  background: #ffeef7;
  padding:10px 10px 10px 10px;
  margin-bottom: 30px;
}

.item.webschau:first-child{
  margin-top: 0px;
  margin-bottom: 20px;
}*/

article div.column{
  width:490px;
}

/* ************************************* */
/*                                       */
/* Sektionen                             */
/*                                       */
/* ************************************* */

section.category,
div.category{
  color:#CF006C;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Open Sans', Arial, serif;
  text-transform: uppercase;
  margin-bottom: 18px;
}

section.category{
  font-size: 14px;
  border-bottom: 1px dotted #a5b900;
  padding-bottom: 5px;
  overflow: hidden;
}

div.category{
  font-size: 19px;
  padding-bottom:7px;
  margin-top:-3px;
}

a.alle-beitrage{
  color: #CF006C;
  font-weight: 600;
  font-family: 'Open Sans', Arial, serif;
  text-transform: none;
  float: right;
  margin-bottom: 10px;
  padding-bottom:7px;
}

a.alle-beitrage:hover{
  color:#A5B900;
}

h3.dachzeile a,
h3.dachzeile{
  color:#CF006C;
  font-weight: 600;
  font-family: 'Open Sans', Arial, serif;
  text-transform: uppercase;
}

h3.dachzeile a:hover{
  color:#A5B900;
}

section.header img,
section.teaser img,
.wp-caption{
  max-width:100% !important;
}


article section.social{
  border-bottom: 1px dotted #A5B900;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

article section.social li.twoclick-facebook,
article section.social li.twoclick-twitter,
article section.social li.twoclick-gplus{
  float:left;
  overflow: hidden;
  margin-top: 0 !important;
}

article section.social li.twoclick-facebook{
  width:180px !important;
  overflow: hidden;
}

article section.social li.twoclick-twitter{
  width:150px !important;
}

article section.social li.twoclick-gplus{
  width:125px !important;
}

section.content{
  border-bottom: 1px dotted #a5b900;
  margin-bottom: 20px;
}

section.content img{
  max-width: 490px !important;
}

article section.teaser, article section.content div.teaser {
    font-weight: 600;
}

article section.content blockquote ul li,
article section.content blockquote p{
  font-family: Georgia, serif;
  font-size: 14px;
}

.list section.content{
  border-bottom: 1px dotted #a5b900;
  margin-bottom: 0;
  overflow: hidden;
}

.list .item:last-child section.content{
  border-bottom: none;
}

section.content img{
  margin-top: 15px;
}

section.content p iframe{
  width: 490px !important;
  /*height: 369px !important;*/
}

section.content p iframe[src^="http://www.vimeo"],
section.content p iframe[src^="http://vimeo"],
section.content p iframe[src^="http://player.vimeo"],
section.content p iframe[src^="http://www.youtube"]{
  width: 490px !important;
  height: 276px !important;
}

section.illu{
  float:left;
  width:150px;
  margin-top: 5px;
}

.list section.illu img{
  max-width:150px !important;
  height:auto;
}

.item.webschau img{
  float:right;
  margin-left: 20px;
  height: auto;
  max-width: 130px !important;
  margin-bottom: 10px;
}

p.align-ri{
    color: #666666;
    cursor: default;
    display: block;
    font-size: 0.8em;
    margin: 2px 0 10px 0;
    padding: 0;
    text-align: right;
}

p.wp-caption-text,
article section.content .wp-caption-text{
    color: #666666;
    cursor: default;
    display: block;
    font-size: 10px;
    margin: 2px 0 10px 0;
    padding: 0;
    font-weight: normal;
    min-height: 18px;
}

p.wp-caption-text,
p.wp-caption-text a{
    color: #999;
}
p.wp-caption-text a:hover{
    text-decoration: underline;
}



/*.item.webschau .illu{
    margin-top: 0;
}

.item.webschau .illu a{
    color: #CF006C;
    font-family: 'Open Sans',Arial,serif;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

.item.webschau .txt{
  margin-left: 160px;
}*/

.item .txt iframe{
  width: 359px !important;
  height: 269px !important;
}


.item .txt{
  margin-left: 170px;
  width: auto;
}

.js-fixed-wrapper{
  position:absolute;
  width:200px;
  top:-20px;
  right:0;
}

aside{
  position:absolute;
  width:200px;
  top:0;
  margin-top: 20px;
}

aside.fixed{
  position:fixed;
  top:0;
}

aside > div{
  margin-bottom:20px;
  border:1px dotted #a5b900;
  padding:10px 10px 0 10px;
  background: white;
}

aside .tags{
  padding-bottom:15px;
}

aside .social{
  padding-bottom:10px;
}


/* ************************************* */
/*                                       */
/* Dossier                               */
/*                                       */
/* ************************************* */

/* Extra classes for new title and box styling */

.dossier section.header h1,
.dossier section.content h1{
  font-size: 26px;
  margin-bottom: 10px;
}

.dossier section.content h3{
  font-weight: normal;
}

section.content div.merksatz{
  background: #e0e0e0;
  padding: 20px 25px 10px 25px;
  margin-bottom: 20px;
}

/* Extra classes for LinktoPost classes */

div.linktoposts{
  border: 1px dotted #a5b900;
  padding: 10px 10px 12px 15px;
  margin-bottom: 20px;
}

div.linktoposts + div.linktoposts{
  margin-top: -10px;
}

div.linktoposts section.illu{
  width: 90px;
}

div.linktoposts section.illu a img{
  width: 90px;
  height: 90px;
  margin: 0;
}

div.linktoposts section.txt{
  margin-left: 105px;
}

div.linktoposts section.txt h2{
  font-weight: normal;
  color: #222;
  font-size: 16px;
  margin-bottom: 5px;
}

div.linktoposts section.txt p{
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 17px;
}

/* ************************************* */
/*                                       */
/* Elemente                              */
/*                                       */
/* ************************************* */

.meta{
  float:right;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-transform: none;
  padding-top: 4px;
  letter-spacing: normal;
}

/* to top */
#back2top {
  background: url("../img/icons/icon-to-top.png") no-repeat scroll left top transparent;
  bottom: 0;
  color: #000000;
  cursor: pointer;
  display: none;
  height: 40px;
  position: fixed;
  right: 0;
  text-decoration: none;
  width: 40px;
  z-index: 3;
}

.shortlink {
  font-size: 13px;
}

/* ************************************* */
/* Featured on home                      */
/* ************************************* */

.banner:first-child{
  margin-top: -20px;
}

.banner{
  margin-bottom:40px;
  padding: 16px 20px 20px 20px;
  border:1px dotted #a5b900;
}

.banner div.category{
  border-bottom: none;
  margin-bottom: 13px;
}

.banner div.picture{
  margin-bottom: 13px;
}

/* ************************************* */
/*                                       */
/* WP Widgets / Bloecke                  */
/*                                       */
/* ************************************* */

.widget{
  padding-bottom: 20px;
  border-bottom: 1px dotted #a5b900;
  margin-bottom: 20px;
  list-style-type: none !important;
}

#left .widget{
  padding-right: 20px;
}

/* ************************************* */
/*                                       */
/* WP Printfriendly                      */
/*                                       */
/* ************************************* */

.printfriendly a{
  display:block;
  background: url(../img/icons/icon-print.png) no-repeat top left;
  text-indent: -1000px;
  overflow: hidden;
}

.pdf .printfriendly a{
  display:block;
  background: url(../img/icons/icon-pdf.png) no-repeat top left;
}

.printfriendly a span{
  visibility:hidden;
}

/* ************************************* */
/*                                       */
/* WP Twitter                            */
/*                                       */
/* ************************************* */

.TBW_Picture{
  display:none !important;
}

.TBW_Status{
  padding: 0 !important;
}

.TBW_Status ul li {
    background: none repeat scroll 0 0 transparent !important;
    list-style: none outside none !important;
    margin: 0 0 1.5em;
    padding: 0;
	line-height: 18px;
}

.TBW_Time {
    display: block;
    font-size: 85%;
    margin-top: 5px;
    white-space: nowrap;
}

.TBW_Status {
    overflow: hidden;
    padding: 0 5px 0 5px;
}

.TBW_Follow {
    margin: 0 5px 0 0;
    overflow: hidden;
    height: 22px;
	text-align: center;
}

/* ************************************* */
/*                                       */
/* WP 2click                             */
/*                                       */
/* ************************************* */

.settings_info,
.help_info .info {
  display: none !important;
}

/* ************************************* */
/*                                       */
/* Pager                                 */
/*                                       */
/* ************************************* */

.navigation .previous{
  float:left;
  padding: 3px 0;
}

.navigation .next{
  float:right;
  padding: 3px 0;
}

/* ************************************* */
/*                                       */
/* Footer                                */
/*                                       */
/* ************************************* */

footer{
  text-align: center;
}

/* ************************************* */
/*                                       */
/* Ueberschreibt                         */
/*                                       */
/* ************************************* */



.author_bio_section_cloud,
.author_bio_section{
  padding: 15px;
  margin: 25px 0;
  clear: both;
  overflow: hidden;
}

.author_bio_section{
  background: none repeat scroll 0 0 #F5F5F5;
}

.author_bio_section_cloud{
  border: 1px solid black;
  background: white;
}

.avatar {
  float: left;
  margin: 4px 0 10px 0 !important;
	width: 100px;
	height: 100px;
}

.textalign{
  margin-left:120px;
}

.author_name{
	font-size:12px;
	font-weight: 600;
	display: block;
	margin-bottom: 8px;
}

.author_details {
  color: #444;
	font-size: 11px !important;
}




/* ************************************* */
/*                                       */
/* Twitter timeline                      */
/*                                       */
/* ************************************* */


.twitter-header{
  display: block;
  margin: 0;
}

.twitter-header img{
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  margin: -2px 2px 0 0;
}

.twitter-header .twitter-names{
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.twitter-header a{
  display: block;
  color: #333;
  font-size: 1em;
  margin: 0 0 5px 2px;
  font-weight: 600;
}

.twitter-header a.twitter-subname{
  display: block;
  color: #888;
  font-size: 0.85em;
  font-weight: normal;
}

.twitter-header a:hover{
  color: #888;
  text-decoration: underline;
}

.twitter-header a.twitter-subname:hover{
  color: #333;
  text-decoration: underline;
}

ul.tweets{
  padding: 0 5px;
  font-size: 0.85em;
}


.tweeple-feed-widget div.button-twitter{
  display: block;
}

div.button-twitter{
  display: none;
}

a.follow-button{
  border: 1px solid #ccc;
  color: #555;
  display: block;
  font-size: 0.85em;
  font-weight: 600;
  padding: 5px;
  width: 175px;
  border-radius: 6px;
  position: relative;
  margin: 0 auto;
}

a.follow-button:hover{
  border: 1px solid #DDD;
  color: #777;
}

a.follow-button img{
  width: 15px;
  height: 13px;
  margin: 0 5px;
  position: relative;
  top: 2px;
}

.ead-preview {
    margin-bottom: 40px;
}