html,body,div[data-role="content"], div[data-role="header"], div[data-role="footer"] {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
@font-face {
    font-family: Din-Light;
    src: url("../Din-Fonts/FF_DIN_Light.otf") format("opentype");
}
@font-face {
    font-family: PTS55F;
    src: url("../Pt-Sans/PTS55F.ttf")  format('truetype');
}
.ui-content {
  background-size : 100% 100% !important;
  min-height: 100% !important;
  color:#FFFFFF;
  text-shadow:1px 1px 1px #000000;
}
#header {
	border:none;
	width: auto;
	height: auto;
	min-height: 122px;
	background: url(../images/tourlink-banner.png) no-repeat;
    background-position:center center;
    background-attachment:scroll;
    background-size:100% 100%;
}
.information-tourlink {
	position: absolute;
	margin-top: 0px;
	margin-left:55%;
	height: 30px;
}
.information-tourlink h5 {
	font-family: Din-Light;
	font-size: 16px;
	margin-top: -28px;
    margin-left: 33px;
    font-style: none !important;
    color: #fff;
}
.information-tourlink a {
	text-decoration: none !important;
}
.logo {
	padding-left:3%;
	position: absolute;
	margin-top: 40px;
}
.contact {
	width: 97px;
	float:right;
	margin-top:30px;
}
#cannion {
    margin-top: 2px;
	width: auto;
	height: auto;
	min-height: 320px;
	min-height: 135px;
	background: url(../images/cannion.png) no-repeat;
    background-position:center center;
    background-attachment:scroll;
    background-size:100% 100%;
}
 h3 {
	padding-top: 38px;
	text-align: center;
	color: #fffefe !important;
	font-family: Din-Light, sans-serif, Verdana !important;
    font-size: 24px;
    font-weight: bold !important;
}
.go-button {
	margin-top:20px;
}
.go-button-index {
	margin-top: 0px;
}
.home-page2 {
	margin-top: -7px;
}
#go-div {
	position: relative;
	margin-top: -22px;
	width: auto;
	height: auto;
	min-height: 279px;
	background-color: #231f20;
	background-position:center center;
    background-attachment:scroll;
    background-size:100% 100%;
    font-family: Din-Light,sans-serif, Verdana;

}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit {
	min-height: 63px !important;
	background: #231f20 !important;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit:hover{
	background: #a8bc51 !important;
}
.butoni-go {
    padding-left: 25%;
    padding-right: 25%;
    
}
.butoni-go a {
	background: #a8bc51 !important;
}
.go-button-page2 {
	margin-top: 60px;
}
.ui-btn-corner-all {
	border-radius: 1px !important;

}
.ui-btn-inner {
	color: #ffffff !important;
	font-size: 19px !important;
	font-family: PTS55F !important;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #8A9B43 0%, #A8BC51 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #8A9B43 0%, #A8BC51 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #8A9B43 0%, #A8BC51 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8A9B43), color-stop(1, #A8BC51));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #8A9B43 0%, #A8BC51 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #8A9B43 0%, #A8BC51 100%);
}
.ui-btn-text:hover {
	background: none !important;
}
.ui-listview {
	margin: 0 !important;
}



/* ---- page 3 ----*/
.description {
	margin-top: -21px;
	background-color: #231f20;
	height: 84px;
}
.description h5 {
	padding: 24px 18px;
	font-family: Din-Light,sans-serif, Verdana;
	font-size: 14px;
}
.lista {
	margin-top: 0px;
}
.lista li p {
	position: absolute;
	margin-top:20px;
	margin-left:5%;
	color:#fff;
	font-size: 18px;
	font-family: Din-Light,sans-serif, Verdana;
}
.ui-li-thumb {
	padding: 15px;
}
.ui-btn-text {
	/*background-color: #231f20;*/
}
.li1 {
	background-color: #231f20;
}

.ui-btn-text:hover {
	background-color: #a8bc51;
}
.shigjeta {
	float: right;
    padding-top: 20px;
}
/*.ui-icon {
	display: none !important;
}*/
.ui-li {
	margin-top:0px !important;
}


#content {
	min-height: 600px;
	height: auto;

}

/*-- map-page --*/

