@media only screen and (min-width: 44em) {
td > div.res_menu.dd_menu {
    padding-left: 0px;
    padding-right: 0px;
}
}



.botdialog {
background-color:#000000;
color:#ffffff!important;
}

.botdialog div, .botdialog a {
color:#ffffff!important;
}

.botdialogclose {
border:0px solid #ffffff;
padding:5px;
margin-left:10px;
}

.botdialogclose a, .botdialogclose a:active, .botdialogclose a:visited {
color:#ffffff!important;
}

body { 
background-image: url(/sites/YNZEEEEE/img/orig/ad52213d-7b63-4835-9242-c7b55abdf9a3body_bg.jpg);
background-repeat: no-repeat;
background-size:cover;
}

.body_table{ 
xbackground-image: url(/sites/YNZEEEEE/img/center/78edcc36-7397-4859-8ff3-60183ada3703fred-anti_bg_table.jpg);
background-repeat: repeat-x;
}

td, div {
font-size: 13px;
font-family: 'Roboto', sans-serif;
}

ul {
margin-left:0em; 
  padding-left:10px; 
  margin-bottom:5px; 
}

li {
margin-left: 10px;
margin-bottom: 5px;

}

h1, h2, h3 {

}

h1, .highlight1 {
	font-size: 20px;

}

h2, .highlight2 {
		font-size: 16px;
                     }
h3, .highlight3 {
		font-size: 15px;
                     }

h4, .highlight4 {
		font-size: 14px;
                     }

