@font-face {
        font-family: 'icomoon';
        src:url('fonts/website/icomoon.eot');
        src:url('fonts/website/icomoon.eot?#iefix') format('embedded-opentype'),
                url('fonts/website/icomoon.woff') format('woff'),
                url('fonts/website/icomoon.ttf') format('truetype'),
                url('fonts/website/icomoon.svg#icomoon') format('svg');
        font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-bullhorn:before {
	content: "\e600";
}
.icon-credit-card:before {
	content: "\e602";
}
.icon-users:before {
	content: "\e603";
}
.icon-table:before {
	content: "\e604";
}
.icon-home:before {
	content: "\e605";
}
.icon-file:before {
	content: "\e606";
}
.icon-filter:before {
	content: "\e60d";
}
.icon-address-book:before {
	content: "\e60e";
}
.icon-list:before {
	content: "\e60f";
}
.icon-stack:before {
	content: "\e610";
}
.icon-stats:before {
	content: "\e611";
}
.icon-user:before {
	content: "\e612";
}
.icon-bubbles:before {
	content: "\e613";
}
.icon-cogs:before {
	content: "\e614";
}
.icon-lab:before {
	content: "\e615";
}
.icon-mobile:before {
	content: "\e616";
}
.icon-support:before {
	content: "\e617";
}
.icon-gift:before {
	content: "\e618";
}
.icon-paypal:before {
	content: "\e619";
}
.icon-checkmark:before {
	content: "\e61a";
}
.icon-close:before {
	content: "\e61b";
}
.icon-minus:before {
	content: "\e61c";
}
.icon-plus:before {
	content: "\e61d";
}
.icon-bookmark:before {
	content: "\e61e";
}
.icon-profile:before {
	content: "\e61f";
}
.icon-office:before {
	content: "\e620";
}
.icon-info:before {
	content: "\e621";
}
.icon-earth:before {
	content: "\e622";
}
.icon-uniF550:before {
	content: "\e623";
}
.icon-cart2:before {
	content: "\e625";
}
.icon-loop:before {
	content: "\e63b";
}
.icon-star:before {
	content: "\e601";
}
.icon-star2:before {
	content: "\e624";
}
.icon-binoculars:before {
	content: "\e63d";
}
.icon-search:before {
	content: "\e63e";
}
.icon-suitcase:before {
	content: "\e607";
}
.icon-open:before {
	content: "\e608";
}
.icon-coins:before {
	content: "\e609";
}
.icon-comments:before {
	content: "\e626";
}
.icon-stack2:before {
	content: "\e627";
}
.icon-info2:before {
	content: "\e628";
}
.icon-discout:before {
	content: "\e629";
}
.icon-bike:before {
	content: "\e62a";
}
.icon-ticket:before {
	content: "\e62b";
}
.icon-shipping:before {
	content: "\e62c";
}
.icon-abacus:before {
	content: "\e62d";
}
.icon-pig:before {
	content: "\e62e";
}
.icon-heart:before {
	content: "\e62f";
}
.icon-info3:before {
	content: "\e631";
}
.icon-dollar:before {
	content: "\e632";
}
.icon-dollar2:before {
	content: "\e633";
}
.icon-archive:before {
	content: "\e634";
}
.icon-book:before {
	content: "\e630";
}
.icon-desktop:before {
	content: "\e60a";
}
.icon-group:before {
	content: "\e60b";
}
.icon-dashboard:before {
	content: "\e60c";
}
.icon-pencil:before {
	content: "\e635";
}
.icon-camera-retro:before {
	content: "\e636";
}
.icon-globe:before {
	content: "\e637";
}
.icon-money:before {
	content: "\e638";
}
.icon-tag:before {
	content: "\e63f";
}
.icon-refresh:before {
	content: "\e640";
}
.icon-logout:before {
	content: "\e639";
}
.icon-login:before {
	content: "\e63a";
}
.icon-refresh:before {
	content: "\e63c";
}


html,body {
color: #2f2f2f;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 1em;
height: 100%;/* footer down */
margin:0;
padding:0;
line-height: 130%;
}
html>body #minHeight{ /*footer down Dummy float for Opera and IE8 min-height fix*/
float:left;
width:0;
height:100%;
overflow:hidden;
} 
#wrap {
min-height:100%; /*footer down height is determined from parent's height (html & body)*/
margin: 0 auto; /*footer down */
}
* html .wrap {height:100%;}/* footer down min-height for IE6*/
/************************************************************************************
Global Helpers
*************************************************************************************/
.a_white{
font-weight: 600;
cursor: pointer;
}
.a_white a:visited{
text-decoration: none !important;
}
.a_white a:hover{
text-decoration: underline !important;
}