#map-content {
	min-height: 460px !important;
	background-color: #231f20 !important;
	margin-top:2px;
}
.unser {
	height: 23px;
}
.unser h5 {
	padding-left: 5%;
	font-family: Din-Light, sans-serif, Verdana;
	font-size: 14px;
}
.ui-grid-b {
	height: 74px;
	margin-top: 5px;
}

.ui-block-a img {
	padding-left: 30%;
	padding-top: 10%;

}
.ui-block-b img {
	padding-left: 30%;
	padding-top: 10%;
}
.ui-block-c img {
	padding-left: 30%;
	padding-top: 10%;
}
.shteti {
	min-width: 84px;
	height: 70px;
	border: 1px solid #3c3d29;
	margin-left: 40px;
	border-radius: 4px;
    width: 50%;
    margin: 0 auto;
}
.shteti p {
	padding-left: 20%;
	padding-bottom: -23%;
	margin-top: 0px;
	font-size: 9px;
	color: #fff;

}
.shteti:hover {
	background-color: #a8bc51;

}


/*-- Personat --*/

#personat-content {
	min-height: 537px !important;
	background-color: #231f20 !important;
	margin-top:2px;
}
.labela {
	position: absolute;
	padding-left: 6%;
	word-spacing: 24px;
	margin-top:10px;
	font-size: 11px;
}
.how-persons {
	height: 50px;
	margin-top: -6px;
}
.how-persons h5 {
	margin-left: 5%;
	font-size: 16px;
	font-family:  Din-Light,sans-serif, Verdana;
    font-weight: 100;
}
.te-rritur {
	border: 1px solid #585e34;
	min-height: 108px;
	margin-left: 5%;
    margin-right: 5%;
    border-radius: 3px;
}
.personat-emoticon {
	padding-left: 5%;
	padding-right: 5%;
	font-size: 12px;
}
.personat-emoticon, .sa-femije p {
	font-family: Din-Light, sans-serif, Verdana;
}
.personat-emoticon img {
	float: right;
	padding-right: 10%;
}
.sa-persona {
	position: absolute;
	margin-left: 75%;
    font-size: 16px;
    margin-top: -30px;
	font-family: Din-Light, sans-serif, Verdana;
}
.sa-femije {
	position: absolute;
	margin-left: 75.5%;
    font-size: 16px;
    margin-top: -30px;
}
.labela2 {
	padding-left: 5%;
	padding-right:5%;
	margin-top:10px;
	position: absolute;
	font-size: 11px;
	word-spacing: 165px;
}
.rrethi1 img{
	padding-left: 5%;
	margin-top: -29px;
	position: absolute;
}
.rrethi2 img{
	position: absolute;
	margin-left: 16.3%;
	margin-top: -29px;
}

.rrethi3 img {
	position: absolute;
	margin-left: 27%;
	margin-top: -29px;
}
.rrethi4 img {
	position: absolute;
	margin-left: 37.9%;
	margin-top: -29px;
}
.rrethi5 img {
	position: absolute;
	margin-left: 48.8%;
	margin-top: -29px;
}
.rrethi6 img {
	position: absolute;
	margin-left: 59.7%;
	margin-top: -29px;
}
.rrethi7 img {
	position: absolute;
	margin-left: 70.5%;
	margin-top: -29px;
	}
