/*
TIWAG CSS Datei für DCE Elemente
Version: 1.0.0
Erstellungsdatum: 03.05.2016
Letzte Änderung : 03.05.2016
(c) netwerk.at
Datum/Kommentar:
*/

/* Global DCE */

.tx-dce-pi1 {
	margin-bottom:50px;
}

/* Banner */

.dce_banner_images img {
	width:100%;
	height:auto;
}	

/* verstecke zur Initialisierung ab dem 2. Element alle Divs */
.dce_banner_images div:nth-child(n+2) {
	display:none;
}

/* 2 Spalten Inhalt */

.dce_2c {
}

.dce_2c_col {
	float:left;
	width:48%;	
}

.dce_2c_col.col2 {
	float:right;	
}

/* normaler Text mittig */

.dce_center {
	text-align:center;
	font-weight:400;
}

/* 3 Spalten Inhalt */

.dce_3erbox {
	
}
	.dce_3b_wrap {
		
	}
	
		.dce_3b {
			float:left;
			width:272px;
			height:304px;
			padding:16px 20px 30px 20px;
			color:#fff;
		}
		
		.dce_3b1 {
			background:#81bf77;
		}
		
		.dce_3b2 {
			background:#a0b45d;
			margin:0 12px;
		}
		
		.dce_3b3 {
			background:#5aaeaf;
		}
		
			.dce_3b_head {
				float:left;	
				font-family: "Arvo",serif;
				font-size:24px;
				padding-top:12px;
			}
			
			.dce_3b_icon {
				float:right;	
			}
			
			.dce_3b_teaser {
				height:200px;
			}				
	
	        .dce_3b_link {
				text-align:center;
			}
			
			#main .dce_3b_link a,
			#main .dce_3b_link a:link,
			#main .dce_3b_link a:active,
			#main .dce_3b_link a:visited,
			#main .dce_3b_link a:hover {
				color:#fff;
				border: 1px solid #fff;
				display: inline-block;
				font-weight: normal;
				padding: 13px 17px;
				text-decoration: none;
				text-transform: uppercase;
			}
		

/* grauer 1-4 Spalten Container */

.dce_grauebox {

}

	.dce_gb_boxwrap {
		text-align:center;		
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
    	-ms-flex-pack: start;
		
	}
	
	.dce_gb {
		flex: 1;
		vertical-align:top;
		display:inline-block;
		width:228px;
		max-width:228px;
		border-top:6px solid #3d5571;	
		text-align:center;
		margin:0 6px;
		padding-bottom:22px;
		background:url(../img/design01/dce_graueboxl.png);
		position:relative;
	}
	
	.dce_gb:hover {
		cursor:pointer;	
	}
	
	/*.dce_gb4 {
		margin-right:0;	
	}*/
	
		.dce_gb_img {
			padding:22px 0;
		}
		
		.dce_gb_head {
			text-transform:uppercase;
			color:#3d5571;
			font-size:20px;
			font-weight:400;
			padding-bottom:22px;	
		}
		
		.dce_gb_teaser {			
			margin-bottom:60px;
			display:inline-block;
			padding:0 5px;
		}
		
		.dce_gb_link {
			position:absolute;
			bottom:22px;	
			width:100%;
		}
		
		#main .dce_gb_link a,
		#main .dce_gb_link a:link,
		#main .dce_gb_link a:active,
		#main .dce_gb_link a:visited,
		#main .dce_gb_link a:hover {
			color:#858585;
			border: 1px solid #828282;
			display: inline-block;
			font-weight: normal;
			padding: 13px 17px;
			text-decoration: none;
			text-transform: uppercase;
			-moz-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
			transition: all 0.3s linear; 
		}
		
		
		#main .dce_gb:hover .dce_gb_link a,
		#main .dce_gb_link a:hover {
			color:#fff;
			background:#3d5571;
		}
	
/* Info Box */

.dce_infobox {
	/* parallax2 */
	background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-color:#3b4e4a;
    background-image: url(../img/design01/dce_infobox_bg.jpg);
	background-size:100% auto;	
	color:#fff;
	padding:45px 0;
	width:1000px;
	margin:0 auto;
}

.dce_infobox h3 {
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:30px;
}

.dce_infobox hr {
	border-color:#fff;
	border:none;
	margin:30px auto;
}


