/* Smartphones (portrait and landscape) */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {*/

@media only screen and (max-width: 767px) {
	/*#navbox:before {
		content: 'Smartphone';
	}*/
	
	body {
		/*width: 480px;*/
		overflow: hidden;
	}
  /* Header */
	#navbox {
	    min-height: 230px;
		width: 100%;
	}
	body #wrap {
		background-position: 0 250px;
	}
	body #wrap > header {
		height: 250px;
	}
	#wrap #navbox {
		white-space: nowrap;
	}
	#wrap #navbox #logo,
	#wrap #navbox #metabox,
	#wrap #navbox #main {
		float: none;
	}
	#wrap #navbox #metabox .tx-fontsizer-pi1,
	#wrap #navbox #metabox .tx-srlanguagemenu-pi1 {
		padding-right: 2px;
	}
	#wrap #navbox #metabox nav a {
		padding-left: 10px;
		padding-right: 10px;
	}
	#wrap #navbox #metabox .submit_bg {
		padding-left: 0;
	}
	#wrap #navbox #metabox .submit_bg label {
		left: 7px;
	}
	
	#wrap #navbox #main {
		width: 100%;
	}
	#wrap #navbox #logo,
	#wrap #navbox #metabox {
		position: relative;
		top: 20px;
		left: 2%;
		width: 93%;
	}
	nav { 
		/*text-align: center;*/ 
		width: 100%;
	}
	nav select {
	    display: block;
	    font-size: 100%;
	    font-weight: bold;
	    min-width: 260px;
	    position: relative;
	    top: 30px;
		left: 3%;
	    width: 60%;
	    height: 25px;
		float: none;
	}
	#navbox .tx-srlanguagemenu-pi1 .NO {
		padding-left: 10px;
	}
	#wrap > header nav#meta ul {
		padding: 16px 0px 0px 5px;
	}
	/*#navbox .tx-macinasearchbox-pi1 {
		display: block;
	}*/
	#navbox .submit_bg {
		left: 0;
	}
	
	
	
	.sf-menu {
	    display: none;
	}
	
	
	
	#wrap #topnews {
		right: -9px;
		top: -66px;
		z-index: 999;
	}
	
	/* DISZIPLIN-NAVIGATION */
	#wrap #slider .tx-jfmulticontent-pi1 {
		display: none;
		top: 10px;
	}
	#wrap #slider {
		width: auto;
		height: auto;
		/*background: #B10000;*/
		padding-bottom: 0;
		margin-bottom: 45px;
		left: 0;
	}
	#wrap #slider nav {
	    /*width: 800px;*/
		width: 100%;
	    height: auto;
		margin: 0 auto;
	
	    -moz-transform:    none;
	    -o-transform:      none;
	    -webkit-transform: none;
	    transform:         none;
		
		position: relative;
		top: 0;
		left: 0;
		z-index: 98;
	}
	#wrap #slider nav ul {
		background: #9f2020;
		/*width: 800px;*/
		width: 100%;
	    height: auto;
		padding: 27px 0;
		margin: 0;
	}
	#wrap #slider nav ul li {
		margin-bottom: 0;
		border-top: 1px solid #a52b2c;
		border-bottom: 1px solid #851818;
	}
	#wrap #slider nav ul li.first {
		border-top: 1px solid #851818;
	}
	#wrap #slider nav ul li a {
		display: block;
		height: 65px;
		padding-top: 7px;
		display: block;
		text-indent: 6px;
		color: white;
		font-size: 1.3em;
		text-transform: uppercase;
		font-family: Arial, sans-serif;
		
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
		
	}
	#wrap #slider nav ul li a span {
	    display: inline-block;
		-moz-transform:    none;
	    -o-transform:      none;
	    -webkit-transform: none;
	    transform:         none;
		
		background: url('/fileadmin/templates/img/sprite_1.png') no-repeat -10px -851px transparent;
		padding-left: 10px;
		margin-top: 8px;
	}
	#wrap #slider nav ul li a span br {
		display: none;
	}
	#wrap #slider nav ul li.last {
		width: auto;
	}
	#wrap #slider nav ul li.last a {
		background: transparent url('/fileadmin/templates/img/disziplin_menu_last_bg_smartphone.png') no-repeat 0 0;
		background-size: 100% 85%;
		
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/img/disziplin_menu_last_bg_smartphone.png',sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/img/disziplin_menu_last_bg_smartphone.png',sizingMethod='scale')";
	}
	#wrap .tx-bfdisziplmenu-pi1 {
		width: 800px;
		margin: 0 auto;
	}
	#wrap .tx-bfdisziplmenu-pi1 .panel {
		display: none;
		opacity: 1;
		position: absolute;
		top: 8px;
		left: auto;
		/*width: 798px;*/
		width: 100%;
		height: 300px;
		
		border: 1px solid #d8d8d8;
		
		/*background: transparent url('/fileadmin/templates/img/home_disziplmenu_layer5.png') no-repeat 0px 0px;*/
		
		background-color: #EDEDED;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#EBEBEB');
		background-image: linear-gradient(bottom, #ebebeb, #f6f6f6);
		background-image: -o-linear-gradient(bottom, #ebebeb, #f6f6f6);
		/*background: -moz-linear-gradient(top, #ebebeb, #f6f6f6);*/
		background-image: -moz-linear-gradient(bottom, #ebebeb, #f6f6f6);
		background-image: -webkit-linear-gradient(bottom, #ebebeb, #f6f6f6);
		background-image: -ms-linear-gradient(bottom, #ebebeb, #f6f6f6);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(#ebebeb),
			color-stop(#f6f6f6)
		);
	}
	#wrap .tx-bfdisziplmenu-pi1 .panel.dropdown_mainnav_134 {
		height: 490px;
	}
	#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel {
		background-image: none;
	}
	#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel .header h3 {
		left: 13%;
		width: 87%;
		top: 25px;
	}
	
	#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel .menu {
		left: 3%;
		top: 69px;
		width: 100%;
	}
	#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel .menu ul {
		width: 28%;
		margin-right: 5%;
		margin-bottom: 30px;
	}
	#wrap #slider .menu .header {
		font-size: 0.85em;
	}
	#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel .menu ul li a {
		font-size: 0.65em;
		line-height: 1.2em;
	}
	/*#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel .menu ul.column_3 {
		margin-top: 30px;
	}*/
	#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel .footnote {
		left: 10px;
		right: 0px;
		width: 60%;
	}
	#wrap .tx-bfdisziplmenu-pi1 .dropdown_panel .header .image {
		display: none;
	}

  /* Content */
 #wrap #default .twothirds > .inside .content_box {
 	overflow-x: hidden;
	width: 100%;
 }
 #wrap #contentbox {
 	padding-bottom: 70px;
 }
 #wrap #contentbox,
 #wrap #footerbox {
 	/*width: auto;*/
	width: 100%;
 }
 	#contentbox #header {
 		min-height: 100%;
 	}
 	#contentbox #header .csc-textpic,
	#contentbox #header .news-single-image {
		/*width: 100%;*/
		width: 110%;
	}
	/*#contentbox #header .csc-textpic:before,
	#contentbox #header .news-single-image:before {
		content: url('/fileadmin/templates/img/content_header_bg6.png');
		position: absolute;
		bottom: 0;
		right: 88%;
		text-align: right;
		width: auto;
		height: 100%;
	}*/
	#contentbox #header .csc-textpic .csc-textpic-imagecolumn,
	#contentbox #header .news-single-image a {
		width: 33%;
		float: left;
	}
	#contentbox #header .news-single-image:after {
		content: '.';
		visibility: hidden;
		display: block;
		float: none;
		clear: both;
		width: 100%;
		height: 0px;
	}
	#contentbox #header .csc-textpic .csc-textpic-imagecolumn img,
	#contentbox #header .news-single-image a img {
		max-width: 100% !important;
		height: auto !important;
		width: 100% !important;
	}
	
	#wrap #contentbox .inside iframe,
	#wrap #contentbox .inside .tx-irfaq-pi1,
	#wrap #contentbox .inside table {
		width: 100%;
	}
	#wrap #contentbox .inside ul.tabmenu {
		height: 29px;
	}
	/*#wrap #contentbox .inside ul.tabmenu li.last:after {
		content: '.';
		visibility: hidden;
		display: block;
		float: none;
		clear: both;
		width: 100%;
		height: 0px;
	}*/
	#wrap #contentbox .inside ul.tabmenu li a {
		font-size: 0.8em;
	}
	
	#background {
		display: none;
	}
 
 #default .twothirds > .inside,
 #default .twothirds > #subnavigation {
 	float: none;
	/*width: 93%;*/
	width: 94%;
	clear: both;
 }
 #default .twothirds > .inside {
 	padding: 0% 0% 2% 3%;
	/*overflow-x: hidden;*/
 }
