/*
TIWAG CSS Datei für das Grundlayout
Version: 1.0.0
Erstellungsdatum: 30.03.2016
Letzte Änderung : 30.03.2016
(c) netwerk.at
Datum/Kommentar:
*/

*,html {
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	color:#858585;
}

.page {
	line-height:1.4em;	
	width: 960px;
	margin:0 auto;
}

.top_wrap {
	background:#fff url(../img/design01/top_wrap_bg.png) top repeat-x;
	position:fixed;
	top:0;
	z-index:1001;
	width:100%;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
	-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);
}


/*
.top_wrap_shadow {
	-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);
}*/

	.schnellnavi {
		background:#fff url(../img/design01/top_wrap_bg.png);
		display:none;
		padding:20px 0;
	}
	
		.schnellnavi .page {
			background:#fff;	
		}
		
		.sn_inner {
			padding:20px;	
		}
		
		.sn_close {
			float:right;
			font-weight:bold;
			font-size:1.5em;
			color:#3d5571;	
		}
		
		.sn_close:hover {
			cursor:pointer;	
		}
				
		.sn_headline {
			font-size:1.5em;
			font-weight:bold;
			color:#3d5571;
			border-bottom:2px solid #3d5571;	
			display:block;
			padding-bottom:4px;
			margin-bottom:10px;
		}
		
		.sn_headline2 {
			font-weight:bold;	
			display:block;
		}
		
		.sn_left,
		.sn_right {
			float:left;
			width:50%;	
		}
		
		.schnellnavi ul {
			list-style:none;	
		}
		
		.contrasticon,
		.glossaricon,
		.llicon {
			background:url(../img/design01/contrast_high.png) bottom center no-repeat;
			width:20px;	
			height:20px;
			display:inline-block;
		}
		
		.glossaricon {
			background:url(../img/design01/page_find.png) bottom center no-repeat;
		}
		.llicon {
			background:url(../img/design01/text_columns.png) bottom center no-repeat;	
		}

	.mainmenu {
		background:#fff url(../img/design01/top_wrap_bg.png) top repeat-x;
	}


	.logo {
			float:left;	
			width:139px;
			line-height:0;
		}
		.logo img {
			padding:7px 0;
		}
		
	.top12 {
		float:left;
		width:821px;
	}

	.top1 {
		height:36px;		
		color:#fff;
	}
	
		.top1 .page {
			line-height:36px;
			text-align:right;
		}
		
		.top1 div.search_wrap,
		.top1 span {
			float:right;
		}
		
		.kp_wrap,
		.ic_wrap,
		.sc_wrap {
			background:url(../img/design01/top1_spacer.png) right center no-repeat;
			padding-right:20px;
			margin-right:15px;
		}	
		
		.acc_wrap,
		.ll_wrap {
			display:inline-block;
			width:36px;
			height:36px;
			text-align:left;	
		}
		
		.acc_wrap {
			padding-left:10px;
		}
		
		.acc_wrap:hover {
			cursor:pointer;
		}

	
	.top2 {
		height:118px;
	}
	
	.mmenu,
	#pull {
			display:none;
		}
		

.content_wrap {
	margin-top:154px;	
}

	.notfall {
		margin-top:175px;	
	}

#banner {
	
}
		
.breadcrumb {
	font-size:14px;
	line-height:20px;
	height:20px;
	padding-top:20px;
}

	.bc_base {
		background:url(../img/design01/bc_base_bg.png) right center no-repeat;
		height:20px;
		padding: 0 15px;
		display:inline-block;
	}
	

#main {
	text-align:justify;	
}
	
	
.footer_wrap {
	background:url(../img/design01/footer_wrap_bg.png);
	color:#b8b9b9;	
	color:#fff;
	padding:47px 0;
	margin-top:47px;
}

	.fcol {
		width:25%;
		float:left;	
	}
	
#llcont {
	position:fixed;
	left:0;
	top:50%;

}

.ll_grafik_wrap {
	height:128px;
	margin-top:-75px;
	width:128px;
	padding:10px 0;
	background:#ececec;
	border:1px solid #dcdcdc;
	text-align:center;
}
	
#totop {
	position:fixed;
	width:48px;
	height:48px;
	right:5px;
	bottom:0px;
	display:none;
}	

#orr {  
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,0.75);
    z-index:1999;
	color:#fff;
	text-align:center;
	font-size:24px;
}	

	#orr img {
		padding-top:40%;
	}


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

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

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

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

#llcont {
	top:auto;
	bottom:0;	
}

	#llcont .tx-dce-pi1 {
		margin-bottom:0;	
	}

	.ll_grafik_wrap {
		width:38px;
		height:38px;
		margin-top:0;
		padding:0;
		border:none;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		padding:5px;	
	}
	
	.ll_grafik_wrap span {
		display:none;	
	}
	
	.ll_grafik_wrap img {
		width:36px;	
		height:auto;
	}
	
}

