body{margin:0;padding:0;background:#FFF;font-family:Verdana, Tahoma, Arial, sans-serif;font-size:12px;text-align:left;}
html { overflow-y: -moz-scrollbars-vertical; overflow-y: scroll; }
div#overall{width:1000px;padding:5px 10px;border:none;margin:0 auto 0 auto;}
div#header{margin:0;border:0;height:115px;width:1000px;}
div#head-logo{margin:0 0 0 5px;padding:0;width:240px;float:left}
#head-logo .img{border:0;margin:0;background-color:transparent;}
#head-logo .href{border:0;margin:0;}
a:hover{text-decoration:none;background-color:#EEE;}
a.button:hover { background-color:#587ABC; }
a.head-logo:hover{background-color:transparent;}
.cls { clear:both; }
img {border:none;}

div#quicklinks{height:20px;margin-top:2px;padding-right:0px;text-align:right;color:#2F445F;}
div#quicklinks a{color:#2F445F;text-decoration:none;}
div#quicklinks a:hover{text-decoration:underline;background:#EEE;}
div#quicklinks img{vertical-align:middle}

div#toplinks{margin-top:5px;padding-right:0px;text-align:right;color:#2F445F;}
div#toplinks a{color:#2F445F;text-decoration:none;}
div#toplinks a:hover{text-decoration:underline;background:#EEE;}

body#color_1 div#header div#quicklinks, body#color_1 div#header a { color:#2F445F; }
body#color_1 div#header input#keywords { border-color:#2F445F; }
body#color_2 div#header div#quicklinks, body#color_2 div#header a { color:#658c01; }
body#color_2 div#header input#keywords { border-color:#658c01; }
body#color_3 div#header div#quicklinks, body#color_3 div#header a { color:#770014; }
body#color_3 div#header input#keywords { border-color:#770014; }

#breadcrump{font-size:11px;font-weight:normal;color:#2F445F;margin:15px 0 25px 0;}
body#color_1 #breadcrump a, body#color_1 #breadcrump { color:#2F445F; }
body#color_2 #breadcrump a, body#color_2 #breadcrump { color:#658c01; }
body#color_3 #breadcrump a, body#color_3 #breadcrump { color:#770014; }
#urhere{color:#888;}
#breadcrump a{color:#2F445F;text-decoration:underline;}
#breadcrump a:hover{text-decoration:none;color:#2F445F;background:#EEE;}

#footer { clear:both; margin-top:3px; font-family:Arial,sans-serif; }

#slogan{padding-top:0px;margin-bottom:10px;border-top:1px solid #888;}
#slogan p{font-size:1.2em;display:block;}
#unten {line-height:1.5em;margin-bottom:20px;}
#unten p{float:left;margin: 0 30px 10px 0;display:block;}
#unten .last{margin-right:0;float:none}
#unten a{text-decoration:none;color:#2F445F;}
#unten a:hover{text-decoration:underline;}

.error { color:red; }

h1 { font-weight:bold;font-size:20px;color:#333; }

#content2col{width:1000px;}
#content2col .left{float:left;width:480px;margin-right:40px;}
#content2col .left table { width:100%; font-size:12px; }
#content2col .right{float:left;width:480px;}
body.hotel #content2col .left { width:720px; }
body.hotel #content2col .right { width:240px; }
#content2col h1{text-align:left;margin:0 0 5px 0;}
#content2col h2{font-weight:bold;font-size:16px;margin:0 0 5px 0;}
#content2col h3{font-weight:bold;font-size:14px;margin:0 0 10px 0;}
#content2col p{margin-top:0}
#content2col .intro{font-weight:bold}
#content2col #subtitle{color:#888;margin-bottom:20px;}
#flags {margin-bottom:20px;}

#centerwide #subtitle{color:#888;margin-bottom:20px;}

ul {padding:0px 10px 5px 20px;}
.img_right{float:right;margin:5px 0 5px 5px}
.img_left{float:left;margin:5px;}

/* Button */
.button { cursor:pointer; border:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#2F445F; color:#FFF; padding:6px 8px; text-decoration:none; margin-top:30px; }

/* Scrollbox */
div.colleft { float: left; width: 230px; margin-right: 20px; }
div.colright {float:left;width:230px; }
div.scrollbox {width:240px;height:153px;margin-top:10px;}
div.scrollbox span { background-color:#F0FAD7;width:20px;display:block;float:left;height:153px; }
div.scrollbox span img.cursor { margin-top:53px;margin-left:3px; }
div.scrollbox span.centerpart { background-color:transparent;width:190px;display:block;float:left }
div.scrollbox_events_title, div.scrollbox_gallery_title {color:#658c01;margin:10px 10px 10px 0;}
div.scrollbox_events_link, div.scrollbox_gallery_link, div.scrollbox_reviews_link { margin-top:4px; }
div.scrollbox_events_link a, div.scrollbox_gallery_link a, div.scrollbox_reviews_link a { color:#658c01;}
div.scrollbox_events_link a, div.scrollbox_gallery_link a, div.scrollbox_reviews_link a:hover {text-decoration:none;background:transparent;}
div.scrollbox.reviews { background-color:#F0FAD7; }
div.scrollbox.reviews span.centerpart { background-color:#FFF;margin-top:10px;padding:10px;height:113px; width:180px;display:block;float:left;font-style:italic; }
div.scrollbox.reviews span.centerpart span { background-color:transparent;height:auto;font-style:normal;width:180px; }

/* Flyout */
#menumain{background:#2F445F;clear:both;height:41px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;width:1000px; position: relative;}
#menumain ul{list-style-type:none;margin:0;padding:0;}
#menumain ul li{background-color:#2F445F;float:left;margin:0;padding:0;height:41px;}
#menumain ul li ul li{float:left;margin:0;padding:0;height:27px;text-align:left;border-right:none;}
#menumain a{display:block;font-weight:bold;font-size:12px;color:#FFF;text-decoration:none;line-height:41px;padding:0 10px 0 10px;}
#menumain.menumain_ru a { padding:0 9px 0 9px; font-size:11px; }
#menumain ul li ul { display:none; }
#menumain ul li ul.active { display: block; }
#menumain ul li#nav_color_1 { background-color:#2F445F; }
#menumain ul li#nav_color_2 { background-color:#658c01; }
#menumain ul li#nav_color_3 { padding-left:25px; background:url(../gfx/fcbarcelona_icon.png) 5px 9px no-repeat #770014;}
#menumain ul li.selected a { color:#FFF; }
#menumain ul li:hover {background-color:#EEE !important; }
#menumain ul li:hover a {color:#333; background:url(../images/gfx/navi_whitearrow.png) center bottom no-repeat; }
#menumain ul li#nav_color_3:hover a { background:url(../images/gfx/navi_whitearrow.png) 35px bottom no-repeat; }
#menumain ul li.selected a {background:url(../images/gfx/navi_whitearrow.png) center bottom no-repeat; }
#menumain ul li#nav_color_3.selected a { background:url(../images/gfx/navi_whitearrow.png) 35px bottom no-repeat; }

#menumain ul li ul.submenu { position:absolute; left:0; width:998px; background-color:#FFF; z-index: 99999; border-left:1px solid #2F445F; border-bottom:1px solid #2F445F; border-right:1px solid #2F445F; }
#menumain ul li#nav_color_1 ul.submenu { border-left:1px solid #2F445F; border-bottom:1px solid #2F445F; border-right:1px solid #2F445F; }
#menumain ul li#nav_color_2 ul.submenu { border-left:1px solid #658c01; border-bottom:1px solid #658c01; border-right:1px solid #658c01; }
#menumain ul li#nav_color_3 ul.submenu { border-left:1px solid #770014; border-bottom:1px solid #770014; border-right:1px solid #770014; }
#menumain ul li ul.submenu li { background-color:#FFF; float:none; height:28px; padding:0; }
#menumain ul li ul.submenu li a { color:#000; background:none; float:left; line-height:28px; width:100%; }
#menumain ul li ul.submenu li a:hover { background:none !important; text-decoration:underline; }
#menumain ul li ul.submenu li span { line-height:28px; color:#2F445F; }
#menumain ul li ul.submenu li span a { color:#2F445F; font-size: 11px; font-weight:normal; padding:0 2px 0 0; }
#menumain ul li ul.submenu li span a:hover { text-decoration:underline; }
#menumain ul li#nav_color_1 ul.submenu li span a { color:#2F445F; }
#menumain ul li#nav_color_2 ul.submenu li span a { color:#658c01; }
#menumain ul li#nav_color_3 ul.submenu li span a { color:#770014; }

div.booking_box { background-color:#a2bad8; border:1px solid #2F445F; padding:10px; }
div.booking_box .price { font-weight: bold; text-align:right; width:30px; }
div.booking_box .origprice { color:#888888; text-decoration:line-through; text-align:right; padding-right:5px; width:30px; }
table.zlist { border-spacing:0; font-size:12px; width:460px; }
table.zlist tr.group td.productname { background:url(../gfx/booking_box_dotted_line.png) no-repeat 5px bottom; width:350px; }
table.zlist tr.group td.productname span { background-color:#a2bad8; padding-right:5px; }
table.zlist tr.optiongroup td.productname a { text-decoration:none; color:#000; }
table.zlist tr.group td strong { text-decoration:none; color:#2F445F; }
table.zlist tr td, table.zlist tr th { padding:5px; }
table.zlist tr th {border-bottom:1px solid #CECECE;}
table.zlist tr .price {text-align:right;}
table.zlist tr td.action {text-align:right;}
table.zlist tr th { background-color:#CECECE; border-bottom:1px solid #CECECE;}
table.zlist tr.notavailable { opacity: 0.6; filter:alpha(opacity=60); }
table.zlist th.name { text-align: left; }
table.zlist tr .pricesum { text-align:right; }
/*table tr.row0 {background-color:#EFEFEF;}
table tr.row1 {background-color:#F9F9F9;}*/
table.list tr td {padding:5px;border:1px solid #527A00;}

.pic { margin:5px 0 10px 0; color:#333; width:480px; }
.row .pic { margin-bottom:40px; }
.pic img { margin-bottom:0; }
.pic div { background-color:#EEE; }
.pic p { margin:0; padding:5px; font-size:11px; width:470px; }
.pic #imgDescr, .pic .imgDescr { float:right; text-align: right; }
.pic #imgSlideshow { width:480px; }
.pic .picnav { position:absolute; margin-top:-25px; opacity:0.7; filter:alpha(opacity=70); }
.pic .picnav img { margin-right:5px; margin-top:2px; }
.pic #arrow_left,.pic .arrow_left { cursor:pointer; background:none; position:absolute; margin-left:5px; }
.pic #arrow_right,.pic .arrow_right { cursor:pointer; background:none; position:absolute; margin-left:308px; }
.pic a:hover { background-color:#FFF !important; }
.imgSelectedSlideshow{color:#658c01;font-weight:bold;}
.imgDeSelectedSlideshow{cursor:pointer;}
.imgDeSelectedSlideshow a{color:#333;font-weight:bold;cursor:pointer;}
span#menulink1:hover div#menu1, span#menulink2:hover div#menu2, span#menulink3:hover div#menu3, span#menulink4:hover div#menu4 {display:block;}

.textbuchung {color:#666;}
.textbuchung h2{margin-bottom:15px;}
.textblock{line-height:17px;margin-bottom:20px;}
.textblock .video { margin-top:20px; }

table.region-country-table {font-size:12px !important;}

.box {border:1px solid #658c01;background-color:#fbfef7;padding:10px 5px 0 5px;}
.box .h2 {margin-bottom:10px;}
.box .gift {background:url(../images/gfx/gift-24.png) 10px 10px no-repeat;}
.box .lock {background:url(../images/gfx/lock-24.png) 10px 10px no-repeat;}
.box .mail {background:url(../images/gfx/mail-24.png) 10px 10px no-repeat;}
.box .infos {background:url(../images/gfx/info-24.gif) 10px 10px no-repeat;}
.box .barca {background:url(../images/gfx/23-fcbarcelona-icon.png) 10px 10px no-repeat;}
.leftinfo {width:230px;margin-right:8px;float:left;}
.rightinfo {width:230px;float:left;}

input.datepicker { cursor:pointer; background:url(http://shop.barcelona.de/resources/images/icons/calendar.png) no-repeat right #FFF; border:1px solid #B7B7B7; padding:3px; }
input.timepicker { cursor:pointer; background:url(http://shop.barcelona.de/resources/images/icons/clock.png) no-repeat right #FFF; border:1px solid #B7B7B7; padding:3px; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; background: #900; display: none; }

.box2columns {width: 458px; clear:both; display:block; border:1px solid #658c01; padding:10px; background-color:#FBFEF7;margin-top:20px; }
.box2columns h2 {margin-bottom:10px !important;}
.box2columns div.bleft {display:block;float:left;width:224px;margin-right:10px;}
.box2columns div.bright {display:block;float:right;width:224px;}
.box2columns div.bleft p, .box2columns div.bright p {margin-bottom:10px;}
.box2columns.blank { border:none !important; background-color:#FFF !important; }
.box2columns.green { background-color:#FBFEF7 !important; border:1px solid #658c01 !important; }
.box2columns.blue { background-color:#D9E4F9 !important; border:1px solid #2F445F !important; }
.box2columns.red { background-color:#eee !important; border:1px solid #770014 !important; }

body#color_1 .box2columns { background-color:#D9E4F9; border:1px solid #2F445F; }
body#color_1 .box2columns a, body#color_1 div#index div.row a { color:#2F445F; }
body#color_2 .box2columns { background-color:#FBFEF7; border:1px solid #658c01; }
body#color_2 .box2columns a, body#color_2 div#index div.row a { color:#658c01; }
body#color_3 .box2columns { background-color:#F2B3BD; border:1px solid #770014; }
body#color_3 .box2columns a, body#color_3 div#index div.row a { color:#770014; }
div#index div.row a.headline { color:#000 !important; }

#index .pic{float:left;width:240px;height:164x;}
#index .text{float:left;width:230px;margin-bottom:20px;}
#index a.headline{display:block;font-weight:bold;font-size:15px;margin:0 0 8px 0;text-decoration:none;color:#000}
#index a.headline:hover{color:#333;text-decoration:none;}
#index a.object{color:#4b91d5;text-decoration:underline;margin-right:10px;}
#index a.object:hover{color:#FFF;text-decoration:none;background:#4b91d5;}
#index .objectinfo{font-size:11px;color:#666;margin:10px 0;}
#index .objectinfo a{color:#666;text-decoration:none;}
#index .objectinfo a:hover{text-decoration:underline;background:#EEE;}
#index p { margin-bottom:5px; }

.navibox { border: 1px solid #658C01; clear:both; padding: 10px; background-color: #fbfef7; margin-bottom:20px; }
body#color_1 .navibox a  { color:#2F445F; }
body#color_1 .navibox { background-color:#a2bad8; border:1px solid #2F445F; }
body#color_2 .navibox a { color:#658c01; }
body#color_2 .navibox { background-color:#FBFEF7; border:1px solid #658c01; }
body#color_3 .navibox a { color:#770014; }
body#color_3 .navibox { background-color:#F2B3BD; border:1px solid #770014; }

div.gallerypage div.image { float:left; margin-right:10px; margin-bottom:10px; height:230px; width:230px; }
div.gallerypage div.image a { color:#658c01; background:none; }

div.hotelbox { border: 1px solid #2F445F; background-color: #a2bad8; padding:10px; }
div.hotelbox div.morelinks { color:#2F445F; }
div.hotelbox div.morelinks a { color:#2F445F; text-decoration: none; }

/* -- Shop -- */
body.cart.index div.left, body.order.adress div.left, body.hotel.adress div.left, body.cart.askhotel div.left { width:720px !important; }
body.cart.index div.right, body.order.adress div.right, body.hotel.adress div.right, body.cart.askhotel div.right { width:240px !important; }
div#cookieActiveWarn { background-color: #FFF6D3; left: 0; padding: 7px; position: absolute; top: 0; width: 100%; z-index: 999; }

.box {background:url('../images/gfx/check-24.png') 10px 10px no-repeat; border:1px solid #2F445F; margin-bottom:10px; padding:10px 10px 10px 45px;}
.box h2, .box p {margin:0; padding:0;}
.box.gift {background:url(../images/gfx/24-gift.png) 10px 10px no-repeat; padding-left:45px; }
.box.lock {background:url(../images/gfx/24-lock.png) 10px 10px no-repeat; padding-left:45px; }
.box.mail {background:url(../images/gfx/24-mail.png) 10px 10px no-repeat; padding-left:45px; }
.box.infos {background:url(../images/gfx/24-info.gif) 10px 10px no-repeat; padding-left:45px; }
.box.barca {background:url(../images/gfx/23-fcbarcelona-icon.png) 10px 10px no-repeat; margin-top:20px !important; }

div.info {margin:10px 0;padding: 5px;border: 1px solid #658B00;background-color: #EAFFAF;}
div.warn {margin:10px 0;padding: 5px;border: 1px solid #B91810;background-color: #FFF6CF;}
div.error {margin:10px 0;padding: 5px;border: 1px solid #B91810;background-color: #FFD7CF;}

div#cart { background-color:#EFEFEF; border:1px solid #2F445F; border-radius: 3px 0 0 3px; color: #888; float: left; height: 26px; margin: 0 0 5px 593px; padding: 0; text-indent: 3px; width: 160px; margin-top:20px; height:26px;text-align:right; }
div#cart div.active { float: left; padding:4px;}
div#cart div.inactive { float: left; padding:4px;}
div#cart a { text-decoration: none; color:#2F445F; }
div.cart_button { float:right; }

body.order.wait div#head-logo { display:none !important; }
body.cart a, body.order a { color:#2F445F; }
body.cart a.button, body.order a.button { color:#FFF; }
body.order.adress form label, body.hotel.adress form label, body.order.bill form label, body.cart.askhotel form label { display:block; margin-top:10px; width:480px; }
#order_terms { background-color: #fff6cf; border: 1px solid #c4b164; padding: 5px; }

body.order.finish #index .pic { width:110px; }
body.order.finish #index .text { width: 370px; }

/* Overwrite some styles from jquery-ui */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #2F445F !important; }

div.objectinfo_right { color: #666666; font-size:11px; float:right; text-align:right; }
div.objectinfo_right span { color: #2F445F;font-size: 16px;font-weight:bold; }

.checkbox_left { float:left; margin-right:10px; }
.checkbox_left.fixed { width:140px; padding:8px 8px 0 0; }
.block_left { display:block; float:left; width:200px; }
.block_left label { width:200px; }
/* Intro Products */
#bookbox-left{width: 570px; float: left;padding-bottom:15px}
.product-intro{background-color:#EEE;color:#000;padding:10px;margin-bottom:10px;}
.product-intro .text-intro{margin-top: -3px;}
.product-intro .text-intro, .product-intro .text-intro .product-intro-sh{display:block;line-height:1.3em;}
.product-intro-image{display: inline-block;width: 230px;margin: 0 10px 0 0;background-color: #EEE;}
.product-intro .text-intro{width: 210px;display: inline-block;vertical-align:top;}
.product-intro .langtable{display:block;width:210px;align:left;padding:0px;}
.product-intro .lang {display:table-cell;float:left;table-layout:fixed;width:100px;Padding:3px 0 0px 0;}
.product-intro .product-intro-img-right{float:right;margin:0 0 5px 5px}

body.portal.index div#content2col .product, body.product.list div#content2col .product {border-top:1px solid #CECECE; min-height: 100px; padding:10px;}
body.portal.index div#content2col .product:hover, body.product.list div#content2col .product:hover {background-color:#EFEFEF; cursor:pointer;}
body.portal.index div#content2col .product .image, body.product.list div#content2col .product .image {idth: 160px;}
body.portal.index div#content2col .product .image img, body.product.list div#content2col .product .image img {float: left; margin: 0 10px 10px 0;}
body.portal.index div#content2col .product .desc, body.product.list div#content2col .product .desc {color:#000; width: 80%; display: inline-block; vertical-align: top;}
body.portal.index div#content2col .productname, body.product.list div#content2col .productname {padding:0; font-size:1.3em;}
body.portal.index div#content2col p, body.product.list div#content2col p { margin-top:15px; }
body.portal.index div#content2col p img, body.product.list div#content2col p img { margin-top:-30px !important;}
.addfield_headline td { padding:10px 0px 2px 5px !important }
.addfield td { padding:2px 5px !important; }

tr.bookingboxsummary td { color:#2F445F; }
tr.bookingboxsummary td div { float:left; margin:10px 5px 0 0; }
tr.bookingboxsummary td div#sumblock { float:right; font-weight:bold; margin-right:0; }
tr.bookingboxsummary td div#sumhint { display:none; margin-top:0 !important; float:right; }

#content2col div.textblock.book { background-color:#a2bad8; padding:5px; }
#content2col div.textblock.book h2 { padding-left:15px; }