/*////////// FONT //////////*/


@font-face {
 font-family: 'Frutiger 55 Regular';
 src: url('Ftr_____.eot');
 src: local('Frutiger 55 Regular'), local('Frutiger-Roman'), url('Ftr_____.woff') format('woff'), url('Ftr_____.svg#Frutiger-Roman') format('svg'), url('Frutiger-Roman.otf') format('truetype');
}
h2.style1 {
	font: 18px/24px 'Frutiger 55 Regular', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	color:#656565;
	font-weight:normal;
	margin-top:0;
	text-transform:none;
}

h4.style1 {
	font: 12px/15px 'Frutiger 55 Regular', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	color:#656565;
	font-weight:normal;
	margin-top:0;
	text-transform:none;
}

h3.style1 {
	font: 13px/18px 'Frutiger 55 Regular', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	color:#656565;
	padding-left:10px;
	font-weight:normal;
}
html, body {
	height:100%;
}
img {
	border:none;
}
/*////////// GENERALLY //////////*/

* {
	margin:0px;
	padding:0px;
	outline:none;
}
a {
	color:#656565;
	text-decoration:none;
	border:none;
}
h1 {
	font-size:12px;
	font-weight:bold;
	color:#ffcc00;
	text-transform:uppercase;
	margin-bottom:18px;
	margin-top:20px;
}
h2 {
	font-size:12px;
	font-weight:bold;
	color:#656565;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-top:-10px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
}
#linkarrow {
	background:url(../img/sommer_arrow.gif) no-repeat;
	background-position:0px 5px;
	width:12px;
	height:15px;
	display:block;
	margin-left:165px;
	outline:none;
	position:absolute;
}
.linkarrow_down {
	background:url(../img/sommer_arrow_down.gif) no-repeat;
	background-position:0px 5px;
	width:12px;
	height:15px;
	display:block;
	margin-left:165px;
	margin-left:200px;
	outline:none;
	position:absolute;
}
#wrapper {
	min-height: 100%; /* Mindesthöhe in modernen Browsern */
	height: auto !important; /* !important-Regel für moderne Browser */
	height: 100%; /* Mindesthöhe in IE (<7) */
	width:980px;
	margin:auto;
	text-align:left;
	zoom:1;
}
/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


#top {
	height:35px;
	text-align:right;
	text-transform:uppercase;
}
#top ul {
float:right;
margin-top:17px;
 width: 340px;
}
#top li {
	float:left;
	list-style:none;
	margin-left:10px;
}
#top li a:hover {
	color:#ffcc00;
}
#top li span {
	color:#ffcc00;
}
.topnavi {
	text-transform:uppercase;
	margin-left:10px;
	line-height:4.0;
}
.topnavi a {
	color:#656565;
}
.topnavi a:hover {
	color:#ffcc00;
}
/*////////// BLOCKS //////////*/

#left {
	width:370px;
	float:left;
}
#right {
	width:610px;
	float:left;
}
#block_tl {
	height:390px;
}
#block_tr {
	height:390px;
	overflow:hidden;
}
#tr_img {
	text-align:center;
}
#block_tr_campaign {
	margin-bottom:50px;
}
#block_bl {
}
#block_br {
	height:450px;
	width:610px;
	float:left;
}
#block_br .tinymcewysiwyg {
	padding-left:20px;
	padding-right:20px;
}
#block_br_campaign {
	height:400px;
	width:610px;
	position:absolute;
	top:525px;
	z-index:2;
}
#block_br_campaign li {
	list-style:none;
}
#block_br_abb {
	height:400px;
	width:610px;
	float:left;
	margin-top:100px;
}
/*////////// BLOCK TOP LEFT //////////*/

#logo {
	height:50px;
	background:url(../img/sommer_logo.jpg) no-repeat;
}
#slogan {
	margin-left:-11px;
	margin-top:31px;
	height:229px;
	overflow:hidden;
}
#navi {
	font-size:11px;
	background:#e1e1e1;
}
/*////////// BLOCK TOP RIGHT //////////*/

