/* ---------- Basic Layout Styles ----------- */

html,
body,
#page  {
  height: 100%;
}
#page-wrapper {
  min-height: 100%;
  min-width: 960px;
}


#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#header div.section {
  position: relative;
}

#header{
height:120px;
}


.region-header {
  float: right; /* LTR */
  margin: 0 5px 10px;
}
.with-secondary-menu .region-header {
  margin-top: 3em;
}
.without-secondary-menu .region-header {
  margin-top: 2.5em;

}
#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 480px;
}
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}
.one-sidebar #content {
  width: 720px;
}
.two-sidebars #content {
  width: 480px;
}
.no-sidebars #content {
  width: 940px;
  float: none;
}
#sidebar-first,
#sidebar-second {
  width: 240px;
}
#main-wrapper {
  min-height: 300px;
}
#content .section,
.sidebar .section {
  padding: 0 15px;
}
#breadcrumb {
  margin: 0 0 1em 0;
  /* border-bottom: #444 1px solid; */
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 10px 0px;
  width: 280px;
}
#footer-wrapper {
  padding: 35px 5px 30px;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  padding: 0 10px;
  padding: 0;
  width: 225px;
}


#footer-columns .logo{
border: #363 0px solid;
height: 110px;
text-align: center;
}



#footer-columns .logo.mildemarketing img{
float:left;
}

#footer-columns .logo.mpg img{
margin: 0 auto;
width: 130px;
}


#footer-columns .logo.astronomy2009 img{
margin: 0;

}


#footer-columns .logo.unesco img{
}














#footer {
  width: 960px;
  min-width: 920px;
}


#main{
border: #fff 0px solid;
background: rgba(255,255,255,.2);
background: none;
}

#content .section{
padding: 0;
}






/* Startseite Serien ‹bersicht */

body.front .view-serien a:link{
color:#fff;
}

body.front .view-serien .views-row{
float:left;
width: 340px;
width: 478px;
border: #fff 0px solid;
min-height:200px;
min-height:501px;
}


body.front .view-serien .views-row .serie-item,
body.front .view-serien .views-row .serie-item-key,
body.front .view-serien .views-row .serie-item-title{
width: 478px;
}


body.front .view-serien .views-row .views-field-edit-node,
.node-type-serie .view-clips .views-field-edit-node{
position: relative;
z-index: 200;
float:left;
}

body.front .view-serien .serie-item-key{
overflow:hidden;
}

body.front .view-serien .serie-item-key img{
/* width: 450px; */
}



/* Mafle f¸r Bildhˆhen der Startseite */
body.front .view-serien .serie-item-key,
body.front .view-serien .serie-item-key img,
body.front .view-serien .serie-item{
height: 305px;
}

body.front .view-serien .serie-item-desc{
top:-305px;
}







body.front .view-serien .serie-item-title h3{
position:relative;
z-index:10;
padding: 0 10px;
font-size:1.5em;
margin: -50px 0 0 0;
line-height:150%;
height:50px;
background: rgba(0,0,0,.4);
font-weight:300;
}

body.front .view-serien .serie-item-title h3 a{
display:block;
height:50px;
color:#fff;
}



body.front .view-serien .serie-item-desc{
border-radius: 1em;
width: 400px;
background: rgba(255,255,255,.0);
position:relative;
z-index:20;
color: #000;
padding: 10px;
margin: 10px;
height:10px;
overflow:hidden;
font-size:1.2em;
}

body.front .view-serien .serie-item-desc p{
color: rgba(102,102,102, .0);
}


/*
body.front .view-serien .serie-item:hover .serie-item-desc{
display:block;
color: #000;
height:200px;
background: rgba(255,255,255,.7);	
transition: height .5s ease-in-out, background-color 0.5s;
-webkit-transition: height .5s ease-in-out, background-color 0.5s;
}



body.front .view-serien .serie-item:hover .serie-item-desc p{
color: rgb(0,0,0);
}
*/



body.front .view-serien .serie-item-desc a{
color: #fff;
background: #036;
border-radius: 10px;
padding: .7em;
float:left;
display:block;
}


body.front .view-serien .serie-item-desc a:hover{

background: #036;
background: rgba(0,51,152,.5);
/*
transform: scale(1.2);
padding: .5em .5em .5em .5em;
*/
}





/* Testseite */

table.views-view-grid td{
vertical-align:top;
border: 1px solid #036;
padding: 10px;
}


.page-series-listen-universe-gravity-making-waves .view-serien .serie-item-key img{
width: 460px;
height: 345px;
}








