*{
margin:0;
padding:0;
}

body{
padding:3px 4px 2px 2px;
height: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 76%;
line-height: 1.5em;
color: #333;
background: white;
width:100%;
min-width:320px;
}

h1{
color:#994422;
font-size:1.7em;
text-align:left;
font-weight:normal;
margin:22px 0 5px 0px;
}

h2{
color:#003399;
font-size:14px;
text-align:left;
font-weight:bold;
margin:0 0 0 0;
}

ul{
list-style-position:inside;
}

a{
color:#000000;
text-decoration:underline;
font-size:13px;
}

a img{
color:#ffffff;
border:0;
}

#header{
position:relative;
height:60px;
margin-bottom:1px;
background: url(../images/header-bg.jpg) no-repeat bottom right;
}

#logo{
width:80px;
height:60px;
margin:0 0 3px 5px;
}

#message{
width:99px;
height:60px;
margin:1px 5px 0 0;
float:right;
}

.container{
background-color:#ffffff;
width:100%;
min-width:320px;
min-height:100px;
border:1px solid gray;
float:left;
}

.header{
width:100%;
min-width:320px;
}

.header .topimg{
width:100%;
min-width:320px;
max-width: 1000px !important;
height: auto;
min-height: 90px;
max-height:150px;
border-bottom:1px solid gray;
overflow:hidden;
}

