﻿/********** BASIC STYLES *****************/
/******RESETS *********/
@font-face {
	/*font-family: 'Conv_TradeGothicLTStd';
	src: url('../fonts/TradeGothicLTStd.eot');
	src: local('☺'), url('../fonts/TradeGothicLTStd.woff') format('woff'), url('../fonts/TradeGothicLTStd.ttf') format('truetype'), url('../fonts/TradeGothicLTStd.svg') format('svg');
	*/
    font-family: source-sans-pro, sans-serif;
    font-weight: normal;
	font-style: normal;
}
img {
    border: none;
}
strong {
   /* font-weight: normal;*/
}

a {
	text-decoration: none;	
	color: #000;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
}
a, a:link, a:hover, a:visited {
	text-decoration: underline;
	color: #000;
}
a:hover{
	text-decoration: underline;
}

* {
	margin: 0;
	padding: 0;	
}
ul{
	list-style-type: none;
}
h1, h2, h3, h4{
	font-weight: normal;
}




/***FARBEN***/
.bg_gray {
	background-color: #f6f6f6;	
}
.bg_lightblue {
	background-color: #cde5f1;
}
.bg_blue {
	background-color: #aad7ec;
}
.bg_green {
	background-color: #c6d55d;
}
/******Schriftvarianten******/
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.slider{
	font-size: 26px;
}
.biggest{
	font-size: 23.5px;	
}
.big, h1 {
	font-size: 20px;
}
.bigger, h2	{
	font-size: 18px;
}
.normal, h3{
	font-size: 16px;
}
.menusize{
	font-size: 14px;
}
.text, p{
	font-size: 13px;
}
.small{
	font-size: 12px;
}
label{
	font-size: 12px;
}
.deaktiverlink {
    color: #808080 !important;
}
.deaktiverlink:hover {
    text-decoration: none;
}
html{
	color: #000;
	/*font: 100% 'Conv_TradeGothicLTStd', Verdana, sans-serif;*/
    font: 100% source-sans-pro, sans-serif;
	font-weight: 100;
}
body{
	/* font-family:'Conv_TradeGothicLTStd',Sans-Serif;*/
     font: 100% source-sans-pro, sans-serif;
}

/******* GROESSEN und SPACER *********/
#titlealways {
    margin-left: 87px;
	margin-top: 42px;
    font-size: 22px;
}
#title_mobile{
display: none;
}
#title_web{
	position: absolute;
	top: 45px;
	left:16px;
}
#title_mobile2{
	margin-left: 87px;
	margin-top: 8px;
}
#ctl00_title_mobile{
display: none;
}
#ctl00_title_web{
	position: absolute;
	top: 45px;
	left:16px;
}
#ctl00_title_mobile2{
	margin-left: 87px;
	margin-top: 82px;
}
#ctl00_slider div {
    max-width: 330px;
}
.border_right{
	border-right: 1px solid #bfbebf;
}
.clear{
	clear: both;
}
.space_left{
	margin-left: 8px;		
}
.space_right{
	margin-right: 8px;
}
.space_bottom{
	margin-bottom: 8px;
}
.space_top{
	margin-top: 8px;
}
body{
	width: 950px;
	margin: auto;
}
.floatl{
	float: left;
}
.floatr{
	float: right;
}
.w120{
	width: 120px;
 
}
.w112{
	width: 112px;
}
.w82{
	width: 82px;
}
.box_klein{
	width: 95px;	
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;		
}
.box_klein:hover{
	background-color: #cde5f1;
}
.sidebox{
	width: 214px;
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	
}
.kursortbox {
   background-image: url(../images/bg_Kurs.png);
   background-color: #b6d06a;
   background-repeat:no-repeat;
   height:72px;    
}
.kursboxtext {
    padding-left: 85px;
    padding-right: 16px;
    font-size: 16px;
}
.footerbox{
	width: 220px;
	padding-left: 16px;
	
}

/******DIV DEFINITIONEN******/
#ctl00_cphContent_divBilder, #divBilder, #cphContent_divBilder {
        display:none; 
}
#divLogo {
	width: 292px;
	height: 132px;
	background-image: url(../images/ZW_Logo_small.png) ;
	background-repeat: no-repeat;
	background-position: 3px 8px;
	
}