.rrethi8 img {
	position: absolute;
	margin-left: 81.3%;
	margin-top: -29px;
}
.rrethi9 img {
	position: absolute;
	margin-left:91%;
	margin-top:-29px;
}
.rrethi11 img {
	position:absolute;
	margin-left:5%;
	margin-top: -29px;
}
.rrethi12 img {
	position: absolute;
    margin-left: 14.9%;
    margin-top: -29px;
}
.rrethi13 img {
	position: absolute;
	margin-left: 24.4%;
	margin-top: -29px;
}
.rrethi14 img{
	position: absolute;
	margin-left: 33.9%;
	margin-top: -29px;
}
.rrethi15 img {
	position: absolute;
	margin-left: 43.4%;
	margin-top: -29px;
}
.rrethi16 img {
	position: absolute;
	margin-left: 52.9%;
	margin-top: -29px;
}
.rrethi17 img {
	position: absolute;
	margin-left: 62.6%;
	margin-top: -29px;
}
.rrethi18 img{
	position: absolute;
	margin-left: 72%;
	margin-top: -29px;
}
.rrethi19 img{
	position: absolute;
	margin-left: 81.3%;
	margin-top: -29px;
}
.nr1 {
	position: absolute;
	margin-left: 6%;
	margin-top: -53px;
	font-size: 11px;
}
.nr2 {
	position: absolute;
	margin-left: 17.5%;
	margin-top: -53px;
	font-size: 11px;
}
.nr3{
	position: absolute;
	margin-left: 28.5%;
	margin-top: -53px;
	font-size: 11px;
}
.nr4 {
    position: absolute;
	margin-left: 39%;
	margin-top: -53px;
	font-size: 11px;
}
.nr5 {
	position: absolute;
	margin-left: 49.6%;
	margin-top: -53px;
	font-size: 11px;
}
.nr6 {
	position: absolute;
	margin-left: 61%;
	margin-top: -53px;
	font-size: 11px;
}
.nr7 {
	position: absolute;
	margin-left: 71.9%;
	margin-top: -53px;
	font-size: 11px;
}
.nr8 {
	position: absolute;
	margin-left: 82.7%;
	margin-top: -53px;
	font-size: 11px;

}
.nr11, .nr12, .nr13, .nr14, .nr15, .nr16, .nr17, .nr18 {
	position:absolute;
	margin-top: -53px;
	font-size: 11px;
}
.nr11 {
	margin-left:6%;
}
.nr12 {
	margin-left:16%;
}
.nr13 {
	margin-left: 26%;
}
.nr14 {
	margin-left: 34.5%;
}
.nr15 {
	margin-left:44.5%;
}
.nr16 {
	margin-left: 53.5%;
}
.nr17 {
	margin-left: 63.5%;
}
.nr18 {
	margin-left: 73.5%;
}
.nr19 {
	position: absolute;
	margin-top:-53px;
	font-size: 11px;
	margin-left:81%;

}
.ui-slider.ui-mini {
    padding-top: 22px;
    padding-right: 5%;
}
.ui-input-text.ui-slider-input {
	display: none !important;
}
.ui-slider-track.ui-mini {
	height: 6px !important;
}
.ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
	height: 30px !important; 
    border-radius: 2em !important;
    background: #a8bc51;
}
.ui-slider-track {
	margin-left: 7.5% !important;
	margin-right: 2.5% !important;
}
.ui-btn-active {
	background:#bdd45b !important;
}
.ui-btn-up-c {
	text-shadow: 0 0px 0 #fff !important;
}
.ui-btn-inner {
	font-size: 18px !important;
	font-weight: 100 !important;
	border-top: 0px solid #fff !important;
}
.kinder {
	margin-top:10px;
	border: 1px solid #585e34;
	min-height: 108px;
	margin-left: 5%;
    margin-right: 5%;
    border-radius: 3px;
}
.luxury {
	height: 50px;
	margin-top:-3px;
}
.luxury h5 {
	margin-left: 5%;
	font-size: 16px;
	font-family: Din-Light,sans-serif, Verdana;
    font-weight: 100;
}
.luks {
	position: absolute;
	margin-left: 70%;
	font-size: 16px;
	margin-top: -3px;
}
.how-luxury {
	border: 1px solid #585e34;
	min-height: 108px;
	margin-left: 5%;
    margin-right: 5%;
    border-radius: 3px;
}
.luxury-scale {
	position: absolute;
	width: 90%;
	margin-top: 25px;
}
.labela2 p {
	margin-top: 22px;
	word-spacing: 150px;
}
.nr21 {
	position: absolute;
	margin-left: 5%;
	margin-top: 28px;
	font-size: 11px;
	font-family: Din-Light, sans-serif, Verdana;
}
.nr22 {
	position: absolute;
	margin-left: 70%;
	margin-top: 28px;
	font-size: 11px;
	font-family: Din-Light,sans-serif,Verdana;
}
.luxury-emoticon {
	padding-right:15% !important;
}
.butoni-next {
	margin-left: 40% !important;
	color:#fff !important;
}
/* -- UserData -- */

