html, body {
  margin:0px;
  padding:0px;
}

body, td, th {
  color:#555555;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:11px;
}

body {
  background-image:url("/bofe_pics/layout/bg_gradient.gif");
  background-color: #e5eff7;
  background-repeat: repeat-x;
}

a {
  color:#555555;
  text-decoration:none;
}

a:hover  {
  text-decoration:underline;
}

.arrow  {
  color: #990000;
  padding: 0px 3px 0px 0px;
}

.customer  {
  color: #0063ac;
  font-weight: bold;
  padding: 0px 3px 0px 0px;
}

.pager .arrow  {
  color: #990000;
  padding: 0px 3px 0px 5px;
}

.arrowlink  {
  font-size: 13px;
}

h1 {
  font-weight:normal;
  margin: 0px 0px 0px 0px;
}

h2 {
  font-weight:normal;
  margin: 0px 0px 0px 0px;
}

div#page {
  /*background:none repeat scroll 0 0 #ffffff;*/
  margin:0px;
  padding: 10px 0px 0px 10px;
  position:relative;
  width:850px;
  background-color: #ffffff;
}

div#header {
  background-image:url("/bofe_pics/layout/bg_top.jpg");
  width: 850px;
  height: 175px;

  padding: 0px 0px 0px 0px; /*old*/
}

div#navigation{
  height: 30px; /*old*/
  padding: 0px 0px 0px 0px; /*old*/
}

.main {
  background-image:none;
}

/* begin: left column */
div#col1 {
  float:left;
  width:160px;
  overflow: hidden;
}

div#col1_inner {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

div#submenu {
  padding:0px 0px 0px 0px;
}
/* end: left column */

/* begin: middle column */   
div#col2 {
  float:left;
  width:490px;
  margin:0px 0px 0px 15px;
  overflow: hidden;
}

div#col2.tshirt {
  width:850px;
  margin:0px 0px 0px 0px;
}

div#col2.service {
  width:675px;
}

div#col2_inner {
  padding:0px 0px 0px 0px;
  text-align:center;
}

div#content_headline {
  padding:0px 0px 15px 0px;
  margin:0px 0px 0px 0px;
  float: left;
} 

div#content_headline h1 a {
  color: #990000;
  font-weight: bold;
  font-size: 17px;
  text-decoration: none;
}

div#content_headline h2 a {
  color: #990000;
  font-weight: bold;
  font-size: 17px;
  text-decoration: none;
}

div#textsize_text {
  float:left;
  padding:4px 7px 0px 0px;
  font-size: 12px;
}

div#textsize {
  float:right;
}

div#textsize_icons{
  float: left;
}

.mainboxhead div#textsize_text {
  color: #ffffff;
  padding:5px 7px 0px 0px;
}

.mainboxhead div#textsize_icons {
  font-size: 12px;
  padding:0px 5px 0px 0px;
}  

div#col2_container {
  border: none;
  border-width: 0px;
  text-align:left;
  width:490px;
}

div#col2_container.tshirt {
  width:850px;
  text-align: center;
}

div#col2_container.service {
  width:675px;
}

.servicethumbs .pic {
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
  width: 162px;
  overflow: hidden;
}

.servicethumbs .link {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
  font-size: 11px;
  width: 115px;
}
/* end: middle column */

/* begin: right column */
div#col3 {
  background-color:#ffffff;
  float:left;
  width:160px;
  overflow: hidden;
  margin:0px 0px 0px 15px;
}

div#col3_in {
  padding:0px 0px 0px 0px;
}

.right_col  {
  display:inline;
  font-size:11px;
  margin:0;
} 

.dream_box .dropDown {
  margin: 5px 0px 0px 0px;
  width: 145px;
}

.dream_box .se_middle {
  
}

/* end: right column */