body.front .view-serien table.views-view-grid {
border : none;
margin: 0;
}

body.front .view-serien table tr, 
body.front .view-serien table tr.even{
background: none;
}

body.front .view-serien table.views-view-grid td,
body.front .view-serien table.views-view-grid tr{
border : #fff 1px solid;
margin: 0;
padding: 0;
border : none;
vertical-align:top;
}












/* Clip-Detailseite */

/* Serienvorschauen */


/* 	Layout Blˆcke f¸r die Clips und Serien¸bersichten */
#block-views-serien-block-1,
#block-views-clips-block-1,
#block-views-clips-block-2,
#block-views-serien-block-2,
#block-views-clips-block,
#block-system-main{
border : #036 0px solid;
clear:both;
width: 100%;
margin: 1em 0;
padding: 0;
}

#block-views-serien-block-2{
margin: 3em 0;

}







#block-views-serien-block-1,
#block-views-serien-block-2 .content,
#block-views-clips-block-2 .content{ 
padding: .3em 0;
}

body.node-type-videoclip #block-system-main .content{
margin: 0 auto;

}




#block-views-serien-block-2 .content{
padding: 10px 0;
}





#block-system-main{
/* margin: -20px 0 0 0; */
}



#block-views-serien-block:before{	content:"block 1";}
#block-views-serien-block-1:before{	content:"alle Serien";}
/* #block-views-clips-block:before{	content:"alle Clips aus gew‰hlter Serie";} */
/* #block-views-clips-block-1:before{	content:"alle anderen Clips gleicher Serie";} */
/* #block-views-clips-block-2:before{	content: "Clip-Detailansicht";} */



#block-views-clips-block{
height: auto;
}







/* kleine Vorschauen: Serien und Clips */


.view-serien.seriesdisplay .views-row,
.view-clips.relatedclips .views-row{
border: #9cf 0px solid;
float:left;
}

.view-clips.relatedclips .serie-key{
overflow:hidden;
}




/* Mafle Vorschauen, Links und Container-divs */

.serie-titel,
.serie-titel a,
.view-serien.seriesdisplay .views-row,
.view-serien.seriesdisplay .serie-data,
.view-serien.seriesdisplay .serie-key{


}


.serie-titel,
.serie-titel a,
.view-clips.relatedclips .views-row,
.view-clips.relatedclips .serie-key{
width: 160px;
height:90px;
}


.view-clips.relatedclips .views-row,
.view-clips.relatedclips .serie-key{
width: 300px;
height:175px;
}



.serie-titel a{
display:block;
color: #fff;
border : #012 1px solid;
}



.serie-data{
position:absolute;
}

.serie-titel{
position:relative;
z-index:10;
margin: -90px 0 0 0;
line-height: 130%;
}

.serie-key{
overflow:hidden;
}





.serie-titel a.active,
.serie-titel a:hover{
position:relative;
background: rgba(204,204,0, .0);
border : #cc0 1px solid;
z-index:20;
color: #cc0;
}

.serie-titel a:hover{
background: rgba(0,0,0, .7);
}














.serie-titel a p{
padding: 5px;
background: rgba(255,255,255,.0);
}







/* Einzelansicht Clip */

#block-views-clips-block-1 .content{
border: #fff 0px solid;
overflow:hidden;
}

.view-clips.clips-single .views-row{
width: 150px;
float:left;
border: #fff 0px solid;
}













.view-clips.clips-single .views-row .detail-clips,
.view-clips.clips-single .views-row .detail-clips-preview,
.view-clips.clips-single .views-row .detail-clips-name{
width: 159px;
height:90px;
border: #fff 0px solid;
}

.view-clips.clips-single .views-row .detail-clips-name{
position:relative;
z-index:20;
height:40px;
margin: -40px 0 0 0;
background: rgba(0,0,0,.6);
padding: 0 5px;
width: 150px;
line-height:120%;
font-size:90%;
}

.view-clips.clips-single .views-row .detail-clips-name a{
color: #fff;
}


.view-clips.clips-single-block .views-row .views-field-field-clip-videocode{
margin: 2em auto;
}






/* Next Previous Pfeile */
.view-clips.clips-single-block .views-row .next a,
.view-clips.clips-single-block .views-row .previous a{
width: 50px;
height:100px;
display:block;
border: #fff 0px solid;
text-indent:-1000em;
margin: 2em 0 0 0;
}

.view-clips.clips-single-block .views-row .next a{
float:right;
background: url(../images/next-previous.png) -50px 0 no-repeat;
margin: 250px -70px 0 0;
}

