/*
TIWAG CSS Datei für das Grundlayout
Version: 1.0.1
Erstellungsdatum: 30.03.2016
Letzte Änderung : 13.06.2017
(c) netwerk.at
Datum/Kommentar: 13-06-17 - Umbau 5 Hauptmenüpunkte
*/

/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
  display: inline-block;
  position: relative;
  cursor: default;
  z-index: 0;
  width:100%;
  text-align:right;
}

/* Menu List */
.nav > li,
.gkhead > li {
  display: inline-block;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;	
}

.nav > li:hover {
	 cursor:pointer;	
}

/* Menu Links */
.nav > li > a,
.nav .lvl1_link {
  text-transform:uppercase;
  height:118px;
  line-height:118px;
  padding:0 5px;
  color:#fff;
}


.nav .one .lvl1_link,
.nav .four .lvl1_link,
.nav .two .lvl1_link,
.nav .three .lvl1_link,
.nav .five .lvl1_link {
	display:block;
	height:101px;
	line-height:101px;
	width:138px;
	text-align:center;
	overflow:hidden;
}

.nav .five a {
	height:auto;
	padding:0;
	line-height:none;
}

	
.nav .two .lvl1_link span,
.nav .three .lvl1_link span,
.nav .five .lvl1_link span {		
	line-height:30px;	
	padding:20px 0;	
	height:61px;
	display:inline-block;
}

.nav .one {
	background:#7bbebf;	
	border:1px solid #5aaeaf;
	margin-top:7px;
}

.nav .two,
.nav .three,
.nav .four,
.nav .five {
	margin-left:10px;
	margin-top: 7px;
}

.nav .four {
	margin-left:14px;
}

.nav .two {
	background:#77ab6f;	
	border:1px solid #6ea366;
}

.nav .three {
	background:#689661;
	border:1px solid #5c8855;
}

.nav .four {
	background:#64778d;
	border:1px solid #3d5571;
}

.nav .five {
	background:#4d9394;
	border:1px solid #488485;
}

.nav > li.one.active,
.nav > li.one:hover {
	background-color:#5aaeaf;
}

.nav > li.two.active,
.nav .two:hover {
	background-color:#6ea366;
}

.nav > li.three.active,
.nav .three:hover {
	background-color:#5c8855;
}

.nav > li.four.active,
.nav > li.four:hover {
	background-color:#3d5571;
}

.nav > li.five.active,
.nav > li.five:hover {
	background-color:#488485;
}

/* Menu Dropdown */
.nav > li > div,
.gkhead > li > div {
	text-align:left;
  position: fixed;
  display: block;
  width: 100%;
  height:auto;
  left: 0;
  /*opacity: 0;
  visibility: hidden;*/
  display:none;
  overflow: hidden;
  background:url(../img/design01/dce_graueboxll.png);
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index:999;
  border-top:2px solid #7bbebf;
  -webkit-box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.4);
  box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.4);
  margin-top:9px;
}

.nav > li.two > div {
	border-color:#81bf77;
	
}

.nav > li.three > div {
	border-color:#5c8855;	

}

.nav > li.four > div {
	border-color:#64778d;	
}
  
.nav .nav-content {
  z-index:0;
}  

.nav .nav-inner {
  position:relative;
  padding:16px 0px;  
  width:100%;  
}

