body,font,p,tbody {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
video, .video-div {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
/* ================================= 
   Content
   ================================= */
.platocontent,.platocontent p,.platocontent tbody,.content-wrapper,.cms_content_content
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
	color: #000;
	/*filter: dropshadow(color=#FFFFFF, offx=0, offy=1);*/
}

.platocontent h1,.cms_h1_content {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	line-height: normal;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #CCC;
	letter-spacing: 1px;
}

.platocontent h2,.cms_h2_content {
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: normal;
	font-family: Helvetica, Arial, sans-serif;
}

.platocontent h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 9px 0px 4px 0px;
}

/* ================================= 
   Margin && Content
   ================================= */
.platocontent p,.platomargin p {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

.platocontent p.p-block,.platomargin p.p-block {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	clear: both;
}

.cms_h1_content,.cms_h2_content,.cms_h1_margin,.cms_h2_margin {
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

/* ================================= 
   Links
   ================================= */
.platocontent a,.platocontent a:link,.platocontent a:visited,.platomargin a,.platomargin a:link
	{
	color: #000;
	text-decoration: none;
	font-size: inherit;
}

.platocontent a:hover,.platomargin a:hover {
	color: #000;
	text-decoration: underline;
}

a.stdlink,a.stdlink:link,a.stdlink-ext,a.stdlink-ext:link,a.internal-link,a.internal-link:link,a.mail-link,a.popup-link
	{
	color: #000;
	text-decoration: none;
	font-size: inherit;
}

a.stdlink:hover,a.stdlink-ext:hover,a.internal-link:hover,a.mail-link:hover
	{
	color: #000;
	
	text-decoration: line-through;
}

/* ================================= 
   Lists
   ================================= */
ul,li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.platocontent ul.stdlist,.platomargin ul.stdlist {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.platocontent ul.stdlist,.platomargin ul.stdlist {
	list-style-type: none;
}

.platocontent ul.stdlist ul,.platomargin ul.stdlist ul {
	margin: 0px 0px 2px 10px;
	padding: 0px;
}

/* IE 
* html .platocontent ul.stdlist ul, * html .platomargin ul.stdlist ul {
margin:0px 0px 2px 0px;
}*/
.platocontent ul.stdlist li,.platomargin ul.stdlist li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(/images/layout/list_item.gif) no-repeat 0px 5px;
}

.platocontent ol.stdlist,.platomargin ol.stdlist {
	margin: 5px 0px 0px 20px;
	padding: 0px;
}

.platocontent ul.cl li,.platomargin ul.cl li {
	margin: 0px;
	padding: 0px 0px 0px 16px;
}

.platocontent ul.cl ul,.platomargin ul.cl ul {
	margin: 0px 10px 2px 16px;
}

/* ================================= 
   Lists Checkmark
   ================================= */
.platocontent ul.cl li.plus,.platomargin ul.cl li.plus {
	background: url(/images/layout/list_item_checkmark.gif) no-repeat 0px
		3px;
}

.platocontent ul.cl li.minus,.platomargin ul.cl li.minus {
	background: url(/images/layout/list_item_checkmark_off.gif) no-repeat
		0px 3px;
	color: #AAA;
}

/* ================================= 
   CMS Content Classes and Modules
   ================================= */ /* Bild Tag */
.inline-image {
	vertical-align: middle;
}

/* Suchbegriff hervorheben - Search Klasse */
.mark-term {
	color: #CC0000 !important;
	background: yellow !important;
	font-weight: bold;
	font-size: inherit;
	font-family: inherit;
}

/* ================================= 
   Validator, form-table, Inputs
   ================================= */
.platocontent input,.platocontent select,.platocontent textarea,.platocontent button
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
}

label {
	cursor: pointer;
}

.val-err,.error {
	color: #CC0000;
	font-weight: normal;
	font-size: 9px;
}

.val-desc-err {
	color: #CC0000;
	font-weight: bold;
}

.val-value {
	color: #666;
}

div.val-input-error .p-ti {
	display: inline;
}

table.form-table {
	width: 500px;
}

table.form-table tr td {
	padding: 3px 0px;
}

table.form-table td.a {
	white-space: nowrap;
	padding-right: 15px;
	padding-top: 4px;
	vertical-align: top;
	width: 30%;
}

table.form-table td.captcha {
	padding-top: 10px !important;
	height: 40px;
}

table.form-table td.b {
	width: 70%;
	vertical-align: top;
}

table.form-table td table.inner td {
	padding: 0px 0px;
	vertical-align: top;
}

.p-ra {
	vertical-align: middle;
	margin-right: 3px;
}

.p-cx {
	vertical-align: text-bottom;
	margin-right: 3px;
	vertical-align: middle\9;
}

.p-ta {
	width: 100%;
}

.p-ti {
	width: 100%;
}

.p-mul {
	
}

.p-dd {
	
}

.p-sb,button,a.p-sb,a.p-sb:link,.qq-upload-button,.qq-delete-button {
	display: inline-block;
	color: #333;
	background-color: #F5F5F5;
	padding: 2px 10px 3px 10px;
	font-weight: bold;
	font-size: 12px !important;
	cursor: pointer;
}

.p-sb:hover,button:hover,a.p-sb:hover,.qq-upload-button-hover,.qq-delete-button-hover
	{
	color: #444;
}

.p-ti-error,.p-ta-error,.p-dd-error {
	-moz-box-shadow: 0px 0px 1px rgba(250, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 1px rgba(250, 0, 0, 1);
	box-shadow: 0px 0px 1px rgba(250, 0, 0, 1);
}

.mand-hint {
	color: #666;
	font-size: 10px !important;
	margin-bottom: 10px;
}

.man-err-field {
	padding: 10px;
	border: 1px solid crimson;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.val-help {
	display: none;
	position: absolute;
	clear: both;
	z-index: 100;
	background: url(/images/std/validator_help_yellow.gif) no-repeat 0px 0px
		;
	margin: 1px 0px 0px -3px;
}

div.val-help div {
	border-bottom: 1px solid #ffc000;
	border-right: 1px solid #ffc000;
	padding: 8px;
	margin-top: 5px;
}

span.hlp-span {
	padding-left: 4px;
	padding-top: 4px;
}

.val-man-flag {
	font-weight: bold;
	color: #CC0000;
}

.val-view {
	border: 1px dotted #DDD;
	width: 100%;
	display: block;
	padding: 1px 0px;
	text-indent: 3px;
	margin: 0px 5px;
}

/* ================================= 
   Paging
   ================================= */
ul.paging {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	/*center?*/
	text-align: center;
	position: relative;
	left: 50%;
	float: left;
}

ul.paging li {
	float: left;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 1px 0px 0px !important; /* IE ? */
	background-image: none;
	right: 50%;
	position: relative;
	line-height: 21px;
}

ul.paging li a,ul.paging li div {
	color: #444 !important;
	border: 1px solid #EEE;
	padding: 2px 5px;
	display: inline;
	background-image: none;
}

ul.paging li a {
	background: #F5F5F5;
	text-decoration: none;
}

ul.paging li div {
	font-weight: bold;
}

ul.paging li a:hover {
	background: #FFF;
	text-decoration: none;
}

.paging .next,.paging .prev,.paging .points {
	
}

::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none !important;
}

::selection {
	background: #000;
	color: #fff;
	text-shadow: none !important;
}

body,html {
	height: 100%;
}

#infobar {
	position: absolute;
	width: 100%;
}

#top-bar {
	height: 7px;
	background: #000;
}