/* begin: box layout */
.main .box {
  width: 158px;
  border: 1px solid;
  border-color: #bfd8ea;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

.main .box_login {
  width: 158px;
  border: 1px solid;
  border-color: #e5bfbf;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

.main .envelope {
  position: relative;
  top: -10px;
  left: 8px;
}

.main .bodensee_icon {
  position: relative;
  top: -6px;
  left: 8px;
}

.main .boxhead {
  background-image:url("/bofe_pics/layout/bg_boxhead.gif");
  width: 160px;
  height: 19px;
  font-size: 13px;
  color:#555555;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main .boxhead_login {
  background-image:url("/bofe_pics/layout/bg_boxhead_login.gif");
  width: 160px;
  height: 19px;
  font-size: 13px;
  color:#555555;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main .boxheadcontent {
  font-size: 13px;
  color:#555555;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
}

.main .boxcontent {
  margin: 0px 0px 0px 0px;
  /*padding: 0px 0px 0px 0px;*/
  line-height: 21px;
}

.hot{
  color: #0063ac;
}

.cold{
  color: #990000;
}

.boxcontent input[type="text"]  {
  border:1px solid #9b9b9b;
  width:140px;
}

.boxcontent select {
  width: 142px;
  border:1px solid #9b9b9b;
}

.boxcontent input[type="submit"]  {
  background-color:#eeeeee;
  border:1px solid #7fb1d5;
  color:#555555;
}
/* end: box layout */

/* begin: content layout */
.main .mainbox {
  width: 488px;
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  /*font-size: 14px;*/
}

.main .mainbox.service {
  width: 325px;
  height: 125px;
}

.main .mainbox.webcampopup {
  width: 640px;
  margin: 0px 0px 0px 10px;
}

div#content {
  font-size: 13px; 
}

.main .mainboxborder {
  border-top: 1px solid #bfd8ea;
  padding-top: 15px;
  margin-top: 15px;
}

.main .mainboxhead {
  background-image:url("/bofe_pics/layout/bg_mainboxhead.gif");
  width: 490px;
  height: 26px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
} 

.main .mainboxhead.recommend, 
.main .mainboxhead.sport, 
.main .mainboxhead.pager {
  background-image:none;
  background-color: #eeeeee;
  margin: 30px 0px 0px 0px;
}

.main .mainboxhead.servicelink {
  width: 325px;
  background-image:none;
  background-color: #eeeeee;
  margin: 30px 0px 15px 0px;
}

.main .mainboxhead.service {
  width: 325px;
}

.main .mainboxhead.dreamway {
  width: 660px;
}   

.main .mainboxhead.webcampopup {
  width: 640px;     
  margin: 20px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

.main .mainboxheadfirst {
  background-image:url("/bofe_pics/layout/bg_mainboxhead.gif");
  width: 490px;
  height: 26px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main .mainboxheadcontent {
  font-size: 13px;
  font-weight: bold;
  color:#ffffff;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 0px 5px;
} 

.main .mainboxheadcontent.recommend {
  color:#555555;
  padding: 4px 25px 0px 5px;
}

.main .mainboxheadcontent.sport {
  color:#555555;
  padding: 4px 10px 0px 5px;
  float: left;
}

.main .mainboxheadcontent.pager {
  font-size: 13px;
  color:#999999;
  padding: 4px 15px 0px 5px;
}

.main .mainboxheadcontent.ads {
  font-size: 13px;
  font-weight: normal;
  color:#ffffff;
  padding: 4px 10px 0px 0px;
}

.main .mainbox .minicontent img {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}

.main .mainboxhead_jump {
  background-color: #eeeeee;
  width: 490px;
  height: 26px;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main .mainboxheadcontent_jump {
  font-size: 13px;
  font-weight: normal;
  color:#555555;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 0px 5px;
}

.main .mainboxheadcontent a {
  font-size: 13px;
  font-weight: normal;
  color:#ffffff;
  padding: 1px 10px 0px 0px;
}  

.main .mainboxheadcontent.recommend a, 
.main .mainboxheadcontent.pager a, 
.main .mainboxheadcontent.servicelink a, 
.main .mainboxheadcontent.sport a {
  font-size: 13px;
  font-weight: normal;
  color:#555555;
  padding: 1px 0px 0px 0px;
}

.main .mainboxteaserimg {
  margin: 0px 10px 10px 0px;
  padding: 0px 0px 0px 0px;
} 

.main .artdetail img {
  float: left;
  margin: 0px 20px 15px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

.main .artlist img {
  float: left;
  margin: 0px 10px 5px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
} 
/*
.mainbox h1 {
  font-weight:bold;
  margin: 0px 0px 0px 0px;
  font-size: 18px;
  color: #9b9b9b;
}

.mainbox h2 {
  font-weight:bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  font-size: 18px;
  line-height: 14px;
  color: #9b9b9b;
}
*/  

.mainbox h2, .mainbox h2 a {
  font-weight:bold;
  margin: 0px 0px 0px 0px;
  font-size: 15px;
  color: #9b9b9b;
}  

.mainbox a:hover h2 {   
  text-decoration: underline;
}

.mainbox h3 {
  font-weight:bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  font-size: 15px;
  line-height: 14px;
  color: #9b9b9b;
}

.mainbox a:hover h3 {   
  text-decoration: underline;
}

.main .mainboxline {
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  border-bottom: 1px solid #bfd8ea;
}

.main .line {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #bfd8ea;
}

.main .flashtxt {
  font-size: 12px;
  color: #9b9b9b;
  float: right;
}

.float_left_list {
 /* float:left;*/
  width:240px;
}

.float_right_list {
  width:250px;
}

.list_red {
  color:#B5113E;
  float:left;
  height:30px;
}

.webcam {
  padding: 0px 0px 15px 0px;
}

.webcam h2 {
  font-size: 15px;
  color: #9b9b9b;
  font-weight: bold;
  padding: 15px 0px 13px 0px;
  text-align: center;
}

/*
.gallery  {
  font-size: 11px;
  padding: 15px 0px 13px 0px;
  text-align: center;
}

.gallery h2 {
  font-size: 11px;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  width: 150px;
}

.gallery img {
  width: 150px;
  height: 113px;
  border: 0px;
}
  */      
.bofegallery  {
  font-size: 11px;
  padding: 15px 0px 13px 0px;
  text-align: center;
}

.bofegallery h2 {
  font-size: 11px;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  width: 150px;
}

.bofegallery img {
  width: 150px;
  height: 113px;
  border: 0px;
}

.selectcity {
  width: 120px;
}

.gmap{
  font-size: 12px;
}

.gmap h5{
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf; 
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

.formular .label, .formular .input {
  font-size: 13px;
}

.main .city_icon {
  float: right;
  padding: 5px 10px 20px 0px;
}

.main .city_icon img{
  padding: 0px 0px 0px 4px;
}  

.main .citylist{
  width:122px;
  float: left;
  overflow: hidden;
}      

.main .citylist ul{
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 15px;              
  width: 110px;
}        

.main .citylist ul li{
  clear:left;
}                   

.main .citybox{
  border:1px solid #BFD8EA;
  margin:0 0 15px;
  width:235px;
}                   

.main .citybox.holiday{
  background-color: #eeeeee;
  border: none;
} 

.main .citybox_headline{
  color:#555555;
  height:15px;
  padding:10px 0 10px 15px;
  width:170px;
  font-weight: bold;
}

.main .citybox_text{
  padding:0 0 10px 15px;
  width:170px;
}                        

.main .artdetailbox{
  border:1px solid #BFD8EA;
  margin:0 0 15px;
  padding: 10px 10px 10px 10px;
  /*width:235px;*/
}   

/* end: content layout */

/* begin: navi (dropdown) */
.mainnavi {
  background-image:url("/bofe_pics/layout/bg_mainnavi.gif");
  width: 849px;
  height: 31px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  /*border-left: 1px solid;*/
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: #cccccc;
}

.mainnavicontent {
  width: 849px;
  /*height: 31px;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.mainnavilink {
  padding: 1px 12px 0px 12px;
  margin: 0px 0px 0px 0px;
  font-size: 13px;
  border-right: 1px solid;
  border-color: #cccccc;
  height: 31px;
}

.mainnavilink a {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul li a {
  float: left;
  display: block;
  text-decoration: none;
}

#menu ul li a.aktiv {
  color: #ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu ul li.li_home {
  background-image:url("/bofe_pics/layout/bg_homelink.gif");
  padding: 0px 0px 0px 0px;
  width: 35px;
  font-size:13px;
}

#menu ul li.level1 {
  float: left;
}

#menu ul li.level1.aktiv {
  background-image:url("/bofe_pics/layout/bg_mainnavi_hi.gif");
}

#menu ul li {
  list-style: none;
}

#menu ul.dropdown,
#menu ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 180px;
  border-left: 1px solid #cfcfcf;
  /*border-top: 1px solid #cfcfcf;*/
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  background-color: #d3e4f1;
  margin: 0px 0px 0px -1px;
}

#menu ul.dropdown {
  padding: 0px 0px 0px 0px;
  z-index: 99;
}

#menu ul.dropdown li.level2,
#menu ul.flyout li.level3 {
  /*border-bottom: 1px solid #cfcfcf;*/
  /*height: 25px;
  padding: 10px 0px 0px 0px;  */
}

#menu ul.dropdown li.level2 a,
#menu ul.flyout li.level3 a {
  font-size: 13px;
  font-weight: normal;
  padding: 5px 4px 7px 14px;
  /*height: 25px;*/
}

#menu ul.dropdown li.level2 a:hover,
#menu ul.flyout li.level3 a:hover {
  background-color: #ffffff;
}

/* begin: ressort navi */
.main .boxheadressortnavi {
  background-image:url("/bofe_pics/layout/bg_boxheadressortnavi.gif");
  width: 160px;
  height: 19px;
  font-size: 13px;
  color:#ffffff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main .boxheadcontentressortnavi {
  font-size: 13px;
  color:#ffffff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
}

ul.navlevel2 {
  padding: 0px 0px 0px 0px;
  /*position: absolute;
  top: 0px;*/
  left: 0px;
  /*border-top: 1px solid #cfcfcf;*/
  /*border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  width: 135px;*/
  background-color: #e5eff7;
  margin: 0px 0px 0px 0px;

}

ul.navlevel2 li.level2{
  list-style: none outside none;
}

ul.navlevel2 li.level2 a{
  font-size:11px;
  font-weight:normal;
  padding:5px 4px 7px 4px;
  display: block;
  text-decoration: none;
}

ul.navlevel2 li.level2 a:hover {
  background-color: #ffffff;

}

ul.navlevel2 li.level2.aktiv {
  background-color: #cccccc;
}

ul.navlevel2 li.level2.aktiv a {
  color: #ffffff;
}

ul.navlevel2 li.level2.aktiv a:hover {
  color: #555555;
}

ul.navlevel2 li.level2.aktiv a:hover .arrow {
  color: #990000;
}

ul.navlevel2 li.level2.aktiv .arrow {
  color: #ffffff;
}
/* end: ressort navi */

/* end: navi (dropdown) */

/* begin: search */

.li_search {
  /*border-color:#CCCCCC;
  border-right:1px solid #CCCCCC;
  float: left;
  margin:0;
  padding:1px 14px 0;
  */
  font-size:13px;
  height:29px;
}

.searchform {
  height: 29px;
}

div#search1 {
  float:right;
  padding: 5px 6px 0px 0px;
}

div#search1 .input_search {
  width: 123px;
  border: 1px solid #cccccc;
}