#block_tr_img {
	height:390px;
	overflow:hidden;
	text-align:center;
	background:url(../img/sommer_stripes02.gif) 1px;
}
#block_tr_video {
	z-index:-10;
}
#overlay_y h1 {
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:12px;
	font-size:11px;
	color:#FFFFFF;
}
#overlay_y .fliesstext {
}
#overlay_y .tinymcewysiwyg {
	padding:10px 10px 10px 10px;
	text-align:left;
}
#overlay_y {
	height:360px;
	width:182px;
	background:#ffcc00;
	cursor:pointer;
	color:#FFFFFF;
}
#overlay_y_opac {
	height:310px;
	width:182px;
	background:#ffcc00;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#overlay_g .tinymcewysiwyg {
	padding:10px 10px 10px 10px;
}
#overlay_g {
	height:360px;
	width:182px;
	background:url(../img/overlay_g.png);
	cursor:pointer;
	color:#FFFFFF;
}
#overlay_g_opac {
	height:310px;
	width:182px;
	background:#4d4d4d;
	opacity:0.45;
	filter:alpha(opacity=45);
}
#overlay_g_video .tinymcewysiwyg {
	padding:10px 10px 10px 10px;
}
#overlay_g_video {
	height:230px;
	width:182px;
	background:url(../img/overlay_g.png);
	cursor:pointer;
	color:#FFFFFF;
	position:absolute;
	top:135px;
}
#overlay_g_video_opac {
	height:305px;
	width:182px;
	background:#4d4d4d;
	opacity:0.45;
	filter:alpha(opacity=45);
	position:absolute;
	top:35px;
}
#overlay_g h1 {
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:12px;
	font-size:11px;
	color:#FFFFFF;
}
#content_holder {
	margin-left:20px;
	margin-top:80px;
	width:388px;
	height:310px;
}
#impressum_tr {
	margin-left:20px;
	margin-top:80px;
	width:550px;
	height:310px;
}
#impressum_br {
	margin-left:20px;
	margin-top:20px;
	width:550px;
	height:370px;
}
.content_inner {
	width:180px;
	float:left;
}
.content_inner h1 {
}
/*////////// BLOCK BOTTOM RIGHT //////////*/
#stripes {
	border-top:1px solid #FFFFFF;
	height:65px;
	background:url(../img/sommer_stripes.gif);
	font-size:13px;
	color:#656565;
	padding-left:20px;
	padding-top:15px;
}
#stripes .tinymcewysiwyg {
	padding-right:30px;
}
#stripes h1 {
	color:#656565;
	font-size:17px;
	margin-bottom:10px;
	margin-top:15px;
	text-transform:none;
}

#stripes h6 {
color:#656565;
font-size:15px;
margin-bottom:10px;
margin-top:15px;
text-transform:none;
}


#stripes_anim {
	border-top:1px solid #FFFFFF;
	height:65px;
	background:url(../img/sommer_stripes.gif);
	font-size:13px;
	color:#656565;
	padding-left:20px;
	padding-top:15px;
	position:absolute;
	width:570px;
	height:65px;
	overflow:hidden;
	padding-right:20px;
	cursor:pointer;
	z-index:999;
}
#stripes_anim_campaign {
	border-top:1px solid #FFFFFF;
	height:65px;
	background:url(../img/sommer_stripes.gif);
	font-size:13px;
	color:#656565;
	padding-left:20px;
	padding-top:15px;
	position:absolute;
	width:560px;
	height:65px;
	overflow:hidden;
	padding-right:30px;
	cursor:pointer;
	top:390px;
	z-index:900;
	line-height:1.25;
}
#stripes_no_anim {
	border-top:1px solid #FFFFFF;
	height:65px;
	background:url(../img/sommer_stripes.gif);
	font-size:13px;
	color:#656565;
	padding-left:20px;
	padding-top:15px;
	position:absolute;
	width:570px;
	height:65px;
	
	padding-right:20px;
	top:425px;
	z-index:900;
	overflow: visible;
}
#stripes_no_anim h1 {
	color:#656565;
	font-size:17px;
	margin-bottom:10px;
	margin-top:15px;
	text-transform:none;
}

#stripes_no_anim h1 a {
font-weight:normal;
}