/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.page {
	width:760px;
	margin:0 4px;	
}

.top1 {
	font-size:12px;	
}

.kp_wrap, .ic_wrap, .sc_wrap {
	margin-right:5px;
	padding-right:10px;	
}

.top12 {
	width:621px;
}

.fcol {
	width:24%;
	margin-right:1%;	
}

#llcont {
	top:auto;
	bottom:0;	
}

	#llcont .tx-dce-pi1 {
		margin-bottom:0;	
	}

	.ll_grafik_wrap {
		width:38px;
		height:38px;
		margin-top:0;
		padding:0;
		border:none;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		padding:5px;	
	}
	
	.ll_grafik_wrap span {
		display:none;	
	}
	
	.ll_grafik_wrap img {
		width:36px;	
		height:auto;
	}
	
}

/* mobile */

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

.sn_left,
.sn_right {
	float:none;
	width:100%;	
}

.sn_right {
	margin-top:10px;	
}

.breadcrumb {
	display:none;	
}

.mmenu {
	background:url(../img/design01/top_wrap_bg.png);
	display:block;
	height:40px;
	position:fixed;
	width:100%;
	top:0;
	z-index:1000;
	-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);
}

	.logo {
		width:auto;	
		padding-right:10px;
	}

	.logo img {
		padding:5px;	
	}

.top_wrap {
	position:relative;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

	.top12 {
		width:100%;	
	}
	
	.top1,
	.top2 {
		height:auto;
	}
	
		.top1 {
			border-top:1px dashed #B2B2B2;
			border-bottom:1px dashed #B2B2B2;	
		}
	
		.top1 span {
			float:none;	
		}
	
		.sc_wrap,
		.kp_wrap {
			font-size:0.8em;
			line-height:0.8em;
			margin-right:0;
			padding:0;
		}	
		
		.top1 div.search_wrap,
		.top1 .sc_wrap {
			float:left;
			padding-right:10px;
		}	
		
		.top1 .lang_wrap {
			text-align:right;	
		}	

	
	.kp_wrap, .ic_wrap, .sc_wrap {
		background:none;	
	}


.menu_wrap {
	background-image:none;	
	background: url(../img/design01/menu_wrap_mobile_bg.png) top  center repeat-x;
	top:0;
	right:auto;
	line-height:40px;
	position:fixed;
	z-index:1001;
	-moz-box-shadow: 0px 3px 5px #333;
	-webkit-box-shadow: 0px 3px 5px #333;
	box-shadow: 0px 3px 5px #333;
	padding:0;

}

	.fixmenu {
		position:relative;	
	}
	
	a#pull {
		display: block;
		width: 90px;
		position: relative;
		height:40px;
		line-height:40px;
		float:right;
		text-decoration:none;
		color:#fff;
		font-size:20px;
		font-weight:400;
	}
	
	a#pull:hover {
		cursor:pointer;	
	}
	
		a#pull:after {
			content:"";
			background: url(../img/design01/nav-icon.png) no-repeat;
			width: 30px;
			height: 30px;
			display: inline-block;
			position: absolute;
			right: 0px;
			top: 10px;
		}

.mainmenu {
	background-repeat:repeat repeat;	
	display:none;
}

.content_wrap {
	margin-top:40px;	
}

	.content_wrap.nomargin {
		margin-top:0;	
	}

.page {
	width:96%;
	margin:0 2%;	
}

header {
	padding-top:10px;	
}

#main {
	text-align:left;
}

.fcol {
	float:none;
	width:100%;	
}

.fcol ul {
	margin-bottom:1em;	
}

.footer_wrap h2 {
	margin-bottom:10px;	
}

#totop {
	bottom:80px;
}	


#llcont {
	top:auto;
	bottom:0;	
}

	#llcont .tx-dce-pi1 {
		margin-bottom:0;	
	}

	.ll_grafik_wrap {
		width:38px;
		height:38px;
		margin-top:0;
		padding:0;
		border:none;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		padding:5px;	
	}
	
	.ll_grafik_wrap span {
		display:none;	
	}
	
	.ll_grafik_wrap img {
		width:36px;	
		height:auto;
	}
}


/* Druck-Definitionen für alle .css */
@media print {
	
	.content_wrap {
		margin-top:0;	
	}
	
	.dce_gb {
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
	}
	
	.flex-tabs .tab,
	.flex-tabs .panel,
	#main .dce_infobox li {
		border:1px solid #000;	
		box-sizing: border-box;
	}
	
	#main .dce_infobox li {
		height:80px;
	}
	
	.top_wrap,
	.userlike,
	#totop {
		display:none;
	}
}