.flags{
width:100%;
height:32px;
background: url(http://m.ballonreisen.ch/images/menu-center1.png) repeat-x left bottom;
float:left;
}

.flags img{
width:50px;
height:25px;
margin:2px 4px 0 4px;
border:0;
clear:none;
float:left;
}

.topmenu{
margin:6px 7px 3px 7px;
clear:none;
text-align:right;
color:#ffffff;
font-size:20px;
font-weight:bold;
vertical-align:top;
text-decoration:underline;
float:right;
}

.categories{
list-style: none;
display: block;
width:100%;
float:left;
}

.categories li{
background: white;
border-bottom: 1px solid #C3C3C3;
display: block;
}

.categories .menuimg{
width: 89px;
height:54px;
float: left;
}

.categories li h2{
height: 54px;
line-height: 1em;
text-transform: uppercase;
color: #333;
display: block;
}

.categories li h2 a{
text-decoration: none;
padding: 20px 25px 20px 92px;
color: #333;
background: url(../images/arrows.png) 95% 50% no-repeat;
font-size: 14px;
font-weight: normal;
display: block;
font-size:14px;
}


.footer{
width:100%;
min-width:320px;
font-size: 0.9em;
border-bottom: 1px solid gray;
border-top: 1px solid #C3C3C3;
color: #999;
background: #F0F0F0;
min-height:50px;
float:left;
text-align:center;
}

.footertop{
width:100%;
float:left;
}

.footerleft{
width:50%;
float:left;
font-size:15px;
font-weight:bold;
text-align:center;
color:gray;
padding:0 0 2x 0;
margin-top:3px;
}

.icons{
margin:5px 0 0 0px;
}

.iconsimg{
width:40px;
height:auto;
}

.footerright{
width:50%;
float:left;
}

.footerright ul{
list-style: none;
}

.footerright li{
margin:8px 0 0 0;
}

.footerright li a{
font-size:14px;
font-weight: bold;
color: #999;
}

.footerbottom{
border-top: 1px solid #C3C3C3;
width:100%;
float:left;
}

/* ---- center ---- */

.homepage{
float:left;
padding:0 0 0 5px;
width:100%;
}

.homepage p{
color:#000000;
font-weight:normal;
line-height:20px;
text-align:left;
font-size:13px;
}

.homepage td{
vertical-align:top;
padding:0 5px 2px 1px;
}

.photo{
width:90%;
height:auto;
margin:10px 10px 15px 0;
padding:0;
display:block;
text-align:center;
}

.photo img{
clear:both;
border:1px solid #C3C3C3;
padding:1px;
width:80%;
height:auto;
margin:0 0 5px 0;
}

.photo p{
text-decoration:underline;
text-align:center;
margin:0;
}

/* ---- faq section ---- */

.search{
width:99%;
margin:0 0 20px 5px;
float:left;
}

.searchinput{
background-color:#F7FFAF;
font-size:16px;
border: 1px solid #abb;
padding:3px 0 3px 0;
margin:0 0 5px 0;
width:95%;
}

.search input[type="submit"]{
font-size: 18px;
padding:1px 5px 1px 0;
color:#444444;
float:left;
}

.qbox{
width:97%;
margin:0 5px 0 5px;
}

.qbox td{
padding: 0 1px 0 1px;
}

.qbox input{
font-size:18px;
color:#444444;
padding:1px 5px 1px 5px;
}

.qbox input[type="text"]{
width:96%;
}

.qbox textarea{
width:99%;
}

.qbox select{
font-size:20px;
}

.question{
color:#003399;
font-size:13px;
font-weight:bold;
padding:15px 0 0 5px;
}

.answer{
padding: 5px 0 5px 5px;
font-size:13px;
line-height:18px;
}

.qinfo{
padding: 5px 0 0 5px;
font-size:11px;
font-style:italic;
}

/* ---- tickets ---- */

.buybox{
margin:0 5px 0 5px;
width:99%;
font-size:12px;
}

.buybox td{
vertical-align:top;
min-height:50px;
}

.buybox input[type="text"]{
font-size:18px;
color:#444444;
padding:1px 2px 1px 2px;
}

.buybox input[type="radio"]{
padding-left:5px;
padding-right:5px;
border: double 1px gray;
color:#FFF;
white-space: nowrap;
overflow:hidden;
width:25px;
height:25px;
margin:4px 10px 0 0;
}

.buybox select{
font-size:18px;
}

.buybox input[type="submit"]{
font-size: 18px;
padding:1px 5px 1px 0;
color:#444444;
margin:5px;
}

.buybox2{
margin:0 5px 0 5px;
width:97%;
font-size:12px;
}

.buybox2 input[type="text"] {
width:95%;
font-size:18px;
color:#444444;
padding:1px 2px 1px 2px;
margin-bottom:3px;
}

.buybox2 select{
font-size:18px;
max-width:95%;
}

.buybox2 input[type="submit"]{
font-size: 18px;
padding:1px 5px 1px 0;
color:#444444;
margin:5px 5px 5px 0;
}

.buybox2 textarea{
font-size:18px;
width:95%;
}

.buybox2 input[type="checkbox"]{
padding-left:5px;
padding-right:5px;
border: double 1px gray;
color:#FFF;
white-space: nowrap;
overflow:hidden;
width:20px;
height:20px;
margin:10px 0 0 0;
}

/* ---- other ---- */

.bookbox{
margin:0 5px 0 5px;
width:97%;
font-size:12px;
}

.bookbox td{
padding: 0 2px 0 2px;
width:49%;
}

.bookbox input[type="text"]{
font-size:18px;
color:#444444;
padding:1px 2px 1px 2px;
width:95%;
}

.bookbox input[type="checkbox"], .bookbox input[type="radio"]{
padding-left:5px;
padding-right:5px;
border: double 2px gray;
color:#FFF;
white-space: nowrap;
overflow:hidden;
width:25px;
height:25px;
}

.list{
width:99%;
text-align:center;
border-top: 1px solid #C3C3C3;
margin-left:1px;
}

.list td{
border-bottom: 1px solid #C3C3C3;
padding:4px 1px 4px 1px;
font-size:14px;
}

.list td a{
font-size:18px;
background-color:#C3C3C3;
padding:3px;
}

.presentation{
border:1px solid #AABBBB;
clear:both;
margin:10px 0 10px 0;
width: 99%;
}

.presentation td{
padding:5px;
width:33%;
}

.presentation img{
width:100%;
height:auto;
border:1px solid #C3C3C3;
padding:1px;
}

.cantons{
list-style:none;
width:90%;
margin-left:2px;
float:left;
}

.cantons li{
margin: 3px 0 11px 0;
text-align: left;

padding: 7px 3px 7px 3px;
}

.cantons a{
font-size:14px;
}
.cantons a b{
font-weight:normal;
}


/* ---- prices ----  */

.prices{
width:99%;
border:1px solid #AABBBB;
}

.prices a{
font-size:15px;
}

.prices .kaufen{
background-color:#F0F0F0;
border:1px solid gray;
padding:0 3px 0 3px;
margin-right:4px;
text-align:center;
}

.prices .kaufen a{
text-decoration:none;
}

.prices td{
padding:10px 2px 10px 10px;
border-bottom:1px solid #AABBBB;
}

.prices b, .prices strong{
color:#003399;
font-size:13px;
}

.pricesphoto{
width:99%;
height:auto;
margin:0;
padding:0;
display:block;
text-align:center;
}

.pricesphoto img{
clear:both;
border:1px solid #C3C3C3;
padding:1px;
width:100%;
height:auto;
margin:0 0 5px 0;
}

/* ---- exclusive ---- */

.exclusive{
border:1px solid #AABBBB;
width:98%;
}

.exclusive td{
padding:5px;
text-align:center;
border:1px solid #AABBBB;
}

.exclusive img{
border:1px solid #C3C3C3;
padding:1px;
width:50%;
height:auto;
margin:0 0 5px 0;
float:left;
}

.exclusive p{
text-align:center;
margin:0;
}

/* ---- video ---- */

.moviethumbnail {
width:93%;
text-align:left;
float:left;
margin:0 5px 5px 0;
padding: 5px 10px 0 5px;
border:1px solid #AABBBB;
}

.moviethumbnail h3{
font-weight:normal;
font-size:11px;
margin:0 0 5px 0;
}

.moviethumbnail p{
font-size:13px;
}

.moviethumbnail a{
font-size:13px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

.moviethumbnail h3 a{
text-decoration:underline;
}

.moviethumbnail img{
width:35%;
height:auto;
padding: 2px;
margin: 3px 7px 2px 0;
border: 1px solid #abb;
float:left;
}

.moviethumbnail i{
font-size:12px;
}

.moviethumbnail b{
font-size:13px;
}

.movie{
background: url(http://m.ballonreisen.ch/images/loading.gif) no-repeat center center;
width:98%;
height:auto;
}