.Body .Document H1 { font-size: 20px; }

.Body .Document H2 { font-size: 16px; }

.Body .Document H3 { font-size: 14px; }

.Body .Document H4 { font-size: 12px; }

.Body .Document p,
.Template .text { font-size: 12px; }

.Body {
    background: #BEE3F3;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 13px;
}

* {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    text-decoration: none;
    outline: 0 none;
    list-style-type: none;
}

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

a img {
    border: none;
}

.button a {
    color: #000;
}

ul {
    list-style-type: none;
}

#content iframe {
  border: 0;
}

#printHeader {
    display: none;
}

.prospekteLink .break,
.newsletterLink .break {
    height: 0px;
    width: 0px;
    visibility: hidden;
}

.blueArrowSmallFront {
    background: url(/gfx/arrows/blue-small-front.png) no-repeat left top;
    width: 8px;
    height: 15px;
    float: left;
}

.blueArrowSmallBack {
    background: url(/gfx/arrows/blue-small-back.png) no-repeat right top;
    width: 8px;
    height: 15px;
    float: left;
}

.greyArrowTallBack {
    background: url(/gfx/arrows/grey-tall-back.gif) no-repeat right top;
    width: 8px;
    height: 21px;
    float: left;
}

.greyArrowTallFront {
    background: url(/gfx/arrows/grey-tall-front.gif) no-repeat left top;
    width: 9px;
    height: 21px;
    float: left;
}

#container {
    background: url(/gfx/bg-container.png) repeat-y center top;
    width: 980px;
    margin: 0px auto;
    padding: 0px 10px;
    position: relative;
}

#hauptbild {
    position: relative;
    z-index: 1;
    width: 980px;
    height: 330px;
    overflow: hidden;
}

#header-welle {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 105px;
  background: url("/gfx/bg-start-welle-oben.png") no-repeat scroll left top transparent;
}

#travel-headerbild {
    position: relative;
    margin-top: -105px;
    z-index: 1;
}

#travel-headerbild img {
  height: 330px;
  width: auto;
}

#header {
    height: auto;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 980px;
    z-index: 2;
}

#header .sitesearch {
    left: 30px;
    position: absolute;
    top: 10px;
    z-index: 5;
}

#search .query {
    background: url(/gfx/bg-query-gray.png) no-repeat left top;
    color: #666;
    padding: 3px;
    border: none;
    height: 15px;
    width: 120px;
}

#search .button {
    background: url(/gfx/searchButton-gray.png) no-repeat left top;
    color: #fff;
    border: none;
    height: 20px;
    width: 55px;
}

#logo {
    height: 57px;
    left: 400px;
    margin: 0 auto;
    padding-top: 5px;
    position: absolute;
    width: 162px;
    z-index: 3;
}

#logo a {
    background: url(/gfx/logo-bawoe.png) no-repeat left top;
    display: block;
    width: 162px;
    height: 57px;
}

#mainNav {
    background: url("/gfx/nav-bg.png") repeat-x scroll left top transparent;
    bottom: 0;
    height: 28px;
    padding-bottom: 30px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    width: 980px;
    z-index: 3;
}

#mainNav ul {
    margin: auto;
    height: 30px;
    padding: 0 0 0 40px;
}

#mainNav ul li {
    padding-left: 0px;
    display: block;
    float: left;
}

#mainNav ul li.active,
#mainNav ul li.open {
    padding-left: 11px;
    padding-right: 11px;
}

#mainNav ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    float: left;
    padding: 5px 6px 5px 14px;
}

#mainNav ul li a:hover {
    background:  url(/gfx/arrows/bg-menu-link.gif) no-repeat 0px center;
}

#mainNav ul li.active a,
#mainNav ul li.open a,
#mainNav ul li.active a:hover,
#mainNav ul li.open a:hover {
    background: #b3e2f7;
    color: #1888b9;
    padding: 5px 2px 5px 2px;
}

#quickSearch {
    background: url(/gfx/bg-quickSearch.png) repeat-x left bottom;
    width: 980px;
    height: 60px;
    padding: 0px;
    position: absolute;
    left: 10px;
    top: 270px;
    z-index: 2;
}

#main {
    padding-bottom: 10px;
     margin-top: -3px;
    background: #ffffff;
    position: relative;
    width: 980px;
    z-index: 2;
}

#leftColumn {
    width: 275px;
    float: left;
    position: relative;
}


/* Footer */

#footer {
    background: url(/gfx/bg-footer-top.png) no-repeat top center;
    width: 960px;
    padding: 5px 20px 0px 20px;
    margin: 0px auto;
    position: relative;
    z-index: 3;
}

#footer a {
    font-size: 12px;
    color: #666666;
}

#footer .nonTourismus,
#footer .nonTourismus .rathausLink,
#footer .nonTourismus .wirtschaftLink,
#footer .nonTourismus .internLink,
#footer .internalLinks,
#footer .flags {
    float: left;
    margin-top: 2px;
}

#footer .flags {
    display: none;
}

#footer .nonTourismus .rathausLink,
#footer .nonTourismus .wirtschaftLink,
#footer .nonTourismus .internLink {
    margin-right: -4px;
}

#footer .flags {
    width: 160px;
}

#footer .nonTourismus a {
    background: url(/gfx/arrows/blue-small-middle.png) repeat-x left top;
    display: block;
    float: left;
    height: 15px;
    padding: 0px 2px;
    color: #fff;
}

#footer .internalLinks {
    padding-left: 30px;
}

#footer .internalLinks a {
    padding-right: 15px;
}

#footer .bottom {
    position:absolute;
    right:36px;
    top:51px;
}

#google_translate_element {
    position:absolute !important;
    right:10px !important;
    top:5px !important;
}

/* ---------------------------- Templates / Vorlagen ----------------------- */

#content .Template {
    width: 950px;
}

.Template h1 {
    font-size: 20px;
    line-height: 25px;
}

.Body .Document p,
.Template .text {
    font-size: 13px;
}




#socialicons {
    height: 20px;
    position: absolute;
    right: 35px;
    top: 10px;
    width: 130px;
    z-index: 150;
}

#home_button {
    float:left;
    height:20px;
    position:relative;
    width:80px;
}

#twitter_icon {
    float:left;
    height:20px;
    position:relative;
    width:20px;
    padding-left:5px;
}

#facebook_icon {
    padding-left:5px;
    float:left;
    height:20px;
    position:relative;
    width:20px;
}

#home_button a{
    display:block;
    width: 80px;
    height: 20px;
    background-image: url(/gfx/social_media_icons/home_button_off.png);
}

#twitter_icon a {
    display:block;
    width: 20px;
    height: 20px;
    background-image: url(/gfx/social_media_icons/facebook_off.png);
}

#facebook_icon a {
    display:block;
    width: 20px;
    height: 20px;
    background-image: url(/gfx/social_media_icons/twitter_off.png);
}

#twitter_icon a:hover {
    width: 20px;
    height: 20px;
    background-image: url(/gfx/social_media_icons/facebook_on.png);
}

#facebook_icon a:hover {
    width: 20px;
    height: 20px;
    background-image: url(/gfx/social_media_icons/twitter_on.png);
}

#home_button a:hover{
    width: 80px;
    height: 20px;
    background-image: url(/gfx/social_media_icons/home_button.png);
}