@import "fonts/cocon.css";
@import "fonts/aller.css";

/*CSS Reset http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/*End CSS Reset*/

body {
	color: #333;
 	font-size: 12px;
    font-family: 'allerregular', Arial, sans-serif;
}

html {
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

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

.fontCocon {font-family: 'coconregular';}
.fontAller {font-family: 'allerregular';}

/*Layoutfarben*/

.contenttitle{background-color:#b3b0a7 !important;}
.Neutral-bg{background-color:#b3b0a7 !important;}
.flieder-bg{background-color:#B998A9 !important;}
.hellgruen-bg{background-color:#A4CD8B !important;}
.pink-bg{background-color:#E67A94 !important;}
.violett-bg{background-color:#C493C2 !important;}
.hellblau-bg{background-color:#5CC3F0 !important;}
.orange-bg{background-color:#F28D79 !important;}
.gelb-bg{background-color:#FEC91B !important;}
.tuerkis-bg{background-color:#60C4D4 !important;}

.flieder-font, .flieder h1, .flieder h2, .flieder h3,
.contentbox.flieder a,
.typography.flieder a
{color: #B998A9;}
.hellgruen-font, .hellgruen h1, .hellgruen h2, .hellgruen h3,
.contentbox.hellgruen a,
.typography.hellgruen a
{color: #A4CD8B;}
.pink-font, .pink h1, .pink h2, .pink h3,
.contentbox.pink a,
.typography.pink a
{color: #E67A94;}
.violett-font, .violett h1, .violett h2, .violett h3,
.contentbox.violett a,
.typography.violett a
{color: #C493C2;}
.hellblau-font, .hellblau h1, .hellblau h2, .hellblau h3,
.contentbox.hellblau a,
.typography.hellblau a
{color: #5CC3F0;}
.orange-font, .orange h1, .orange h2, .orange h3,
.contentbox.orange a,
.typography.orange a
{color: #F28D79;}
.gelb-font, .gelb h1, .gelb h2, .gelb h3,
.contentbox.gelb a,
.typography.gelb a
{color: #FEC91B;}
.tuerkis-font, .tuerkis h1, .tuerkis h2, .tuerkis h3,
.contentbox.tuerkis a,
.typography.tuerkis a
{color: #60C4D4;}

a.Neutral-hover :hover{background-color:#b3b0a7;}
a.flieder-hover :hover{background-color:#B998A9;}
a.hellgruen-hover :hover{background-color:#A4CD8B;}
a.pink-hover :hover{background-color:#E67A94;}
a.violett-hover :hover{background-color:#C493C2;}
a.hellblau-hover :hover{background-color:#5CC3F0;}
a.orange-hover :hover{background-color:#F28D79;}
a.gelb-hover :hover{background-color:#FEC91B;}
a.tuerkis-hover :hover{background-color:#60C4D4;}

.braun-bg{background-color:#b3b0a7;}

.whitearrow{
    background-image: url(../images/pfeil_weiss.png);
    background-repeat: no-repeat;
    background-position: 6px center;
}

.whitearrow.section{
    background-position: 14px center;
}
a:hover .whitearrow{
    background-position: 14px center;
}

.arial { font-family: Arial, sans-serif;}

/* Layout*/
#wrapper {
    width: 990px;
    margin: 0px auto;}

#head {}

#layout {
    width: 100%;}
#layout #nav,
#layout #content,
#layout #sidebar {
    display: table-cell;
    vertical-align: top;
}
#layout #nav {
    width: 200px;
    position: relative;
}
#layout #content {padding: 60px 25px 0;}
#layout #sidebar {width: 180px;
    padding-top: 60px;
    position: relative;
}

#head .headtop {
    overflow: hidden;
}
#head .headtop .left {
    float: left;
    padding: 3px;
}
#head .headtop .right {
    float: right;
    padding: 3px;
    text-transform: capitalize;}
#head .language img {vertical-align: sub;}
#head .language a.current:not(:hover) {opacity: 0.4;}
#head .facebook {
    width: 16px;
    height: 16px;
    font-size: 0;
    background: url("images/facebook.png") left bottom no-repeat;
    display: inline-block;
    vertical-align: middle;
}
#head .facebook:hover {
    background-position: left top;
}
#head .headmiddle {
    position: relative;
    height: 347px;
}
#head .headmiddle .bestof {
    position: absolute;
    left: 30px;
    top: 20px;
    z-index: 10;
    font-size: 60px;
    color: white;
    text-shadow: 3px 3px 3px #333;}
#head .headmiddle .bestof .fontAller {
    font-size: 26px;
    text-transform: uppercase;}
body:not(.CityPage) #head .headmiddle .bestof .beige { color: #ae7d42; }
#head .headmiddle .second {
    margin-top: 140px;
    margin-left: 90px;
    font-size: 28px;
    text-transform: uppercase;}
#head .headmiddle .bx-wrapper {
    position: relative;
    z-index: 5;}

#nav li,
#nav .head,
#sidebar .head {
    height: 21px;
    line-height: 22px;
    margin-bottom: 6px;
    padding: 0 5px 0 15px;
    color: white;
    background-color: #b1b2a7;
    font-size: 13px;
    overflow: hidden;
    width: 180px;
    text-transform: uppercase;}
#nav, #content, #sidebar {
    padding-top: 75px !important;
}
#nav > img {
    position: absolute;
    left: 0px;
    top: 0;}
#nav li.current ,#nav li.section {
    background-image: url("images/icon_menue.png");
    background-repeat: no-repeat;
    background-positio: -2px center;
    font-style: italic;
}
#nav li.city.first { margin-top: 10px;}
#nav li.city.last { margin-bottom: 15px;}
#nav li a { color: white;}
#nav .address {
    padding: 10px;
    line-height: 1.4em;}


#slider {
    height: 347px;}
#slider .sliderImage {
    position: absolute;}


#content {}
#content .bestof {
    font-size: 28px;
    color: #ae7d42;}
.CityPage #content .bestof {display: none;}
#content h1.title {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 200;}
body:not(.CityPage) #content h1.title {color: #ae7d42;
    text-transform: uppercase;
}
.CityPage #content h1.title {
    font-family: coconregular, sans-serif;}
#content .typography {}


.contentbox {
    line-height: 1.3em;
    margin-bottom: 10px;
}
.contentbox .left,
.contentbox .right{display: table-cell}
.contentbox .left { width: 150px;}
.contentbox .right {
    padding-left: 5px;}
.contentbox .left .divider {
    margin-top: 3px;
    height: 1px;}
.contentbox .left .desc {margin-top: 5px;}
.contentbox .titleLeft {
    padding: 3px;
    font-size: 14px;
    color: white;}
.contentbox .titleRight {
    border: 1px solid #b3b0a7;
    padding: 2px;
    font-size: 14px;}

#sidebar .downloads {
    padding: 10px 5px;
}
#sidebar .downloads a {
    font-size: 13px;
    line-height: 1.5em;}

#sidebar > .note {
    margin-top: 20px;
}


#SearchForm_SearchForm {
    position: absolute;
    top: 40px;
    width: 175px;}
#SearchForm_SearchForm_Search {
    width: 150px;
    padding: 1px 10px;
    border-radius: 15px;
    color: #555;
    border: 1px solid #b1b2a7;
}
#SearchForm_SearchForm_action_results {
    position: absolute;
    right: -22px;
    top: 0;
    width: 20px;
    height: 20px;
    border: none;
    font-size: 0;
    background: url("images/lupe.png") center center no-repeat transparent;
    cursor: pointer;
}
#SearchResults li {
    margin-top: 10px;}