#top-bar-icon,#top-bar-icon_2 {
	height: 8px;
	width: 18px;
	background: url(/layout/down.png) no-repeat top left;
	float: right;
	margin-right: 62px;

}

#top-bar-icon_2 {
	background: url(/layout/up.png) no-repeat top left;
	margin-top: -8px;
	display: none;
}

#top-bar-content {
	color: #fff;
	display: none;
	background-color: #000;
	height: 150px;
	border-top: 7px solid white;
	font-size: 14px;
}

#top-bar-content a {
	color: white;
	text-decoration: none;
}

#top-bar-content a:hover {
	color: white;
	text-decoration: underline;
}

#logo {
	background: url(/layout/raum_mannheim_white.svg) no-repeat center center;
		background-size: 38px auto;
	height: 109px;
	width: 147px;
	border-top: 30px solid transparent;
	cursor: pointer;
	float: right;


}

#logo_black {
		background: url(/layout/raum_mannheim_black.svg) no-repeat center center;
		background-size: 38px auto;
	height: 109px;
	width: 147px;
	float: right;
	border-top: 23px solid black;
	float: right;
}
#logo.white {
	background: url(/layout/raum_mannheim_black.svg) no-repeat center center !important;
	background-size: 38px auto !important;
}

.sizer {
	width: 1312px;
	padding-left:55px; /* OFFSET! */
	margin: 0px auto;
}