div#search2 {
  float:right;
  padding: 7px 9px 0px 0px;
}

div#search2 .input_button {
  height:16px;
  width:18px;
  border:0px;
  background-image:url('/bofe_pics/icon/icon_magnifier.gif');
}

/* end: search */

/* begin: footer */
.footer {
  background-color:#0063ac;
  color: #ffffff;
}

.foottxt {
  text-align: center;
  padding: 20px 10px 22px 10px;
  border-bottom: 1px solid #9b9b9b;
  line-height: 18px;
}

.foottxt a {
  text-decoration: underline;
  color: #ffffff;
}

.footsub {
  font-size: 12px;
  padding: 20px 10px 55px 10px;
  text-align: right;
}

.footsub a {
  text-decoration: none;
  color: #ffffff;
}

.footsub a:hover {
  text-decoration: underline;
}
/* end: footer */

/* begin: generell spaces */
.mg-t10 {
  margin-top: 10px;
}

.mg-r8 {
  margin-right: 8px;
}

.mg-r10 {
  margin-right: 10px;
} 

.mg-b10 {
  margin-bottom : 10px;
}

.mg-b15 {
  margin-bottom : 15px;
}

.pd-t5 {
  padding-top: 5px;
}

.pd-t6 {
  padding-top: 6px;
}
 
