/* @override
	https://dr-kratzer.com/css/style.css */


@import url("reset.css");
body{ 
	text-align: center;
	color: #919192;
	font: 14px/21px Arial, Helvetica, sans-serif;
	background: url(../img/dr-kratzer-hg.jpg) repeat-y center;
}
/* 01) General  ============================================================================== */
.loadingpage{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999999999;
	background: url(../img/loading.gif) no-repeat center center #FFF;
}
img.scale-with-grid{
	max-width: 100%;
	height: auto; 
}
.boldt{
	font-weight: 600;
}

#home img.typo {
	margin-top: 100px;
	margin-left: 10px;
}

h1{
	font-weight: normal;
	font-style: normal;
	font-size: 50px;
	text-align: center;
	line-height: 70px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2{
	color: #fff;
	padding: 7px 40px 7px 12px;
	background: #839cab repeat-x;
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 40px;
	display: inline-block;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	margin: 0;
}

h3{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 21px;
	margin-top: 250px;
}

h4{
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	line-height: 21px;
	letter-spacing: 1px;
}

li{	list-style: none;
}

#slide3 div.scroll-pane.jspScrollable div.jspContainer div.jspPane ul li {
	list-style-type: none;
	padding-left: 10px;
	background: url(../img/punkt.jpg) no-repeat 0 7px;
}

a{
	text-decoration: none; 
	position: relative; 
	color: #839cab;  
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}

p.p1 {
	margin-bottom: 10px;
}

.hidden{
	display: none; 
}

.container {
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 4040px;
}

#wrapper {
	width: 1366px;
	display: block;
	background-color: #FFF;
	height: 4040px;
	margin-left: 17px;
	margin-right: 17px;
}

#dat-content {
    padding: 100px;
    text-align: left;
}

div#dat-content h2 {
    margin-bottom: 30px;
}

section{
	text-align: left; 
	position: relative; 
	overflow: hidden; 
	float: left; 
	padding: 0; 
	margin: 0; 
	height: 768px;
	width: 1366px;
	opacity: 0.1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

.section-active {
	padding: 0; 
	margin: 0; 
	height: 768px;
	width: 1366px;
	opacity: 1;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
}

span {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.text-box {
	position: relative;
	top: 300px;
	left: 600px;
	width: 700px;
}

#btn-box {
	display: block;
	position: relative;
	top: 150px;
	left: 100px;
}

#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a  {
	display: block;
}

#btn1 a:hover, #btn2 a:hover, #btn3 a:hover, #btn4 a:hover, #btn5 a:hover {
	background-color: #839cab;
	width: 160px;
	height: 160px;
	display: block;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#btn1, #btn2, #btn3, #btn4, #btn5 {
	width: 160px;
	height: 200px;
	display: block;
	float: left;
	margin-right: 30px;
}

.btn-text {
	font-size: 13px;
	color: #919192;
	background-color: #FFF;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 140px;
	margin-left: 4px;
	margin-top: 0;
	margin-bottom: 0;
}

#slides {
	display: block;
	position: relative;
	top: 360px;
	left: 105px;
	width: 900px;
	height: 360px;
}

.slide-properties {
	width: 500px;
	height: 310px;
	overflow: hidden;
	display: block;
	position: absolute;
	border: 5px solid #FFF;
	padding-left: 380px;
	padding-top: 30px;
	padding-right: 20px;
}

#slide1 { background: #FFF url(../img/praxis-hg.jpg) no-repeat left top; }
#slide2 { background: #FFF url(../img/zusatzleistungen-hg.jpg) no-repeat left top; }
#slide3 { background: #FFF url(../img/zusatzleistungen-hg-neu.jpg) no-repeat left top; }
#slide4 { background: #FFF url(../img/hilfe-hg.jpg) no-repeat left top; }
#slide5 { background: #FFF url(../img/untersuchung-hg.jpg) no-repeat left top; }

