/* ########################################################*/
/* Mobile rudimentär ######################################*/
/* ########################################################*/ 


/*
 * defaults...
 */
 
#s3col_indicator, #s3col_indicator2 {
	width:20px;
} 

#s3col_right .s3col_column-in { position: fixed; }
#s3col_middle { max-width: 1500px; }
#s3col_right .s3col_column-in { width:500px; }
	
@media only screen and (max-width: 2400px) {
	/* does work, as script overwrites....
	#s3col_middle {
	    margin-left: auto;
	    margin-right: auto;
	}*/
}

@media only screen and (max-width: 1279px) {
	
	#s3col_indicator2 {
		width:0px;
	}
	
	#s3col_right .s3col_column-in { position: fixed; }
	
	.footer {
	    margin-left: 25px;
	    margin-right: 25px;
	}

	.footer_button_text {
		display:none;
	}
	
	.comm_num {
		display:none;
	}
}

@media only screen and (max-width: 1024px) {

	/* card tabs */
	#s3col_indicator {
		width:0px;
	} 
		
	#s3col_left {
		position: absolute;
	}
	
	#s3col_left_open {
	    display: list-item;
	}
	
	#s3col_middle {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	
	/*  end card tabs */
	
	.footer {
	    margin-left: 15px;
	    margin-right: 15px;
	}

	.footer_button_text {
		display:none;
	}
	
	sup.comm_num {
		display:none;
	}

}

/* Mobile (portrait) */
@media only screen and (max-width: 960px) {

	body.home #topbar {
	    min-width: 300px;
	}	
	
	body.home .main  {
	    float: left;
	}
	
	body.home #page_container .all_content {
		padding: 0px;
		margin:0px;
		width: 100%;
		border: none;
		box-sizing: border-box;
	}
	
	body.home #page_container .all_content .left, body.home #page_container .all_content .left2, body.home #page_container .all_content .main {
	    margin-left:10%;
	    margin-right:10%; 
	    width:80%;
		border: none;
		box-sizing: border-box;
	}
	
	body.home #page_container .all_content .right {
		 margin-right:10%; 
	}
		
	body.home #page_container .all_content .mainContent {
		padding: 10px 0px;
	    margin-left:0px;
	    margin-right:0px;	
	    width: 100%;
		border: none;
		box-sizing: border-box;
		min-height: none;
	}
	
	body.home #page_container .all_content .mainContent .box_login {
	    float: left;
	    margin-left:10%;
	    margin-right:10%; 
	    width:80%;
	    min-height: none;
		box-sizing: border-box;
		min-height: none;
	}
	
	body.home #page_container .all_content .mainContent .box_news {
		float: left;
	    margin-left:10%;
	    margin-right:10%; 
	    width:80%;
	    min-height: none;
		box-sizing: border-box;
	}
	
	body.home #page_container .all_content .mainContent .box_login .login_help, body.home #page_container .all_content .mainContent .box_login .no_login, body.home #page_container .forgot_password, body.home .f_button {
	    margin-left: 0px !important;
	}
	
	#hp_footer{
	    margin-left:10%;
	    margin-right:10%; 
	    width:80%;
	}

}

/* Tablet (portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#subbar .left  {
		display:none;
	}

	#subbar #subbar_content {
   	 	margin-left: 25px;
    	margin-right: 25px;
	}
	
	.footer_button_text {
		display:none;
	}
	
	sup.comm_num {
		display:none;
	}
	
}



/* Mobile (portrait) */
@media only screen and (max-width: 767px) {
	
	#subbar .left  {
		display:none;
	}
	
	.status_label {
		display:none;
	}

	li.profile	{
		white-space: nowrap;
	}
	
	.profile_link {
		max-width: 90px !important;
		width: 90px !important;
		display: inline;
		position:relative;
		overflow: hidden;
		text-overflow: ellipsis;
	  	-o-text-overflow: ellipsis;
	}
	
	#topbar .menu li a {
	    display: block;
	    line-height: 28px;
	    margin: 0;
	    padding: 5px 5px;
	}
	
	#topbar .right {
		float: right;
	}
	
	#subbar .left  {
		display:none;
	}
	
	#subbar #subbar_content {
	    margin-left: 25px;
	    margin-right: 25px;
	}
	
	.footer_button_text {
		display:none;
	}
	
	sup.comm_num {
		display:none;
	}
		
	.courseSelect .logo{ 
		width:100%; 
		margin-bottom:10px;
	}	
	
	.courseSelection.details .course .left, 
	.courseSelection.details .subcourse .left{
	width: 80%;
	
	}
		
	.courseSelection.details .course .right, 
	.courseSelection.details .subcourse .right {
		width: 20%;
	
	}
	
	.course .left .icons,
	.subcourse .left .icons{
		width:10%;
	}	
	 .course .left .icons .status{  
	 	
		margin-left:-3px;
	 	text-align: left;
	}
	
	 .course .left .status [class^="icon-"]:before, 
	 .course .left .status [class*=" icon-"]:before {
	  width: 1em;
	  margin: 0;
	  text-align: left;
	}
	
	.course .left .text,
	.subcourse .left .text{
		float:right; 
		width:80%;
	}
	
	.course .right p, 
	.subcourse .right p {
		margin-right: 0;
		width: 100%;
		text-align: left !important;
	}
	
	.course .right p.session {
	float:right;
	}
	
	.course .right p:nth-child(2), .course .right p:nth-child(3), .subcourse .right p:nth-child(2), .subcourse .right p:nth-child(3) {
		text-align: left !important;
	}
	
	.course .right .submenu span span,
	.course .right .noSubmenu span{float:left;  width:80%;}
	
	.courseSelection.noDetails .subcourse .text{width:80%;}
	
	.boxes .box {
		width: 48%;
	}
	
	.footer .left {
		width:70%;
		max-width:200px;
	}
	
	#s3col_right {
    	max-width: 90%;
	}
	
	#s3col_right .s3col_column-in {
    	max-width: 90%;
	}
	
	.db_cases_box {
  		min-height: 200px;
	}
	
	.narrow_footer { display: block; }
	.wide_footer {display: none; }
	
	.footer .steuerung_button_sm {
		padding: 5px 25%;
		margin-left: 0px;
	}
	
	.footer {
  		margin-left: 5px;
  		margin-right: 5px;
	}
}

