.TTBody {
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 16px;
    color: #000;
	margin:0px; 
	padding:0px;
	text-size-adjust: none;
}

div.divMenu {
	background:#096AB1;
	color:#ffffff;
	padding:9px;
	position:fixed; 
	top:0px; 
	left:0px; 
	right:0px; 
	min-height:40px;
	z-index: 99999;
}

div.divMemuRow {
	display: initial;
	float:right;
}

div.divMemuRowMob {
	display: none;
	width: 100%; 
}

div.divMemuPop {
	display: none;
}


div.divPage {
	margin-top: 50px;	
}

div.divPageCont {
	padding-left:9px;
	padding-right:9px;
	clear: both;
}


div.divLeft, div.divRight {
	display:inline-block; 
	width: 47%; 
	vertical-align:top;;
}

div.divRight {
	margin-left:11px;
}

div.divRightCont{
	margin-left:21px;
	padding-left:11px;
}


div.duvLeftFloat {
	float:right;
	margin-right:21px;
}

div.duvBottom {
	font-size:13px; 
	width:90%;
}	

.divLogo {
	display: inline-block;
}    		


div.divMenu a {
    color: #FFFFFF;
}

.TTTblBdy table, .TTTblBdyMenu table {
    color: #000;
    border-spacing: 1px;
    background-color: #cedcee;
}
.TTTblBdy td {
    padding: 7px 21px 7px 5px;
    vertical-align: top;
	font-size: 16px;
}

.TTTblBdyMenu td {
    padding: 7px 29px 7px 5px;
    vertical-align: top;
	font-size: 16px;
	color: #FFFFFF;
}

.TTTblBdy th {
    padding: 7px 21px 7px 5px;
    vertical-align: top;
	font-size: 16px;
	text-align: left;
}

td.tdBottom {
    padding-right: 31px;
	padding-left: 31px;
	line-height:25px;
	font-size: 15px;
}


.tblPops {
	margin-left: 31px
}


td.tdBullet {
    padding: 7px 21px 7px 5px;
    vertical-align: middle;
	font-size: 16px;
}


a {
    color: #096AB1;
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.aContact {
	
}	

H3 {
	color: #1D5B8B;
}	

H2 {
 
}

.HRGreen {
	color: #096AB1;
	background-color: #096AB1;
	height: 1px;
	border-width: 0;	
}	


div.TTBlok {
    background-color: #FFFFFF;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
    width: 480px;
	height: 280px;
    min-width: 325px;
    max-width: 520px;
    border: 1px solid #096AB1;
    border-top: 0px;
    border-radius: 0px 0px 6px 6px;
    overflow: hidden;
    text-align: left;
    vertical-align: top;
}

div.divHomeKop {
    font-weight: bold;
    padding: 5px;
    padding-left: 10px;
    margin-bottom: 3px;
    background: #107FD0;
    border: 1px solid #096AB1;
    border-left: 0px;
    border-right: 0px;
    margin: 0px;
    overflow: hidden;
    color: #FFFFFF;
    height: 22px;
}

div.divHomeTextCont {
    overflow: auto;
    padding: 10px;
}


#Slide2No {
  margin:0 auto;
  float:right;
}

#Slide2No img {
  position:absolute;
  left:395px;
}



#Slide2 {
  margin:0 auto;
}

#Slide2 img {
  position:absolute;
  left:395px;
  x-webkit-transition: opacity 1s ease-in-out;
  x-moz-transition: opacity 1s ease-in-out;
  x-o-transition: opacity 1s ease-in-out;
  xtransition: opacity 1s ease-in-out;
}

#Slide2 img.top:hover {
  opacity:0;
}

@keyframes Slide2FadeInOut {
 	0% {   opacity:1; }
	35% { opacity:1; }
	65% { opacity:0; }
	100% { opacity:0; }
}

#Slide2 img.top {
	animation-name: Slide2FadeInOut;
	xanimation-timing-function: ease-in-out;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 10s;
	animation-direction: alternate;
}


@-webkit-keyframes Slide3FadeInOut {
 0%   { opacity:1; }
 22%  { opacity:1; }
 34%  { opacity:0; }
 88%  { opacity:0; }
 100% { opacity:1; }
}

@-moz-keyframes Slide3FadeInOut {
 0%   { opacity:1; }
 22%  { opacity:1; }
 34%  { opacity:0; }
 88%  { opacity:0; }
 100% { opacity:1; }
}

@-o-keyframes Slide3FadeInOut {
 0%   { opacity:1; }
 22%  { opacity:1; }
 34%  { opacity:0; }
 88%  { opacity:0; }
 100% { opacity:1; }
}

