html, body {width: 100%;}

body
{
    background: #212121 url('../img/binding_dark.png');
    color: #cfcfcf;
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 1.4em;
}

.social
{
position: fixed;
right: 0px;
top: 150px;
width: 45px;
padding-top: 15px;
padding-bottom: 7px;
height: auto;
max-height: 106px;
z-index: 8000;
background: rgba(0,0,0,0.4);
text-align: center;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.social .ce_image
{
    -webkit-filter: grayscale(1);
filter: grayscale(1);	
transition: all 0.7s;	    
}

.social .ce_image:hover
{
-webkit-filter: grayscale(0);
filter: grayscale(0);	
}

#header .inside
{
margin: 0 auto;
width: 1200px;
position: relative;
}

.ce_youtube {
	width: 600px!important;
}

#logo
{
display: block;
width: 260px;
height: 40px;
padding-top: 35px;
font-family: 'Open Sans';
font-weight: 100;
color: #FFFFFF;
font-size: 20px;
float: left;
text-decoration: none;
}

#main .inside
{
width: 1200px;
margin: 0 auto;
padding: 20px 0 0 0;
}

#main .inside .mod_article
{
border-top: 1px solid #919191;
border-bottom: 1px solid #919191;
padding: 10px 0;
}

body.kursseite #main .ce_text
{
 width: 600px;
 float: left;
}

.teaser
{
margin-bottom: 25px;    
}

.teaser .ce_image
{
float: left;
border-radius: 5px;
overflow: hidden;
transition: filter 1s;
}

.teaser .ce_image.first
{
margin-right: 20px;    
}

.teaser .ce_image.last
{
margin-left: 20px;    
}

.teaser .ce_image .text
{
    height: 100px;
    background: #292929;
    transition:  background 0.7s;
}

.teaserunten .ce_image
{
 
float: left;
margin: 10px;
margin-top: 25px;
transition: all 1s;
}


.teaser .ce_image:hover .text
{
height: 100px;
background: #bd0909;
}

/* FLIP */

.team .mod_article .ce_image {
float: left;
position: relative;

  -webkit-perspective:1200;
  -moz-perspective:1200;
  perspective:1200;
   border-radius:50%;
  background-color:none;
  width:184px;
  height:184px;
  border:8px solid #474747;
  overflow:hidden!important;
      -webkit-transition:all 0.6s;
  -moz-transition:all 0.6s;
  transition:all 1.2s;
  margin-top: 20px;
  }
  
  .team .mod_article
  .ce_image:hover
  {
    border:8px solid #ffffff;
  }  
.team .mod_article  .ce_image:hover .image_container {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}
.team .mod_article .image_container {
  width:200px;
  height:200px;
    -webkit-transition:all 0.6s;
  -moz-transition:all 0.6s;
  transition:all 0.6s;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  transform-style:preserve-3d;
  
}
.team .mod_article  .ce_image .image, .team .ce_image .text {
  position:absolute;
  top:0;
  left:0;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  backface-visibility:hidden;
}
.team .mod_article  .ce_image .text {
  z-index:800;
  -webkit-transform:rotateY(-180deg);
  -moz-transform:rotateY(-180deg);
  transform:rotateY(-180deg);
  top: 0px;
  left: 16px;
  
}


#team.mod_article .cont {
   
  border-radius:50%;
  background-color: rgba(150,0,0,0.8);
  width:184px;
  height:184px;
  display: inline-block;
}

.team .mod_article  .ce_image .image_container img
{
 width: 184px;
 height: auto;
}


.team .mod_article  .ce_image .text h2
{
padding-top: 45px;
font-size: 22px;
text-align: center;
color: #FFFFFF
}

.team .mod_article  .ce_image .text .caption
{
 text-align: center;
 width: 184px!important;
}





#footer
{
clear: both;
background: #272727;
height: 300px;
}

#footer .inside
{
width: 1200px;
margin: 0 auto;
color: #909090;
font-size: 15px;
line-height: 1.6em;
}

.subfooter
{
    width: 100%;
    height: 30px;
background: #000000;    
}

.subfooter .inside
{
    padding-top: 5px;
width: 1200px;
margin: 0 auto;
color: #909090;
}


#footer tr
{
padding-bottom: 15px;    
}

.mod_timetable, .mod_timetable table
{
 width: 100%;   
}

.mod_timetable table 
{
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;

}

.mod_timetable td
{
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF; 
}
.mod_timetable  tr
{
 border-bottom: 1px solid #FFFFFF;
}





.mod_timetable tr td
{
 min-width: 12.5%;      
}

.mod_timetable .event_time
{
display: none;    
}




/* ~Erweiterungen~ */

/* galerie */

#galerie {}

.ce_gallery {}
.ce_gallery ul {list-style: none outside none;margin: 0;overflow: hidden;padding: 0;}
.ce_gallery li {margin-bottom: 5px;margin-left:5px; float: left;}
.ce_gallery li .image_container {text-align: center;}
.ce_gallery li .image_container img {border: 1px solid #666;}

.ce_gallery .caption { 
	line-height: 1.2em;
	margin-top: 3px;
	min-width: 130px;
	text-align: center;
	color:#ccc;
}

/* unsichtbare Elemente */
.invisible {display: none!important;}

.left {float:left;}
.right {float:right;clear:right;}
.clear {clear:both;}

.block:after, .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.block, .clearfix {
    display: block;

}

.team .ce_headline
{
padding-top: 50px;
 clear: both;   
}