#main .dce_infobox ul {
	list-style:none;	
}
	
#main .dce_infobox li {
	border:1px solid #000;
	box-sizing: border-box;
	float:left;
	width:312px;
	height:75px;
	padding-left:0;
	margin-bottom:12px;
	background:none;
	background-color:rgba(130, 130, 130, 0.5);	
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
}

#main .dce_infobox li:nth-child(3n+2) {
	margin:0 12px;
}

#main .dce_infobox li:hover {
	background-color:rgba(0, 0, 0, 0.5);	
}

#main .dce_infobox a {
	color:#fff;	
	display:block;
	font-weight:normal;
}

	#main .dce_infobox .bodytext {
		margin-bottom:0;	
	}
	
	#main .dce_infobox aside .bodytext  {
		font-size:12px;	
	}

#main .dce_infobox a:hover {
	text-decoration:none;	
}

#main .dce_infobox a.internal-link,
#main .dce_infobox a.external-link,
#main .dce_infobox a.external-link-new-window,
#main .dce_infobox a.download {
	display:block;
	height:62px;
	padding-left:80px;
	padding-top:13px;
	padding-right:20px;
	text-decoration:none;
}

#main .dce_infobox a.internal-link {
	background:url(../img/design01/dce_infobox_internal.png) 25px center no-repeat;
}

#main .dce_infobox a.external-link,
#main .dce_infobox a.external-link-new-window {
	background:url(../img/design01/dce_infobox_external.png) 25px center no-repeat;
}

#main .dce_infobox a.download {
	background:url(../img/design01/dce_infobox_download.png) 25px center no-repeat;
}


/* Bildergalerie */

.dce_gallery {
	background:#e4e4e4;
	padding:15px 0;
	width:1000px;
	margin:0 auto;
}

.dce_gallery .bx-wrapper .bx-controls-direction a {
	height:41px;
	margin-top:-20px;
	width:38px;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

	.dce_gallery .bx-wrapper .bx-prev,
	.dce_gallery .bx-wrapper .bx-prev:hover {
		background:url(../img/design01/dce_gallery_controls.png) left bottom no-repeat;
		left:-60px;
	}
	
	.dce_gallery .bx-wrapper .bx-prev:hover {
		background:url(../img/design01/dce_gallery_controls.png) left bottom no-repeat;
		left:-70px;
	}

	.dce_gallery .bx-wrapper .bx-next,
	.dce_gallery .bx-wrapper .bx-next:hover {
		background:url(../img/design01/dce_gallery_controls.png) right bottom no-repeat;
		right:-60px;
	}
	
	.dce_gallery .bx-wrapper .bx-next:hover {
		right:-70px;	
	}
	
	.dce_gallery .bx-wrapper .bx-caption {
		bottom:-100px;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear; 	
	}
	
	.magnificpopup:hover .bx-caption {
		bottom:0;	
	}
	
/* Einzelbild */

.dce_single_image {
	text-align:center;	
}

/* Text mit Infoblock links */

.dce_itblock {
}

.dce_itb_left {
	float:left;
	width:272px;
	padding:16px 20px 30px 20px;
	color:#fff;
	background:#3d5571;
}

		.dce_itb_left_head {
			float:left;	
			font-family: "Arvo",serif;
			font-size:24px;
			padding:12px 0;
			
		}
		
		.dce_itb_left_icon {
			float:right;	
		}
		
		.dce_itb_left_teaser {
			text-align:left;
		}
		
			#main .dce_itb_left_teaser a {
				color:#fff;	
			}
			
			.infobild {
				margin-top:27px;
			}

		.dce_3b_link {
			text-align:center;
		}

.dce_itb_right {
	float:right;
	width:590px;
}

	.dce_itb_right h3 {
		text-align:left;	
	}

/* Text mit Bild links */

.dce_itb_image {
	float:left;
	width:312px;
}

/* Navbox mit Bild links */

.dce-navbox {
	
}

.dce-nav-image {
	float:left;	
	width:120px;
}

.dce-nav-cont {
	float:right;
	width:280px;	
}

	.dce-nav-cont span.h3 {
		color:#858585;
		font-size:1em;
		font-weight:700;
	}

	.dce-nav-cont-text {
		overflow:hidden;
	}

	.dce-nav-cont-link {
		text-align:right;	
	}