.sizerlarge {
	
	width: 1580px;
	margin: 0px 0px 0px -135px;
}


.stspace {
	text-decoration: line-through !important;
}

.proj-links {
	float: left;
	width: 795px;
	height: 400px;
	margin-left: 1px;
	font-size: 14px !important;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

#fixheader {
	position: fixed;
	width: 100%;
	z-index: 1000;
	top:0px;
	left:0px;
	-webkit-transform: translateZ(0);
}

.proj-links a {
	color: #000 !important;
	text-decoration: none !important;
}

.proj-links a:hover {
	text-decoration: line-through !important;
}

.proj-images {
	float: right;
	width: 500px;
	height: 400px;
}
.proj-images img { position:absolute; }

.project-detail-images img {
  width:100%;
  max-width: 1240px;
  height:auto;
}
.project-detail-images video {
	width:100%;
	max-width: 1240px;
	height:auto;
	margin-bottom:1.5%;
}
.video_pos_div {
	position:absolute;
	width:5px;height:5px;
	overflow:hidden;
	/*border:1px solid red;*/
}

#footer { display: none; }

#mobile-view {
	display:none;
}
#full-cover {
	display:none;
}


#body {
	padding-bottom: 95px;
	min-height:100%;
	height:100%;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:75px;   
   font-size: 18px;font-weight: normal;letter-spacing: 1px;line-height: 35px;
}

#footer, #footer  a { color: black; text-decoration:none;}
#footer.white, #footer.white a { color: white !important; text-decoration:none;}
#footer  a:hover { text-decoration:line-through;}
#container {
	min-height: 100%;
	position: relative;
}

.main-nav {
	border-top: 45px solid transparent;
	line-height: 35px;
	font-size: 18px;
	margin-left: -13px;
}

.main-nav a {
	letter-spacing: 1px;
	color: black;
	text-decoration: none;
}

.main-nav a:hover {
	text-decoration: line-through;
}

h4 {
  margin:0px;padding:0px;
  line-height: 35px;
  font-size: 18px;
  font-weight:normal;

  letter-spacing: 1px;
  color: black;
  text-decoration: none;
  }
  
h5 {
  margin:0px;padding:0px;
  line-height: 22px;
  font-size: 14px;
  font-weight:normal;

  letter-spacing: 1px;
  color: black;
  text-decoration: none;
  }
  
    
.newstext { margin-top:10px; font-size:12px; line-height: 16px;  }
.newstext p { font-size:12px; line-height: 16px; }
.newswidth { width:380px; }
.newslink, a.stdlink-ext, a.stdlink-ext:link { padding-left:20px; background:url(/layout/link.png) no-repeat 0px 5px; }
.newslink:hover, a.stdlink-ext:hover { text-decoration:line-through; }
.newsimg { padding-bottom:20px; }
.newsimg img { width:380px; height:auto; }
.news-msry { margin-bottom:80px; }  
#contact {
	float: left;
	margin-right: 290px;
	margin-top: 70px;
	font-size: 18px;
}