@keyframes Slide3FadeInOut {
 0%   { opacity:1; }
 22%  { opacity:1; }
 34%  { opacity:0; }
 88%  { opacity:0; }
 100% { opacity:1; }
}

#Slide3 img:nth-of-type(1) { animation-delay: 8s; }
#Slide3 img:nth-of-type(2) { animation-delay: 4s; }
#Slide3 img:nth-of-type(3) { animation-delay: 0;  }


#Slide3 img {
  position:absolute;
  left:395px;
}

#Slide3 img {
  -webkit-animation-name: Slide3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 12s;

  -moz-animation-name: Slide3FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 12s;

  -o-animation-name: Slide3FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 12s;

  animation-name: Slide3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
}


#Slide3 {
  margin:0 auto;
  float:right;
}


#NoSlide img {
  position:absolute;
  left:395px;
}

.imgBul{
	max-width: 85px;
	border-radius: 0px;
	border: 1px solid #107FD0;
	
}

.imgBul:hover{
	xborder-radius: 9px;
	cursor: pointer;
}


.bulPop {
	display: none;
	background: #FCC15A;
	border-radius: 12px;
	max-width: 350px;
	position: absolute;
	padding: 21px;
	z-index: 999990;
	height: 320px;
	box-shadow: 10px 10px 5px #ccc;
	overflow: auto;
}

.bulPop img {
  border: 1px solid black;
}


div.divOverlay {
	opacity: 75%;
	background: #E2DEDE;
	top: 0px;
	bottom: 0px;
	width: 100%;
	position: fixed;
	display: none;
	z-index: 31;
}

a.closeWhite {
	width: 30px;
	height: 30px;
	float:right; 
	color:red; 
	font-weight:bold;
	background: white;
	border-radius: 50%;
	text-align: center;
	line-height: 29px;
}	



div.divIndexTop{
	vertical-align:top; 
	padding:9px; 
	background-color:#F7F5EF; 
	margin-bottom:9px;
	min-height:520px;
}	

div.divIndexTopBlok{
	display: inline-block; 
	background: #FFFFFF; 
	width: 300px; 
	height:290px; 
	padding: 42px; 
	padding-top: 12px; 
	margin-top:60px; 
	margin-left:90px; 
	border:1px solid black; 
	border-radius:6px; 
	z-index:1; 
	position:sticky;
}	

div.divIndexTopSmall{
	vertical-align:top; 
	padding:9px; 
	background-color:#F7F5EF; 
	min-height:350px;
}	


div.div90 {
	width:90%;
}	


div.divPad11 {
	padding:11px;
}	

div.TTBLokBef{
	margin-left: 20px; 
	margin-right: 20px; 
}	

div.divBlokCenterRight{
	margin-left:11px;
}	

div.divBlokCenterRightCont{
	margin-left:21px; 
	padding-left:11px;
	max-width:550px;
	vertical-align:top;
	margin-top:0px;
	vertical-align:top;
}	

div.Contact550{
	max-width:550px;
	margin-right:21px; 
	vertical-align:top;
}	

div.divYellowBox{
	display:inline-block; 
	vertical-align:top; 
	background: #FFFECF; 
	max-width:390px; 
	max-height:140px; 
	padding: 22px;
	margin-top:60px; 
	margin-left:650px; 
	border:1px solid black; 
	border-radius:6px; 
	position:sticky; 
	z-index:1;
	float: none;
}	

div.divKauwTbl {
	display: inline-block;
}	


div.divKauwBlok {
	display: none;
	text-align: left;
}	

div.divKauwText{
	max-width:580px; 
	vertical-align:top; 
}	

@media screen and (max-width: 1590px){
	div.divYellowBox{
		margin-left:0px;
		float: right;
		margin-right:5px;
	}	
}	


@media screen and (max-width: 1525px){
	div.divIndexTopBlok{
		margin-left:5px;
		xwidth: auto;
		padding: 9px;
		padding-left: 18px;
		padding-right: 18px;
	}	
	#Slide2No img {
	  left:280px;
	  width: calc( 100% - 280px);
	  max-width: 100%;
	}
	#Slide3 img {
	  left:280px;
	  width: calc( 100% - 280px);
	  max-width: 1100px;
	}
	div.divIndexTop{
		min-height:500px; 
	}	
	img.ImgContact {
	  width: calc( 100% - 20px);
	  max-width: 1100px;
	}
	
}	

@media screen and (max-width: 1326px){
	div.divIndexTop{
		min-height:470px; 
	}	
	
}	


@media screen and (max-width: 1280px){
	div.duvLeftFloat {
		padding-left:9px;
	}
	div.TTBlok {
		width: 380px;
		height: auto;
		min-height: 340px;
	}
	div.divIndexTop{
		min-height:450px; 
	}	
	
}	