.pd-t10 {
  padding-top: 10px;
}

.pd-r5 {
  padding-right: 5px;
}

.pd-r8 {
  padding-right: 8px;
} 

.pd-r10 {
  padding-right: 10px;
}

.pd-r15 {
  padding-right: 15px;
}

.pd-r20 {
  padding-right: 20px;
}

.pd-b4 {
  padding-bottom: 4px;
}

.pd-b5 {
  padding-bottom: 5px;
}

.pd-b10 {
  padding-bottom: 10px;
}

.pd-b15 {
  padding-bottom: 15px;
}

.pd-b30 {
  padding-bottom: 30px;
}

.pd-b100 {
  padding-bottom: 100px;
}

.pd-l4 {
  padding-left: 4px;
}

.pd-l5 {
  padding-left: 5px;
}

.pd-l10 {
  padding-left: 10px;
}

.pd-l45 {
  padding-left: 45px;
}

.ta-r {
  text-align: right;
}

.ta-c {
  text-align: center;
}

.h60 {
  height:60px;
}

.w28 {
  width:28px;
}

.w30 {
  width:30px;
}

.w75 {
  width:75px;
}

.w85 {
  width:85px;
} 

.w115 {
  width:115px;
}

.w120 {
  width:120px;
}

.w150 {
  width:150px;
}