/* For modern browsers */
.cf:before,.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf { *
	zoom: 1;
}

.height_1 {
	height: 150px
}

.height_2 {
	height: 120px
}

.prev_next {
	position:fixed;
	/*padding-top: 300px;*/
	top:49%;
	width: 70px;
	cursor: pointer;
  z-index: 999999;
	/*border:5px solid red;*/
}

.prev_next *,.prev_next a:hover {
	text-decoration: none;
	font-size: 13px;
}
#prev { text-align:left; left:20px;}
#next { text-align:right; right:20px;}
.pbmo {
position:absolute;top:50%;left:50%;width:300px;height:300px;margin-top:-150px;margin-left:-150px;z-index:9999999999;cursor:pointer;
}
.project-box {
	width: 790px;
	height: 650px;
	float: left;
	overflow: hidden;
}
.project-box img {
}
.imagefader img {
    position:fixed;
		  width:456px;
		  height:auto;
  }
.imagefader {
	float:left;
	width:630px;
	height:200px;
}
.imagefadertxt {
width:600px;
float:left;
}
.bluetext, .bluetext a {
	color:#6488ee !important;
	font-size:18px;
	line-height:22px;
	text-decoration:none;
	letter-spacing: 1px;
}
.bluetext a:hover {
text-decoration: line-through;
color:#000 !important;
}
/*
.project-box img {
	width: 640px;
	height: auto;
}
*/


  .proj-links .plx {
  float:left;width:390px;
  }


.p-table { width:600px; }

.mini-ruler {
	width:50px;
	border-bottom:1px solid #000;
	height:1px;
}

/*
.column-3 {
  -moz-column-count: 3;
  -moz-column-gap: 70px;
  
  -webkit-column-count: 3;
  -webkit-column-gap: 70px;
  
  column-count: 3;
  column-gap: 70px;
  
}
*/

.column-3 {
	width:33%;
	-moz-box-sizing:border-box;
	
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	padding-right:70px;
	float:left;
}

#debug:after {
	content: "sizeX";
}


.fotobox { float:left; }

.fotobox.ws { width:33%; }
.foto-padder { height:45px; }

/* ################################################################################### */






/* SCREEN zwischen 1201 > 1600px */
@media only screen and (max-width: 1600px) and (min-width: 1201px) {
	#debug:after {
		content: "sizeA";
	}
	.sizer {
		width: 1149px;
	}
	.sizerlarge { 
		width: 1240px;
		margin-left: -70px; 
	}

	#contact {
		margin-right: 140px;
	}
	.project-box {
		width: 600px;
		height: 500px;
	}
	.project-box img {
		width: 600px;
		height: auto;
	}
	.mobile_fullwidth {
		width: 100%;
		height: auto;
	}
	.pfloat {
		width: 1080px;
	}
/*  #prev { margin-left:-80px; }
	#next { margin-left:1080px; }*/
	.proj-links {
		width: 580px;
		/*height: 400px;*/
		height: auto;
	}

	.proj-images,.proj-images img {
		max-width: 500px;
		height: auto;
	}
	.imagefadertxt,.imagefader {
    width:500px;

  }
  .imagefader img {
    width:400px;
  }
  
  .pbmo {
width:220px;height:220px;margin-top:-110px;margin-left:-110px;
}
	
  /*.newsimg img { width:1080px; }*/
}




/* SCREEN < 1200px */
@media only screen and (max-width : 1250px) {
	#rminfos {
		margin-top: -20px !important;
	}
	#debug:after {
		content: "sizeB";
	}
	.sizer {
		width: 810px;
	}
	.sizerlarge {
		width: 980px;
		margin: 0px 0px 0px -70px;
	}

	#contact {
		margin-right: 40px;
	}
	.project-box {
		width: 400px;
		height: 335px;
	}
	.project-box img {
		width: 400px;
		height: auto;
	}
	.mobile_fullwidth {
		width: 100%;
		height: auto;
	}
  .mobile_halfwidth {
    width: 50%;
    height: auto;
  }
	.pfloat {
		width: 740px;
	}
	.proj-links {
		width: 390px;
		/*height: 300px;*/
		height: auto;
	}
	.proj-images,.proj-images img {
		width: 390px;
		height: auto;
	}
