.font-size {
  color:#ffffff;
   display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}
#small {
    font-size:  12px;
}
#normal {
    font-size: 13px;
}
#big {
    font-size: 14px;
}

.kontrast1 {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
	color: #000000;
    padding: 5px;
    margin-left: 7px;
    cursor: pointer;
	text-align: center;
}
.kontrast2 {
background:#000000;
  display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
	color: #ffffff;
    padding: 5px;
    margin-left: 7px;
    cursor: pointer;
	text-align: center;
}
#home-slider{
		position:fixed;
		left:-106px;
		top:120px;
		z-index:100;
	}
	#home-slider .tab{
		cursor:pointer;
		height:31px;
		width:28px;
		float:right;
		padding: 0 20px 0 0;
		background: url(../img/home.png) no-repeat center center;
	}
	#home-slider .tab_n{
	color: #5c5c5c;
	 cursor: pointer;
    float: left;
    height: 31px;
    padding: 3px 0 0;
	}
	#home-code{
		padding:5px;
		background: none repeat scroll 0 0 #dcf2ff;
		border: 1px solid #dcf2ff;
		float:left;
		height:31px;
		-moz-border-radius: 0 0 0 8px;
		-webkit-border-radius: 0 0 0 8px;
		border-radius: 0 5px 5px 0px;
		color: #5c5c5c;
		display: inline-block;
		font-size: 12px;
		font-weight: normal;
		white-space: nowrap;
	}



#kontakt-slider{
		position:fixed;
		left:-63px;
		top:170px;
		z-index:100;
	}
	#kontakt-slider .tab{
		cursor:pointer;
		height:31px;
		width:28px;
		float:right;
		padding: 0 20px 0 0;
		background: url(../img/kontakt.png) no-repeat center center;
	}
	#kontakt-slider .tab_n{
	color: #5c5c5c;
	 cursor: pointer;
    float: left;
    height: 31px;
    padding: 3px 0 0;
	}

	#kontakt-code{
		padding:5px;
		background: none repeat scroll 0 0 #dcf2ff;
		border: 1px solid #dcf2ff;
		float:left;
		height:31px;
		-moz-border-radius: 0 0 0 8px;
		-webkit-border-radius: 0 0 0 8px;
		border-radius: 0 5px 5px 0px;
		color: #5c5c5c;
		display: inline-block;
		font-size: 12px;
		font-weight: normal;
		white-space: nowrap;
	}

#face-slider{
		position:fixed;
		left:-298px;
		top:220px;
		z-index:100;
	}
	#face-slider .tab{
		cursor:pointer;
		height:43px;
		width:47px;
		float:right;
		padding: 0;
		background: url(../img/face.png) no-repeat center center;
	}
	#face-slider .tab_n{
	color: #5c5c5c;
	 cursor: pointer;
    float: left;
    height: 31px;
    padding: 3px 0 0;
	}

	#face-code{
		padding:5px;
		background: none repeat scroll 0 0 #dcf2ff;
		border: 1px solid #dcf2ff;
		float:left;
		width:286px;
		height:296px;
		-moz-border-radius: 0 0 0 8px;
		-webkit-border-radius: 0 0 0 8px;
		border-radius: 0 5px 5px 0px;
		color: #5c5c5c;
		display: inline-block;
		font-size: 12px;
		font-weight: normal;
		white-space: nowrap;
	}






.go-top {
background: url("../img/top.png") no-repeat scroll left top #4c4c4c;
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	display: none;
	width: 50px;
	height: 50px;

}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}





 a{
    color: white;
    text-decoration: none;
}



#menu {
width: 100%;
top: 0;
margin: 0px auto;
height: 100px; 
z-index: 99;

}


.tooltip img {
    transition: transform 0.3s;
}
.tooltip img:hover { 
    transform: scale(1.05);
}

.foto img {
    transition: transform 0.3s;
}
.foto img:hover { 
    transform: scale(1.25);
}
a:focus, #menuWrap li a:focus, input:focus, select:focus, textarea:focus {
    outline: 2px solid #f00 !important;
}