.nav .page {
   margin:0 auto;
   display:table;
   position:relative;
}

  .nav .nav-inner ul {
    list-style:none;
    width:100%;  
  }
  
  .nav .nav-inner a {
    text-decoration:none;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display:block;
    font-size:18px;
  }
  
  .nav .nav-inner .lvl2 {  
  	width:200px;
  }
  
	  .lvl2 a {
		text-transform:uppercase;
		border-bottom:1px solid #858585;
		color:#858585;
		font-weight:bold;
		padding:15px;
		background-position:180px center;
		background-repeat:no-repeat;
	  }
	  
	  .lvl2 li:last-child a {
	  	border-bottom:0;
	  }
	  
	  .lvl2 a:hover,
	  .lvl2 a.selected,
	  .lvl2 > li:hover > a {
		 color:#5aaeaf;
		 background-color:#fff;		 
	  }
	  
	  .two .lvl2 a:hover,
	  .two .lvl2 a.selected,
	  .two .lvl2 > li:hover > a {
		color:#81bf77; 
	  }
	  
	  .three .lvl2 a:hover,
	  .three .lvl2 a.selected,
	  .three .lvl2 > li:hover > a {
		color:#5c8855; 
	  }
	  
	  .four .lvl2 a:hover,
	  .four .lvl2 a.selected,
	  .four .lvl2 > li:hover > a {
		color:#64778d;
	  }
	  
	  .lvl2 a.hassub {
		  background-image:url(../img/design01/lvl3_icon_tuerkis.png);
	  }
	  
	  .two .lvl2 a.hassub {
		  background-image:url(../img/design01/lvl3_icon_gruen1.png);
	  }
	  
	  .three .lvl2 a.hassub {
		  background-image:url(../img/design01/lvl3_icon_gruen2.png);
	  }
	  
	  .four .lvl2 a.hassub {
		  background-image:url(../img/design01/lvl3_icon_dblau.png);
	  }
	      
  .nav .nav-inner .lvl3 {
		position:absolute;  
		left:200px;
		top:0;
		visibility:hidden;
		opacity:0;
		width:300px;
		height:100%;		
  }
  
  /*
  lvl3 von 1 Menüpunkt fix anzeigen, damit nicht so leer
  .nav .nav-inner .lvl2 li:first-child .lvl3 {
	  visibility:visible;
	  opacity:1;
  }*/
  
  .lvl2 li:hover .lvl3  {
  	/*display:block;*/
	visibility:visible;
	opacity:1;
	z-index:1;
	background:url(../img/design01/dce_graueboxll.png);
  }
  
	  .lvl3 a,
	  .lvl3 a:link,
	  .lvl3 a:active,
	  .lvl3 a:visited,
	  .lvl3 a:hover {
		  border-bottom:none;
		  font-weight:400;
		  padding:8px 15px;
		  margin-left:40px;
		  text-transform:none;		  
		  -moz-transition:none;
		  -o-transition:none;
		  transition:none;		  
	  }
	  
	  .lvl3 a:hover {
		  background: #fff url(../img/design01/lvl3_icon_tuerkis.png) 20px 16px no-repeat;
		  padding-left:30px;
	  }
	  
	   .two .lvl3 a:hover {
		  background: #fff url(../img/design01/lvl3_icon_gruen1.png) 20px 16px no-repeat;
		  padding-left:30px;
	  }
	  
	   .three .lvl3 a:hover {
		  background: #fff url(../img/design01/lvl3_icon_gruen2.png) 20px 16px no-repeat;
		  padding-left:30px;
	  }
	  
	   .four .lvl3 a:hover {
		  background: #fff url(../img/design01/lvl3_icon_dblau.png) 20px 16px no-repeat;
		  padding-left:30px;
	  }
  
  .nav_head,
  .nav_items,
  .nav_img {
    display: table-cell;
    vertical-align: top;
  }

  
  .nav .nav_items {
  }

  
  .nav .nav_box {
		border:1px solid #c9c9c9;  
		background:#fff;
		padding:15px;
		width:400px;
		float:right;
  }
  
  .nav .nav_box .bodytext {
		margin-bottom:0;  
  }
  
  .nav .nav_box a {
	  color:#858585;
	  text-decoration:underline;
	  font-size:1em;
	  display:inline;
  }
  
  .nav .nav_box .dce-nav-cont-link a {
		text-align:left;  
		color:#858585;
		border: 1px solid #828282;
		padding: 13px 17px;
		text-decoration:none;
		display:inline-block;
  }
  
  
.sn_inner a,
.sn_inner a:link,
.sn_inner a:active,
.sn_inner a:visited,
.sn_inner a:hover,
.changecontrast {
 color:#3d5571;
 text-decoration: none;
 border-bottom:1px dashed #3d5571;
 padding:2px 3px;
}

.changecontrast:hover,
.sn_inner a:hover {
	background:	#3d5571;
	color:#fff;
	cursor:pointer;
}


.mllacc a,
.mllacc a:link,
.mllacc a:active,
.mllacc a:visited,
.mllacc a:hover,
.top1 a,
.top1 a:link,
.top1 a:active,
.top1 a:visited,
.top1 a:hover {
	color:#b8b9b9;
	color:#fff;
	text-decoration:none;	
	height:36px;
	line-height:36px;
	display:inline-block;
}

.top1 a:hover {
	color:#fff;	
}

a.kplink,
a.iclink,
a.sclink,
.sctellink a {
	background:url(../img/design01/kp_bg.png) left top no-repeat;
	padding-left:40px;
	color:#b8b9b9;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

a.iclink {
	background:url(../img/design01/ic_bg.png) left top no-repeat;
}

a.sclink {
	background:url(../img/design01/24h_bg.png) left top no-repeat;
}

.sctellink a{
	background:none;
	padding-left:10px;
}

.sctellink a:hover,
a.kplink:hover,
a.sclink:hover {
	color:#fff;	
}

a.kplink:hover {
	background:url(../img/design01/kp_bg.png) left bottom no-repeat;
}

a.iclink:hover {
	background:url(../img/design01/ic_bg.png) left bottom no-repeat;
}

a.sclink:hover {
	background:url(../img/design01/24h_bg.png) left bottom no-repeat;
}



.acc_wrap a,
.lllink {
	background:url(../img/design01/ll.png) center center no-repeat;
	text-indent:-999em;
	width:36px;
	height:36px;
}

.acc_wrap a {
	background-image:url(../img/design01/acc.png);
}


.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:active,
.breadcrumb a:visited,
.breadcrumb a:hover {
	color:#858585;
	text-decoration:none;
}

.breadcrumb a:hover {
	color:#C50014;
}

.page_submenu {
	text-align:center;	
	margin:30px auto;
	width:960px;
}

#main .page_submenu a,
#main .page_submenu a:link,
#main .page_submenu a:active,
#main .page_submenu a:visited,
#main .page_submenu a:hover {
	margin:0 3px;
	padding:13px 9px;
	text-transform:uppercase;
	color:#858585;
	background:#e4e4e4;
	font-weight:normal;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	text-decoration:none;
	display:inline-block;
	margin-bottom:6px;
}