a, a:visited {
color: #2f2f2f;
text-decoration: underline;
cursor: pointer;
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
a:hover {
text-decoration: none;
}
.fakelink {
color: #2f2f2f;
text-decoration: underline;
cursor: pointer;
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.fakelink:hover {
text-decoration: none;
}
a img { 
border: 0; 
} 
.strong { 
font-weight: 600; 
}
img { 
border: 0; 
height: auto;
max-width: 100%;
} 
button, input, select, textarea {
font-family: 'Source Sans Pro', sans-serif;
font-size:100%;
margin:0;
vertical-align:baseline;
}
.nowrap {
white-space:nowrap;
}
.smalltext {font-size: 80%;}
.normaltext {font-size: 100%;}
.bigtext {font-size: 120%;}
.clearboth {
clear:both;  
}
.inline {
display: inline;  
}
.nopadding{
padding: 0;  
}
.nomargin{
margin: 0;  
}
.center{
text-align: center;
}
.textleft{
text-align: left;
}
.textright{
text-align: right;
}
.fontsize_80{
font-size: 80%;
}
.fontsize_100{
font-size: 110%;
}
.bold{
font-weight: bold;
}
.italic{
font-style:italic;
}
.small{
font-size: 80%;
}
.bigtext{
font-size: 120%;
}
.nowrap{
white-space: nowrap;
}
.hide {
display:none;	
}
.inline {
display:inline;	
}
.inline-block {
display: inline-block;
}
.block {
display:block;	
}
.floatright {
float:right;
}

.floatleft {
float:left;
}
.centered{
margin: 0 auto;
}
.li_inline {padding-left: 0px;
margin-left: 0px;
padding-bottom: 0px;
list-style: none;
display: inline;
}
.ul_inline {padding-left: 0px;
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;
}
.valign_top{
vertical-align: top;	
}
.valign_texttop{
vertical-align: text-top;	
}
.valign_bottom{
vertical-align: bottom;
}
.valign_textbottom{
vertical-align: text-bottom;
}
.valign_middle{
vertical-align: middle;
}
.absolute {
position:absolute;
}
.hidden {
display:none;
}
.hidesmall{
display:none;
}
.hidemedium{
display:none;
}
.hidebig{
display:block;
}
/************************************************************************************
Stuff for Small Screens
*************************************************************************************/
.pagewidth{
padding: 5px 10px 5px 10px;
} 
.fourcol{max-width:350px;
margin: 0 auto;
}
.first{
margin: 0 auto;
}
.signin{
padding:0;
}
/************************************************************************************
All Screens
*************************************************************************************/
.h1 {font-size: 160%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-align:center;
line-height: 110%;
}
.h1_right {font-size: 140%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-align: center;
line-height: 100%;
}
.h1_left {font-size: 160%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-align: center;
line-height: 110%;
}
.h1_landing {font-size: 190%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-align:left;
line-height: 110%;
padding: 10px 0 0px 0;
}
.h1_landing_center {font-size: 190%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-align:center;
line-height: 110%;
padding: 10px 0 0px 0;
}
.h2 {font-size: 140%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-decoration: none;
line-height: 110%;
text-align: left;
}
.h2_right {font-size: 140%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-decoration: none;
line-height: 110%;
text-align: right !important;
}
.h2_left {font-size: 140%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-decoration: none;
line-height: 110%;
text-align: left !important;
}
.h2_center, .setting_title {font-size: 140%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-decoration: none;
line-height: 110%;
text-align: center;
}
.h2_center_start {font-size: 140%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-decoration: none;
line-height: 110%;
text-align: center;
min-height: 50px;
margin: 50px 0 0 0;
}
.h2_center a{
text-decoration:none;
}
.h3 {font-size: 130%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin: 20px 0 10px 0;
font-style: normal;
line-height:120%;
}
.h3_left {font-size: 130%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin: 20px 0 10px 0;
text-align: left;
}
.h3_center {font-size: 130%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin: 20px 0 10px 0;
text-align: center;
}
.h3_white {font-size: 130%;
color: #ffffff;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin: 20px 0 10px 0;
}
.h3feature {font-size: 130%;
color: #444444 !important;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin: 0;
padding: 0 0 10px 0;
text-align: center;
line-height: 130%;
}
.h4 {font-size: 130%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin-bottom: 5px;
margin-top: 20px;
}
.h5 {font-size: 100%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin-bottom: 5px;
margin-top: 20px;
}
.white{
background-color: #ffffff;
}
.lightgrey{
background-color: #F4F4F4;
}
.midgrey{
background-color: #cccccc;
}
.paleblue{
background-color: #f2f8fc;
}
.lightblue{
background-color: #a3d4ee;
}
.middleblue{
background-color: #56abd5;
}
.orange{
background-color: #ff6f20;
}
.green{
background-color: #5fbf00;
}
.textgreen{
color: #5fbf00;
}
.textwhite{
color: #ffffff;
}

.palebluetext{color: #6FB3E0;}
.bluetext{color: #024a7d;}
.greytext{color: #999999;}
.darkgreentext{color: #2E8965;}
.orangetext{color: #ff5500;}
.darkredtext {color:#8e2a31;}
.yellowtext {color:#FFB752;}
.purpletext {color: #A069C4;}
.pinktext {color: #e78673;}
.greytext {color: #999999;}
.iconfont {font-size: 110%;}
.iconfontsmall {font-size: 90%;}
.iconfontbig {font-size: 150%;}


#container{
padding: 0 4px 0 4px;
}
#header {
clear:both;
background-color: #f4f4f4;
}
.middle{
background-color:#ffffff;
}
#headerinner {
padding: 3px;
height: auto;
}
#navtop { 
color: #444444;
float: right;
padding: 5px 0 0 0;
}
#navtop a{
color: #444444;
text-decoration: none;
}
#navtop a:hover { text-decoration: underline;
background-color: inherit;
}
#logo{
clear: both;
text-align: center;
margin: 0px 0 0 0;
}
#logo a:hover {text-decoration: none;
background-color: inherit !important;
}
#nav {
clear: both;
float: none;
padding: 0;
margin: 5px 0 0 0;
text-align: center;
}
#nav ul {
list-style: none;
margin: 0 auto;
padding: 0;
}
#nav li {
margin: 0 0 3px 2px;
}
#nav a {
text-decoration: none;
}
#nav a:hover {
text-decoration: none;
background-color: inherit;
}
.button { display: inline-block;
vertical-align: baseline;
margin: 0 1px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 4px 7px 4px 7px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
transition-property: background-color, color;
transition-duration: 1s;
-moz-transition-property: background-color;
-moz-transition-duration: 1s;
-o-transition-property: background-color;
-o-transition-duration: 1s;
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
}
.button a:hover { text-decoration: none;
background-color: inherit;
}
.grey { color: #ffffff;
border: solid 1px #555;
background-color: #6e6e6e;
}
.grey:hover { background: #ffffff;
text-decoration: none;
color: #ffffff;
background-color: #4b4b4b;
background-color: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background-color: -moz-linear-gradient(top, #757575, #4b4b4b);
background-color: -webkit-linear-gradient(top, #757575, #4b4b4b);
background-color: -o-linear-gradient(top, #757575, #4b4b4b);
background-color: linear-gradient(top, #757575, #4b4b4b);
}
.grey:active { color: #ffffff;
background-color: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888888));
background-color: -moz-linear-gradient(top, #575757, #888888);
background-color: -webkit-linear-gradient(top, #575757, #888);
background-color: -o-linear-gradient(top, #575757, #888888);
background-color: linear-gradient(top, #575757, #888888);
}
.grey a { color: #ffffff;
text-decoration:none;
}
.current {
color: #444444;
background-color: #cccccc;
border: 1px solid #cccccc;
}
.current:hover { 
color: #ffffff;
text-decoration: none;
background-color: #6e6e6e;
background-color: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757));
background-color: -moz-linear-gradient(top, #888888, #575757);
background-color: -webkit-linear-gradient(top, #888888, #575757);
background-color: -o-linear-gradient(top, #888888, #575757);
}
.current:active { color: #444444;
border: solid 1px #555;
background-color: #6e6e6e;
background-color: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757));
background-color: -moz-linear-gradient(top,  #888888,  #575757);
background-color: -webkit-linear-gradient(top, #888888, #575757);
background-color: -o-linear-gradient(top, #888888, #575757);
background-color: linear-gradient(top, #888888, #575757);
}
.current a {
color: #444444!important;
text-decoration: none !important;
}
.current a:hover {
color: #ffffff!important;
text-decoration: none !important;
}
.current:link { 
color: #444444 !important;
}
.current:visited {
color: #444444 !important;
text-decoration: none !important;
}
 .menu_savebutton{
display: inline-block;
vertical-align: baseline;
margin: 0 1px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 4px 7px 4px 7px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
/*margin-left: 25.690607733%;*/
margin-bottom: 20px;	
}
.join, .menu_savebutton{
color: #ffffff;
text-decoration:none;
border: solid 1px #339900;
background-color: #339900;
}
.join:hover, .menu_savebutton:hover { 
background-color: #3eb403;
text-decoration: none;
color: #ffffff;
text-decoration: none;
}
.join:active, .menu_savebutton:active {  color: #ffffff;
background-color: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background-color: -moz-linear-gradient(top, #4e7d0e, #7db72f);
background-color: -webkit-linear-gradient(top, #4e7d0e, #7db72f);
background-color: -o-linear-gradient(top, #4e7d0e, #7db72f);
background-color: linear-gradient(top, #4e7d0e, #7db72f);
background-color: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
}
.join a, .menu_savebutton a {
color: #ffffff!important;
text-decoration: none !important;
}
.join a:hover, .menu_savebutton a:hover {
color: #ffffff!important;
text-decoration: none !important;
}
.join:link, .menu_savebutton:link { 
color: #ffffff !important;
}
.join:visited, .menu_savebutton:visited {
color: #ffffff !important;
text-decoration: none !important;
}
.headertext{
clear: both;
font-size: 100%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin: 0;
text-align: center;
}
.list {
padding: 0px 0 10px 0;
margin: 10px 0px 0px 20px;
}
.list li{
padding-left: 0px;
margin-left: 0px;
padding-bottom: 10px;
line-height: 120%;
font-size: 100%;
font-weight: 400;
}
.list_landing {
padding: 0px;
margin: 0px 0px 20px 20px;
}
.list_landing li{
padding-left: 0px;
margin-left: 15px;
padding-bottom: 5px;
list-style: url("pfeil.gif"); 
list-style-position: outside;
display:list-item;
line-height: 130%;
font-size: 100%;
font-weight:600;
}
.list_s {
padding: 0px;
margin: 0px 0px 20px 30px;
}
.list_s li{
padding-left: 0px;
margin-left: 0px;
padding-bottom: 5px;
list-style: inside url("pfeil2.gif"); 
list-style-position: outside;
display:list-item;
line-height: 130%;
font-size: 100%;
font-weight: normal;
}
.list_so {
padding: 0px;
margin: 0px 0px 20px 30px;
}
.list_so li{
padding-left: 0px;
margin-left: 0px;
padding-bottom: 5px;
list-style: inside url("pfeil2.gif"); 
list-style-position: outside;
display:list-item;
line-height: 130%;
font-size: 100%;
font-weight: normal;
}
.list_sg {
padding: 0px;
margin: 0px 0px 20px 30px;
}
.list_sg li{
padding-left: 0px;
margin-left: 0px;
padding-bottom: 5px;
list-style: inside url("pfeil2.gif"); 
list-style-position: outside;
display:list-item;
line-height: 130%;
font-size: 100%;
font-weight: normal;
}
.list_channels {
padding: 0px;
margin: 10px 0px 0px 20px;
}
.list_channels li{
padding-left: 0px;
margin-left: 0px;
padding-bottom: 10px;
list-style: inside url("haken.gif"); 
list-style-position: outside;
line-height: 160%;
font-size: 100%;
font-weight: 400;
}
.banner{
background-image: none;
}
.boxslide{ 
padding:0 5px 0 5px;
margin: 0;
text-align: center;
}
.box{
padding:5px 10px 5px 10px;
}
.lightgrey_slider{
background-color: #ffffff;
}
.box_landing{
padding: 30px 0 0 0;
}
.shadow{
background: url("shadow.png") no-repeat scroll right bottom transparent;
padding-bottom:45px;
padding-top: 0px;
padding-right: 20px;
}
.landingimage {
background-image: none;
}
.landingimagebnb {
background-image: none;
}
.landingimageholiday {
background-image: none;
}
.landingimagecamping {
background-image: none;
}
.landingimagehostel {
background-image: none;
}
.landingimageagency {
background-image: none;
}
.featurebox{margin: 0 0 0 0;}
.featurextesti{
margin: 30px 0 0px 0;
}
.boxfeature{margin: 30px 0 20px 0;
padding: 10px 20px 20px 20px;
border: 1px solid;
border-color: #cccccc;
}
.boxtesti{
margin: 0 0 0 0;
font-style:italic;
padding: 10px 0 10px 0;
}
.boxborder{
margin-top:40px;
border-top: 1px  dotted #cccccc;
border-bottom: 1px dotted #cccccc;
padding: 0 0 10px 0;
}
.boxblog{margin-top:0;
border-top: 1px  dotted #cccccc;
border-bottom: 1px dotted #cccccc;
padding: 0 0 10px 0;
}
.boxwhy{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #dadada #dadada #dadada #008acc;
border-style: solid;
border-width: 0 0 0 6px;
padding: 0 0 0 10px;
}
.boxborder1{
margin:0 0 0 0;
border-left: 1px  dotted #008acc;
border-right: 1px dotted #008acc;
padding: 0 10px 0 10px;
}
.joinbox{
margin: 0 0 30px 0;
}
.setting_title_section {
padding: 0 0 5px 0;
font-family: 'Dosis', sans-serif;
font-size: 100%;
font-weight: 600;
}
.divider {
background-image:url(divider.png);
background-position:center;
background-repeat:no-repeat;
margin-top: 30px;
}
.dotted {
border: 1px dotted #d4d4d4; 
border-style: none none dotted; 
text-align: center;
width: 60%;
margin-top: 30px;
margin-bottom:10px;
}

.booking_button{
width: 30%;
margin-left: 30%;
font-size: 120%;
color: #ffffff;
font-weight:bold;
line-height: 120%;
padding: 5px 10px;
background-color: -moz-linear-gradient(top,#ffffff 0%,#41a8e0 25%,#6bc1e0);
background-color: -o-linear-gradient(top,#ffffff 0%,#41a8e0 25%,#6bc1e0);
background-color: -webkit-linear-gradient(top,#ffffff 0%,#41a8e0 25%,#6bc1e0);
background-color: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.25, #41a8e0),to(#6bc1e0));
background-color: -moz-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.25, #41a8e0),to(#6bc1e0));
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #4d7fa1;
-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7);
-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7);
box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7);
}
.icon {
height: 100px;
margin: 30px 0 0 0;
}
.icon_landing {
height: 100px;
margin: 0px 0 0 0;
}
.testbutton {
max-width:220px;
outline: none;
cursor: pointer;
font-size: 130%;
font-weight: bold;
text-align: center;
line-height: 130%;
text-decoration: none;
color: #ffffff;
padding: 5px 20px;
background-color: #ff7300;
background-color: -moz-linear-gradient(top,#ff7300 0%,#ff5500);
background-color: -webkit-gradient(linear, left top, left bottom, from(#ff7300),to(#ff5500));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*border: 4px solid #ffffff;+*/
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;	
transition-property: background-color, color;
transition-duration: 1s;
-moz-transition-property: background-color;
-moz-transition-duration: 1s;
-o-transition-property: background-color;
-o-transition-duration: 1s;
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
}
.testbutton a {
text-decoration: none !important;
color: #ffffff!important;
}
.testbutton:link { 
color: #ffffff!important;
}
.testbutton:visited {
color: #ffffff!important;
text-decoration: none !important;
}
.testbutton:hover { background-color: #b10303;
background: #ff5500;
color: #ffffff;
text-decoration: none !important;
}
.testbutton a:hover { 
background-color:inherit;
}
.testbutton:active {
color: #ffffff;
text-decoration: none !important;
}
.textbutton_right{
margin: 0 auto;
}
.testbuttonbox{
padding: 10px 0 10px 0;
}
.quote {
background-image:url(quote.png);
background-position:top left;
background-repeat:no-repeat;
padding: 0 0 0 25px;
}
.accordionButton {	
width: 100%;
float: left;
_float: none;  /* Float works in all browsers but IE6 */
cursor: pointer;
padding: 0;
margin:0 0 0 0;
}
.accordion_header{
padding: 15px 0 0px 0;
margin:0;
}	
.accordionContent {	
width: 100%;
float: left;
_float: none; /* Float works in all browsers but IE6 */
background: #ffffff;
}
.accordionBox{
padding: 0px 0 10px 0px;
margin: 0;
}
.accordionRead{
padding: 3px 0 0 0;
margin:0;
text-decoration:underline;
}
.featureicon{
padding: 30px 0 10px 0;
}
.trenner {
padding: 30px 0 30px 0px;
}

.payment_logo { 
padding: 0 0 0 0;
} 

.payment_logo a:hover{ 
background-color:inherit;
text-decoration: none;
} 

.package_column{
color: #2f2f2f;
padding: 8px;
margin: 20px 0 20px 0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
background-color: #F4F4F4;
min-height: 600px;
}
#calculator{
margin: 10px 10px 0 5px;
padding: 10px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;    
}
#calculator select{
font-size: 80%;
}
#calculator td{
padding: 3px 0 3px 0;
}

.calculatebutton {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;	
transition-property: background-color, color;
transition-duration: 1s;
-moz-transition-property: background-color;
-moz-transition-duration: 1s;
-o-transition-property: background-color;
-o-transition-duration: 1s;
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
}
.package_column_top{
min-height: 150px;
}
.package_column_highlight {
box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.7);
moz-box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.7);
webkit-box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.7);
cursor: pointer;
}
.package_hr{
border: 1px solid #ffffff;
margin: 5px 0 5px 0;
}
.h3_package {font-size: 130%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
margin: 20px 0 10px 0;
text-align: center;
}
.package_subheader {
font-size: 120%;
font-weight: bold;
margin: 5px 0 10px 0;
text-align: center;
}
.package_item {
font-size: 100%;
}
.package_header {
text-align: center;
font-size: 130%;
font-weight: bold;
}
.package_subheader {
font-size: 120%;
font-weight: bold;
}
.package_item {
font-size: 100%;
}
.package_signup {
text-align: center;
margin: 30px 0 30px 0;
}
.thankyou {
text-align: center;
}
.setting_row{
margin: 0 0 7px 0;
}
.inputtext, inputtextarea, .inputselect{
font-family: inherit;
font-size: 100%;
margin: 0;
vertical-align: baseline;
padding: 0px;
width: 250px;
background-color: #FFFFFF;
border: 1px solid #CBCBCB;
box-shadow: 0 0 2px #CCCCCC;
-webkit-box-shadow: 0 0 2px #CCCCCC;
-moz-box-shadow:  0 0 2px #CCCCCC;
}
#message{
font-family: inherit;
font-size: 100%;
margin: 0;
vertical-align: baseline;
padding: 0px;
width: 250px;
height: 150px;
background-color: #FFFFFF;
border: 1px solid #CBCBCB;
box-shadow: 0 0 2px #CCCCCC;
-webkit-box-shadow: 0 0 2px #CCCCCC;
-moz-box-shadow:  0 0 2px #CCCCCC;
}
.setting_error_msg{
background-color: #EB9A9A;
border: 1px solid #A43220;
color: #A43220;
text-align: left;
margin: 0 0 2px 3px;
padding: 2px 0 2px 0px;
text-align: center;
}
.footer {
clear:both;
background-color: #ababab;
background-color: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#838383)); 
background-color: -moz-linear-gradient(top, #ababab, #838383);
background-color: -webkit-linear-gradient(top,  #ababab, #838383);
background-color: -o-linear-gradient(top, #ababab, #838383);
background-color: linear-gradient(top,  #ababab, #838383);
border-top: 1px solid #838383; 	
}
#footer-inner {
padding: 5px 3px 5px 3px;	
}
.socials{
text-align: center;
margin: 0;
padding: 0;
}
#copyright{
font-size: 80%;
}
#copyright a{
color: #444444;
text-decoration: underline;
}
#copyright a:hover{
text-decoration: none;
}
.box_footer {
padding: 5px;
margin: 5px 0 5px 0;
border: 1px dashed #bbbbbb;
-webkit-box-shadow: 0px 0px 2px;
-moz-box-shadow: 0px 0px 2px ;
box-shadow: 0px 0px 2px ;
}
.h2footer  {
text-decoration:none;
color: #2f2f2f;
outline: none;
font-size: 140%;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-decoration: none;
}
#footer-inner a {
text-decoration:underline;
color:#2f2f2f;
}
#footer-inner a:visited {
text-decoration:underline;
color:#2f2f2f;
}
#footer-inner a:hover {
text-decoration:none;
color:#2f2f2f;
background-color:inherit;
}
.mainpagehelp {
background:  #FFFFFF;
color: #444444;
line-height: 1.5;
margin: auto;
width: 800px;
}
.mainpagehelp h2 {
clear: both;
font-size: 180%;
font-weight: bold;
font-family: Verdana,Geneva,sans-serif;
}
.mainpagehelp a {
color: #008BD0;
text-decoration: underline;
}
.mainpagehelp a:hover {
text-decoration: none;
}
.testimonialimage img{
border: 1px solid #cccccc;
}
@media only screen and (min-width: 768px){
/************************************************************************************
Grid helpers for bigger screens
*************************************************************************************/	
.pagewidth{max-width:960px;
margin: 0 auto;
padding: 0 20px 0 20px;
} 
.onecol{width:5.801104972%}
.twocol{width:14.364640883%}
.threecol{width:22.928176794%}
.fourcol{width:31.491712705%}
.fivecol{width:40.055248616%}
.sixcol{width:48.618784527%}
.sevencol{width:57.182320438000005%}
.eightcol{width:65.74585634900001%}
.ninecol{width:74.30939226%}
.tencol{width:82.87292817100001%}
.elevencol{width:91.436464082%}
.twelvecol{width:99.999999993%}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol{
position:relative;
float:left;
margin-left:2.762430939%}
.first{margin-left:0;
}
.last{float:right}
/************************************************************************************
Stuff for big screens
*************************************************************************************/
.h2_center_start {
margin: 0 0 0 0;
}
.h1_right {font-size: 140%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-align: right;
line-height: 100%;
}
.h1_left {font-size: 160%;
color: #444444;
font-family: 'Dosis', sans-serif;
font-weight: 600;
text-align: left;
line-height: 110%;
}
#logo{
text-align: left;
margin: 0 0 0 5px;
}
#logo a:hover {
text-decoration: none;
background-color: inherit;
}
#headerinner{
padding: 0px 10px 20px 10px;
}
.headertext{
text-align:right;
padding-top:10px;
}
#nav {
text-align: right;
}
#nav ul {
display: inline-block;
zoom: 1;
*display: inline;
}
.fototext{
text-align: right;
margin: 50px 0 0 0;
clear:none;
}
#container{
padding: 0;
min-height: 450px;
}
#nav li {
margin: 0 0 0 10px;
}
.box{
margin: 20px 0 0 0;
}
.hidesmall{
display:block;
}
.hidebig{
display:none;
}
    