#slides p {
	margin-top: 10px;
}

#dat {
    display: flex;
    position: fixed;
    z-index: 1009;
    bottom: 20px;
    left: 1260px;
    background-color: #fff;
    padding: 1px 10px 2px;
}


/* 02) Header  ================================================================================ */
#btop{
	position: fixed;
	top: -6px;
	z-index: 9999999;
	height: 100px;
	width: 1366px;
	margin: 0 auto;
}

#nav{ 
	position: relative;
	height: auto;
	text-align: right;
	top: 40px;
	right: 20px;
	display: block;
	float: right;
}

#nav a:focus{
	outline: 0;
}

#nav a.selected{
	color: #fff;
	background-color: #839cab;
}
#nav a:hover{
	color: #000;
	
}

#nav select{
	display: none;
}

#nav ul{ 
	text-align: left; 
	display: inline-block; 
	margin: 0 auto;
	line-height: 20px;
	float: left;
	padding: 0;
}


#nav li{ 
	float: left;
	list-style: none;
	background-color: #FFF;
	margin-right: 1px;
	border-top-color: #fd2500;
}

#nav a {
	font-size: 12px; 
	border: 0;
	text-decoration: none; 
	padding: 0;
	margin: 0;  
	display: block;  
	cursor: pointer;
	line-height: 32px;
	text-transform: uppercase;
	padding: 0 14px;
	height: 30px;
	border-left: 1px solid #cecfce;
	color: #919192;
}

#nav ul.nav-menu li.end {
	border-right: 1px solid #cecfce;	
}

.nav-close{
	display:none;
	font-size:8px;
	text-transform:uppercase;
	padding:1px 8px;
	background:#dedede;
	text-decoration:none;
	position:absolute;
	z-index:50;
}
 


/* 03 Seiten ===================================================================================  */




#home{ 
	position: relative;
	float: left;
	margin: 0;
	background-image: url(../img/dr-kratzer-start.jpg);
}


#portrait{
	position: relative;
	float: left;
	margin: 0;
	background-image: url(../img/dr-kratzer-herr.jpg);
}

   
#praxis{
	position: relative;
	float: left;
	margin: 0;
	background-image: url(../img/dr-kratzer-leistungen.jpg);
}

#beratung{
	position: relative;
	float: left;
	margin: 0;
	background-image: url(../img/dr-kratzer-frau.jpg);
}


#contact{
	position: relative;
	float: left;
	margin: 0;
	background-image: url(../img/dr-kratzer-kontakt.jpg);
}

.formular {
	display: block;
	height: 450px;
	position: relative;
	top: 250px;
	width: 900px;
	left: 250px;
}

#contact_form{
	display: block;
	float: right;
	width: 400px;
}

div.contact-form {
	display: block;
	float: left;
}

#contact_form h6 {
	background-color: #FFF;
	padding-left: 5px;
	margin-bottom: 15px;
}



#name, #email, #message{

}

#contact label{ 
}

#contact input, textarea{
	display: block;
	float: left;
	width: 280px;
	height: 25px;
	border-style: none;
	padding: 0 5px;
	margin-bottom: 10px;
}

#contact textarea{
	height: 200px;
}

a.button{
	width: 285px;
	height: 20px;
	background-color: #FFF;
	padding-left: 5px;
	display: block;
	float: left;
	margin-left: 96px;
	padding-top: 3px;
	padding-bottom: 4px;
}

a.button:hover{
	background-color: #839cab;
	color: #FFF;
}


#contact .form{
	display: block;
	float: left;
	margin-top: 15px;
}

#contact .form input.hightlight, .form textarea.hightlight{ 
	border:1px solid red;
}

#contact .form-success{
	display:none;
	position: absolute;
	color: #839cab;
	font-size: 20px;
	margin: 0;
}

#contact .form-success p{
	padding-top: 40px;
	font-size: 16px;
	margin: 0;
}