.view-clips.clips-single-block .views-row .previous a{
float:left;
background: url(../images/next-previous.png) 0 0 no-repeat;
margin: 250px 0 0 -70px;
}

.view-clips.clips-single-block .views-row .next a:hover{
background: url(../images/next-previous.png) -150px 0 no-repeat;
}
.view-clips.clips-single-block .views-row .previous a:hover{
background: url(../images/next-previous.png) -100px 0 no-repeat;
}
/* / Next Previous Pfeile */





.view-clips.clips-single-block .clipdisplay,
#quicktabs-qt_clipdata,
#block-quicktabs-qt-clipdata h2{
margin: 0 auto ;
/* width: 800px; */
}

.view-clips.clips-single-block .clipdisplay{
padding: .2em 0;
}

#block-quicktabs-qt-clipdata h2{
margin: .5em auto;

}


#block-quicktabs-qt-clipdata{
padding: 1em 0;

}




#block-quicktabs-qt-clipdata .content{
margin-top: 0;
}





.node-type-serie #block-system-main{
margin: 2em auto;

}


.node-type-serie #block-system-main{
border-top: #444 0px solid;
}
#breadcrumb{
border-bottom: #444 0px solid;
}













/* Serienseite: ‹bersicht */

.view-clips.clips-series .views-row,
.view-clips.relatedclips .views-row,
.view-serien.clips-series .views-row{
width: 320px;
float:left;
border: #0f0 0px solid;
height:180px;
overflow:hidden
}

.view-clips.clips-series .clip-item,
.view-clips.clips-series .clip-item-preview,
.view-serien.clips-series .serie-item-preview{
width: 320px;
height:140px;
}


.view-clips.clips-series .clip-item-preview img{
height: 180px;
}

.view-clips.clips-series .clip-item-title,
.view-serien.clips-series .serie-item-title{
position:relative;
background: rgba(0,0,0,.7);
z-index:20;
}

.view-clips.clips-series .clip-item-title a,
.view-serien.clips-series .serie-item-title a{
display:block;
height:40px;
margin:  0;
padding: 5px 10px 0 10px;
line-height: 120%;
color: #000;
width: 300px;
text-decoration:none;
color: rgba(255,255,255,1);
}


.view-clips.clips-series .clip-item-hoverinfo{
background: rgba(255,255,255,.0);
position:relative;
top:-190px;
z-index:20;
color: #000;
padding: 10px;
margin: 10px;
border-radius: 10px;
}


.view-clips.clips-series .clip-item-hoverinfo p{
padding: 0;
margin: 0;
color: rgba(0,0,0,.0);
}


.view-clips.clips-series .clip-item:hover .clip-item-hoverinfo{
display:block;
color: #000;
background: rgba(255,255,255,.7);	
transition: height 1.5s ease-in-out, background-color 0.5s;
-webkit-transition: height 1.5s ease-in-out, background-color 0.5s;
}


.view-clips.clips-series .clip-item:hover .clip-item-hoverinfo p{
color: rgba(0,0,0,1);
}











.view-clips.clips-series .clip-item:hover .clip-item-title,
.view-serien.clips-series .serie-item:hover .serie-item-title{
display:block;
color: #000;
background: rgba(204,0,0,.7);
transition: height 1.5s ease-in-out, background-color 0.5s;
-webkit-transition: height 1.5s ease-in-out, background-color 0.5s;
}


.view-clips.clips-series .clip-item:hover .clip-item-title a{
color: rgba(255,255,255,1);
}



.view-clips.clips-series a:hover,
.view-serien.clips-series a:hover,
.view-serien.clips-series .serie-item .serie-item-title a.active{
background: rgba(204,0,0,.6);
}










/* Startseite: ‹bersicht */


































/* Clipslider */

.jcarousel-skin-default {
text-align: left;
}


.jcarousel-skin-default .jcarousel-container-horizontal {
height: 102px;
margin: auto;
padding: 20px 40px;
width: 740px;
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
overflow: hidden;
width: 740px;
border: 0px solid rgb(204, 204, 204);
}


.jcarousel-skin-default .jcarousel-item {
background: none;
border: 0px solid #f00;
height: 700px;
list-style: none outside none;
overflow: hidden;
padding: 0;
}


#block-system-main,
.break{
clear:both;
}





/* Social Media, Sprachw‰hler */

.region-header{
border: #fff 0px solid;
margin: 20px 0 0 0;
background: rgba(200,238,255,.3);
border-radius:10px;
}