#divHeaderMenue {
	width: 634px;
	height: 132px;
	position: relative;
	padding-left: 16px;
}
#ctl00_divLogo {
	width: 292px;
	height: 132px;
	background-image: url(../images/ZW_Logo_small.png) ;
	background-repeat: no-repeat;
	background-position: 3px 8px;
	
}

#ctl00_divHeaderMenue {
	width: 634px;
	height: 132px;
	position: relative;
	padding-left: 16px;
}
/*******HAUpxMENUE*********/
#divMainMenue{
	width: 412px;
	height: 42px;
	vertical-align: bottom;
	position: absolute;
	bottom: 0px;
	left:0px;	
	text-align: center
		
	
}

#divMainMenue ul li{
	float: left;
	min-height: 42px;
	line-height: 42px;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;		
}
#divMainMenue ul li:hover{
	background-color: #FFF;
}
#divMobileMenue{
	display: none;
}
#divMobileMenuSelector{
	display: none;
}
#divMobileMenuSelector span{
	line-height: 17px;
}

#ctl00_divMainMenue{
	width: 412px;
	height: 42px;
	vertical-align: bottom;
	position: absolute;
	bottom: 0px;
	left:0px;	
	text-align: center
		
	
}

#ctl00_divMainMenue ul li{
	float: left;
	min-height: 42px;
	line-height: 42px;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;		
}
#ctl00_divMainMenue ul li:hover{
	background-color: #FFF;
}
#ctl00_divMobileMenue{
	display: none;
}
#ctl00_divMobileMenuSelector{
	display: none;
}
#ctl00_divMobileMenuSelector span{
	line-height: 17px;
}
/*******Mini Menue*********/
#divMiniMenue{
	margin-left: 336px;
}
#ctl00_divMiniMenue{
	margin-left: 404px;
}
/********SEARCHBOX*********/
#SeachBox{
	height: 34px;
	width: 222px;
	background-image: url(../images/picto_search.png);
	background-position: right center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;	
}
#SeachBox input{
	height: 100%;
	background: transparent;
	border: 0;
	padding-left: 8px;
}
/********CONTENT **********/
#divMain{
	width: 950px;
}
#content{
	width: 712px;
}
#ctl00_divMain{
	width: 950px;
}
#ctl00_content{
	width: 712px;
}
#slider{
	padding-left: 16px;
	padding-top: 32px;
	width: 696px;
	height: 369px;
	background-image: url(../images/ZW_Slider_iurratio-2025.png);
}
#ctl00_slider {
	padding-left: 16px;
	padding-top: 32px;
	width: 696px;
	height: 240px;
	background-image: url(../images/ZW_Slider_iurratio.png);
}
#Quickmenu{
	width: 292px;
}
#Quickmenu ul li{
	width: 280px;
		
}
#Quickmenu01{
	width: 274px;
	/* geändert Markus Broy 01122022 */
	/* height: 128px; */
	min-height: 128px;
	background-image: url(../images/ZW_bg_menu_01.png);
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}
#Quickmenu02{
	width: 274px;
	/* geändert Markus Broy 01122022 */
	/* height: 128px; */
	min-height: 128px;
	background-image: url(../images/ZW_bg_menu_02.png);
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}
#ctl00_Quickmenu{
	width: 292px;
}
#ctl00_Quickmenu ul li{
	width: 280px;
		
}
#ctl00_Quickmenu01{
	width: 274px;
	height: 128px;
	background-image: url(../images/ZW_bg_menu_01.png);
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}
#ctl00_Quickmenu02{
	width: 274px;
	height: 128px;
	background-image: url(../images/ZW_bg_menu_02.png);
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}
#NewsCenter{
	width: 380px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
}
#NewsCenter img {
    max-width: 300px;
}
#sidebar{
	width: 230px;
   
}
#Footer{
	padding-top: 16px;
	margin-bottom: 16px;
}
#ctl00_NewsCenter{
	width: 380px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
}
#ctl00_NewsCenter img {
    max-width: 300px;
}
#ctl00_sidebar{
	width: 230px;
   
}
#ctl00_Footer{
	padding-top: 16px;
	margin-bottom: 16px;
	height: 203px;
}