.loading{ 
	display:none;
	background:url(../img/loading.gif) no-repeat 1px; 
	height:66px; 
	width:66px; 
	position:absolute; 
	margin-top:-8%; 
	margin-left:96%;
}

.form span{
	position: relative;
	font-size: 12px;
	margin: 0 1px 0 0;
	background-color: #fff;
	width: 90px;
	display: block;
	float: left;
	height: 25px;
	padding: 0 0 0 5px;
	line-height: 26px;
}

.location{
	width: 400px;
	height: 400px;
	display: block;
	position: relative;
	float: left;
}

.location h6{
	margin-left: 0;
	position: relative;

}

.location span {
	width: 330px;
	padding-left: 5px;
	background-color: #FFF;
}

.location p {
	padding-left: 5px;
	background-color: #FFF;
	padding-right: 10px;
	display: inline;
	clear: left;
	float: left;
}

.location p.abstand {
	margin-bottom: 10px;
}

.location p.abstand2 {
	display: block;
	width: 165px;
	margin-top: 1px;
}

span.links {
	float: left;
	margin: 0;
	padding: 0;
	width: 70px;
}

span.rechts {
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
	text-align: right;
}

#footer {
	width: 1366px;
	height: 200px;
	background-color: #839cab;
	position: relative;
	float: left;
	text-align: right;
	font-size: 12px;
}

#footer a {
	color: #FFF;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

#footer a:hover {
	color: #000;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.scroll-pane {
	margin-top: 20px;
	width: 510px;
	height: 245px;
	overflow: auto;
	display: block !important;
}

.horizontal-only {
	height: auto;
	max-height: 200px;
}