#userdata-content {
	min-height: 472px !important;
	background-color: #231f20 !important;
	margin-top:2px;

}
.name {
	padding-top: 25px;
	padding-left: 5%;
    padding-right: 5%;
}
.name label {
	font-family: Din-Light, sans-serif, Verdana;
}
.name input {
	border-radius: 2px !important;
	font-family: Din-Light, sans-serif, Verdana !important;
}
.location {
	background: url(../images/select-button.png) no-repeat 98% !important;
}
.abgabeort {
	padding-top: 18px;
	padding-left: 5%;
    padding-right: 5%;
}
.abgabeort input {
	font-family: Din-Light, sans-serif,Verdana !important;
}
.abgabeort label {
	font-family: Din-Light, sans-serif,Verdana;
}
.startdate {
	padding-top: 55px;
	padding-left: 5%;
    padding-right: 5%;
}

.startdate label {
	font-family: Din-Light, sans-serif, Verdana;
}
.startdate input {
	border-radius: 2px !important;
	font-family: Din-Light, sans-serif, Verdana !important;
}

.end-date {
	padding-top: 18px;
	padding-left: 5%;
    padding-right: 5%;
}
.end-date input {
	font-family: Din-Light, sans-serif, Verdana !important;
}
.end-date label {
    font-family: Din-Light, sans-serif, Verdana;
}
.date-input {
	background: url(../images/calendar.png) no-repeat 98% !important;
}
/*.ui-datepicker {
	width: 14em !important;
}*/
.next-button {
	padding-top: 3px;
	color: #fff !important;
}
/* Listat e Qyteteve */



/* -- EmailForm -- */

#email-form-content {
	min-height: 542px !important;
	background-color: #231f20 !important;
	margin-top:2px;
}
.user-contact {
	height: 185px;
	margin-top: 18px;
	padding-left: 5%;
    padding-right: 5%;
}
.user-contact label {
	font-family: Din-Light, sans-serif, Verdana;
}
.user-contact input {
   font-family: Din-Light, sans-serif, Verdana !important;	
}
.coments {
	height: 176px;
	margin-top: 9px;
	padding-left: 5%;
    padding-right: 5%;
}
.coments label {
	font-family: Din-Light, sans-serif,Verdana;
}
.coments textarea {
	height: 150px !important;
	border-radius: 2px !important;
	font-family: Din-Light, sans-serif, Verdana !important;	
}
.last-div {
	margin-top: 18px;
	padding-left: 5%;
    padding-right: 5%;
}
.last-div h4 {
	font-weight: bold;
	font-size: 15px !important;
	font-family: Din-Light, sans-serif,Verdana;
}

/* -- TourlinkInfo -- */

#tourlink-info-content {
	height: 295px;
    background-color: #231f20 !important;
	margin-top:2px;
}
.information {
   text-align: center !important;
   padding-top:52px;
}
.information h4 {
	font-family: Din-Light, sans-serif, Verdana;
	font-size: 18px;
}
.information a {
	text-decoration: none !important;
}
.emaili {
	color: #a8bc51 !important;
    text-decoration: none !important;
}
.ui-field-contain textarea.ui-input-text {
	width: 100% !important;
}
/* ThankPage */

#thankpage{
	height:295px;
	background-color: #231f20;
	color:#fff;
}
#thankpage h4 {
	font-family: Din-Light, sans-serif, Verdana;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	text-align: left;
	padding-left: 5%;
}
.thanks {
	margin-top:50px;
}
#footer {
	position:absolute;
	border:none;
	margin-top: 2px;
	min-height: 39px;
    background: url(../images/tourlink-footer.png);
	background-position:center center;
    background-attachment:scroll;
    background-size:100% 100%;
}
.tourlink-footer {
	height:20px;
	margin-top: -25px;
}
.tourlink-footer h6 {
	font-size: 14px;
	font-family: Din-Light;
	padding-left:35%;
	font-weight: 100;
}
.ui-bar-a {
	text-shadow:none !important;
}

/* General */
.ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-body-c {
	border-radius: 2px !important;
}

 html { background-color: #333; }
        @media only screen and (min-width: 600px){
            .ui-page {
                width: 600px !important;
                margin: 0 auto !important;
                position: relative !important;

            }
        }