@media screen and (max-width: 1220px){
	div.divIndexTop{
		min-height:430px; 
	}	
	
}	


@media screen and (max-width: 1170px){
	div.duvLeftFloat {
		padding-left:9px;
	}
	div.TTBlok {
		width: 380px;
		height: auto;
		min-height: 340px;
	}
	div.divIndexTop{
		min-height:400px; 
	}	
}	

@media screen and (max-width: 1100px){
	div.divIndexTop{
		min-height:380px; 
	}	
	
}	


@media screen and (max-width: 1030px){

	div.divLeft, div.divRight {
		display:inline-block; 
		width: 100%; 
		vertical-align:top;;
	}

	div.divRight {
		margin-left:0px;
	}
	div.divRightCont{
		margin-left:6px;
		padding-left:1px;
	}
	
	div.duvLeftFloat {
		float: none;
		margin-right:3px;
		padding-left:3px;
		display:inline-block; 
	}
	div.duvBottom {
		width:100%;
	}	
	img {
		max-width:97%;
	}	
	
	#Slide2No img {
	  left:245px;
	  width: calc( 100% - 245px);
	}
	#Slide3 img {
	  left:245px;
	  width: calc( 100% - 245px);
	}
	div.divBlokCenterRight{
		margin-left:0px;
	}	
	div.divBlokCenterRightCont{
		margin-left:0px; 
		padding-left:0px;
	}	
	
	div.divKauwTbl {
		display: none;
	}	


	div.divKauwBlok {
		display: block;
	}	
	div.divIndexTopBlok{
		margin-top:50px; 
	}	
	div.divIndexTop{
		min-height:370px; 
	}	
	
}	

@media screen and (max-width: 920px){
	div.divYellowBox{
		margin-top:30px;
		float: none;
		margin-left:30px;
	}	
	td.tdBottom {
		padding-left:9px;
		padding-right:9px;
	}
}	


@media screen and (max-width: 850px){
	.divLogo {
		display: none;
	}    
	
	div.divIndexTop{
		min-height:360px;
	}	
	div.divIndexTopSmall{
		min-height:330px;
	}	
	div.divIndexTopBlok{
		margin-top:30px; 
	}	
	div.divBlokCenterRight{
		margin-top:10px;
	}	

	div.divBlokCenterRightCont{
		min-width:480px;
	}	
	div.Contact550{
		min-width:480px;	
		margin-right: 0px;
	}	
	
}    



@media screen and (max-width: 740px){
	td.tdBottom {
		display: block;
	}
}


@media screen and (max-width: 695px){
	.TTTblBdyMenu td {
		padding-right: 14px;
	}
	div.divMemuRow {
		float:none;
	}

}

@media screen and (max-width: 602px){
	.TTTblBdyMenu td {
		padding-right: 7px;
	}
	#Slide3 {
	  display: block;
	  float:none;
	  height: 170px;
	}	
	#Slide3 img {
	  left:5px;
	  width: calc( 100% - 15px);
	  max-height: 170px;
	}
	#Slide2No {
	  display: block;
	  float:none;
	  height: 150px;
	}
	#Slide2No img {
	  left:5px;
	  width: calc( 100% - 15px);
	  max-height: 170px;
	}
	
	
}



@media screen and (max-width: 590px){
	div.divMemuRow {
		display: none;
	}
	div.divMemuRowMob {
		display: inline-block;
	}
	div.divIndexTopBlok{
		margin-left:0px; 
		margin-top:10px; 
		xwidth: auto;
		padding: 9px;
		padding-left: 10px;
		padding-right: 10px;
		width:calc( 100% - 30px);
	}	
	div.divIndexTop{
		min-height:350px;
	}	
	div.divIndexTopSmall{
		min-height:290px;
	}	

	div.div90 {
		width:100%;
	}	

	div.divPad11 {
		padding:1px;
	}	
	div.TTBLokBef{
		margin-left: 0px; 
		margin-right: 0px; 
	}	
	div.TTBlok {
		margin-left: 5px;
		margin-right: 5px;
		width: 97%;
		height: auto;
		min-height: unset;
	}
	div.divHomeKop {
		height: auto;
	}
	div.divBlokCenterRightCont{
		width:auto;
		min-width:unset;
	}	

	div.Contact550{
		width:auto;
		min-width:unset;	
	}	
	div.divYellowBox{
		margin-left:3px;
	}	
	
}    



@media screen and (max-width: 500px){
	.TTTblBdy td {
		padding: 7px 11px 7px 5px;
		display:block; 
	}
	.tblPops {
		margin-left: 0px;
	}
	div.divKauwText{
		padding:21px;
		padding-top:1px;
	}	
	
	td.tdBullet {
		padding: 7px 7px 7px 5px;
	}
}    