.banner_bg{
background-image:url(bgbg.jpg); 
background-repeat:repeat-x;
}

.banner{
background-image:url(banner-tablet.jpg); 
background-repeat:no-repeat;
background-position: center top; 
height: 440px;
}

.boxslide{ 
padding: 0;
margin: 60px 0 0 10px;
text-align: right;
color: #ffffff;
}

.h1_right {
font-size: 150%;
line-height: 130%;
text-align: right;
color: #ffffff;
}
.testbuttonbox{
padding: 20px 0 20px 0;
}
.textbutton_right{
float: right;
}
.landingimage {
background-image:url(online-booking-system-hotel.jpg);
background-position:bottom left;
background-repeat:no-repeat;
background-size: 50% auto;
}
.landingimagebnb {
background-image:url(online-booking-system-bedandbreakfast.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-size: 50% auto;
}
.landingimageholiday {
background-image:url(online-booking-software.jpg);
background-position:bottom left;
background-repeat:no-repeat;
background-size:50% auto;
}
.landingimagehostel {
background-image:url(online-booking-system-hostel.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-size:50% auto;
}
.landingimagecamping {
background-image:url(online-booking-system-campground.jpg);
background-position:bottom left;
background-repeat:no-repeat;
background-size:50% auto;
}
.landingimageagency {
background-image:url(online-booking-system-agency.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-size:50% auto;
}
.feature_over {
line-height: 150%;
}
.contact{width:48.618784527%;
margin: 0 auto;
}
.signin{
padding: 50px 0 200px 0;
}
.joinbuttonholder {
width:250px;
text-align:right;
padding-top:8px;
}
.boxblog{margin-top:30px;
padding: 0 0 10px;
}
    
.iconspan{
display: inline-block;
min-width: 35px;
}
    
.iconspan1{
display: inline-block;
min-width: 50px;
}
.testimonialimage{
padding: 20px 0 0 0;
}
/************************************************************************************
classes for elements
*************************************************************************************/
#footerdown {
padding:0 0 580px 0;/*height footer */
}
.footer {
height:580px; /*footer down height of footer*/
margin:-580px auto 0; /*footer down pull footer back into viewport and center*/	
}
#footer-inner {
padding: 10px 0 10px 0;	
}
.box_footer {
padding: 10px;
margin: 15px 0 15px 0;
min-height: 460px;
}

}   /*end media screen 768 */


@media only screen and (min-device-width : 1028px) 
{
.hidemedium{
display:inline-block;
}

.banner{
background-image:url(banner.jpg); 
}


}
/************************************************************************************
For print view
*************************************************************************************/
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
}