.w158 {
  width:158px;
}

.w160 {
  width:160px;
}

.w235 {
  width:235px;
} 

.w245 {
  width:245px;
}

.w325 {
  width:325px;
} 

.w328 {
  width:328px;
}

.w490 {
  width:490px;
}

.w510 {
  width:510px;
}

.w588 {
  width:588px;
}

.w590 {
  width:590px;
}

.w850 {
  width:850px;
}

.ft14{
  font-size: 14px;
}

.lh14 {
  line-height:14px;
}

.lh16 {
  line-height:16px;
}

.lh17 {
  line-height:17px;
}

.lh20 {
  line-height:20px;
}

.lh23 {
  line-height:23px;
}

.left{
  float:left;
}

.right{
  float:right;
}

.clear{
  clear: both;
}

.bold {
  font-weight: bold;
}

.hidden {
  overflow: hidden;
}

.none {
  display: none;
}
/* end: generell spaces */

/* begin: dreamway */
#content_1coli_container #content_1coli_text .dreamway_schnellsuche {
  float:left;
  border-right: 1px solid #bfd8ea;
  height:140px;
  width: 245px;
}

#content_1coli_container #content_1coli_text .dreamway_anfrage {
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  overflow:visible;
  background-image:url('/bofe_pics/icon/button_new.gif');
  background-repeat: no-repeat;
  background-position: right top;
  width: 230px;
}

#content_1coli_container #content_1coli_text .dreamway_anfrage .txt {
  padding: 8px 0px 5px 0px;
  font-size: 13px;
  line-height: 18px;
}

#content_1coli_container #content_1coli_text {
  padding: 0px 0px 0px 0px;
}
/* end: dreamway */

/* begin: ivw pixel */
.ivwpxl {
  position:absolute;
  top:-25px;
}
/* end: ivw pixel */

/* begin: sky ad */
#sky {
  position:absolute;
  visibility:visible;
  left:870px;
  top: 0px;
  width: 200px;
  z-index:2;

}

#sky_move {
  position: relative;
}
/* end: sky ad */

/* begin: werb */
.werb101{
  /*margin:0;
  padding:10px 0 0 130px;
  width: 850px;*/
}

  
/* end: werb */

.travel_searchform #travelform .period .content .box .clearfix label span.fs13 {
  font-size:13px;
}