#stripes_anim h1 {
	margin-top:0;
}
#stripes_anim_campaign h1 {
	margin-top:0;
}
#stripes_anim #linkarrow {
	margin-left:560px;
	background-image:url(../img/sommer_arrow_down.gif);
}
#stripes_anim_campaign #linkarrow {
	margin-left:560px;
	background-image:url(../img/sommer_arrow_down.gif);
}
#homenews_container {
	height:300px;
	background:#ffffff;
	overflow:auto;
}
.homenews {
	background:#eeeeee;
	float:left;
	height:260px;
	width:610px;
	margin-right:10px;
	margin-top:10px;
	overflow:hidden;
	zoom:1;
}
#homenews {
	width:1860px;
}
#game {
	width:205px;
	height:205px;
	background:url(../img/sommer_game.jpg);
	display:block;
	margin-top:85px;
}
#twitter {
	width:205px;
	height:40px;
	background:url(../img/sommer_twitter.jpg);
	display:block;
	margin-top:20px;
}
.tinymcewysiwyg a {
	font-weight:bold;
}
#disclaimer {
	margin:20px;
}
#foto_leonard_sommer {
	position:absolute;
	width:610px;
	height:390px;
}
#foto_gordon_sommer {
	position:absolute;
	width:610px;
	height:390px;
}
#foto_stefan_narjes {
	position:absolute;
	width:610px;
	height:390px;
}
/* /////7LISTENAUSGABE/////*/
.arbeiten_liste {
	width:435px;
	margin-top:15px;
	height:50px;
	cursor:pointer;
}
.arbeiten_liste h1 {
	margin:0;
	color: #ffcc00;
	font-size:12px;
	text-transform:uppercase;
}
.arbeiten_liste h2 {
	margin-top:0px;
	font-size:12px;
	text-transform:uppercase;
	color: #ffcc00;
}
.arbeiten_liste_left_img {
	width:78px;
	overflow:hidden;
	height:50px;
	float:left;
	border:2px solid #ffcc00;
	text-align:center;
}
.arbeiten_liste_right {
	width:340px;
	height:50px;
	float:left;
	border-top:1px solid #ffcc00;
	border-bottom:1px solid #ffcc00;
	margin-left:12px;
	overflow:hidden;
	line-height:15px;
}
.arbeiten_liste_date {
	width:52px;
	height:50px;
	float:left;
	padding-left:5px;
	padding-top:5px;
}
.arbeiten_liste_text {
	float:left;
	width:330px;
	margin-left:10px;
	padding-top:5px;
}
.img_customer {
	float:left;
	width:150px;
	height:75px;
	margin-right:2px;
	border:0;
	margin-top:10px;
}
.image_link {
	margin-top:300px;
}
#logo_kunde {
	width:150px;
	height:75px;
	float:left;
}
#artikelteaser {
	float:left;
	margin-left:20px;
}
#artikelteaser_medien {
	float:left;
	margin-left:30px;
}
#tabhead ul {
	width:610px;
	float:left;
}
#tabhead ul li {
	float:left;
}
#sob_icons {
	margin-left: 540px;
	margin-top:15px;
	position:absolute;
}
.sob_icon {
	float:left;
	margin-right:2px;
}
#sob_leo {
	margin-left:633px;
	margin-top:15px;
	position:absolute;
	display:none;
}
#sob_gordon {
	margin-left:633px;
	margin-top:15px;
	position:absolute;
	display:none;
}
#sob_stefan {
	margin-left:633px;
	margin-top:15px;
	position:absolute;
	display:none;
}
.rex-navi1 {
	text-align:center;
	list-style:none;
	margin-top:80px;
	font-family:'Frutiger 55 Regular', Arial, Helvetica, sans-serif;
}

.rex-navi1 a:hover{
color:#FFCC00;
}



.rex-navi1 .rex-article-9 {
	font-size:28px;
	margin-left:-358px;
}
.rex-navi1 .rex-current {
	color:#ffcc00;
}
.rex-navi1 .rex-article-7 {
	font-size:13px
}
.rex-navi1 .rex-article-6 {
	font-size:13px
}
.rex-navi1 .rex-article-261 {
	font-size:17px
}
.rex-navi1 .rex-article-262 {
	font-size:40px;
	margin-left:167px;
	margin-top:-25px;
}
.rex-navi1 .rex-article-263 {
	font-size:50px
}
.rex-navi1 .rex-article-264 {
	font-size:22px;
	margin-left:350px;
	margin-top:-16px;
}
.rex-navi1 .rex-article-265 {
	font-size:34px;
	margin-left:-120px;
	margin-top:30px;
}
.rex-navi1 .rex-article-7 {
	font-size:26px;
	margin-left:154px;
	margin-top:15px;
}
/*//DOWNLOAD ICONS///*/

.link_icon {
	display:block;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0px 2px;
	margin-left:19px;
	font-weight:bold;
	color:#ffcc00;
	margin-top:10px;
}
.ico_pdf {
	background-image:url(../img/fico_pdf.gif);
}
.ico_xls {
	background-image:url(../img/fico_xls.gif);
}
.ico_doc {
	background-image:url(../img/fico_doc.gif);
}
.ico_zip {
	background-image:url(../img/fico_zip.gif);
}
.ico_jpg, .ico_jpeg {
	background-image:url(../img/fico_pdf.gif);
}
.ico_gif, .tif {
	background-image:url(../img/fico_pic.gif);
}
.ico_def {
	background-image:url(../img/fico_pdf.gif);
}
.bild_block_bl {
	position:absolute;
	top:505px;
}




.noscriptinfo{
text-align:center;
}

.noscriptinfo h1{
font-size:18px;
}


.plus{
float:left;
background-image:url(../img/arbeiten_plus.jpg);
height:25px;
width:25px;
margin-top:10px;
}


.facebook {
height:60px;
margin-top:170px;
overflow:hidden;
background:#F4F4F4;
}

.flag{
float:left;
margin-right:2px;
}

.flag a{
display:block;
}

#flags{
float:right;
margin-top:17px;
}


#block_datenschutz{
	height:auto;
	margin-bottom:30px;
	padding-left:25px;
}



.img_sw, .img_c{
	position:absolute;
}

.img_c{
	display:none;
}










.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}


#gehirntest_teaser{
	margin-top: 81px;
}

#gehirntest_teaser img{
	position:absolute;
}

#gehirntest_teaser img#gehirntest02{
display:none;
}