/*********************************************
 *** CSS FÜR SUB-PAGE MIT MIT CONTENT TEXT ***
 *********************************************/

@media only screen and (min-width: 1024px) {
    body{
        display: block;
        box-sizing: border-box;
        
        margin: 0px;
        padding: 0px;
    }
    /************************************************************************
     *** CONTENT LINKS UNTERHALB DER NAVI (MIT CONTAINER_SLIDER_SCHALTER) ***
     ************************************************************************/
	#content{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 62.5%;
		height: 100%;
		
		padding-bottom: 200px;
		
		/* padding: WIRD PER JS EINGESTELLT: padding_for_content() in /_js/_layout_sub_page_content_text.js */
		
		background-color: #ffffff;

		float: left;
		
		overflow-y: auto;
	}
	/****************************************************************************
	 *** HOCHKANNT-RECHTECK MIT SLIDER SCHALTER 'PREVIOUS + NEXT' UND COUNTER ***
	 *** FÜR SLIDER OBEN RECHTS                                               ***
	 ****************************************************************************/
	#container_slider_schalter{
		display: block;
		position: fixed;
		box-sizing: border-box;
		
		right: 37.5%;
		bottom: 0px;
		
		height: 30.5%;
		/* width wird per js eingestellt: _js/_layout_sub_page_content_text.js */
		
		padding: 0px;
		
		background-color: #000000;
		
		z-index: 5;
	}
	/*** SCHALTER: PREVIOUS-BUTTON ***/
	img#previous{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		width: 19px;
		height: auto;
		/*
		top und left wird per js eingestellt: previous_n_next_button() im _js/_layout_sub_page_content_text.js
		*/
		top: 8px;
		left: 9px;
		
		cursor: pointer;
	}
	/*** SCHALTER: NEXT-BUTTON ***/
	img#next{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		width: 19px;
		height: auto;
		/*
		top und right wird per js eingestellt: previous_n_next_button() im _js/_layout_sub_page_content_text.js
		*/
		top: 8px;
		right: 9px;
		
		cursor: pointer;
	}
    /*******************************************************
     *** SLIDER OBEN RECHTS MIT LOGO UND SCHLEIER-BALKEN ***
     *******************************************************/
	#slider{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 37.5%;
		height: 75%;
		
		text-align: right;
		
		background-image: url("../../img/slider/frau-ruft-taxi.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		
		float: left;
	}
    /*** LOGO ***/
	#slider #logo{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		top: 0px;
		right: 0px;
		
		/* pt und pr wird im _layout_sub_page_content_text.js eingestellt */
	}
	/*** SCHLEIER-BALKEN ***/
	#slider #schleier_balken_unten{
		display: block;
		position: absolute;
		
		bottom: 0px;
		
		width: 100%;
		height: 50px; /* height: wird per JS eingestellt */
		
		background-color: #ffffff;
		
		opacity: 0.5;
	}
    /***************************************************
     *** BEREICH UNTEN RECHTS 'KONTAKTIEREN SIE UNS' ***
	 *** MIT TITEL UND FLIESSTEXT (UNTEN BÜNDIG)     ***
     ***************************************************/
	#kontaktieren_sie_uns{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 37.5%;
		height: 25%;
		
		padding-right: 70px;
		
		border-left: 1px solid #000000;
		
		background-color: #ffffff;
		
		overflow-y: auto;
		
		float: left;
	}
	/*** FLIESSTEXT UNTEN BÜNDIG ***/
	#kontaktieren_sie_uns #unten_buendig{
		display: block;
		position: absolute;
		box-sizing: border-box;

		bottom: 0px;
	}
}