@charset "UTF-8";

/* ************************************* */
/*                                       */
/* 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;
}

ul {
  list-style: none;
}


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

body{
  font-family: 'PT Sans', sans-serif;
  font-size:14px;
  background: url(../img/deco/back-body.png) repeat-x top left;
  color:#3c3c3d;
}

.js-hidden,
.source-hidden,
.mob,
.cite-js-hidden{
  display: none;
}

.js-show,
.js-submit,
input[type='submit'],
.js-search-expand{
  cursor: pointer;
}

.left{
  float:left;
  margin-left: 0 !important;
}

.center{
  margin: 0 auto 0 auto;
  display:block;
}

.right{
  float:right;
  margin-right: 0 !important;
}

#main:after{
  content: "";
  display: table;
  clear: both;
}


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

#page,header,nav,#main,#left,#content,#right,footer,.block,article,.ref-source{
  position: relative;
}

#page,.grid,#main,#left,#content,footer,section,.row-submit,.categories,.columns,aside,#right .block-back{
  overflow: hidden;
}

.references,
.footnotes{
  clear:both;
}

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

/* ************************************* */
/*                                       */
/* Regionen                              */
/*                                       */
/* ************************************* */

body > div#page > header{
  height:100px;
}

#main{
  padding: 67px 0 40px 0;
  min-height: 600px;
}

#content{
  float:left;
  width:830px;
}

.page-node #content,
.page-user #content{
  width:810px;
}

#right{
  float:right;  
  width:320px; 
}

footer{
  padding: 30px 0 30px 0;
  background: #393B3C;
  width:100%;
}

footer .inner{
  max-width: 1208px;
  margin: 0 auto 0 auto;
  padding: 0 20px 0 20px;
}

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

#logo{
   position:absolute;
   width:285px;
   height:65px;
   top:19px;
   left:0px;
   background: url(../img/logo/internet-policy-review-logo.png) no-repeat top left;
   text-indent: -9999%;
   outline:none;
}

header #search{
  position:absolute;
  z-index: 2000;
  right:0;
  top:0;
  width:15px;
  overflow:hidden;
}

header #search.shadow{
  -webkit-box-shadow: 0 0 6px 0 #999999;
  box-shadow: 0 0 6px 0 #999999;
  background: white;
  padding: 5px;
  right:-5px;
  top:-5px;
}

header #search input[type=text]{
  width:150px;
  height:19px;
  font-size: 13px;
  padding: 0 0 0 2px;
  margin: 0;
  display:none;
  margin-right: 5px;
  vertical-align: top;
  background: white;
}

header #search input[type=text]:focus{
  background: white;
  outline: none;
}

header #search img{
  vertical-align: -2px;
}


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

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

nav{
  position: absolute;
  right: 0px;
  top:43px;
  width:800px;
  z-index: 1000;
}

nav > ul{
  float:right;
  margin-right: 75px;
}

nav li{
  float:right;
  padding-left: 60px;
}

nav a{
  color:#929A9F;
  text-transform: uppercase;
  display: block;
  font-weight:bold;
  font-size: 13px;
  letter-spacing: 1px;
}

nav li.active-trail a,
nav li.active a,
nav li a.active,
nav a:hover{
  color:#3B3B3D;
}

.sf-depth-2 a{
  font-weight:normal;
  color:#3D3F42;
  text-transform: none;
  font-size:12px;
  letter-spacing:0;
}

/* ************************************* */
/* Subnavigation                         */
/* ************************************* */

#sub{
  height:45px;
}

#sub ul{
  display: table;
  margin: 0 auto 0 auto;
}

#sub ul li{
  display: table-cell;
  padding: 0 30px 0 30px;
}

#sub ul li a{
  color:#3B3B3D;
  line-height:43px;
  display: block;
  text-align: center;
  font-size: 13px;
}

/*#sub ul li:first-child a{
  text-align: left;
}

#sub ul li:last-child a{
  text-align: right;
}*/

#sub ul li.active a,
#sub ul li a.active,
#sub ul li a:hover{
  color:#929A9F;
}

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

.tabs{
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #991070;
  margin-bottom: 20px;
}

.tabs li{
  display: table-cell;
  text-align: center;
}

.tabs li a{
  color:white;
  display: block;
  padding: 9px;
}

.tabs li.active,
.tabs li.active a,
.tabs li a:hover{
  background: #AC408D;
  color:white;
}