@media only screen and (max-width: 670px) {
    body{ 
		text-align: center;
		color: #919192;
		font: 14px/21px Arial, Helvetica, sans-serif;
		background: url(../img/dr-kratzer-hg.jpg) repeat-y center;
		background-size:100%;
	}
	
	.container {
		width: 100vw;
		margin-right: auto;
		margin-left: auto;
		display: block;
		height: 4040px;
	}
	
	#wrapper {
		width: 100vw;
		display: block;
		background-color: #FFF;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	section{
		text-align: left; 
		position: relative; 
		overflow: hidden; 
		float: left; 
		padding: 0; 
		margin: 0; 
		height: 100vh;
		width: 100vw;
		opacity: 0.1;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-ms-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
	}
	
	.section-active {
		padding: 0; 
		margin: 0; 
		height: 100vh;
		width: 98vw;
		opacity: 1;
		-webkit-transition-duration: 2s;
		-moz-transition-duration: 2s;
		-ms-transition-duration: 2s;
		-o-transition-duration: 2s;
		transition-duration: 2s;
	}
	
	#btop{
		position: fixed;
		top: 0px;
		z-index: 9999999;
		width: 350px;
		margin: 0 auto;
	}
	
	#nav{ 
		position: relative;
		height: auto;
		top: 30px;
		display: block;
		left: 0;
		text-align: center;
	}
	
	#nav li:first-child{
		display: none;
	}
	
	#nav a {
		font-size: 12px; 
		border: 0;
		text-decoration: none; 
		padding: 0 10px;
		margin: 0;  
		display: block;  
		cursor: pointer;
		line-height: 32px;
		text-transform: uppercase;
		height: 30px;
		border-left: 1px solid #cecfce;
		color: #919192;
	}
	
	#nav ul{ 
		text-align: left; 
		display: inline-block; 
		margin: 0 auto;
		line-height: 20px;
		padding: 0;
		float: left;
	}
		
	h1{
		font-weight: normal;
		font-style: normal;
		font-size: 50px;
		text-align: center;
		line-height: 50px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	h2{
		color: #fff;
		padding: 7px 40px 7px 12px;
		background: #839cab repeat-x;
		margin-top: 0;
		margin-bottom: 20px;
		margin-left: 40px;
		display: inline-block;
		font-size: 24px;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 1px;
		margin: 0;
	}
	
	h3{
		text-align: center;
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		line-height: 21px;
		margin-top: 100px;
	}
	
	h4{
		text-align: center;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: normal;
		font-style: normal;
		line-height: 21px;
		letter-spacing: 1px;
		margin-top: 30px;
	}
	
	#portrait{
		position: relative;
		float: left;
		margin: 0;
		background: url(../img/dr-kratzer-herr.jpg) left top no-repeat;
		background-size: 650px;
	}
	
	   
	#praxis{
		position: relative;
		float: left;
		margin: 0;
		background-image: url(../img/dr-kratzer-leistungen.jpg);
	}
	
	#beratung{
		position: relative;
		float: left;
		margin: 0;
		background: url(../img/dr-kratzer-frau.jpg) left top no-repeat;
		background-size: 650px;
	}
	
	
	#contact{
		position: relative;
		float: left;
		margin: 0;
		background-image: url(../img/dr-kratzer-kontakt.jpg);
		background-size: 1200px;
	}
	
	
	.text-box {
		position: relative;
		top: 100px;
		left: 270px;
		width: 350px;
		background-color: #fff;
		padding-left: 0px;
		height: 250px;
	}
	
	.scroll-pane {
		margin-top: 20px;
		height: 180px;
		overflow: auto;
		display: block !important;
	}
	
	#slides .scroll-pane {
		margin-top: 20px;
		overflow: auto;
		display: block !important;
		height: 315px;
	}
	
	
	p.p1, p, span {
		margin-bottom: 10px;
		width: 330px;
		padding-left: 10px;
	}
	
	#slide3 div.scroll-pane.jspScrollable div.jspContainer div.jspPane ul li {
		list-style-type: none;
		padding-left: 10px;
		background: url(../img/punkt.jpg) no-repeat 0 7px;
		width: 330px;
		font: 14px/21px Arial, Helvetica, sans-serif;
		display: block;
		padding-right: 10px;
	}
	
	.jspPane table{
		padding-left: 0 !important;
		margin-left: 10px;
		width: 330px;
	}
	
	.jspPane {
		padding-bottom: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.jspTrack {
		display: none;
		visibility: hidden;
	}
	
	.location{
		width: 600px;
		height: 300px;
		display: block;
		position: relative;
		float: left;
		padding-left: 36px;
	}
	
	.location p {
		padding-left: 5px;
		background-color: #FFF;
		padding-right: 10px;
		display: inline;
		clear: left;
		float: left;
		margin-bottom: 0;
	}
	
	.location p.abstand {
		margin-bottom: 10px;
	}
	
	.formular {
		display: block;
		height: 450px;
		position: relative;
		top: 100px;
		width: 600px;
		left: 0px;
	}
	
	#btn-box {
		display: block;
		position: relative;
		top: 70px;
		left: 30px;
		width: 600px;
	}

	#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a  {
		display: block;
		height: 80px;
	}
	
	#btn1 a:hover, #btn2 a:hover, #btn3 a:hover, #btn4 a:hover, #btn5 a:hover {
		background-color: #839cab;
		width: 62px;
		height: 70px;
		display: block;
		-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	
	#btn1, #btn2, #btn3, #btn4, #btn5 {
		width: 62px;
		height: 70px;
		display: block;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	li#btn1 a img, li#btn2 a img, li#btn3 a img, li#btn4 a img, li#btn5 a img {
		width: 62px;
	}
	
	.btn-text {
		display: none;
		visibility: hidden;
	}
	
	#slides {
		display: block;
		position: relative;
		top: 140px;
		left: 30px;
		height: 360px;
	}
	
	.slide-properties {
		width: 580px;
		height: 360px;
		overflow: hidden;
		display: block;
		position: absolute;
		border: 5px solid #FFF;
		padding-left: 10px;
		padding-top: 10px;
		padding-right: 1px;
	}
	
	#slide1 { background: #FFF url() no-repeat left top; }
	#slide2 { background: #FFF url() no-repeat left top; }
	#slide3 { background: #FFF url() no-repeat left top; }
	#slide4 { background: #FFF url() no-repeat left top; }
	#slide5 { background: #FFF url() no-repeat left top; }
	
	#slides p {
		margin-top: 10px;
		padding-left: 0;
	}

	#dat {
		position: absolute;
	    z-index: 1009;
	    bottom: 20px;
		background-color: #fff;
	    padding: 1px 10px 2px;
		width: 178px;
		float: right;
		left: 420px;
		right: 0;
	}
	
	#footer {
		width: 98vw;
		height: 50px;
		background-color: #839cab;
		position: relative;
		float: left;
		text-align: right;
		font-size: 12px;
	}


}


