@charset "utf-8";
/*
 * IBS CSS Framework FLUM [MULTICOLUMN and RESPONSIVE] v 2
 * http://flum.http://ibs-typo3-agentur.de/
 * Author: Ralf Geffke  
 * Copyright 2012-2013, IBS Internet Business Solutions
 * @lastmodified 24-June-2013
 */
 
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
} 
 
 
/* top navigation */ 
#topnav{
	display:block;
	float:right;
	margin: .25em 0 0 0;
	text-align:center;
	color:#444;
	width:100%;
	padding-bottom:.5em;
	font-size:125%;	}
#topnav a{text-decoration:none;color:#444;padding:0 .5em;}
#topnav a:hover{color:#f00;}
/*#topnav .topnav{position:absolute;margin-top:2em;width:100%;}*/
#topnav .topnav{position:absolute;margin:0 -52% ;width:100%;}

/*#topnav:after{content:"";margin-bottom:2em;}  */




/* main navigation */ 
.skip-link {clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
.wrap{/*width:auto;*/ float:none;}

.toggleMenu {display:none;margin:1em 0;padding:1em;width:93.5%;text-decoration:none;font-size:1.2em;}
.toggleMenu:after{content:"\f0c9";font-family:'FontAwesome';padding-left:85%;}
.toggleMenu ,.toggleMenu:hover{color:#fff;}

nav { width: 100%;margin:2em 0;border-top:thin solid #333;border-bottom:thin solid #f00;}
nav ul{margin: 0 0 1em 0;}
nav small{display:none;}

.nav {list-style: none; *zoom: 1;}
.nav:before,.nav:after {content:" ";display:table;}
.nav:after {clear:both;}
.nav ul,.nav ul li{list-style:none;}
.nav a {padding:1em;color:#444;border-bottom:1px solid #5697bd; text-decoration:none;
	font-size:1.2em;font-family:'Source Sans Pro', Verdana, sans-serif;}

.nav a:hover {color:#ff721b;}

.nav li ul {position:absolute;left: -9999px;margin-bottom:0;}
.nav li ul ul{position:absolute;left: -9999px;margin-bottom:0;}
.nav li ul ul ul{position:absolute;left: -9999px;margin-bottom:0;}
.nav li ul ul ul ul{position:absolute;left: -9999px;margin-bottom:0;}



/* .nav li {position: relative;}*/
.nav > li {float: left;}
.nav > li > .parent:after {content:"\f13a";font-family:'FontAwesome';position:absolute;left:92%;} 

.nav > li > a { display:block;}


.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left:0;top: 0;}
.nav li li li.hover ul {left: -9999px;position:relative /*absolute*/;}

.nav li li li.hover ul {left: 100%;top: 0;}
.nav li li li li.hover ul {left: -9999px;position:relative/* absolute*/;}

.nav li li li li.hover ul {left: 100%;top: 0;}
.nav li li li li li.hover ul {left: -9999px;position:relative/* absolute*/;}

.nav li li a {display:block;padding-left:2em; position: relative;z-index:100;border-bottom: 1px solid #e8640f;color:#fff;}
.nav li li a:hover,.nav li li a:active{color:#3077B5;}

.nav li li .parent:after {content:"\f13a";font-family:'FontAwesome';position:absolute;left:92%;} 
.nav li li li .parent:after {content:"\f13a";font-family:'FontAwesome';position:absolute;left:92%;} 
.nav li li li li .parent:after {content:"\f13a";font-family:'FontAwesome';position:absolute;left:92%;} 
.nav li li li li li .parent:after {content:"\f13a";font-family:'FontAwesome';position:absolute;left:92%;} 

.nav li li li a {z-index:200;border-bottom: 1px solid #65afda;padding-left:3em;color:#fff;}
.nav li li li a:hover {color:#F49F4E;}

/*.active {display: block;}*/

.nav > li{float:none;/*border-top:thin solid #ccc;border-bottom:thin solid #777;*/text-align:left;}	
.nav ul {display: block;width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul, .nav li li li.hover ul {position:relative/* static*/;}
/* Font-Icons */
/*.home:before{content:"\f015";font-family:'FontAwesome';padding-right:0.5em;}
.legal:before{content:"\f0e3";font-family:'FontAwesome';padding-right:0.5em;}
.column:before{content:"\f0db";font-family:'FontAwesome';padding-right:0.5em;}
.sheet:before{content:"\f00a";font-family:'FontAwesome';padding-right:0.5em;}
.full:before{content:"\f0b2";font-family:'FontAwesome';padding-right:0.5em;}
.file:before{content:"\f0f6";font-family:'FontAwesome';padding-right:0.5em;}
.screen:before{content:"\f108";font-family:'FontAwesome';padding-right:0.5em;}
.download:before{content:"\f01a";font-family:'FontAwesome';padding-right:0.5em;}*/

/* colors */

.nav li li a{	
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(#F49F4E, #F19942);
  background-image: -ms-linear-gradient(#F49F4E, #F19942);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F49F4E), color-stop(100%, #F19942));
  background-image: -webkit-linear-gradient(#F49F4E, #F19942);
  background-image: -o-linear-gradient(#F49F4E, #F19942);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F49F4E', endColorstr='#F19942', GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F49F4E', endColorstr='#F19942', GradientType=0); 
  

}
.nav li li li a{background:#09e;}
.nav li li li a:hover {	color:#09e;
/*		
	background-repeat: repeat-x;
  background-image: -moz-linear-gradient(#5697bd, #3a81ab);
  background-image: -ms-linear-gradient(#5697bd, #3a81ab);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5697bd), color-stop(100%, #3a81ab));
  background-image: -webkit-linear-gradient(#5697bd, #3a81ab);
  background-image: -o-linear-gradient(#5697bd, #3a81ab);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5697bd', endColorstr='#3a81ab', GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5697bd', endColorstr='#3a81ab', GradientType=0); 
*/	
}

@media screen and (min-width:33.750em) {
	#topnav:after{content:"";margin-bottom:0;}
	#topnav .topnav{position:relative;margin:0;width:auto;}
	#topnav .langmenu{float:none;width:auto;}
/*	#topnav .topnav{position:absolute;margin-top:2em;width:100%;}*/
}
/* 768px*/
@media screen and (min-width:48.000em) {
	.wrap{float:left;}
	#topnav{
		float:right;
		margin: 1em 0 0 0;
		text-align:right;
	/*	border-bottom:thin solid #98b6da;   */
		width:50%;
		padding-bottom:.5em;
		font-size:120%;	
	}
	#topnav:after{content:"";margin-bottom:0;}
	#topnav .topnav{position:relative;margin-top:0;width:auto;}
	
	nav ul{margin: 0 ;}
	.nav{width:100%;float:right;}
	/*.nav li {position: relative;}*/
	
	.nav ul{width:18em;}
	
	.nav li {position: relative;}	
	.nav > li {float: left;}	
	.nav > li > .parent:after{content:"";}
	.nav > li{border:none;}

  
	.nav a{font-size:120%;padding:1em .6em;background:transparent;border-bottom:hidden;}
/*	.nav a:hover{border-bottom:hidden;}*/
	.nav li ul {position:absolute;left:-9999px;}	
	.nav li li ul {position:absolute;left:-9999px;}	
	.nav li li li ul {position:absolute;left:-9999px;}	
	.nav li li li li ul {position:absolute;left:-9999px;}
	.nav li li li li li ul {position:absolute;left:-9999px;}
	
	.nav > li:hover > ul {left:0;}	
	/*.nav li li:hover ul {left:0;}*/	
	

	.nav li:hover ul,.nav li li:hover ul{position:absolute;}
	.nav li:hover ul{margin-top:0;}
	.nav li li:hover ul{top:0;left:99%;}
	.nav li li:hover ul ul{position:absolute;left:-9999px;}

	.nav li li li:hover ul {top:0;left:100%;z-index:300;position:absolute;}
	.nav li li li li:hover ul {top:0;left:100%;z-index:400;}
	
	.nav li li{position: relative;}	
	
	.nav li li li {width:16em;}	
		
	.nav li li a{z-index:100;position:relative;background:#026ba4;border-bottom:thin solid #ccc;padding-left:.5em;}
	
	.nav li li li a{z-index:200;padding-left:.5em; background:#F19942;}
	
	
	.nav li li li li {width:18em;}	
	.nav li li li li a{z-index:250;padding-left:.5em;color:#fff;border-bottom:1px solid #306fb6;background:#09e;}
	.nav li li li li a:hover{color:#F49F4E;}
	
	
	.nav li li .parent:after {content:"\f138";font-family:'FontAwesome';position:absolute;left:92%;} 
	.nav li li li .parent:after {content:"\f138";font-family:'FontAwesome';position:absolute;left:92%;} 
	.nav li li li li .parent:after {content:"\f138";font-family:'FontAwesome';position:absolute;left:92%;} 
	.nav li li li li li .parent:after {content:"\f138";font-family:'FontAwesome';position:absolute;left:92%;}
		
	.nav a small{display:block;}
	.nav a small{font-size:65%;color:#f00;}
	
/*	.nav a:hover { background:rgba(0, 0, 0, 0.3);color:#ffffff;box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(0, 0, 0, .8);*/
	
}
/* 900px*/
@media screen and (min-width: 56.250em) {

	.nav a{padding:1em;}
}
/* 1024px*/
@media screen and (min-width:64.000em) {
	
	.nav a{font-size:140%;padding:1.75em 1em .3em; }
	
	.nav li li > a {padding:1.25em 1em;}
	.nav li:hover{-webkit-box-shadow:2px 0px 1px 0px rgba(0,0,0,.3);-moz-box-shadow:2px 0px 1px 0px rgba(0,0,0,.3);box-shadow:2px 0px 1px 0px rgba(0,0,0,.3);}

	.nav li ul{width:24em;}
	.nav li li:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	/*TRANSISTIONS*/
/*	.nav li ul {	
	  -webkit-transition: background 0.5s ease;
	  -moz-transition: background 0.5s ease;
	  -o-transition: background 0.5s ease;
	  -ms-transition: background 0.5s ease;
	  transition: background 0.5s ease;		
	}*/

	.nav a small{font-size:75%;line-height: 2em;}
	.nav small:hover{color:#FEA048;}
}

@media screen and (min-width: 70.000em) {
	.nav a{padding:1.5em 1.5em 1em;}
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
}