.sidebarBox #tis-affiliatebox {
    color: #000;
  ;
    font-size: 11px;
}
.sidebarBox #tis-affiliatebox img {
    display: none;
}
.sidebarBox #tis-affiliatebox form {
  padding: 0;
  margin: 0;    
}
.sidebarBox #tis-affiliatebox .boxBody { 
    
	background: #fff;
	padding: 10px 10px 7px;
	width: 180px;
    min-height: 315px;
    height: 100%;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}
.sidebarBox #tis-affiliatebox #r {
    width: 180px !important;
}
.sidebarBox #tis-affiliatebox .l {
  float: left;
}
.sidebarBox #tis-affiliatebox .r {
  float: right;
}
.sidebarBox #tis-affiliatebox .c {
  height: 0px; 
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}
.sidebarBox #tis-affiliatebox  .h {
  display: none !important;
  float: left;
}
#tis-affiliatbox label {
  font-size: 13px;
    vertical-align: middle;
}
.sidebarBox #tis-affiliatebox input, .sidebarBox #tis-affiliatebox select {
  font-size: 11px;
  padding: 1px;
  color: #000;
  min-width: 45px;
    border: 1px solid #aaa;
}
.sidebarBox #tis-affiliatebox input {
  border:1px solid #CCCCCC;
}
.sidebarBox #tis-affiliatebox .cage, .sidebarBox #tis-affiliatebox .frm {
  display: inline;
  padding: 0 3px 4px 3px;
  float: left;
  width: 56px;
} 
.sidebarBox #tis-affiliatebox .children {
  padding-right: 0;
}
.sidebarBox #tis-affiliatebox .cage label, .sidebarBox #tis-affiliatebox .frm label, .sidebarBox #tis-affiliatebox .region label, .sidebarBox #tis-affiliatebox #ca label,
.sidebarBox #tis-affiliatebox .date label {
  display: block;
  padding: 0 0 3px 0;
}
.sidebarBox #tis-affiliatebox .region {
  padding-bottom: 5px;
}
.sidebarBox #tis-affiliatebox .rl {
  float: left;
    width: 100%;
    clear:both
}
.sidebarBox #tis-affiliatebox .pt3 {
    width: 100%;
    padding-top: 3px;
}
.sidebarBox #tis-affiliatebox strong {
  display: block;
  padding: 10px 0 5px 0;
}
.sidebarBox #tis-affiliatebox .date {
  float: left;
  padding-right: 10px;
    margin-top: 3px;
}
.sidebarBox #tis-affiliatebox .date label {
  padding-top: 5px;
  float: left;
  width: 80px;
    font-size: 13px;
}
.sidebarBox #tis-affiliatebox .date input {
  width: 166px;
}
.sidebarBox #tis-affiliatebox #fuzzy {
  padding-top: 5px;
}
.sidebarBox #tis-affiliatebox .btn {
    float: right;
  height: 29px;
  text-align: center;
    border: 1px solid #aaa;
}
.sidebarBox #tis-affiliatebox .btn input {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #ae7d42;
  font-size: 12px !important;
  font-weight: bold;
  height: 25px;
  width:97px !important;
}
.sidebarBox #tis-affiliatebox #ca label {
  display: block;
}
.sidebarBox #tis-affiliatebox .title img {
  float: left;
}
.sidebarBox #tis-affiliatebox h1 {
    /*color: #0C2C5E;*/
    color: #000;
    font-size: 16px;
    padding-top: 0;
    margin-bottom: 10px;
    font-weight: normal;
}
.sidebarBox #tis-affiliatebox .rca0, .sidebarBox #tis-affiliatebox .rca1, .sidebarBox #tis-affiliatebox .rca1, .sidebarBox #tis-affiliatebox .rca1 {
  padding-top: 0; 
}
.sidebarBox #tis-affiliatebox .rca0 {
  padding-left: 0;
}
.sidebarBox #tis-affiliatebox .logotxt{
    width: 100% !important;
  font-size: 9px;
  color: #5d6639;
  font-family: Arial; 
} 
  .sidebarBox #tis-affiliatebox #room {
    min-height: 85px;
    height: auto !important;
    height: 85px;
  } 