.Submenu{
	position: absolute;	
	background-color: #FFF;
	padding: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: left;
	top: 42px;
	overflow: visible;
	opacity: 0;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	visibility: collapse;
	
}
.Submenu ul li{
	float: none !important;
	
	border-bottom: 1px solid black;
	line-height: 30px !important;
	min-height: 30px !important;
	white-space: nowrap;
    min-width: 142px;	
}
.Submenu ul li a{
	padding-left: 8px;
    padding-right: 8px;		
}

li:hover .Submenu{
	visibility: visible;
	opacity: 100;
}
#divMidContent a {
    text-decoration: underline;
}

/* Änderung DWS Broy 14.12.2017 Beginn */
#divMidContent p {
	font-size: 15px !important;
	padding-bottom: 12px !important;
}

#divMidContent h2 {
	margin: 12px 0 0 0 !important;
}

#divMidContent div {
	margin: 2px 0 2px 0 !important;
}

#divMidContent ul {
	list-style-type: disc !important;
	margin: 0 0 12px 12px !important;
}

#divMidContent li {
	list-style-type: disc !important;
	padding: 0 0 6px 10px !important;
margin-left:24px;
}


/* Änderung DWS Broy 14.12.2017 Ende */
#ctl00_divMidContent a {
    text-decoration: underline;
}
#divMidContent ul {
    list-style-type: circle;
}
#ctl00_divMidContent ul {
     list-style-type: circle;
}

/******SUBPAGE********/
#leftMenu{
	width: 140px;
	padding: 16px;
}
#leftMenu ul li{
	border-bottom: 1px solid black;
	line-height: 20px !important;
	padding-top: 5px;		
    padding-bottom: 5px;		
}
#divMidContent {
	width: 680px;
	padding: 16px;		
}
#ctl00_leftMenu{
	width: 140px;
	padding: 16px;
}
#ctl00_leftMenu ul li{
	border-bottom: 1px solid black;
	line-height: 20px !important;
	padding-top: 5px;		
    padding-bottom: 5px;		
}
#ctl00_divMidContent {
	width: 680px;
	padding: 16px;		
}
/****INPUTS****/
input[type="text"],input[type="password"]{
	margin-top: 8px;
	font-size: 12px;
	background-color: #FFF;
	height: 36px;
	width: 219px;
	border: 1px solid gray;
	padding-left: 8px;
    padding-right: 8px;
}
input[type="submit"],input[type="reset"]{
	margin-top: 8px;
	font-size: 12px;
	background-color: #FFF;
	height: 36px;
	
	border: 1px solid gray;
	padding-left: 8px;
    padding-right: 8px;
}
select, .fancy-select {
    margin-top: 8px !important;
}
.allmods {
    display: none;
}
.left_input {
    margin-right:8px;
    width: 237px;
    height: 73px;
}
.right_input {
    margin-left: 8px !important;
padding-left:10px;
    width: 237px;
    height: 73px;
}

#tinymce ul {
    list-style-type: circle;
}
.mce-path {
    display: none !important;
}
.mce-content-body {
    width: 648px;
    font-size:13px;

}
#ctl00_cphContent_HTMLEditorNewsText_ifr .mce-content-body {
    width: 380px;
    font-size:13px;

}
.divProfile {

}
.divPersData {
float:left;
min-height: 87px;
margin-right: 16px;
min-width: 296px;
}

/*
.divPersData:nth-child(odd) {
float:left;
}
*/


.valSummary {
	margin-top:24px;
	font-size: 14px;
	color: #ef1122;
}

.valSummary ul {
	margin-left: 24px !important;
	margin-top: 12px !important;
}

	.valSummary li {
	font-size: 14px;
		list-style-type: disc;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 4px !important;
		color: #ef1122;
	}

.video-grid {
	margin-top: 36px;
	/*
	display: grid;
	column-gap: 36px;
	row-gap: 4px;
	grid-template-columns: auto 240px;
	*/
	width: 680px;
	overflow: hidden;
}

	.video-grid .product-header {
		/*
		grid-column-start: 1;
		grid-column: 1/-1;
		*/
		width: 100%;
		margin: 24px 0 0 0 !important;
		line-height: 1.2;
		font-size: 18px;
	}

	.video-grid .divider {
		/*
		grid-column-start: 1;
		grid-column: 1/-1;
		width: 100%;
		*/
		margin: 14px 0 12px 0;
	}
	