/* ************************************* */
/* Footernavigation                      */
/* ************************************* */

footer ul{
  float: right;
}

footer li{
  float:left;
  padding-left: 10px;
  line-height: 78px;
  color:white;
  list-style: none;
}

footer li a{
  color:inherit;
  border-left:1px solid white;
  padding-left: 10px;
  display: inline;
  font-size: 13px;
  text-transform: uppercase;
}

footer li:first-child a{
  border-left:0;
}

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

ul.pager{
  margin:0 auto 20px auto !important;
  list-style: none !important;
  text-align: center;
}

.pager li{
  margin:10px 0 20px 0;
  display: inline;
}

.pager a{
  padding:0 10px 10px 10px;
}

/* ************************************* */
/*                                       */
/* Listen im Contentbereich              */
/*                                       */
/* ************************************* */

.list article{
  display: inline-block;
  margin: 0 16px 20px 0;
  vertical-align: top;
  padding: 7px 10px 0 47px;
  background: #f6f6f6;
}

#content .list article.analysis {
  padding-top: 6px;
}

.list article.analysis:before {
  content: "";
  display: block;
  background-image: url(../img/icons/icons-ipr-sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 32px;
  height: 35px;
  position:absolute;
  left:0;
  top:0;
}

.list article.news:before {
  content: "";
  display: block;
  background-image: url(../img/icons/icons-ipr-sprite.png);
  background-position: -64px 0;
  background-repeat: no-repeat;
  width: 32px;
  height: 35px;
  position:absolute;
  left:0;
  top:0;
}


.list article.analysis.editorial::before {
    background-image: url(../img/deco/back-article-editorial.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 32px 51px; 
    content: "";
    display: block;
    height: 51px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
}

.list article.news.guest-post:before{
  background-position: -127px 0;
  width: 32px;
  height: 35px;
}

/* ************************************* */
/* Artikel                               */
/* ************************************* */

#content .list article{
  width: 395px;
  min-height:350px;
}

.front #content .list article.analysis:first-child{
  margin: 0 20px 20px 0;
  width: auto;
  min-height:250px;
  padding-left: 60px;
}

.front .list article.analysis:first-child .taxonomy{
  margin-left: -60px;
  padding-left: 60px; 
}

.front .list article.analysis:first-child:before{
  background-position: -256px 0;
  width: 45px;
  height: 50px;
}

.front .list article.analysis.editorial:first-child:before{
  background-position: 0 0;
  height: 62px;
  width:38px;
  background-size: auto;
}

article.full {
  padding-left: 60px;
  background-position: 0 6px;
  background-repeat: no-repeat;
}

.node-type-analysis article.full {
  background-image: url(../img/deco/back-article-analysis.png);
  background-position: 0 2px;
}

.node-type-analysis article.full.editorial {
  background-image: url(../img/deco/back-article-editorial.png);
  background-position: 0 2px;
}

.node-type-news article.full {
  background-image: url(../img/deco/back-article-news.png);
}

.node-type-news article.full.opinion {
  background-image: url(../img/deco/back-article-opinion.png) !important;
}

/* ************************************* */
/* News                                  */
/* ************************************* */

#content .list article.news{
  width: 395px;
  min-height:330px;
}

/* ************************************* */
/*                                       */
/* Listen in der rechten Spalte          */
/*                                       */
/* ************************************* */

#right .list article{
  background:none;
  padding: 0 0 0 47px;
  margin: 0 0 0 0;
}

#right .list article div.header{
  margin-top:-4px;
}

/* ************************************* */
/* News                                  */
/* ************************************* */


/* ************************************* */
/*                                       */
/* Wabenlisten                           */
/*                                       */
/* ************************************* */

.grid{
  margin-left: -16px;
  margin-bottom: 25px;
}

.grid > div{
  float:left;
  position: relative;
  margin-left: 16px;
  margin-bottom: 14px;
  width:160px;
  height:180px;
  background: olive;
}

