/*
Navi:
1f64ae level_1
6a93b7 level_2
8da3b7 level_2+
Navi grau:
a9afaf

1f64ae fsv-dunkel blau
b4d0ec fsv-hell blau

Small devices (tablets, 768px to 800px geaendert global !!!)

> 801px schalten 
@media (min-width: 801px)

< 800 schalten
@media (max-width: 800px)



IPad: 
1024x704
768x960

Galaxy Tab 10
1280x667
800x1147

@media (max-width: @screen-xs-max) { ... }

Kleine Geräte (Tablets, 768px und breiter)
screen-sm-min

!!!! Small devices angepasst von 768px(767px) auf 801px(800px)
gemmel@systemhaus-brandenburg.de
2016
 
Mittlere Geräte (Desktop-PCs, 992px und breiter)
@screen-md-min

Große Geräte (Desktop-PCs, 1200px und breiter)
@screen-lg-min

*/

@media screen
{

	
	/* WOFF Font Quelle(n) 

	 1. aussuchen: https://www.google.com/fonts/
	 Beispiel: <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

	 Beispiel: Open+Sans

	 2. woff Datei + css code direkt ermitteln
	 http://fonts.googleapis.com/css?family=Open+Sans:400	
	*/
	

	@font-face 
	{
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	}
	
	@font-face 
	{
	  font-family: 'Abel';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Abel'), local('Abel-Regular'), url(https://fonts.gstatic.com/s/abel/v6/brdGGFwqYJxjg2CD1E9o7g.woff2) format('woff2');
	}	

	@font-face 
	{
	  font-family: 'Sacramento';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Sacramento'), local('Sacramento-Regular'), url(https://fonts.gstatic.com/s/sacramento/v4/WFDkXpubrEwopJnSlHV6CPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
	}
	
	/*  Schrift Font global */ 
	/*  padding siehe: navi_style:  .mainmenu ul.level_1 li a,.mainmenu ul.level_1 li span.active,.mainmenu ul.level_1 li span.forward */ 
	body	
	{	
		 font-size: 16px;			
		 font-family: "Abel";
		 font-style: normal;
		 font-weight: 400;
		 color: #444444;	
		 background-color:#FFFFFF;

	    /* background-image: url('background_labor_systemhaus.png'); */
	    background-repeat: no-repeat;
	    background-attachment: fixed;
	    background-position: center; 		 
		 
		 padding:0;
	}	
	
	
	
	/* Schrift Font Navi solo 
	 .mod_navigation	
	 {	
		 font-size: 14px;
		 line-height: 14px;
		 font-family: "OpenSans";
		 font-style: normal;
		 font-weight: 400;			
	 }	
	 */
	
	
	/* Schrift Font Inhalt solo 
	#container	
	{	
	font-size: 16px;			
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 400;
	color: #FC0000;	
	}
	*/
	
	/* h tag global */
	h1,h2,h3,h4,h5,h6
	{
		color:#1f64ae;
	}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
	{
		font-weight: inherit;
	}
	h1
	{
		font-size:1.4em;
		line-height:1em;
	}
	h2{font-size:1.6em;line-height:1em;}
	h3{font-size:1.8em;line-height:1em;}
	h4{font-size:1.9em;line-height:1em;}
	h5{font-size:2em;line-height:1em;}
	h6{font-size:2.1em;line-height:1em;}
	
	p,blockquote{line-height:1em;}
	strong{font-weight:bold;}
	small{font-size:80%};
	
	
	.link_default
	{
		color:#444444;
	}	
	.link_default a:hover 
	{
		color:#1f64ae;
	}

	a
	{
		/* color:#626262; */
		color:#444444;
		text-decoration:underline;
	}
	a:hover
	{
		color:#1f64ae;
		text-decoration:underline;
	}
	a:focus
	{
		outline:none;
	}
	
	.block
	{
		overflow:hidden;
	}
	img
	{
		border:0px;
	}
	#wrapper,header,#container,#main,aside,footer,.custom,.custom .inside,.inside
	{
		position:relative;
		display:block;
		
	}
	#container:after
	{
		height:0px;
		clear:both;
		display:block;
		visibility: hidden;
		content: ".";
	}
	#wrapper
	{
		min-height:100vh;
		position:relative;
		display:block;
	}
	
	/* Kopf / Header */
	#header .inside
	{
		/* header gesamt hoehe */
		height:70px;	
		width: 100%;	
		background-image:url(logo_rummelsburg.png);
		background-repeat:no-repeat;
		background-position:0px 0px;	// links oben (px oder %)
	}
	
	
	#logo a
	{
		height:47px;
		/* a href home logo rahmen, rechts 20% Platz lassen fuer login button */
		width: 80%;				
		position:absolute;
	  	margin-left:auto; 
		margin-right:auto;
		/* test Anzeige */
		border: 0px solid #0000cc; 	
	}
	
	
	
	.freitext
	{
		background:transparent;
	}	
	
	.freitext ul	
	{
			list-style-type:circle;
			padding-left:10px;
	}
	.freitext img 
	 {
	 	border:0px solid #c0c0c0;	 
    }

	.freitext ol	
	{
			list-style-type:decimal;
			padding-left:10px;
	}	
	
	.freitext_table
	{
		border:0px solid #FC0000;
		width: 100%;
	}
	.freitext_table td
	{
		max-width:100%;
		padding:20px;
		overflow:hidden;
		white-space:nowrap; 
	}		
	
	
	.fuss
	{
		width:100%;
		text-align:left;	
		background-color: #1f64ae;
		color: #000000;
		margin-top:40px;
		/* bei Fixierung in wrapper min-height:98vh; auskommentieren */
		/* position:fixed; */		
		/* Fixierung */
		/* bottom:0px; 	*/		
		/* am unteren Rand */
		
		border:0px solid #FC0000;
	}
	
	.fusstext
	{
		padding-left:12px;
		padding-top:2px; 
		text-align:left; 
		float:left;
		background-color: #b4d0ec;	
	}

	.sitemap
	{
		color:#a9afaf;
		text-align:left;
	}
	.sitemap a
	{
		color:#444444;
		list-style: none;
	}	
	.sitemap a:hover
	{
		color:#FFFFFF;
		background:#a9afaf;
	}		

	.sitemap_aktiv
	{
		color:#444444;
		background:#a9afaf;
		width:100%;
	}
	.sitemap_aktiv a
	{
		color:#FFFFFF;
		list-style: none;
	}	
	.sitemap_aktiv a:hover
	{
		color:#FC0000;
	}	
		
	.sitemap_forback
	{
		font-size:2em;
		color:#FFFFFF;
		text-align:left;
	}
	.sitemap_forback i
	{
		color:#FFFFFF;
		list-style: none;
	}	
	.sitemap_forback i:hover:before
	{
		color:#a9afaf;
	}	
	
	header .inside,footer .inside,#container,.custom .inside
	{
		margin-right:0;
		margin-left:0;
		width:auto;
	}
	
	#header .inside
	{
		width: 92% !important;
		border: 0px solid blue;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	

	#header .werbespruch
	{
		position:relative;
		color:#FFFFFF;
		font-size:2em;
		line-height:1em;
		float:left;
		display:block;
        width: -moz-calc(100% - 340px);
        width: -webkit-calc(100% - 340px);
        width: -o-calc(100% - 340px);
        width: calc(100% - 340px);  
		height:30px;
		border: 0px solid #FC0000;
		margin-top:20px;
		margin-left:50px;
	}	

	#header .sprache_de
	{
		background-image:url(sprache_de.png);
		position:relative;
		float:right;
		display:block;
		width:24px;
		height:17px;
		border: 0px solid #0000cc;
		margin-top:15px;
		margin-right:0px;
	}	
	
	
	#header .login_button
	{
		position:relative;
		float:right;
		display:block;
		width:25px;
		height:20px;
		border: 0px solid #0000cc;		/* test Anzeige */
		margin-top:15px;
		margin-right:20px;
	}
	#header .login_button a:before
	{
		position:relative;
		float:right;
		display:inline-block;
		text-align:center;
		font:16px FontAwesome;
		color:#1f64ae;
		content: "\f13e"; 
		/* icon login http://fontawesome.bootstrapcheatsheets.com/ */
	}
	#header .login_button a:hover:before
	{
		color:#1f64ae;
	}
	#header .login_button a
	{
		position:relative;
		display:block;
		line-height:16px;
		text-decoration:none;
		color:#626262;
		cursor:pointer;
	}
	#header .login_button a:hover
	{
		color:#1f64ae;
		height:20px;
	}	
	
	
	#container
	{
		padding-top:0px;	
		padding-bottom: 20px;	
	}
	#Slidersection .inside
	{
			padding-right:3%;
			padding-left:3%;
	}
	#Informationsection .inside
	{
		padding:2% 3%;
	}
	#footer .inside
	{
		padding:1% 3%;
	}
	ul.slides,ul.slides li
	{
		list-style-type:none;
		margin:0px; 
		padding:0px;
		list-style:none !important;
		line-height:0px;
	}
	ul.flex-direction-nav li
	{
		list-style:none !important;
	}
}


.abschneiden 
{
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
} 

/* > 801px schalten */
@media (min-width: 801px)
{
	#container
	{
		width: 92% !important;
		border: 0px solid blue;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	#wrapper
	{
		position:relative;
		display:block;
		margin:0px;
		padding:0px;
		
	}
	#Slidersection
	{
		margin-top:30px;
	}
	#Informationsection .inside
	{
		padding-right:0;
		padding-left:0;
	}
	#header .inside
	{
		padding-right:0;
		padding-left:0;
	}
}



/* < 800 schalten */
@media (max-width: 800px)
	body
	{
		padding:1%;
	}	

	#container
	{
		width:98%;
		margin-top:0px;
		padding-right:0;
		padding-left:0;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	#wrapper
	{
		width:100%;
		position:relative;
		display:block;
		margin:0px;
		padding:0px;
		
	}
}



/* Logo und header ein/ausblenden in mobile Navi Kopfzeile einblenden */

/* > 801px schalten */
@media (min-width: 801px)
{
	/* kleines Logo in Kopfbereich Navi */
	.mod_navigation	
	{
		background-image:url(logo_rummelsburg.png);
		background-repeat:no-repeat;
		background-position:0px 14px;	// links oben (px oder %)		
	}	
	
}
/* < 800px schalten */
@media (max-width: 800px)
{
	#header
	{
		visibility: hidden;
		height:0px;
	}	

	#header .inside
	{
		visibility: hidden;
		height:0px;
	}
	
	#header .login_button
	{
		visibility: hidden;
		height:0px;
	}

	#header .sprache_de
	{
		visibility: hidden;
		height:0px;
	}
	
	#header .fernwartung
	{
		visibility: hidden;
		height:0px;
	}
	
	#header .werbespruch
	{
		visibility: hidden;
		height:0px;
	}	

}

/* < 1024px schalten 
@media (max-width: 1024px)
{
	#header .werbespruch
	{
		visibility: hidden;
		height:0px;
	}	
}
*/

/* -------------------------------------------------*/

#pfad
{
	margin-top:-20px;
	min-height:23px;
	max-height: 25px;		/* einzeilig bleiben ! */
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.pfadview
{
	padding-right:10px; 
	text-align:left; 
	float:left;
	color: #444444;
}
.pfadviewtext
{
	color: #444444;
}
/* styleswitcher links Sitemap */
.styleswitcher_area
{		
		width:300px;
		height:100%;
		left:-300px;
		top:0;
		position:fixed;
		/* farbe background sitemap links rgba(0,0,0,0.9) */
		background-color:#1f64ae;			
		-ms-transition: all 0.75s ease-in-out;
		-webkit-transition: all 0.75s ease-in-out;
		-o-transition: all 0.75s ease-in-out;
		-moz-transition: all 0.75s ease-in-out;
		transition: all 0.75s ease-in-out;
		z-index:9999;
}
@media (max-width:800px)
{
		/* styleswitcher button aufklappen */
		.styleswitcher_area{display:none;}
}
.styleswitcher_area:hover{left:0}
.styleswitcher_area:after
{
		width:35px;
		height:60px;
		top:45%;
		position:absolute;
		overflow:hidden;
		padding-top:20px;
		padding-right:3px;
		text-align:center;
		/* farbe button aufklappen rgba(0,0,0,0.9) */
		background-color:#1f64ae;		
		border-top-right-radius:4px;
		border-bottom-right-radius:4px;
		font:20px FontAwesome;
		font-weight:normal;
		color:#f2f2f2;
		behavior:url("assets/css3pie/1.0.0/PIE.htc");
		right:-38px;
		-webkit-font-smoothing: 
		antialiased;
		/* Icon http://fontawesome.bootstrapcheatsheets.com/ content: "\f085"; */ 
		content:"\f054";   
}