/* NEU 2014 */
body{margin:0;padding:0;background:#FFF;font-family:Verdana, Tahoma, Arial, sans-serif;font-size:12px;text-align:left;}
div#overall{width:1000px;padding:5px 20px;border:none;margin:0 auto 0 auto;}
div#header{margin:0;border:0;height:115px;width:100%;}
div#head-logo{margin:0 0 0 5;padding:0;width:240px;float:left}
#head-logo .img{border:0;margin:0;background-color:transparent;}
#head-logo .href{border:0;margin:0;}
a.head-logo:hover{background-color:transparent;}
.cls { clear:both; }

div#quicklinks{display:none;}
div#quicklinks a{color:#355BAC;text-decoration:none;}
div#quicklinks a:hover{text-decoration:underline;background:#EEE;}
div#quicklinks img{vertical-align:middle}

body#color_1 div#header div#quicklinks, body#color_1 div#header a { color:#355BAC; }
body#color_1 div#header input#keywords { border-color:#355BAC; }
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:#355BAC;margin:15px 0 25px 0;}
#urhere{color:#888;}
#breadcrump a{color:#355BAC;text-decoration:underline;}
#breadcrump a:hover{text-decoration:none;color:#355BAC;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 {display:none;}
#unten p{float:left;margin: 0 30px 10px 0;display:block;}
#unten .last{margin-right:0;float:none}
#unten a{text-decoration:none;color:#355BAC;}
#unten a:hover{text-decoration:underline;}

div#site_search {display:none;}


div#toplinks{display:none;}
div#toplinks a{color:#355BAC;text-decoration:none;}
div#toplinks a:hover{text-decoration:underline;background:#EEE;}

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

#content2col{width:100%;}
#content2col .left{float:left;width:480px;margin-right:40px;}
#content2col .right{float:left;width:480px;}
#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;margin:0 0 10px 0;}
#content2col p{margin-top:0;font-size:14px}
#content2col .intro{font-weight:bold}
#content2col #subtitle{color:#888;margin-bottom:20px;}
#flags {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:#355BAC; color:#FFF; padding:6px 8px; text-decoration:none; margin-top:30px; }

/* Widgets */
div#widget{margin-bottom:20;margin-top:20px;}
div#widget h2{font-weight:bold;font-size:16px;margin:0 0 10px 0;}
#widget .link_button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#355BAC;color:#FFF;padding:6px 8px;text-decoration:none;margin-top:30px;}
#widget .price{font-weight:bold;margin-bottom:10px;}
#widget .blue{color:#355BAC;font-weight:bold;}
#widget .widget-text { width:230px; float:left; margin-right:10px;margin-bottom:14px;}
#widget p { padding-bottom:0; margin-bottom:10px }

/* Startpage Specials */
div#startpagespecials h2 { color: #355bac; margin-top: 25px; margin-bottom:20px; }
div#startpagespecials h3 { margin-bottom:10px; font-size:16px; }
div#startpagespecials img { float:left; margin-right:20px; }
div#startpagespecials .price { font-weight:bold; font-size:20px; margin-bottom:0; }
div#startpagespecials .button { margin-top:10px; }
div#startpagespecials div.boxwerbung { height:153px; }
div#startpagespecials div.boxlist { margin:10px 0 8px 0; }
div#startpagespecials a { color:#355bac; }
div#startpagespecials div.boxlist span.title { background: url("http://www-2014.barcelona.de/gfx/booking_box_dotted_line.png") repeat-x 0 12px; color:#355bac; display:block; float:left; width:250px; margin-right:10px; }
div#startpagespecials div.boxlist span.title span { background-color: #FFF; padding-right:4px; }
div#startpagespecials div.boxlist span.price { margin-bottom:0; float:left; font-size:12px; width:95px; }
div#startpagespecials div.boxlist span.infolink { color:#355bac; float:left; font-size:12px; }
div#startpagespecials div.boxlist span.infolink a { text-decoration: none; }
div#startpagespecials div.boxlist span.infolink a:hover { background:#EEE; text-decoration: underline; }

/*  Noch überarbeiten */
#menumain{background:#658c01;height:41px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;width:1000px;}
#menumain ul{list-style-type:none;margin:0;padding:0;}
#menumain ul li{background-color:#355BAC;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;border-top:1px solid #ccc;}
#menumain a{display:block;font-weight:bold;font-size:12px;color:#FFF;text-decoration:none;line-height:41px;padding:0 10px 0 10px;}
#menumain ul li#nav_color_1 { background-color:#355BAC; }
#menumain ul li#nav_color_1.selected { background-color:#EEE;}
#menumain ul li#nav_color_2 { background-color:#658c01; }
#menumain ul li#nav_color_2.selected { background-color:#EEE; }
#menumain ul li#nav_color_3 { padding-left:25px; background:url(../gfx/fcbarcelona_icon.png) 5px 9px no-repeat #770014;}
#menumain ul li#nav_color_3.selected { padding-left:25px; background:url(../gfx/fcbarcelona_icon.png) 5px 9px no-repeat #EEE; }
#menumain ul li.selected a { color:#000; }
#menumain ul li:hover {background-color:#EEE !important; }
#menumain ul li:hover a {color:#333;}

/*.subnavi { display:none; }*/

#menumain ul li ul.submenu { display:none;}



/*#menumain ul li:hover .subnavi { display: block; }*/
.subnavi { background-color:#FFF; z-index:100; }

div.booking_box { background-color:#f1f5ff; border:1px solid #355BAC; 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 { font-size:12px; width:460px; }
table.zlist tr.group td.productname { background:url(../gfx/booking_box_dotted_line.png) 0 bottom repeat-x; width:350px; }
table.zlist tr.group td.productname span { background-color:#f1f5ff; 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:#355BAC; }
table.zlist tr td, table.zlist tr th { padding:5px 0; }
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.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:12px; width:470px; }
.pic #imgDescr { float:right;font-size:11px; }
.pic #imgSlideshow { width:480px; }
.pic .picnav { position:absolute; margin-top:-25px; opacity:0.7; }
.pic .picnav img { margin-right:5px; margin-top:2px; }
.pic #arrow_left { cursor:pointer; background:none; position:absolute; margin-left:5px; }
.pic #arrow_right { cursor:pointer; background:none; position:absolute; margin-left:308px; }
.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:#888;}
.textbuchung h2{margin-bottom:15px;}
.textblock{line-height:17px;margin-bottom:20px;}

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

#overall .infobox{border:1px solid #658c01;float:right;width:230px;margin:0 0 5px 5px;}
#overall .infobox h3{background-color:#658C01;color:#FFF; font:bold 11pt; margin:0 0 10px 0;padding: 3px 1px 3px 10px;}
#overall .infobox p {color:#000; font:normal 11pt ;margin:0 10px 5px 10px;}
#overall .infobox li {list-style:none;background:url(http://barcelona.de/gfx/smallarrow.gif) 0 10px no-repeat;font:normal 11pt;padding:5px 0 0 8px;}
#overall .infobox li a{font-weight:normal;text-decoration:underline;color:#658c01;}
#overall .infobox li a:hover{font-weight:normal;text-decoration:none;color:#658c01;background-color:#eee}
#overall .infobox .infoboxbull {padding:0 0 5px 0;margin:5px 5px 10px 10px;}

.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;}

body#color_1 .box2columns { background-color:#D9E4F9; border:1px solid #355BAC; }
body#color_1 .box2columns a, body#color_1 div#index div.row a { color:#355BAC; }
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; }

 /* Widgets mit Bild, noch ausmisten */
.BannerBoxGlobal{font-size:0.9em;width:235px;background-color:#FFF;margin:0 5px 2px 0;float:left;}
.BannerBoxGlobal img{margin:0;}
.BannerBoxGlobal h1{font-size:1.5em !important;color:#658c01 !important;text-align:left;margin:0 !important;background-color:#EEE;padding:7px 5px 5px 5px;}
.BannerBoxGlobal h2{text-align:left;margin:0;background-color:#FFF;padding:5px 5px 5px 5px;}
.BannerBoxGlobal h3{margin-left:5px;font-size:1em !important;}
.BannerBoxGlobal h4{font-weight:bold;}
.BannerBoxTop{float:left;width:235px;padding:7px  5px 0 0px;}
.BannerBoxGlobal .BannerBoxSpecify ul{margin:5px 0 0 5px;padding:0;}
.BannerBoxGlobal .BannerBoxSpecify ul li{line-height:1.2em;font-size:1em;padding:5px 0 0 10px !important;}
.BannerBoxImage{float:left;}
.BannerBoxImage img{float:left;display:block;border:1px solid #355BAC;height:60px;width:60px;margin:5px 5px 5px 0;}
.BannerBox {float:left;margin:0;padding:0 0 10px 0;width:230px;background-color:#FFF;background-image:url(http://barcelona.de/_gfx/dottedline.gif);background-position:top;background-repeat:repeat-x;border:none;}
.BannerBoxTop h4{margin:0;padding:0;font-size:1em !important;line-height:1.3333em;}
.BannerBoxTop h4 a{margin:0;padding:0;font-weight:bold;}
.BannerBoxTop h4 a span{color:#000;}
.BannerBox p{margin:0;padding:0;line-height:1.3333em;}
.BannerBoxTop p a{text-decoration:none;color:#000;}
.BannerBoxSpecify{float:left;margin-top:1px;padding:0;font-size:1em !important;}
.BannerBoxSpecify ul{float:left;margin:0;padding:5px 5px 5px 0;width:215px;}
.BannerBoxSpecify ul li{padding:5px 0 0 8px;list-style:none;background-image:url(http://barcelona.de/_gfx/smallarrow.gif);background-position:0 10px;background-repeat:no-repeat;font-size:1em !important;}
.BannerBoxSpecifyArrow li{list-style:none;background:url(http://barcelona.de/_gfx/smallarrow.gif) 0 10px no-repeat;font-size:1em !important;padding:5px 0 0 8px;}
.BannerBoxSpecifyArrow li a{font-weight:normal;text-decoration:underline;color:#000000;}
.BannerBoxSpecifyArrow li a:hover{text-decoration:none;}