#contentbox #header .csc-textpic {
	left: -4%;
}

 #default #wrap #newsslider > .inside,
 #default #wrap #newsslider aside {
 	/*width: 93%;*/
	width: 94%;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	padding: 0% 4% 2% 3%;
	float: none;
 }
  
 .inside .news-controls {
 	top: 12px;
 }
 #wrap .inside .news-latest-container.scrollable {
 	width: 100%;
 }
 /*#wrap .inside .news-latest-container .items {
 	width: 1000%;
 }
 #wrap .inside .news-latest-container .items .slice {
 	width: 32%;
 }*/
 #wrap .inside .news-latest-container .news-latest-item {
 	width: 26%;
 	height: 270px;
 }
 #content .inside .news-latest-container .news-latest-item h2 {
 	font-size: 1.1em;
	height: 32px;
 }
 #wrap .inside .news-latest-container .news-latest-item .news-latest-content {
 	font-size: 0.9em;
 }
  	article header{
  		text-align: left;
  		line-height: 3em;
  	}
	.twothirds article{
		width: 100%;
	}
	#content article .headline{
		display: none;
	}
	#content article .title{
		width: 100%;
	}
    
  /* Sidebar */
	.twothirds > .inside, .twothirds aside{
		width: 96%;
	}
	
  	#full .twothirds aside {display: none;}

    /* make all pictures at least half */
    .third li{  margin: 1.25%; padding: 1.25%; width: 45%; }
	.quarter li{  margin: 1.25%; padding: 1.25%; width: 45%; }
	.fifth li{  margin: 1.25%; padding: 1.25%; width: 45%; }
	
	/* Panel */
	.tx-bfdisziplmenu-pi1 .dropdown_panel .close img {
		position: absolute;
		left: -90px;
		top: 13px;
	}
	
	
  /* Footer */
 	footer {
 		height: auto;
		margin-top: 0 !important;
 	}
	footer nav {
		height: auto;
	}
	footer .twothirds,
	footer .thirds {
		float: none !important;
		clear: both;
		width: 93%;
		margin: 0 auto;
		height: auto;
	}
	footer .twothirds .contenttable tbody td {
		display: block;
		width: 18%;
		float: left;
	}
	#wrap footer .twothirds table td.fibaa {
		width: 10%;
		min-width: 60px;
	}
	#wrap footer .twothirds table td.icons {
		width: 3%;
		float: left;
		padding-left: 14px;
	}
	#wrap footer .twothirds table td.address {
		width: 25%;
	}
	#wrap footer .twothirds table td.spacer {
		width: 2%;
	}
	#wrap footer .twothirds table td.quicklinks {
		padding-left: 0px;
		width: 20%;
	}
	footer .twothirds nav,
	footer .twothirds nav ul {
		height: auto;
		float: none;
		clear: both;
		text-align: left;
	}
	footer .twothirds ul li {
		float: left;
		display: block;
	}
	footer .twothirds nav ul li {
		display: inline-block;
		float: none;
		line-height: 1em;
	}
	footer .twothirds nav ul li a {
		display: inline;
	}
	footer .twothirds table td {
		display: block;
		width: 100%;
		float: left;
	}
	
  	footer .thirds {
	    float: left;
	    height: auto;
	    line-height: 15px;
	    padding: 10px 2% 20px 2%;
	    text-align: center;
	    width: 96%;
	}
	#wrap footer .twothirds ul {
		border-bottom: 1px solid #555;
		padding-bottom: 10px;
	}
	#footerbox h4 {
		padding-top: 13px;
		padding-bottom: 10px;
		border-bottom: 1px solid #555;
		border-top: none;
		height: 11px;
	}
	footer .thirds nav ul {
		padding-top: 10px;
		top: 0;
		width: auto;
		margin: 0 auto;
		clear: both;
		text-align: center;
	}
	#wrap footer .copy {
		margin: 0 auto;
		right: 0;
	}
	#wrap footer .copy,
	#wrap footer .copy p {
		text-align: center;
		width: 100%;
	}
	
	
	/* CE Elemente */
	/* 3 Spalten */
	
	.ce-thirds {
		margin: 0; 
	    width: 100%;
	}
  
  
  	.form input[type=submit] {  margin-left: 0px;}
	
	
	/* NEWS */
	#wrap .inside .news-list-container .news-list-thumb,
	#wrap .inside .news-list-container .news-list-content {
		width: 100%;
		float: none;
	}
	#wrap .inside .news-latest-container .news-thumb img {
		height: auto;
	}
	
	#wrap #content .powermail_label,
	#wrap #content .powermail_submit,
	#wrap #content .powermail_fieldwrap_text,
	#wrap #content .tx-bluforcealumni-pi1 fieldset label,
	#wrap #content .tx-bluforcealumni-pi1 fieldset .submit {
		width: 66%;
		float: none;
	}
	
	/* Videos */
	.rgmediaimages-player {
		width: 300px;
		height: 170px;
	}
}

/* Hochformat */
@media screen and (max-width: 767px) and (orientation: portrait) {
	#navbox .tx-macinasearchbox-pi1 {
		display: block;
	}
	
	footer .twothirds .contenttable tbody td {
		display: block;
		width: 18%;
		float: left;
	}
	#wrap footer .twothirds table td.fibaa {
		width: 10%;
		min-width: none;
	}
	#wrap footer .twothirds table td.icons {
		width: 6%;
		padding-left: 0;
		padding-right: 2px;
	}
	#wrap footer .twothirds table td.address {
		width: 30%;
	}
	#wrap footer .twothirds table td.spacer {
		width: 0%;
		float: none;
		clear: both;
		display: none;
	}
	#wrap footer .twothirds table td.quicklinks {
		/*width: 99%;*/
		width: 72%;
		float: none;
		clear: both;
		padding-left: 28%;
		padding-top: 20px;
	}
}