.grid > div section{
  position: absolute;
  width:160px;
  height:180px;
  top:0px;
  left:0px;
  margin-bottom: 0;
  opacity:0;
  transition:opacity 0.5s ease;
  filter:alpha(opacity=100);
  background-image: url(../img/profile-comb-mask-160x180px.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.grid > div section:hover{
  opacity:1;
  background-color: rgba(0, 0, 0, 0.7);
}

.grid > div section h2{
  font-family: 'PT Sans',Helvetica,Arial,sans-serif !important;
  color:white;
  text-align: center;
  position:absolute;
  width:160px;
  bottom:96px;
  left:0;
  margin: 0 !important;
  background: none !important;
  text-transform: uppercase !important;
  font-size:13px !important;
  letter-spacing: 0.1em !important;
  padding-bottom: 0 !important;
  line-height: 20px;
}

.grid > div section span{
  padding-top: 102px;
  display: inline-block;
  text-align: center;
  width:100%;
}

.grid > div section span a,
.grid > div section h2 a{
  color: white !important;
  font-size:13px !important;
  padding: 10px 10px 10px 10px;
  width:100%;
  display: block;
}

.grid > div.join section{
  background-color: #808080;
  opacity:1;
}

.grid > div.join section h2{
  padding-top:50px;
  font-size: 16px !important;
  position: static;
  bottom: auto;
  line-height: 28px;
}

.grid > div.join section h2 a{
  font-size: 20px !important;
}

.grid section div.hr{
  width:15px;
  height: 2px;
  background: white;
  position:absolute;
  top:90px;
  left:72px;
}

/* ************************************* */
/*                                       */
/* Archivlisten                          */
/*                                       */
/* ************************************* */

/* 
Alte Grid Darstellung
.list-volume .block{
  display: inline-block;
  margin: 0 16px 20px 0;
  vertical-align: top;
  padding: 14px 20px 30px 60px;
  width: 395px;
  background: #f6f6f6;
  min-height:375px;
}
*/

.list-volume .block{
  display: inline-block;
  margin: 0 16px 20px 0;
  vertical-align: top;
  padding: 14px 20px 30px 45px;
  width: 100%;
  background: #f6f6f6;
}

.list-volume .block:before {
  content: "";
  display: block;
  background-image: url(../img/icons/icons-ipr-sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 45px;
  height: 50px;
  position:absolute;
  left:0;
  top:0;
}

.list-volume .block li{
  display: inline-block;
  margin: 0 0 30px 0;
  vertical-align: top;
  padding: 0 20px 0 20px;
  width: 49%;
  border-left:10px solid #E1E1E1;
  min-height:100px;
}

.list-volume .block li.editorial{
  display: inline-block;
  width:100%;
  border-left: 0;
  min-height: 0;
  background-color: #EAEAEA;
  padding: 0 0 0 0;
}

.list-volume header {
  border-bottom: 1px solid #DEDEDE;
  padding: 20px 30px 9px 30px;
  margin-bottom: 25px;
}

.list-volume .block li.editorial li{
  border-left-color: #C2B1CF;
}

.list-volume .block li.editorial header li{
  min-height: 0;
  border-left-width: 5px;
  width:100%;
  padding-right: 0;
  padding-left:15px;
}

.list-volume .block.issue1:before {
  background-position: -320px 0;
}

.list-volume .block.issue2:before {
  background-position: -384px 0;
}

.list-volume .block.issue3:before {
  background-position: -448px 0;
}

.list-volume .block.issue4:before {
  background-position: -512px 0;
}

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

/* ************************************* */
/* Bereiche im Node                      */
/* ************************************* */

section{
  margin-bottom:20px;
}

/* ************************************* */
/* Meta                                  */
/* ************************************* */

.meta{
  margin-top: -12px;
  margin-bottom: 20px;
  color:#929A9F;
  line-height: 17px;
}

.list article.analysis .meta {
  font-size: 12px;
}


.mini{
  font-size: 10px;
  line-height: 12px;
  color:#939BA0;
  margin-bottom: 30px;
}

#content .list article.analysis:first-child .meta{
  margin:-12px 0 20px 0;
  font-size: 14px;
}

.meta a{
  color:#3D3F41;
}

.node-type-analysis .meta{
  margin-bottom: 36px;
  line-height: 18px;
}

.topic{
  font-size: 12px;
  color:#929A9F;
}

.topic a{
  color:#929A9F;
}

.page-node .topic{
  font-size: 14px;
}

/* ************************************* */
/* Info                                  */
/* ************************************* */

.infos{
  background:#f6f6f6;
  padding:15px 20px 20px 30px;
  margin-bottom: 40px;
  margin-top: 40px;
  line-height: 20px;
}

.infos.expanded{
  height:auto;
}

.infos.closed{
  height:50px;
  overflow:hidden;
}

.info-close{
  background: url(../img/icons/icon-close-expand.png) no-repeat top right;
  //float:right;
  text-indent: -999%;
  cursor: pointer;
  min-height:21px;
}

.icon-open-expand{
  background: url(../img/icons/icon-open-expand.png) no-repeat top right;
  cursor: pointer;
  min-height:21px;
  text-indent: 0%;
}

.infos strong{
  text-transform: uppercase;
}

/* ************************************* */
/* Image                                 */
/* ************************************* */

.image{
  margin-bottom: 28px;
}

.image img{
  margin-bottom: 8px;
}

.img-teaser{
  float:left;
  margin:9px 30px 10px 0;
}

.media-image{
  margin-bottom:25px;
}

/* ************************************* */
/* Taxonomie                             */
/* ************************************* */

.taxonomy{
  border-top: 1px solid #E6E5E8;
  margin: 0 -10px 0 -47px;
  padding: 20px 20px 35px 47px;
  color: #929A9F; 
}

.taxonomy a{
  color: #3D3F41;
}

/* ************************************* */
/* Fussnoten und Quellen                 */
/* ************************************* */

.footnotes,
.references{
  border-top:1px solid #f6f6f6;
  padding-top:54px;
}

.ref {
  padding-bottom:30px;
}

/* ************************************* */
/* Kommentare                            */
/* ************************************* */

#comments,
.addcomment{
  border-top: 1px solid #f6f6f6;
  padding-top: 52px;
}

.comment {
  margin-bottom:50px;
}

.comment img {
  float:left;
  margin-right: 20px;
  margin-top: 2px;
}

/* ************************************* */
/* Aside                                 */
/* ************************************* */

aside{
  float:right;
  margin-left: 20px;
}

.button-pdf,
.button-cite,
.button-tweet{
  background:#3D3F42;
}

.button-pdf:hover,
.button-cite:hover,
.button-tweet:hover{
  background:#646466;
}

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

/* ************************************* */
/* Infobox                               */
/* ************************************* */

.infobox{
  width:33%;
  padding: 20px 20px 20px 20px;
  margin:8px 30px 20px 0;
  float: left; 
  color: #3B3B3D !important;
  background: #f6f6f6;
}

/* ************************************* */
/* DRUPAL Sticky                         */
/* ************************************* */

/* ************************************* */
/* Kommentaricon in Teaserlisten         */
/* ************************************* */

.icon-comments{
  background-image: url(../img/icons/icons-ipr-sprite.png);
  background-position: -192px 0;
  background-repeat: no-repeat;
  font-weight:bold;
  color:white;
  width:21px;
  height:24px;
  line-height:17px;
  text-align: center;
  font-size: 11px;
  margin-left: 20px;
  margin-top: 4px;
}

.icon-comments a{
  color: inherit;
  font-size: inherit;
}

/* ************************************* */
/* DRUPAL unpublished                    */
/* ************************************* */

.unpublished{
  border: 3px dotted #e2dad0 !important;
}

/* ************************************* */
/* Profil                                */
/* ************************************* */

/* ************************************* */
/*                                       */
/* Bloecke                               */
/*                                       */
/* ************************************* */

.block{
  margin-bottom: 25px;
}

#content .block{
  background: #f6f6f6;
}

.block .content{
  padding:0 0 10px 0;
}

#right .block .content{
  padding:0;
}

.block-back{
  padding:15px 15px 10px 15px;
  background: #F9FAFA;
  font-size:13px;
  line-height:16px;
}

.block-back p{
  margin-bottom: 10px;
}

.block-line{
  border-bottom: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
  padding: 25px 10px 30px 10px;
  margin-top: -1px;
  margin-bottom: 0;
}

#right div.block + div.block:not(.block-line){
  margin-top: 25px;
}

.block-facetapi {
  margin-bottom: 0;
  margin-top: 0 !important;
  padding:0 20px 0 20px;
}

.block-first{
  padding-top: 20px !important;
}

/* ************************************* */
/*                                       */
/* Dekoration                            */
/*                                       */
/* ************************************* */

/* ************************************* */
/* Referenzen Titel                      */
/* ************************************* */

.small.news{
  color:#bcbb00;
}

.small.analysis{
  color:#007ba3;
}

.small.source{
  color:#e24753;
}


/* ************************************* */
/*                                       */
/* Mobile                                */
/*                                       */
/* ************************************* */

.toggle-mobile-menu{
  display: none;
}


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

.cke_dialog_ui_vbox,
.cke_dialog_page_contents{
  height:100% !important;
}