@media only screen and (max-width: 481px) {
	
	body #content {
  		margin-top: 10px;
  		margin-bottom: 10px;
	}
	
	/*body.home #page_container .all_content .mainContent .grey {
		border: 0px solid white;
	}*/

	body.home #page_container .all_content .left, 
	body.home #page_container .all_content .left2, 
	body.home #page_container .all_content .main, 
	body.home #page_container .all_content .mainContent .box_login, 
	body.home #page_container .all_content .mainContent .box_news {
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	
	body.home #page_container .all_content .mainContent .grey {
		padding: 0px 0px;
	}
	
	body.home #page_container .all_content .mainContent .box_login {
	    border: 0px solid white;
	    border-radius: 0px;
	    border-bottom: 1px solid #dddddd;
	}
	
	body.home #page_container .all_content .mainContent .box_news {
	    border: 0px solid white;
	}
	
	body.home form div.row {
		padding: 10px 0px;
	}
	
	body.home #button_login {
		display: inline-block;
		min-width: 90%;
		text-align: center;
		padding: 8px 5px;
		border: 1px solid white;
	}
	
	body.home #act_info blockquote, body.home .mainContent ul {
  		margin-left: 0px;
	}
	
	body.home #page_container div.box {
  		margin-bottom: 0px;
	}
	
	#hp_footer {
		margin-bottom: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	#hp_footer a {
		margin-bottom: 10px;
		display: inline-block;
	}
	
	.courseSelection #mainContent {
  		margin-left: 0.5em;
  		margin-right: 0.5em;
  		margin-top: 50px;
	}
	
	.courseSelection #search_bt {
  		margin-top: 10px;
  		display: inline-block;
	}
	
	#subbar .left  {
		display:none;
	}
	
	.status_label {
		display:none;
	}
	
	#topbar .menu li.profile a.profile_a {
			max-width: 90px !important;
			width: 90px !important;
		}	
	
	.courseDashboard #topbar .left{
		display: block;
		width: 30px;
	}
	
	.courseDashboard #topbar .left h1.wide {
		display: none;
	}
		
	#topbar .left{
		display:none;
	}
	
	#topbar .right {
		float: right;
	}
	
	.boxes .box {
		width: 98%;
	}
	
	input.f_text, input.f_text_sm,
	input.f_password, 
	textarea.f_textarea, 
	select.f_select {
   		width:90%;
	}
	
	div.advanced_filter {
	float:left;margin-left: 0px;padding:5px;
	width:90%;
	}
	
	div.advanced_filter_row {
		 width: 100%;
	}	
	
	span.f_text_var {
		width:90%;
	}
	
	.report_index select.f_select,
	.report_header input.f_text,
	.report_header input.f_date_new,
	.report_header select.f_select {
		width:90%;
	}
	
	.courseSelection.details .course .left, 
	.courseSelection.details .subcourse .left{
		width: 100%;
	}
	
	.courseSelection.details .course .right, 
	.courseSelection.details .subcourse .right {
		width: 100%;
		padding-top:20px;
	}
	
	.courseSelection.noDetails .course .left, 
	.courseSelection.noDetails .subcourse .left{
		width: 100%;
	}
		
	.course .left .text,
	.subcourse .left .text{
		float:right; 
		width:75%;
	}
	
	.course .right p, 
	.subcourse .right p {
		margin-right: 1%;
		width: 48%;
		text-align: left !important;
	}
	
	.course .right p:nth-child(2), .course .right p:nth-child(3), .subcourse .right p:nth-child(2), .subcourse .right p:nth-child(3) {
		text-align: right !important;
	}
	
	
	.courseSelection.noDetails .courseNr {
		display:none;
	}
	
	
	.footer_button_text {
		display:none;
	}
	
	.comm_num {
		display:none;
	}
	
	input.f_text, input.f_password, textarea.f_textarea, select.f_select {
		padding:7px;
	}
	
	#answertab td {
		padding-bottom: 1em;
	}
	
	#answertab i.real-icon {
		font-size: 150%;
	}
	
	#button_solution {
		display: inline-block;
		width:90%;
		text-align: center;	
	}
	
	#corr_ans_msg_b {
		margin-top: 1em;
		display: inline-block;
	}
	
	.hl_hideandreveal {
		margin-top:10px;
		margin-bottom:15px;
	}
	
	/*
	home.summary #summary_eval_bt, home.summary #summary_showcases_bt, home.summary #summary_quit_bt, home.summary #summary_cancel_bt, home.summary #summary_nextcase_bt, home.summary #summary_reset_bt  {
	  height: auto;
	  text-decoration: none;
	  white-space: nowrap;
	  display: inline-block;
	  min-width: 90%;
	  margin-top: 15px;
	  text-align: center;
	}
	*/
	
}

/*
 * media query end....
 */