hr {height: 1px; color: #d3d3d3;}




.graakasse, .gulkasse, .groenkasse {
background-image: url(/sites/YNZEEEEE/img/center/07de3599-b56a-4e89-8fa7-c5136f035067fred-anti_bg_grey.jpg);
background-position:bottom;
background-repeat: repeat-x;
border:1px solid #b4b4b4!important;
padding:15px 0px 15px 0px;
background-color:#F1F1F1;

}

.graakasse td {
}

.graakasse a, .graakasse a:active, .graakasse a:hover, .graakasse a:visited, .graakasse a:visited:hover {
color: #d30602;

}

.gulkasse {
background-image: url(/sites/YNZEEEEE/img/center/a6271271-4db5-4d43-b4f6-425930c5fc29fred-anti_bg_yellow.jpg);
background-color: #FFF701;

}

.gulkasse td {
}

.gulkasse a, .gulkasse a:active, .gulkasse a:hover, .gulkasse a:visited, .gulkasse a:visited:hover {
color: #303030;
}

.groenkasse {
background-image: url(/sites/YNZEEEEE/img/center/23090b17-f39a-4f43-9c09-874dbf22f8b0fred-anti_bg_green.jpg);
background-color: #E9F8CF;
}

.groenkasse td {

}

.groenkasse a, .groenkasse a:active, .groenkasse a:hover, .groenkasse a:visited, .groenkasse a:visited:hover {

}


/*bund*/

/*.bottom_content {
background-image: url(/sites/YNZEEEEE/img/center/4136f414-9f9f-4cbf-9057-32bdbe8e48a3grey_line.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 100%;
margin-top: 0px ;
				font-size: 11px !important;
				font-weight: normal !important;
				font-family: arial, sans-serif!important;
				color: #989898!important;
                                                                                      height:45px;
				 background-color:#FFFFFF !important;	
border: 0px;;
								}

  .bottom_table {
				width: 100%;
				margin-top: 0px ;
				font-size: 11px !important;
				font-weight: normal !important;
				font-family: arial, sans-serif!important;
				color: #989898!important;
                 height:45px;
 background-color:transparent !important;	
}*/

 a     {  text-decoration: underline;
	   color:#d30602;}
a:active   { text-decoration: underline;color:#d30602; }
a:hover  { text-decoration: none;}
a:visited   { text-decoration: underline;color:#d30602; }
a:visited:hover  { text-decoration: none;}

.graakasse, .gulkasse, .groenkasse {
background-image: url(/sites/YNZEEEEE/img/center/07de3599-b56a-4e89-8fa7-c5136f035067fred-anti_bg_grey.jpg);
background-position:bottom;
background-repeat: repeat-x;
border:1px solid #b4b4b4!important;
padding:15px 0px 15px 0px;
background-color:#F1F1F1;

}

.graakasse a, .graakasse a:active, .graakasse a:hover, .graakasse a:visited, .graakasse a:visited:hover {
color: #d30602;

}
.gulkasse {
background-image: url(/sites/YNZEEEEE/img/center/a6271271-4db5-4d43-b4f6-425930c5fc29fred-anti_bg_yellow.jpg);
background-color: #FFF701;

}

.gulkasse td {
}

.gulkasse a, .gulkasse a:active, .gulkasse a:hover, .gulkasse a:visited, .gulkasse a:visited:hover {
color: #303030;
}
.groenkasse {
background-image: url(/sites/YNZEEEEE/img/center/23090b17-f39a-4f43-9c09-874dbf22f8b0fred-anti_bg_green.jpg);
background-color: #E9F8CF;
}

.groenkasse td {

}

.groenkasse a, .groenkasse a:active, .groenkasse a:hover, .groenkasse a:visited, .groenkasse a:visited:hover {

}
.topzbasic {
padding: 25px 0px 25px 0px;
box-sizing: border-box;
}

.topzbasic .elmhiimgcont a {
width:519px;
height:74px;
margin-left:20px;
padding-top:0%;
padding-bottom:0%;
float:left;
background-size:100%;
background-repeat:no-repeat;
}

@media only screen and (max-width: 44em) {
.topzbasic {
border-bottom:1px dotted #cccccc;
}

.topzbasic .elmhiimgcont a {
width:300px;
height:43px;
}
}
@media only screen and (max-width: 30em) {
.topzbasic .elmhiimgcont a {
float:none;
margin-left:auto;
margin-right:auto;
}
}
.topztelcallus:before{
content: '\f098';
font-size: 20px;
top:38px;
left:11px;
position: absolute;
font-family: FontAwesome;
color: $contentbgcolor;
}


.topztelcallus{
-webkit-border-radius: 5px;
border-radius: 5px;
float:right;
margin-right:20px;
width:130px;
margin-top:0px;
position: relative;
padding:10px;
background-color:$hormenubgcolor;
}

.topztelcallus {

td,  div,  a {
font-size: 18px;
color: $contentbgcolor;
text-decoration:none;
white-space: nowrap;
}

}

@media only screen and (min-width:30.0009em) and (max-width: 44em) {
.topztelcallus:before{

}

.topztelcallus{
margin-right:55px;
margin-top:5px;
}

.topztelcallus {

 td, div, a {

}
}
}

@media only screen and (max-width: 30em) {
.topztelcallus{
float:none;
margin-left:auto;
margin-right:auto;
}
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
}
.topzbg {
background-color:$layoutfgcolor;
}
.fp3zonesub {
x-webkit-border-radius: 5px;
xborder-radius: 5px;
xborder:1px solid mix($contentbgcolor,$contentfgcolor,80%);
box-sizing: border-box;
background-color:mix($contentbgcolor,$contentfgcolor,90%);
}

@media only screen and (max-width: 80em) {
.fp3zone {
padding:0px 00px 0px 00px;
box-sizing: border-box;
}
}

.fp3zone h1, 
.fp3zone .highlight1, 
.fp3zone h2, 
.fp3zone .highlight2,
.fp3zone h1 a, 
.fp3zone .highlight1 a, 
.fp3zone h2 a, 
.fp3zone .highlight2 a {
background-color: $hormenubgcolor;
color: $hormenufgcolor;
padding:10px 10px 10px 20px;
text-decoration:none;
display:block;
text-transform: uppercase;
}




.publish>tbody>tr>.fp3zonesub {
position: relative;
padding-bottom: 4.5em;
>a,
>table:first-of-type {padding:0px;}
>* {padding-left:15px;padding-right:15px;}
>*:last-child { 
position:absolute; 
bottom:0px; 
width: 100%;
padding-bottom:15px;
}
}

.fp3zone {
ul {
    margin: 0 0 0em 0;
    padding: 0 0 0 0.4em; 
    list-style: none;
}

li {
  padding-left: 1.3em;
padding-bottom:1em;
}

li:before {
  content: '\f138';
  font-family: FontAwesome; 
  display: inline-block;
  width: 1.3em; /* same as padding-left set on li */
  margin-left: -1.3em; /* same as padding-left set on li */
}}
.btntxticon001>tbody>tr>td {

>a:before{
   content: '\f105';
    font-size: 1.4em;
right: .2em;
top:26%;
position: absolute;
font-family: FontAwesome;
color: $hormenufgcolor;
}

>a{
position: relative;
color: $hormenufgcolor;
box-sizing: border-box;
width:100%;
text-decoration:none;
background-color:$topbgcolor;
padding:10px;
padding-right:30px;
font-size: 1.4em;
display: inline-block;
-webkit-border-radius: 5px;
border-radius: 5px;
  transition:color .1s ease-out, background 0.1s ease-in;
   transform: translate(0px, 0px);
}

>a:hover:before{

}

>a:hover{
background-color: mix($hormenubgcolor, $contentfgcolor, 85%);
}
}
.fp4zoneround {
margin-top:30px;
box-sizing: border-box;
}

.fp4zoneroundsub>table>tbody>tr {

>.sz1, >.sz2 {

-webkit-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
}
}


.fp4zoneround { 
h1,  .highlight1, 
h2,  .highlight2,
 h1 a,  .highlight1 a, 
 h2 a,  .highlight2 a 
{
background-color:mix($contentbgcolor,$contentfgcolor,90%);
color: $hormenubgcolor;
padding:10px;
text-decoration:none;
box-sizing: border-box;
display:block;
}
}


.publish>tbody>tr>.fp4zoneroundsub {
position: relative;
>table>tbody>tr {
>.sz1, >.sz2{

padding-bottom: 3.5em;
>a,
>table:first-of-type {padding:0px;}
>* {padding-left:15px;padding-right:15px;}
>*:last-child { position:absolute; bottom:0px; width: 45%;padding-bottom:15px;}
}
}
}


@media only screen and (max-width: 30em) {
.publish>tbody>tr>.fp4zoneroundsub {
position: relative;
>table>tbody>tr {    
>.sz1, >.sz2{
>*:last-child { position:static; bottom:0px;width:100%;padding-bottom:0px;}
}
}
}
}
.btntxticon>tbody>tr>td {

>a:before{
   content: '\f105';
    font-size: 1.2em;
right: .4em;
top:26%;
position: absolute;
font-family: FontAwesome;
color: $hormenufgcolor;
}

>a{
position: relative;
color: $hormenufgcolor;
box-sizing: border-box;
xwidth:40%;
text-decoration:none;
background-color:$topbgcolor;
padding:10px;
padding-right:30px;
font-size: 1.2em;
display: block;
-webkit-border-radius: 5px;
border-radius: 5px;
transition: all .3s ease-in;
}

>a:hover:before{

}

>a:hover{
background-color: mix($hormenubgcolor, $contentfgcolor, 85%);
}
}
.iconelm td, .iconelm div {
font-family: FontAwesome;
text-align:center;
padding-right:2%;
font-size:4em;
color: $topbgcolor;
}
.sp2zone {

}

.sp2zonesub1 {
background-image: url(/sites/YNZEEEEE/img/center/07de3599-b56a-4e89-8fa7-c5136f035067fred-anti_bg_grey.jpg);
background-position:bottom;
background-repeat: repeat-x;
border:1px solid #b4b4b4;
padding:15px ;
background-color:#F1F1F1;
}