.sidebarBox #tis-affiliatebox .logotxt a {
  color: #5d6639;
  text-decoration: none;
}
.sidebarBox #tis-affiliatebox .logotxt a:hover {
  text-decoration: underline;
}
.sidebarBox #tis-affiliatebox .chkbox {
  border: 0;
    min-width: auto;
}
.sidebarBox #tis-affiliatebox .logoImg1 {
  float: right; padding-top: 8px;
}
.sidebarBox #tis-affiliatebox .logoImg2 {
  float: right; padding-top: 7px;
}
.sidebarBox #tis-affiliatebox .logoImg2 a, .sidebarBox #tis-affiliatebox .logoImg2 a:link, .sidebarBox #tis-affiliatebox .logoImg1 a,  .sidebarBox #tis-affiliatebox .logoImg1 a:link {
  color: #002852; text-decoration: none;
}
.sidebarBox #tis-affiliatebox .logoImg2 a:hover, .sidebarBox #tis-affiliatebox .logoImg1 a:hover {
  text-decoration: underline;
}
.sidebarBox #tis-affiliatebox .logoImg1 img, .sidebarBox #tis-affiliatebox .logoImg2 img {
  border: 0;
}
.sidebarBox #tis-affiliatebox .error {
  color: red;
}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 10px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #b1b2a7; background: #b1b2a7; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { background: #EFF0ED; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
.ui-widget span {font-size: 10px; }
.ui-state-default, .ui-widget-content .ui-state-default { font-weight: bold; color: #726357; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #726357; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #b1b2a7 !important; color: #fff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { background: #b1b2a7; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #b1b2a7; color: #fff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: none; text-decoration: none; }
.ui-state-dependent, .ui-widget-content .ui-state-dependent { background: #eff7ce; color: #fff; outline: none; opacity: 1 !important; filter:Alpha(Opacity=100) !important; }
.ui-state-dependent a, .ui-widget-content .ui-state-dependent a { color: #002852; }
.ui-datepicker-other-month.ui-state-dependent, .ui-widget-content .ui-datepicker-other-month.ui-state-dependent { color: #222222; background-color: #fff; }
.ui-datepicker-other-month.ui-state-dependent a, .ui-widget-content .ui-datepicker-other-month.ui-state-dependent a { color: #222222; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {background: #EFEFEF; color: #363636; }
.ui-datepicker-today, .ui-widget-content .ui-datepicker-today {background: #CCCCCC; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636 }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-icon-circle-triangle-w { 
background-image: url(http://media.images-tiscover.com/de/i08/btn/cal_arrow_left.gif);
height: 22px !important;
}
.ui-state-disabled .ui-icon-circle-triangle-w { 
background-image: none;
}
.ui-icon-circle-triangle-e { 
background-image: url(http://media.images-tiscover.com/de/i08/btn/cal_arrow_right.gif);
height: 22px !important;
zoom: 1;
}
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.ui-datepicker { width: 19em; padding-right: 1px;}
.ui-datepicker thead { background: #b1b2a7; }
.ui-datepicker thead th { color: #fff; }
#ui-datepicker-div { display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: .2em 0 .4em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; text-decoration: none; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { !important; left:1px; }
.ui-datepicker .ui-datepicker-next-hover { !important; right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; padding-top: .2em;}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year { width: 49%; font-size: 1.2em;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; background: #fff}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: .1em solid #eff7ce; text-align: center;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0 .4em; text-decoration: none; font-size: 1em; line-height: 2em;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; display: none; }
.ui-datepicker-close {line-height: 1.6em; color: #002852; text-align: center; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {background-color: transparent; border: medium none; float: none;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {text-decoration: underline;}
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:98%; margin: 0 .2em 0 .2em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; border: none; margin: 0; text-align: center;}
.ui-datepicker-row-break { clear:both; width:100%; height: .1em; line-height: .1em;}
.ui-datepicker-group-first .ui-datepicker-header { border-right: 4px solid #eff7ce; }
.ui-datepicker-group-last .ui-datepicker-header { border-left: 4px solid #eff7ce; }
.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}





body.ReferencePage #content .content{
    width: 760px;
    padding-bottom: 60px;
}

.controls.markerControls{
    display: none;
}


.gm-style-iw .DessauRosslau a, .gm-style-iw .DessauRosslau .marker-title {color: #5CC3F0}
.gm-style-iw .Halberstadt a, .gm-style-iw .Halberstadt .marker-title {color: #FEC91B}
.gm-style-iw .Halle a, .gm-style-iw .Halle .marker-title {color: #F28D79}
.gm-style-iw .Magdeburg a, .gm-style-iw .Magdeburg .marker-title {color: #60C4D4}
.gm-style-iw .Naumburg a, .gm-style-iw .Naumburg .marker-title {color: #C493C2}
.gm-style-iw .Quedlinburg a, .gm-style-iw .Quedlinburg .marker-title {color: #E67A94}
.gm-style-iw .Wernigerode a, .gm-style-iw .Wernigerode .marker-title {color: #A4CD8B}

.VeranstaltungenPage #layout #content{
    padding-bottom: 40px;
}

.bg-stadtsprung-rainbow{
    width: 100%;
    display: block;
    height: 10px;
    /*  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-image: linear-gradient(to right, #5cc3f0 14%, #fec91b 14%, #fec91b 28%, #f28d79 28%, #f28d79 42%, #60c4d4 42%, #60c4d4 57%, #c493c2 57%, #c493c2 71%, #c493c2 71%, #e67a94 71%, #e67a94 85%, #a4cd8b 85%, #a4cd8b 100%);
}

.veranstaltungen_list td{
    vertical-align: top;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    line-height: 1.5;
    padding-left: 10px;
}

td.veranstaltungen_listitem-image{
    vertical-align: middle;
}

.veranstaltungen_listitem-title{
    color: #726357;
    font-size: 18px;
}

.veranstaltungen_listitem-date,
.veranstaltungen_listitem-time{
    color: #4d4d4d;
    font-size: 18px;
}

.veranstaltungen_listitem-location{
    color: #726357;
    font-size: 16px;
}

.veranstaltungen-pagination{
    text-align: right;
    padding: 10px 0;
}

.veranstaltungen-pagination a,
.veranstaltungen-pagination span{
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

.veranstaltungen-pagination a:hover,
.veranstaltungen-pagination a.current{
    background-color: #b1b2a7;
    color: #fff;
}

.veranstaltungen-pagination a {
    border: 1px solid #b1b2a7;
}

.veranstaltung-title {
    color: #726357;
    font-size: 21px;
    background-color: #EFF0ED;
    padding: 20px 10px;
}

.veranstaltung-image{
    text-align: center;
    padding: 20px;
}

.eventicon:after{
    content: '';
    display: inline-block;
    width: 16px;
    height: 22px;
    background: url(veranstaltung_sprite.png) no-repeat;
}

.eventicon-cal:after{
    background-position: 0 5px;
}

.eventicon-pin:after{
    background-position: 0 -115px;
}

.eventicon-user:after{
    background-position: 0 -55px;
}

.veranstaltung-kategorien{
    color: #b1b2a6;
    font-size: 16px;
}

.veranstaltung-info_head{
    overflow: hidden;
    color: #4c4c4c;
    font-size: 16px;
    background-color: #EFF0ED;
}

.veranstaltung-info_head > span{
    float: left;
    padding: 7px 10px;
}

.veranstaltung-info_head .eventicon{
    padding: 4px 10px;
}

.veranstaltung-info_content{
    padding: 20px;
    padding-bottom: 10px;
}

a.veranstaltung-backbtn{
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 20px;
    background: #b1b2a7 url(veranstaltung_sprite.png) no-repeat 10px -219px;
}