/* APEX 24.08.2017 - Fabian Schenk */



/*******************************************************************************
   SCHRIFTEN
******************************************************************************
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,500,600,600i');
*/


@import "fsw_navigation.css";
@import "fsw_panel.css";
@import "../fonts/fsw_fonts.css";
@import "fsw_checkbox.css";


body{
	padding: 80px 0px 35px 0px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
 	background-size: cover;
  	background-color: #ffffff; 
  
  	font-family: 'Open Sans', sans-serif;
	}



.content{	
	padding:15px;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(61,59,61,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(61,59,61,0.5);
	box-shadow: 0px 0px 5px 0px rgba(61,59,61,0.5);	
	/*	*/
	margin-bottom:50px;
	}



	
/*******************************************************************************
   HINTERGRÜNDE
*******************************************************************************/	
.bg_white			{ background-color:#ffffff; }	

.bg_lightgrey { background-color:#C6C6C6; }

.bg_lightblue { background-color:#DDF3FF; }

.bg_lightwine	{ background-color:#F3E9EC; }




/*******************************************************************************
   ÜBERSCHRIFTEN
*******************************************************************************/


/**/
h1, h2, h3, h4{
	
	color:#383838;
	}






/*******************************************************************************
   SCHRIFTFARBEN
*******************************************************************************/	

.text_wine			{	color: #C24D67;	}
.text_darkblue		{	color: #005EA8;	}
.text_orange		{	color: #F8AC01;	}
.text_grey			{	color: #9B9B9B;	}
.text_purple		{	color: #6A65A3;	}

/*******************************************************************************
   PARAGRAPHS
*******************************************************************************/	

p{  font-family: 'Open Sans', sans-serif; color:#383838;	}

	
	
/*******************************************************************************
   ELEMENTE
*******************************************************************************/	
	
.h1button, .button_table, .h1button_delete		{	color:#999999; }	
.h1button:hover, 	.button_table:hover					{	color:#005EA8; }	


.h1button_active				{	color:#F8AC01; }	
.h1button_active:hover	{	color:#005EA8; }	


.h1button_delete:hover												{	color:#C24D67; }	
.h1button, .h1button_active	{ float:right; }


.h1button_red { color: #005EA8; float:right; }


.button_filter,.button_reset								{ background-color:#E6E6E6; }
.button_filter:hover, .button_reset:hover		{ border:1px #005EA8 solid; }

.button_abc {	margin-left:-1px; text-align:center; margin-bottom:2px;	}
	
	
.main_contentbox{ padding: 15px; }	



.span_circle{
	float:right;
	color:#666666;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:1px 10px 1px 10px;
	margin:0px;
	}




.span_circle_inline{
	color:#666666;
	width:40px;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:2px 10px;	
	margin-right:10px;
	}

	
.blue_border		{ border:1px #00CCFF solid; }
.green_border		{ border:1px #99CC00 solid; }
.yellow_border		{ border:1px #FF9900 solid; }
.red_border			{ border:1px #CA0000 solid; }	



.delete_button	{ border:1px #CA0000 solid; }	

.div_datablock	{ padding:10px; margin:10px 0px; }

.div_numberline { padding:5px 10px 0px 10px; border-top:2px #DDDDDD solid; margin-top:30px; text-align:right; }

.div_filternote { padding:5px 10px 0px 10px; border-top:2px #DDDDDD solid; margin-top:30px; text-align:justify; }

.mobile_valid {float:left; font-size: 0.8em; padding:4px 5px 0px 0px;}

.opt_small			{	float:right; }
.optspacer_small{	padding-right:30px;}

.scrollToTop{
	text-align:center; 
	font-size:40px;
	color: #fff;
	text-decoration: none;
	position:fixed;
	z-index:2000;
	width: 50px;
	bottom:10%;
	right:5%;
	display:none;
	background-color:#005EA8;
	}

.scrollToTop:visited	{ text-decoration:none; color: #fff; }
.scrollToTop:hover		{ text-decoration:none; color: #F8AC01; }
.scrollToTop:focus		{ text-decoration:none; color: #fff; }




/* BOOTSTRAP OVERRIDE*/	
.form-control {  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0); 	}


/*******************************************************************************
																	BILDER
*******************************************************************************/
	
	
	
	
	
/*******************************************************************************
																	AUFZÄHLUNGEN
*******************************************************************************/
ul{
	font-family: 'Open Sans', sans-serif;
	color:#383838;
	}



.ul_onlist{
	list-style-type:none;
	}


.ul_desktop					{	list-style-type:none; margin:0px; padding:0px;	}
.ul_desktop li				{	border-bottom:1px #DDDDDD solid; padding:8px 7px 8px 7px;	}
.ul_desktop li:hover		{	background-color:#F5F5F5; }
.ul_desktop li:last-child	{	border:0px; }


.ul_mobile_list				{ 	list-style-type:none; }

.ul_activitylog				{ 	list-style-type:none;	padding:0px 10px;	}
.ul_activitylog li			{	padding-bottom:10px;	}


.h2_ul						{ 	border-bottom:1px #DDDDDD solid; padding:8px 7px 8px 7px; margin:0px;	}
.h2_ul:hover				{	background-color:#F5F5F5; }
.h2_ul:last-child			{	border:0px; }

	
.ol_list					{	border-top:1px #ADADAD dotted; list-style-type:none; margin:10px 0px 0px 0px; padding:0px;	}
.ol_list li					{	border-bottom:1px #ADADAD dotted; padding:8px 7px 8px 1px;	}
.ol_list li:hover			{	background-color:#F5F5F5; }



/*******************************************************************************
																	TABELLEN
*******************************************************************************/

table{ font-family: 'Open Sans', sans-serif; color:#383838; }




/*Bootstrap override*/
.table-striped > thead > tr {
  background-color: #ffffff;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #ffffff;
}




/* Bootstrap override ende*/

.notablehead tr:first-child td{	border:0px; }


.td_desc{ text-align:left; }

.td_stat{ text-align:right;}


















/*******************************************************************************
   HYPERLINKS
*******************************************************************************/


a	{ text-decoration:none; }



.a_pagenav				{ color:#383838; text-decoration:none;}
.a_pagenav:visited{ color:#383838; }
.a_pagenav:hover	{ color:#005EA8; text-decoration:none;}


.a_text						{ color:#383838; text-decoration:none;}
.a_text:visited		{ color:#383838; }
.a_text:hover			{ color:#005EA8; text-decoration:none;}



.a_table					{ color:#383838; text-decoration:none;}
.a_table:visited	{ color:#383838; }
.a_table:hover		{ color:#005EA8; text-decoration:none;}

/*
.a_text:visited{ color:#0283A2; }
.a_text:hover{ color:#0283A2; text-decoration:underline;}


.a_icon{ color:#888888; text-decoration:none;}
.a_icon:visited{ color:#888888; }
.a_icon:hover{ color:#000000; text-decoration:none;}



.a_nav_abc{
	float:left;
	padding-left:0px;
	margin:0px;
	}

.span_nav_abc{
	padding:0px;
	margin:0px;
	}
*/


/*******************************************************************************
   PANEL
*******************************************************************************/









/*******************************************************************************
   Media Queries
*******************************************************************************/

/* ==================== Very Small Mobile Devices under 320px =============== */ 
    @media only screen and (min-width : 1px) {
    
			/* Navigation ==================*/

			
			
			/* Layout ====================== */
			.side_contentbox{ margin:25px 0px; }
			
			/* Überschriften ==============  */
			.h1_top							{ font-size: 20px; margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:2px #333333 solid; line-height:26px; text-align:center;}
			.h2_rollblock					{ font-size: 18px; margin:10px 0px 10px 0px; padding: 5px 10px 10px 10px;	border-bottom:1px #333333 solid; }
			.h2_list						{ font-size: 18px; margin: 0px 0px  0px 0px; padding:25px 10px 10px 10px; border-bottom:1px #666666 solid; }
			.h2_inhalt						{ font-size: 18px; margin:10px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:1px #666666 solid; }
			.h2_table						{ font-size: 18px; margin:10px 0px 10px 0px; padding:10px 10px 10px 10px; border-bottom:0px #333333 solid; }
			.h2_ul							{ font-size: 14px; }
	
	
	
			.h3_inhalt						{ font-size: 15px; margin:10px 0px 10px 0px; padding: 0px  0px 10px 10px; border-bottom:1px #bbbbbb solid; }
			.h3_rollblock					{ font-size: 15px; margin:10px 0px  0px 0px; padding: 5px 10px  5px 10px; text-align:center; line-height:25px; }
			.h3_table						{ font-size: 15px; margin:10px 0px 10px 0px; padding:10px 10px 10px 10px; border-bottom:0px #333333 solid; }
			.h3_text						{ font-size: 15px; margin: 0px 0px  0px 0px; padding:10px 10px 10px 10px;  }
			.h3_list						{ font-size: 15px; margin: 0px 0px  0px 0px; padding:10px 10px 10px 10px; border-bottom:1px #666666 solid; }
			.h3_list_thin					{ font-size: 14px; margin: 0px 0px  0px 0px; padding:10px 10px 10px  6px; border-bottom:1px #DDDDDD solid; font-weight:600; font-style:italic;}
			
			.h4_inhalt						{ font-size: 14px; margin:10px 10px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:1px #bbbbbb solid; }
			.h4_list						{ font-size: 14px; margin: 0px  0px  0px 0px; padding:10px 10px 10px 10px; border-bottom:1px #666666 solid; }
			
			.h5_list						{ font-size: 14px; margin: 0px  0px  0px 0px; padding:10px 10px 0px 10px; font-weight:600; }
			
			/* Paragraphs ================= */
			
			.p_text, .p_feld, .p_feld_wert	{ font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; }
			.p_helptext						{ font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px;  line-height:24px; }
			.p_details						{ font-size: 14px; margin: 0px 0px 0px 0px; padding:10px 10px 10px 10px; }
			.p_text_noentry					{ font-size: 14px; line-height:19px; margin: 5px 0px 5px 0px; padding:10px 10px 10px 10px; text-align:center; }
			.p_formresult					{ font-size: 18px; }
			.p_ul							{ font-size: 14px; line-height:22px; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; }
			.p_numberbox					{ font-size: 20px; line-height:22px; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; text-align:center; }


			/* Aufzählungen ================= 
			.ul_text							{ font-size: 12px; line-height:15px; padding:0px 10px 10px 10px; margin: 5px 0px 5px 15px; list-style-type:circle;}
			


			*/
			
			.ul_mobile_list				{ font-size: 14px; line-height:19px; padding:10px  0px 0px 10px; margin: 0px 0px 0px  0px; }
			.ul_mobile_list	li		{ padding:0px  0px 15px  0px;	}
			
			.ul_activitylog				{ font-size: 14px; }


			/*Objekte ====================	*/
			.pageoptions			{ margin-bottom:40px; font-size:15px; clear:both; }
			.rollblock 				{ margin-bottom:20px; }

			
			.filter_options		{ padding:  5px 5px  5px 5px; text-align:center;}
			.filter_submits		{ text-align:center; margin:15px 0px 5px 0px;}
			.button_filter		{ width:96%; margin-top:25px; }
			.button_reset			{ width:96%; margin-top:15px; }						
			.input_sep_arrow	{	padding:0px 14px; color:#aaa;	}

			
			
			.form_submits			{	text-align:center; margin:40px 0px 40px 0px; }
			.button_submit		{	width:96%; margin:0px 0px 15px 0px;}
			
			
			.rightseperator		{	border-right:0px; }		
			
			
			
			
			/* Formulare ================== */
			.control-label		{	text-align:left; font-weight:400; font-size: 15px; padding-left:30px; }  /* Bootstrap Override */
			
    	}

    @media only screen and (max-width : 319px) {
  		.ab320{ display:none; }	
			

    	}




/* ====================== Custom, iPhone Retina 320px-479px ================= */ 
    @media only screen and (min-width : 320px) {
			.bis319{ display:none; }
			/* Navigation ==================*/
			
			/* Layout ====================== */

			/* Überschriften ============== */		

			/* Paragraphs ================= */

			/*Objekte ====================	*/
			.nav_spacer{ width:30px; text-align:center; }
    	}
    	
    	
    	
    @media only screen and (max-width : 479px) {
  		.ab480{ display:none; }			
    	}




/* ================= Extra Small Devices, Phones 480px-767px ================ */ 
    @media only screen and (min-width : 480px) {
  		.bis480{ display:none; }

			/* Navigation ================== */
			
			
			/* Layout ====================== */

			
			/* Überschriften =============== */
	

			/* Paragraphs ================== */
			.p_text						{ font-size: 14px; line-height:18px; margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; }
			.p_helptext				{ font-size: 14px; line-height:24px; margin: 0px 0px 0px 0px; padding:10px 10px 20px 10px; }			
			.p_list						{ font-size: 14px; line-height:18px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; }


			.ul_helptext			{ font-size: 14px; line-height:26px; margin: -16px 0px 0px 0px; padding:0px 10px 20px 30px; list-style-type:square; width:95%;}


			/* Objekte ===================== */
			
			.button_filter		{ width:98%; }
			.button_reset			{ width:98%; }				
	   	}


    @media only screen and (max-width : 767px) {
  		.ab768{ display:none; }  	
    	}



/* ===================== Small Devices, Tablets 768px-991px ================= */
    @media only screen and (min-width : 768px) {
			.bis768{ display:none; }




			/* Navigation ================== */
			
			
			/* Layout ====================== */
			.side_contentbox{ margin:0px 0px 25px 0px; }

			
			/* Überschriften =============== */ 		

			.h1_top						{ font-size: 24px; margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:2px #333333 solid; line-height:26px; text-align:left;}
			.h2_inhalt				{ font-size: 18px; margin:10px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:1px #666666 solid; }
			.h2_rollblock			{ font-size: 18px; margin:10px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:0px #333333 solid; }
			.h2_table					{ font-size: 18px; margin: 0px 0px  0px 0px; padding:10px  0px 10px  0px; border-bottom:0px #333333 solid; }
			.h2_list					{ font-size: 18px; margin: 0px 0px  0px 0px; padding:25px 10px 10px 10px; border-bottom:1px #666666 solid; }
			.h3_inhalt				{ font-size: 16px; margin:10px 0px 10px 0px; padding: 0px  0px 10px 10px; border-bottom:1px #bbbbbb solid; }
			
			.h3_rollblock			{ font-size: 15px; margin: 8px 0px 0px 0px; padding:  5px 10px 0px  10px; text-align:left;}
			.h3_list					{ font-size: 15px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-bottom:1px #666666 solid; }
			.h3_text					{ font-size: 15px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;  }

			/* Paragraphs ================= */

			.p_text_noentry		{ padding:10px 10px 10px 10px; border:0px; }


			/*Objekte ====================	
			
			
			
			.button_filter		{ width:125px; }
			.button_reset			{ width:125px; }
			*/
			
			.pageoptions			{ margin:0px; font-size:17px; }
			
			
			.filter_options		{ text-align:left;}
			.filter_submits		{ text-align:center;}

			
			.rollblock 				{ border-bottom:1px #333 solid; padding-bottom:10px; margin-bottom:10px; }
			.button_filter			{ width:35%; margin-top:10px; }
			.button_reset			{ width:35%; margin-top:10px; }
			
			
			.nav_spacer{ width:20px; text-align:left; }
			
			.form_submits		{	text-align:center; margin:5px 0px 0px 0px; }
    	
			.rightseperator		{	border-right:1px #999999 dotted;  }	
			
			}

    @media only screen and (max-width : 991px) {
  		.ab992{ display:none; }  		
    	}




/* ==================== Medium Devices, Desktops 992px-1199px =============== */
    @media only screen and (min-width : 992px) {
  		.bis992{ display:none; }
			
			/* Navigation ==================*/
			
			
			/* Layout ====================== */

			
			/* Überschriften ============== */	
			.h1_top						{ font-size: 24px; margin:10px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:2px #333333 solid;}
			
			.h2_sidebox				{ font-size: 18px; margin:10px 0px 10px 0px; padding: 20px 10px 10px 10px; border-bottom:1px #666666 solid;}
			.h2_rollblock			{ font-size: 16px; margin:10px 0px 10px 0px; padding:  0px 10px  0px 10px; font-weight:600px;}
			.h2_nav						{ font-size: 16px; margin:10px 0px 10px 0px; padding: 0px 20px 10px 10px;  }
			
			
			
			.h3_sidebox				{	font-size: 16px; margin:15px 10px  5px 10px; }
			.h3_sidebox_small	{	font-size: 12px; margin:10px 10px  5px 10px; }




			/* Paragraphs ================= */
			.p_side						{ font-size: 14px; line-height:18px; margin: 0px 0px 0px 0px; padding: 20px 10px 20px 10px; }




			/*Objekte ====================		
			.button_filter		{ width:220px; }
			.button_reset			{ width:220px; }			
			*/	
			
			}
    	
    	
    	
    	
    @media only screen and (max-width : 1199px) {
  		.ab1200{ display:none; }
    	}





/* ===================== Large Devices, Wide Screens above 1200px =========== */
    @media only screen and (min-width : 1200px) {
  		.bis1200{ display:none; }


			/* Navigation ==================*/
			
			
			/* Layout ====================== */

			
			/* Überschriften ============== 	
			.h1_top						{ font-size: 26px; margin:10px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom:2px #333333 solid;}


			.h2_rollblock			{ font-size: 18px; margin:10px 0px 10px 0px; padding:  0px 10px  0px 10px; font-weight:600px;}
			.h2_table					{ font-size: 18px; margin:10px 0px 10px 0px; padding: 10px 10px 10px  0px; }
			
			
			



		
*/	



			/* Paragraphs ================= 
			.p_text						{ font-size: 14px; line-height:19px; margin: 5px 0px 5px 0px; padding:0px 10px 10px 10px;}
			.p_text_small			{ font-size: 12px; line-height:15px; margin: 5px 0px 5px 0px; padding:0px 10px 10px 10px;}
			.p_text_tiny			{ font-size: 10px; line-height:13px; margin: 5px 0px 5px 0px; padding:0px 10px 10px 10px;}
			

*/



			/* Aufzählungen ================= 
			.ul_text					{ font-size: 14px; line-height:19px; margin: 5px 0px 5px 15px; padding:0px 10px 10px 10px; list-style-type:circle;}
			.ul_onlist				{ padding:0px 0px 0px 0px;}
*/



			/* Tabellen ===================== 
			.table_list						{ font-size: 14px; line-height:19px; }
			.table_list thead td	{ font-weight:600; }
			.table_text						{ font-size: 14px; line-height:19px; margin: 5px 0px 5px 15px; padding:0px 10px 10px 10px;}
			*/

			/*Objekte ====================	

			.span_circle			{ font-size: 16px; }
			
			.button_table			{ font-size:1.00em; }	

			.pageoptions			{ margin:0px; font-size:26px; clear:both; }
			.h1button 				{ font-size:0.65em; }				
			.button_filter		{ width:49%; }
			.button_reset			{ width:49%; }
			*/					
			
			
			/*Inputs	====================== */
    	}