.region-header .block-menu{

}



#block-menu-menu-social-media,
#block-locale-language{
float:right;
clear:right;
width: 100%;
margin: 0 0 .5em 0;
}

#block-menu-menu-social-media .content,
#block-locale-language .content{
border: #f00 0px solid;
}

#block-menu-menu-social-media li.leaf,
#block-locale-language li{
float:left;
margin: 0;
padding: 0;
}

#block-locale-language li{
float:none;
display:block;
}


#block-locale-language li a.active{
font-weight: 400;
}

#block-locale-language li a.active::after{
content:" «";
}



#block-menu-menu-social-media li a,
#block-locale-language li a{
text-indent: -1000em;
margin: .5em;
}

#block-menu-menu-social-media li a.soc-media{
width: 30px;
height: 30px;
color: #fff;
display:block;

}

#block-menu-menu-social-media li a#facebook{
background: url(soc-media-fb.png) 0 0 no-repeat;
}

#block-menu-menu-social-media li a#youtube{
background: url(soc-media-yt.png) 0 0 no-repeat;
}

#block-menu-menu-social-media li a#googleplus{
background: url(soc-media-gplus.png) 0 0 no-repeat;
}



#block-locale-language{

}

/* / Social Media,Sprachw‰hler */







fieldset legend{
font-size: 1.3em;

}


.node-full #node_videoclip_full_group_wherewemet,
.node-full #node_videoclip_full_group__resources,
.node-full #node_videoclip_full_group_onemorething{
/*
   -moz-column-count:2;
   -moz-column-gap:2em;
-webkit-column-gap:2em;
-webkit-column-count:2;
        column-gap:2em;
        column-count:2;
   -moz-column-rule: 1px dashed #414141;
-webkit-column-rule: 1px dashed #414141;
        column-rule: 1px dashed #414141;
		*/
}


/* Zusatzfarbe */


.horizontal-tabs ul.horizontal-tabs-list{
border:none;
background: none;
}


.ui-state-default,
.horizontal-tabs ul.horizontal-tabs-list{
background: rgba(204,0,0,.6);
border-radius: 8px;
}





/* TABS */

div.horizontal-tabs ,
.node-serie.node-full .field-name-body{
background: rgba(0, 0, 0, .5);
border: 0px solid rgb(170, 170, 170);
color: rgb(153,153,153);
}

.node-serie.node-full .field-name-body{
padding: 20px 1em 10px 1em;
}


.horizontal-tabs ul.horizontal-tabs-list{
background: #600;
}

.horizontal-tabs ul.horizontal-tabs-list .selected,
.horizontal-tabs ul.horizontal-tabs-list li a{
color:#999;
}

.horizontal-tabs ul.horizontal-tabs-list .selected strong{
color:#fff;
}



.horizontal-tabs ul.horizontal-tabs-list li{
border-radius: 0;
border-right: #600 1px solid;
padding: 0;
background: #800;
}

.horizontal-tabs ul.horizontal-tabs-list li strong{
font-weight: normal;
}


.horizontal-tabs ul.horizontal-tabs-list li.first,
.horizontal-tabs ul.horizontal-tabs-list li.first.selected a:hover{
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

.horizontal-tabs ul.horizontal-tabs-list li.selected{
background: rgb(204,204,0);
background: rgb(204,0,0);
}

.horizontal-tabs ul.horizontal-tabs-list li a:hover {
border: none;
}

.horizontal-tabs ul.horizontal-tabs-list li a:hover,
.horizontal-tabs ul.horizontal-tabs-list li.selected{
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top,  #cc0000 0%, #990000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc0000 0%,#990000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc0000 0%,#990000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc0000 0%,#990000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
color: #fff;
}


.horizontal-tabs ul.horizontal-tabs-list li.first a:hover {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}









/* /TABS */



/* ACCORDION INHALTE */

.ui-accordion .ui-accordion-header{
margin-top:1em;
}

.ui-state-default{
border: none;
}

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited {
color: #fff;
}

.ui-widget-content{
background: rgba(0, 0, 0, .5);
border: 0px solid rgb(170, 170, 170);
color: rgb(153,153,153);
}

.ui-widget-content a {
color:rgb(0, 0, 0);
}

.ui-accordion-content-active{
height: inherit !important;
}

.ui-accordion-content h3{
font-weight: 200;
color: #eee;
margin: 1em 0;
}
.ui-accordion-content p{
line-height:160%;
}





/* ACCORDION INHALTE */