/* Newsletter */

.dce_2c.newsletter select,
.dce_2c.newsletter input {
	width:100%;
	box-sizing:border-box;
	border:1px solid #858585;
	padding:3px 0;
}


/* DCE Tab 
https://codepen.io/josh_vogt/pen/EaaZbP
*/

.dce_tabs {
	
}


.dce_tabs .contenttable {
	background:#f5f3f4;
	margin-bottom:1em;
}

#main a.button,
#main a.button:link,
#main a.button:active,
#main a.button:visited,
#main a.button:hover{
	background:#fff;
	border:1px solid #ccc;
	text-transform:uppercase;
	color:#858585;
	font-weight:normal;
	padding:15px;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	display:inline-block;
	text-decoration:none;
}

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

.worko-tabs {
  	width: 100%;
}
    .state{
      position: absolute;
      left: -10000px;
    }
  
    .flex-tabs{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
	}
         .flex-tabs .tab{
          flex-grow: 1;
          max-height: 40px;
        }
      
         .flex-tabs .panel {
          background:url(../img/design01/dce_graueboxll.png);  
		  padding:35px 25px;        
          min-height: 300px;
          display: none;
          width: 100%;
          flex-basis: auto;
      	}
		
		.flex-tabs .flex-tabs-panel-image {
			float:left;
			padding-right:20px;	
		}
		
			/* Produktinforechner >> selbe CSS Klassenname!!*/
			.flex-tabs .panel .panel {
				padding:10px;
				min-height:auto;
				display:inline !important;
				background:none;
			}
			
			.flex-tabs #externalProductSearchWidgetWrapper {
				display:inline-block;
				width:100%;	
			}
			
			.flex-tabs .widget-container#productSearchWidget {
				min-height:420px !important;	
			}
    

    .tab {
      display: inline-block;
      padding: 18px;
      vertical-align: top;
      background-color: #c0c0c0;
      cursor: hand;
      cursor: pointer;
	  text-transform:uppercase;
	  border-right:14px #fff solid;
	  -moz-transition: all 0.3s linear;
	  -o-transition: all 0.3s linear;
	  transition: all 0.3s linear;
	}
		.tab:hover{
          background-color: #3d5571;
		  color:#fff;
        }
		
		.flex-tabs-labels {
			width:100%;
			display:flex;
			flex-wrap:wrap;
		}
		
		.flex-tabs-labels .tab:last-child {
			border-right:none;	
		}
		
		.tabact {
			background-color: #3d5571;
			cursor: default;
			color:#fff;
		}
/*
#tab-0:checked ~ .tabs #tab-0-label,
#tab-1:checked ~ .tabs #tab-1-label,
#tab-2:checked ~ .tabs #tab-2-label,
#tab-3:checked ~ .tabs #tab-3-label,
#tab-4:checked ~ .tabs #tab-4-label{
    background-color: #3d5571;
    cursor: default;
	color:#fff;
}

#tab-0:checked ~ .tabs #tab-0-panel,
#tab-1:checked ~ .tabs #tab-1-panel,
#tab-2:checked ~ .tabs #tab-2-panel,
#tab-3:checked ~ .tabs #tab-3-panel,
#tab-4:checked ~ .tabs #tab-4-panel{
    display: block;
}
*/

/* DCE Wertschöpfungskette */

.dce_wsk {
	
}

.dce_wsk_tabwrap {
	
}

.dce_wsk_tab {
	float:left;
	width:20%;
	padding:50px 0 20px 0;
	background:#475e78 url(../img/design01/dce_wsk_tab_bg.png) top left no-repeat;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
}

	.dce_wsk_tab:hover {
		background-color:#475e78;
		cursor:pointer;
	}
	
	.dce_wsk_tab  .bodytext {
		margin:0px 10px;
	}
	
	.dce_wsk_tab  .bodytext:last-child {
		border-bottom:1px solid #fff;	
	}

	.wsk1 {
		background-color:#475e78;
		background-image:none;
	}
	.wsk2 {
		background-color:#50667f;
	}
	.wsk3 {
		background-color:#5a6e86;
	}
	.wsk4 {
		background-color:#64778d;
	}
	.wsk5 {
		background-color:#6e8095;
	}
	
	#main .dce_wsk_tab a {
		color:#fff;
		text-decoration:none;
	}