#main .page_submenu a:hover,
#main .page_submenu a.page_submenu_selected {
	background:#3d5571;
	color:#fff;
	text-decoration:none;
}


.footer_wrap a,
.footer_wrap a:link,
.footer_wrap a:active,
.footer_wrap a:visited,
.footer_wrap a:hover {
	color:#b8b9b9;
	color:#fff;
	display:block;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;	
}

.footer_wrap a:hover {
	color:#fff;
}


#llcont a,
#llcont a:link,
#llcont a:active,
#llcont a:visited,
#llcont a:hover {
	color:#858585;
	text-decoration:none;
}

#llcont a:hover {
	text-decoration:underline;
}	

/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* Cut 1 */
@media screen and (max-width: 1280px) {
	
}

/* Cut 2 */
@media screen and (max-width: 1024px) {
	

.nav .one,
.nav .two,
.nav .three,
.nav .four,
.nav .five {
	margin-left:12px;	
}

.footer_wrap .fcol1 a {
	display:inline-block;	
}
	
}

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

.nav > li {
	float:left;	
}



/* doupletabtest 
https://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly
*/

}

/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.nav > li {
	float:left;	
}

.nav .one {
	margin-left:5px;	
}
.nav .two, .nav .three, .nav .four {
	margin-left:5px;	
}

.nav .nav_box {
	width:300px;	
}

.nav .nav-inner .lvl3 {
	width:210px;	
}

.lvl3 a, .lvl3 a:link, .lvl3 a:active, .lvl3 a:visited, .lvl3 a:hover {
	margin-left:10px;	
}
}

/* mobile */

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

.nav .one, .nav .two, .nav .three, .nav .four, .nav .five {
	margin-left:0;	
}

.nav > li > div.nav-content {
	position:relative;	
	border-top:0;
	margin-top:0;
}

.nav > li {
	display:block;	
}


.nav > li > a, .nav .lvl1_link {
	padding:0;	
}

.nav .one .lvl1_link, .nav .four .lvl1_link, .nav .two .lvl1_link, .nav .three .lvl1_link, .nav .five .lvl1_link {
	width:100%;	
	height:50px;
	line-height:50px;
	font-weight:400;
}

.nav .two .lvl1_link span, .nav .three .lvl1_link span {
	padding:0;	
}

.multi span br {
	display:none;	
}

.nav .nav-inner {
	padding:0px;	
}

.nav .page {
	width:100%;
	margin:0;
}

.nav_head, .nav_items, .nav_img {
	display:inline-block;
	width:100%;	
}

.nav .nav-inner .lvl2 {
	width:100%;	
}

.lvl2 li:last-child a {
	border-bottom:1px solid #858585;
}

.lvl2 a {
	padding:10px 5px;	
	
}

	.lvl2 a.hassub,
	.two .lvl2 a.hassub,
	.three .lvl2 a.hassub,
	.four .lvl2 a.hassub {
		background:none;
	}

.nav .nav-inner .lvl3 {
	left:auto;
	position:relative;
	visibility:visible;
	width:100%;	
	opacity:1;
}

.lvl3 a, .lvl3 a:link, .lvl3 a:active, .lvl3 a:visited, .lvl3 a:hover {
	margin-left:0;	
	font-size:16px;
	padding:5px 15px;
}

.lvl3 a:hover,
.two .lvl3 a:hover,
.three .lvl3 a:hover,
.four .lvl3 a:hover {
	background-position:10px center;	
}

.nav .nav_box {
	float:none;
	width:100%;
	padding:0;	
	box-sizing:border-box;
	margin-top:10px;
}

	.nav .nav_box .tx-dce-pi1 {
		padding:10px;	
	}

.page_submenu {
	margin:10px 0 0 0;	
}

#main .page_submenu a, #main .page_submenu a:link, #main .page_submenu a:active, #main .page_submenu a:visited, #main .page_submenu a:hover {
	display:inline-block;
	margin-bottom:3px;
}

}