@media only screen and (max-width: 520px) {

	body{ 
		text-align: center;
		color: #919192;
		font: 14px/21px Arial, Helvetica, sans-serif;
		background: url(../img/dr-kratzer-hg.jpg) repeat-y center;
		background-size:100%;
	}
	
	.container {
		width: 100vw;
		margin-right: auto;
		margin-left: auto;
		display: block;
		height: 4040px;
	}
	
	#wrapper {
		width: 100vw;
		display: block;
		background-color: #FFF;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	section{
		text-align: left; 
		position: relative; 
		overflow: hidden; 
		float: left; 
		padding: 0; 
		margin: 0; 
		height: 100vh;
		width: 100vw;
		opacity: 0.1;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-ms-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
	}
	
	.section-active {
		padding: 0; 
		margin: 0; 
		height: 100vh;
		width: 98vw;
		opacity: 1;
		-webkit-transition-duration: 2s;
		-moz-transition-duration: 2s;
		-ms-transition-duration: 2s;
		-o-transition-duration: 2s;
		transition-duration: 2s;
	}
	
	#btop{
		position: fixed;
		top: 0px;
		z-index: 9999999;
		width: 330px;
		margin: 0 auto;
		left: 0;
	}
	
	#nav{ 
		position: relative;
		height: auto;
		top: 30px;
		display: block;
		left: 0;
		text-align: center;
	}
	
	#nav li:first-child{
		display: none;
	}
	
	#nav a {
		font-size: 12px; 
		border: 0;
		text-decoration: none; 
		padding: 0 10px;
		margin: 0;  
		display: block;  
		cursor: pointer;
		line-height: 32px;
		text-transform: uppercase;
		height: 30px;
		border-left: 1px solid #cecfce;
		color: #919192;
	}
	
	#nav ul{ 
		text-align: left; 
		display: inline-block; 
		margin: 0 auto;
		line-height: 20px;
		padding: 0;
		float: left;
	}
		
	h1{
		font-weight: normal;
		font-style: normal;
		font-size: 50px;
		text-align: center;
		line-height: 50px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	h2{
		color: #fff;
		padding: 7px 40px 7px 12px;
		background: #839cab repeat-x;
		margin-top: 0;
		margin-bottom: 20px;
		margin-left: 40px;
		display: inline-block;
		font-size: 24px;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 1px;
		margin: 0;
	}
	
	h3{
		text-align: center;
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		line-height: 21px;
		margin-top: 150px;
	}
	
	h4{
		text-align: center;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: normal;
		font-style: normal;
		line-height: 21px;
		letter-spacing: 1px;
		margin-top: 30px;
	}
	
	#portrait{
		position: relative;
		float: left;
		margin: 0;
		background: url(../img/dr-kratzer-herr.jpg) left top no-repeat;
		background-size: 650px;
	}
	
	   
	#praxis{
		position: relative;
		float: left;
		margin: 0;
		background-image: url(../img/dr-kratzer-leistungen.jpg);
	}
	
	#beratung{
		position: relative;
		float: left;
		margin: 0;
		background: url(../img/dr-kratzer-frau.jpg) left top no-repeat;
		background-size: 650px;
	}
	
	
	#contact{
		position: relative;
		float: left;
		margin: 0;
		background-image: url(../img/dr-kratzer-kontakt.jpg);
		background-size: 1200px;
	}
	
	
	.text-box {
		position: relative;
		top: 250px;
		left: 10px;
		width: 350px;
		background-color: #fff;
		padding-left: 0px;
	}
	
	.scroll-pane {
		margin-top: 20px;
		height: 225px;
		overflow: auto;
		display: block !important;
	}
	
	#slides .scroll-pane {
		margin-top: 20px;
		overflow: auto;
		display: block !important;
		height: 315px;
	}
	
	
	p.p1, p, span {
		margin-bottom: 10px;
		width: 330px;
		padding-left: 10px;
	}
	
	#slide3 div.scroll-pane.jspScrollable div.jspContainer div.jspPane ul li {
		list-style-type: none;
		padding-left: 10px;
		background: url(../img/punkt.jpg) no-repeat 0 7px;
		width: 330px;
		font: 14px/21px Arial, Helvetica, sans-serif;
		display: block;
		padding-right: 10px;
	}
	
	.jspPane table{
		padding-left: 0 !important;
		margin-left: 10px;
		width: 330px;
	}
	
	.jspPane {
		padding-bottom: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.location{
		width: 350px;
		height: 400px;
		display: block;
		position: relative;
		float: left;
		padding-left: 10px;
	}
	
	.location p {
		padding-left: 5px;
		background-color: #FFF;
		padding-right: 10px;
		display: inline;
		clear: left;
		float: left;
		margin-bottom: 0;
	}
	
	.location p.abstand {
		margin-bottom: 10px;
	}
	
	.formular {
		display: block;
		height: 450px;
		position: relative;
		top: 200px;
		width: 300px;
		left: 0px;
	}
	
	#btn-box {
	display: block;
	position: relative;
	top: 70px;
	left: 10px;
	}

	#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a  {
		display: block;
		height: 80px;
	}
	
	#btn1 a:hover, #btn2 a:hover, #btn3 a:hover, #btn4 a:hover, #btn5 a:hover {
		background-color: #839cab;
		width: 62px;
		height: 70px;
		display: block;
		-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	
	#btn1, #btn2, #btn3, #btn4, #btn5 {
		width: 62px;
		height: 70px;
		display: block;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	li#btn1 a img, li#btn2 a img, li#btn3 a img, li#btn4 a img, li#btn5 a img {
		width: 62px;
	}
	
	.btn-text {
		display: none;
		visibility: hidden;
	}
	
	#slides {
		display: block;
		position: relative;
		top: 160px;
		left: 10px;
		height: 360px;
	}
	
	.slide-properties {
		width: 330px;
		height: 360px;
		overflow: hidden;
		display: block;
		position: absolute;
		border: 5px solid #FFF;
		padding-left: 10px;
		padding-top: 10px;
		padding-right: 1px;
	}
	
	#slide1 { background: #FFF url() no-repeat left top; }
	#slide2 { background: #FFF url() no-repeat left top; }
	#slide3 { background: #FFF url() no-repeat left top; }
	#slide4 { background: #FFF url() no-repeat left top; }
	#slide5 { background: #FFF url() no-repeat left top; }
	
	#slides p {
		margin-top: 10px;
		padding-left: 0;
	}

	#dat {
		position: absolute;
	    z-index: 1009;
	    bottom: 20px;
		background-color: #fff;
	    padding: 1px 10px 2px;
		right: 0;
		width: 178px;
		float: right;
		left: 150px;
	}
	
	#footer {
		width: 100vw;
		height: 50px;
		background-color: #839cab;
		position: relative;
		float: left;
		text-align: right;
		font-size: 12px;
	}

}

@media only screen and (max-width: 420px) {
    

}