/* DCE Ausschreibung - Listenansicht */

#main .dce_no_as {
	display:none;	
}

#main .dce_as_list a {
	background:url(../img/design01/li_bg_dblau2.png) left 9px no-repeat;
	padding-left:20px;	
	font-size:1.04em;
	line-height: 1.5em;
}

/* DCE Ausschreibung - Detail */

.dce_as_detail {
	margin:20px auto;
}

.dce_as_detail h2 {
	line-height:26px;
}


.dce_as_detail_cont {
	padding:20px;
	background:url(../img/design01/dce_graueboxl.png);
}

.dce_as_detail_back {
	text-align:right;	
}

#main .dce_as_detail_back a,
#main .dce_as_detail_back a:link,
#main .dce_as_detail_back a:active,
#main .dce_as_detail_back a:visited,
#main .dce_as_detail_back a:hover {
	border: 1px solid #828282;
	display: inline-block;
	font-weight: normal;
	padding: 13px 17px;
	text-decoration: none;
	text-transform: uppercase;
	background:#fff;
}

/* ******** */
/* DCE PHPs */
/* ******** */

.dce_wind .panel.active {
    display: block;
}

#main .tx-dce-pi1 .contenttable.dce_php_table {
	border:none;	
	border-collapse: collapse;
}

#main .tx-dce-pi1 .contenttable.dce_php_table td {
	border:	1px solid #c0c0c0;
	padding:3px 5px;
}

#main .tx-dce-pi1 #verlaufsansichtheader {
	color:#fff;
	background:#3d5571;	
	padding:5px;
}	

#main .tx-dce-pi1 #verlaufsansicht {
	background:#3d5571;	
}
#main .tx-dce-pi1 #AktTableVerlauf {
	background:#fff;	
}

#main .dce_rechnungserklaerung {
	width:551px;
	margin:0 auto;	
}
#main .dce_rechnungserklaerung h3 {
	color:#858585;	
	font-size:11px;
	font-weight:bold;
}

#main .windcontent li {
	background-image:none;
	padding-left:0;
}

.dce_webcam_wrap {
	text-align:center;
	
}

.dce_webcam_wrap img {
	border:30px solid #3d5571;
}

/* BEW ID 211 */

.csc-frame-indent .tx-dce-pi1 .dce_text  {
	border:3px solid #C50014;
	padding:30px;	
}

.csc-frame-indent .tx-dce-pi1 .dce_text h2 {
	color:#C50014;
}

@media (orientation:portrait) {
	.dce_infobox {
    	background-image: url(../img/design01/dce_infoboxQ_bg.jpg);
	}
}

/* *****************************************************************************************
   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) { 
.dce_infobox {
	background-color:transparent;
	background-attachment:scroll;
	background-image: url(../img/design01/dce_infobox_bg_tablet.jpg);
}
}


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

#main .dce_infobox li,
#main .dce_infobox li:nth-child(3n+2) {
	margin:0 34px 12px 34px;
}

.dce_single_image img {
	width:100%;
	height:auto;
}

.dce_infobox {
	background-color:transparent;
	background-attachment:scroll;
	background-image: url(../img/design01/dce_infobox_bg_tablet.jpg);
	width:100%;
}

.dce-nav-cont {
	width:180px;	
}

.dce_itb_right {
	width:440px;
}

.kwpark_wrap img {
	width:100%;
	height:auto;	
}

.dce_gallery {
	width:100%;	
}

.dce_gb_head {
	font-size:18px;
}	

}

/* mobile */

