/* CSS Document */



/* -------------------Client Style */



body{

  background-size: cover;

  font-size:100%;

	font-family: Lato,sans-serif;

	color: #003774;

	line-height: inherit;

}



h1, h2, h3{

	font-weight: 300;	

	margin-top: 0px;

	font-size:1.9em;

	color: #003774;


}


h3{

	font-size:1.1em;

	text-transform: none;

}



strong{

	font-weight:600;

}



.small{

	font-size:10px;

}



hr {

	padding-bottom: 10px;

	border: none;

	border-top: 1px solid #003774;

	color: #FFFFFF;

	background-color: #fff;

	height: 1px;

}



/* -------------------Allgemein */



.floater-l{

	float:left;

}



.floater-r{

	float:right;

}





.clear{

	clear:both;

}



.hspace{

	margin-top:15px;

}



.padd-t{

	padding-top:10px;

}



/* -------------------Links */



a {

	color: #003776;

	text-decoration:none;

}



a:hover {

	text-decoration:underline;

}





a.footer {

	color: #898989;

	text-decoration:none;	

}



a.footer:hover {

	text-decoration:underline;

}





/* -------------------Header */



header{

	max-width: 954px;

	margin: 0 auto;

	padding: 20px 0px 20px 0px;

}



#logo{

	background:url(/pics/alpetour/1000-logo-alpetour.png);

	width: 276px;

	height: 79px;

}



#content{

	max-width: 954px;

	margin: 0 auto;

	background: #fff;

	padding-bottom: 15px;

}



#footer{

	background: #fff;	

	max-width: 924px;

	padding: 15px;

	margin: 0 auto;

	border-top: 1px solid #898989;

}





/* -------------------Content */



.padd-l{

	padding-left:15px;

}



.padd-r{

	padding-right:15px;

}



.box50 {

	float:left;

	width: 48%;

}



.box-background {

	width:94%;

	padding:3%;

	background-color:#ffffff;

	box-shadow: 0 0 10px rgba(0,0,0,.15);

	

}



.box100 {

	width: 100%;

}



.box70 {

	float:left;

	width: 61%;

}



.box30 {

	float:left;

	width: 35%;

}



.b-l {

	margin: 10px 4% 10px 0px;

}



.b-r {

	margin: 10px 0px 10px 0px;

}



.b-lr-border {

	padding-bottom:0px;

	border-bottom: 1px solid #ee8007;

	min-height: 230px;

}



.proddetailsbox{

	width:100%;

}



.logininput {

	height:63px;

	width: 50%;

	padding: 5px;

	font-size: 16px;

	line-height: 1;

	border: 1px solid #ee8007;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

	color:#4c4c4c;	

}



.in, .in-kontakt, .in-short, .in-area, .in-area-kontakt  {

	width: 50%;

	padding: 5px;

	font-size: 16px;

	line-height: 1;

	background:#FFF;

	border: 1px solid #ee8007;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

	color:#4c4c4c;	

}



.in-kontakt {

	width: 70%;

}



.in-short {

	width: 20%;

}



.in-area {

	height: 170px;

}



.in-area-kontakt {

	width: 70%;

	height: 170px;

}



.searchinput {

	border: none;

	background:none;

	font-size: 16px;

	color:#fff;

	line-height:45px;

}



.searchfield {

	height:45px;

	padding-left:5px;

	background:#4c4c4c url(/pics/as-test/0-searchicon.png) right no-repeat;

}



.selectfield select {

   width: 100%;

   margin-top:10px;

   padding: 5px;

   font-size: 16px;

   line-height: 1;

   border: 1px solid #ee8007;

   border-radius: 0;

   height: 34px;

   -webkit-appearance: none;

   color:#4c4c4c;

   }





.btn {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

	border-radius: 0px;

	font-size: 0.9em;

  color: #0c3274;

	border: 1px solid #0c3274;

  padding: 4px 4px 4px 4px;

  text-decoration: none;

  text-transform: uppercase;

}



.btn:hover {

	border: 1px solid #f08213;

  color: #f08213;

  text-decoration: none;

}   



.btn2 {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

	border-radius: 0px;

	font-size: 0.9em;

  color: #0c3274;

	border: 1px solid #0c3274;

  padding: 4px 4px 4px 4px;

  text-decoration: none;

  text-transform: none;  

}



.btn2:hover {

	border: 1px solid #f08213;

  color: #f08213;

  text-decoration: uppercase;

} 

.btn-row {

	float:left;

}





/* -------------------Footer */





/* -------------------Navigation */



.navigation { 

	display: block; list-style-type: none; background: #f08213; max-width: 954px; margin: 0 auto; margin-top:10px;

	}

	

.navigation ul {

	text-align: center; 

	}

	

.navigation li {

	display: inline-block; width: 18%; list-style: none; color: #fff; font-size: 1.1em;

	}

	

.navigation li a {

	display: block; padding: 6px 10px 6px 10px; text-decoration: none; color: #fff; text-transform: none;

	}

	

.navigation li a:hover {

	color: #fff; 

	}

	

.navigation label {

	display: none; 

	}

	

#navigation-toggle {

	display: none; 

	}