/*  #prev { margin-left:-80px; }
  #next { margin-left:740px; }*/
  
    .imagefadertxt,.imagefader {
    width:360px;
    font-size:15px;
    line-height:19px;

  }
  .imagefader img {
    width:260px;
  }
  
    .pbmo {
width:180px;height:180px;margin-top:-90px;margin-left:-90px;
}
	
	  .proj-links .plx {
  float:left;width:480px;
  
  }
  
  
.column-3 {
  width:50%;
  padding-right:70px;
}


  /*.fotobox.ws { width:49%; }*/
  /*.newsimg img { width:740px; }*/
}



.project-text {
		top: 50%;
		left: 50%;
		position: absolute;
		/*-webkit-backface-visibility: hidden;*/
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);

}

.line {
		height:20px;margin:0px auto 20px auto;
		overflow: hidden;
		width:60px;
		border-bottom:1px solid black;

}
.project-hoverbox {
		background:#fff;width:100%;height:100%;position: absolute;top:0;left:0;z-index:10;display:none;text-align: center;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
}







/* FLASHLAB */

.topbox {
		height:40px;background:black;color:white;
}
.topbox .t {
		font-family:Arial,sans-serif !important;
		font-size:10px !important;
		text-transform:uppercase;
		font-weight:normal;
		letter-spacing:12px;
		color:white !important;
		line-height:40px;
}

.tblack *, .tblack a {
		color:black !important;
}

/*
.imagebox {
		float:left;margin-left:65px;margin-top:50px;
		color:black;
		font-family:"Times New Roman", Times, serif;
		font-size:10px;
		letter-spacing:3px;
		font-weight:bold;

}
*/

.imagebox {
		float:left;
		text-align:center;
		width:31.333%;
		margin-bottom:90px;
		/*color:black;
font-family:"Times New Roman", Times, serif;
 font-size:10px;
 letter-spacing:3px;
 font-weight:bold;
*/
}






#slides {
		width: 512px;
		margin: 0px auto;
}

#slides img {
		left: 0;
}

.prev, .next, .prev div, .next div {
		width: 200px;
		height: 755px;
		background-image: url("about:blank");
}

.prev {
		position: absolute;
		left: 0;
		z-index: 999;
}

.prev div {
		/*background:url(/layout/arr_left.png) no-repeat 15px center;*/
		display: none;
}

.next {
		position: absolute;
		right: 0;
		z-index: 999;
}

.next div {
		/*background:url(/layout/arr_right.png) no-repeat 165px center;*/
		display: none;
}

#nextng div {
		/*background: url(/layout/darr_right.png) no-repeat 155px center !important;*/
}

#prevng div {
		/*background:url(/layout/darr_left.png) no-repeat 15px center;*/
}

#s-container {
		width: 512px;
		margin: 0px auto;
		position: relative;
		height: 760px;
}

#s-txt, #y-txt {
		position: absolute;
		top: 50%;
		height: 250px;
		margin-top: -125px;
		color: #fff;
		z-index: 99;
		width: 10px;
		padding: 15px 8px 15px 8px;
		background: black;
		text-align: center;
		display: table;
		line-height: 20px;
		font-family: Arial, sans-serif;
}

#s-txt span, #y-txt span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
}

#s-txt { right: 0px; }

#y-txt { left: 0px; }




@media only screen and (max-width: 600px) {
  #body { padding-bottom: 0px; }
  #mobile-view { display: block; }
  #desktop-view { display: none; }
}



@media all and (max-height: 760px) {

		.prev, .next, .prev div, .next div {
				width: 200px;
				height: 685px;
		}

		#slides img, #s-container {
				width: 472px;
		}

		#s-container {
				height: 700px;
		}

}