@media screen and (max-width: 767px) {
	
	.tx-dce-pi1 {
		margin-bottom:30px;	
	}
	
	.flex-tabs{
    	flex-direction: column;
	}
	
	.flex-tabs .widget-container#productSearchWidget {
				min-height:460px !important;	
			}
    
    
    .tab{      
		border-bottom: 1px solid #ccc;
		border-right:none;
		padding:10px 18px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
        .tab:last-of-type{
          border-bottom: none;
        }
    
    
    #tab-0-label{order:1;}
    #tab-1-label{order: 3;}
    #tab-2-label{order: 5;}
    #tab-3-label{order: 7;}
	#tab-4-label{order: 8;}
    #tab-0-panel{order: 2;}
    #tab-1-panel{order: 4;}
    #tab-2-panel{order: 6;}
    #tab-3-panel{ order: 8;}
	#tab-4-panel{ order: 8;}
	
  
  
    #tab-0:checked ~ .tabs #tab-0-label,
    #tab-1:checked ~ .tabs #tab-1-label,
    #tab-2:checked ~ .tabs #tab-2-label,
    #tab-3:checked ~ .tabs #tab-3-label,
	#tab-4:checked ~ .tabs #tab-4-label{
      border-bottom: none;
    }
  
  #tab-0:checked ~ .tabs #tab-0-panel,
  #tab-1:checked ~ .tabs #tab-1-panel,
  #tab-2:checked ~ .tabs #tab-2-panel,
  #tab-3:checked ~ .tabs #tab-3-panel,
  #tab-4:checked ~ .tabs #tab-4-panel{
    border-bottom: 1px solid #ccc;
  }
  
  .flex-tabs .panel {
		width:auto;
		padding:10px 18px;  
  }
  
  .dce_tabs .contenttable {
	  font-size:0.8em;
	  margin-left:-18px;
  }
  
  #main .dce_tabs  .contenttable th, 
  #main .dce_tabs  .contenttable td {
	   font-size:0.8em;  
	   padding:2px;
  }
  
  .dce_infobox {
		width:96%;
		margin:0 2%;
		padding:20px 0;  
		background:url(../img/design01/dce_graueboxl.png);
  }
  
  .dce_infobox h3{
		color: #3d5571;
		font-weight:normal;
  }
  
  .dce_infobox hr {
	margin:10px auto;  
  }
  
  #main .dce_infobox li,
  #main .dce_infobox li:nth-child(3n+2) {
		float:none;
		width:100%; 
		margin:0;
		margin-bottom:10px; 
		height:auto;
		padding:5px 0;
		min-height:40px;
  }
  
  #main .dce_infobox a.internal-link, #main .dce_infobox a.external-link, #main .dce_infobox a.external-link-new-window, #main .dce_infobox a.download {
		height:auto;
		padding-top:0;
		min-height:40px; 
  }
  
  .dce_single_image img {
	  width:100%;
	  height:auto;
  }
  
  
  .dce_gb_boxwrap {
		display:inline-block;  
		width:100%;
		text-align:center;
		
  }
  
  .dce_gb {
  	margin-bottom:10px;
  }

	.dce_itb_image {
		float:none;
		text-align:center;	
		margin-bottom:5px;
		width:100%;
	}
	
		.dce_itb_image .image_desc {
			display:block;
		}
	
	.dce_itb_right {
		float:none;
		width:100%;
	}
	

.dce_webcam_wrap img {
	width:100%;
	height:auto;
	border-width:0px;	
}

.dce_itb_left {
	float:none;
	margin:0 auto 10px auto;
}

.dce_banner {
	margin-bottom:10px;	
}

.dce_3b {
	float:none;
	margin:0 auto;	
}

.dce_3b2 {
	margin: 10px auto 10px auto;
}

.dce_2c_col,
.dce_2c_col.col2 {
	float:none;
	width:100%;
}

.dce_wsk_tab {
	font-size:10px;	
	padding:20px 0 10px;
	background-image:none;
}

.dce_wsk_tab .bodytext {
	margin:0 3px;	
}

.dce_gallery {
	width:100%;	
	padding-bottom:45px;
}


	.dce-nav-cont {
		float:none;
		width:auto;
	}

#main .tx-dce-pi1 .contenttable.dce_php_table td {
	
}

/* ******** */
/* DCE PHPs */
/* ******** */
 
 #chartcontent img {
	width:100%;
	height:auto; 
 }
 
 #main .tx-dce-pi1 .contenttable.dce_php_table td {
	font-size:14px;
	line-height:14px; 
 }
 
 .dce_wind img,
 .dce_center img {
		width:100%;
		height:auto; 
 }

 .dce_wind div div {
		float:none !important;
		width:100% !important; 		
		margin:0 !important;
		margin-bottom:10px !important;
 }
 
 .dce_wind .flex-tabs .panel {
 	padding:0px;
 }
  
}