@charset 'utf-8';

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

body{
  font-family:Helvetica,Arial,sans-serif;;
  font-size:75.00%;
  background: url(../img/deco/back-body.png) no-repeat center -65px;
}

.js-hidden{
  display: none;
}

.js-toggle{
  cursor: pointer;
}

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

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

.page,#main,article,section,.item,.tabs,header,nav,#left,#content,#right,footer,.block,.categories,.columns,.content,#social,#family,.Actions{
  overflow: hidden;
}

.content,h2{
  clear:both;
}

.page{
  width:940px;
  margin: 0 auto 0 auto;
  padding: 0 20px 0 20px;
  background: url(../img/deco/back-page-complete.png) no-repeat top left;
  z-index: 1;
  overflow: hidden;
}

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

header{
  height:240px;
  background: white;
  margin-top: 35px;
  margin-bottom: 20px;
}

#left{
  float:left;
  min-height:1px;
  width:294px; 
  padding-left: 20px;
  display: none;
}

#content{
  float:left;
  width:100%;
}

#right{
  float:right;  
  width:254px; 
  background: #F5F5F5;
  padding: 0 20px 0 20px;
  min-height: 1px;
  display: none;
}

footer{
  padding: 20px;
  width:940px;
  margin: 0 auto 0 auto;
  background: rgba(255, 255, 255, 0.9);
}

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

#logo{
   position:absolute;
   width:310px;
   height:140px;
   top:50%;
   margin-top: -75px;
   left:40px;
   background: url(../img/logo/logo-irights-law.png) no-repeat top left;
   text-indent: -9999%;
   outline:none;
}

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

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

nav{
  position: absolute;
  left: 450px;
  top: 131px;
  width: 430px;
}

nav li{
  float:left;
  padding: 0 12px;
}
nav li:first-child{ 
  padding-left: 0;
}
nav li:last-child{ 
  padding-right: 0;
}

nav a{
  display: block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size:12px;
  text-decoration: none;
  text-transform: uppercase;
}

nav li.lng-swtch{
  border-left: 1px solid #333;
}

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

/* Klassische Tabs */

ul.tabs li{
  float:left;
  padding-right: 15px;
  background: url(../img/deco/back-tabs.png) no-repeat top right;
  margin-right: 1px;
}

ul.tabs li.current{
  padding-right: 0;
  border-bottom: 1px solid white;
}

ul.tabs li a{
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  display:block;
  padding: 9px 20px 8px 20px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.8);
}

ul.tabs li.current a{
  background: white;
}

/* Tabs mit Pane */

.targetpane{
  position: absolute;
  top: 53px;
  width: 460px;
}

.targetpane .item{
  padding:20px;
  margin-bottom: 20px;
  background: white;
}

div.js-tabs .content,
div.js-tabs .block{
  overflow:visible;
}

div.js-tabs div.item.current div.opacity{
  opacity:0.3;
}

div.js-tabs div.item.current:before{
  content:"";
  position: absolute;
  background: url(../img/icons/icon-arrow.png) no-repeat;
  z-index: -1;
  top:2000px;
  right:-40px;
  top:50%;
  margin-top:-20px;
  height:40px;
  width:20px;
}

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

#pager{
  text-align:center;
  background: white;
  padding-bottom: 20px;
}

#pager a,
#pager span{
  text-align:center;
  display:inline-block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size:12px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 10px 0 10px;
}

#pager span.current{
  font-weight: bold;
}

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

footer li{
  float:left;
  padding-right: 20px;
}

/* ************************************* */
/*                                       */
/* Spalten                               */
/*                                       */
/* ************************************* */

.columns{
  margin-left: -20px;
}

.column{
  margin-left: 20px;
  float:left;
  width: 460px;
}

.columns.full .column{
  margin-left: 13px;
  float:none;
  width:auto;
}

.columns.full .grid .item{
  margin-left: 8px;
  margin-top: 8px;
}

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

article{
  margin-bottom: 20px;
}

/* ************************************* */
/* Artikel Sektionen                     */
/* ************************************* */

article section.content{
  padding:20px 20px 20px 20px;
  padding-bottom:20px;
  background: white;
}

#Mission article section.content{
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
}



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

.img{
  float:left;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-top: 7px;
}

.txt{
  margin-left:135px;
  margin-bottom: 20px;
}

.meta{
  background: #f6f6f6;
  padding:5px;
  float:left;
  font-family: 'Old Standard TT', serif;
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 14px;
}

.teaser{
  font-style: italic;
}

article .teaser{
  font-style: normal;
  font-weight: bold;
  background: white;
  padding: 20px 20px 0 20px;
}

article section.teaser+section.content{
  padding-top: 0;
}

/* ************************************* */
/* Global Items                          */
/* ************************************* */

/* ************************************* */
/* Listenitems                           */
/* ************************************* */

.block .list .item{
  border-bottom:1px dotted #2c657d;
  margin-bottom: 20px;
  width: 100%;
  padding-bottom: 10px;
}

.block .list .item:last-child{
  border:0;
  margin-bottom: 0;
}

/* ************************************* */
/* Griditems                             */
/* ************************************* */

.block.grid .item{
  margin-left: 1px;
  width:189px;
  float:left;
  padding: 15px 20px 20px 20px;
  background: white;
  height:189px;
  margin-top: 0;
  margin-bottom: 1px;
  border: 0;
}

.block.flexgrid .item{
  margin-left: 1px;
  width:430px;
  min-height:189px;
  display: inline-block;
  padding: 20px;
  background: white;
  margin-bottom: 1px;
  border: 0;
vertical-align: top;
}

/* ************************************* */
/* System                                */
/* ************************************* */

.messages{
  margin-left: 20px;
  margin-bottom: 20px;
}

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

/* ************************************* */
/* Global Bloecke                        */
/* ************************************* */

.block{
  margin-bottom: 20px;
}

.block > div.header{
  padding:10px 20px 2px 20px;
  margin-bottom: 1px;
  background: white;
}

.block > div.content{
  padding:20px 20px 0 20px;
  background: white;
}

/* ************************************* */
/* Grid                                  */
/* ************************************* */

.block.grid > div.content,
.block.flexgrid > div.content{
  margin-left: -1px;
  background: transparent;
  padding: 0;
  margin-left: -1px;
  background: transparent;
  padding: 0;
}

.block.flexgrid > div.content{
  margin-left: -2px;
}

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

.page:before{
  content:"";
  position: absolute;
  /*background: url(../img/deco/back-wrapper.png) repeat 0 2000px;*/
  z-index: -1;
  top:2000px;
  left:0;
  bottom:0;
  height:auto;
  width:100%;
}

#NewsList{
  background: url(../img/deco/back-body.png) no-repeat top center;
}

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