/***** © zeta software GmbH 2008
Layout: Hotel *****/

body {
	font-family         : #text(global-font-family);
    font-size           : #text(global-font-size);
    color               : #text(global-font-color);
    padding             : 0;
    margin              : 0;
    text-align          : center;
    background-color    : #text(global-background-color);
    background-image    : url(#text(global-background-image));
}
fieldset, div {
    border              : none;
    padding             : 0;
    margin              : 0;
}
h1, h2 ,h3 ,h4 ,h5 ,h6 {
    padding             : 0;
    margin              : 0;
}
p {
	padding : 0 0 #text(paragraph-spacing) 0;
	margin : 0;
}
a img {
    border              : none;
}
a {
    color               : #text(link-inactive-font-color);
    text-decoration     : #text(link-inactive-decoration);
}
a:hover {
    color               : #text(link-hover-font-color);
    text-decoration     : #text(link-hover-decoration);
}
.clear {
    clear               : both;
}
.left {
    float               : left;
}
.right {
    float               : right;
}
img.left {
    margin-right        : 5px;
    margin-bottom       : 5px;
}
img.right {
    margin-left         : 5px;
    margin-bottom       : 5px;
}

ul,ol {
	margin: 0 0 #text(paragraph-spacing) 15px;
	padding: 0;
}
ul li {
	margin: 0 0 0 15px;
	padding: 0 0 6px 0;
	list-style: #text(global-unordered-list-style);
}
ol li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	list-style: #text(global-ordered-list-style);
}

td {
	vertical-align: top;
}

/* Frame */
div#frame {
    text-align          : left;
    width               : 980px;
    margin              : 0 auto;
    padding             : 0;
}
div#frame div#topline {
	margin: 0;
	padding: 0;
	height: 30px;
    background-color    : #text(topline-background-color);
    background-image    : url(#topline-background-image);
    border-bottom       : #text(header-border-width) solid #text(header-border-color);
}
/* Breadcrumb */
div#frame div#breadcrumb {
	float: left;
    color               : #text(breadcrumb-font-color);
    font-size           : #text(breadcrumb-font-size);
    height              : 30px;
    line-height         : 30px;
    padding-top         : 4px;
    margin-bottom       : 1px;
}
div#frame div#breadcrumb a {
    color               : #text(breadcrumb-inactive-font-color);
    font-size           : #text(breadcrumb-font-size);
    text-decoration     : #text(breadcrumb-inactive-decoration);
}
div#frame div#breadcrumb a:hover {
    text-decoration     : #text(breadcrumb-hover-decoration);
    color               : #text(breadcrumb-hover-font-color);
}

/***** EXTRAMENU *****/
div#frame #xmenu {
	float: right;
	margin: 0;
	padding: 0;
 	height              : 30px;
    line-height         : 30px;
    padding-top         : 4px;
    margin-bottom       : 1px;
	font-size: #text(xmenu-font-size);
	text-align: right;
	color: #text(xmenu-hyperlink-inactive-font-color);
}

div#frame #xmenu a:link,#xmenu a:visited,#xmenu a:hover,#xmenu a:active {
	color: #text(xmenu-hyperlink-inactive-font-color);
	text-decoration: #text(xmenu-hyperlink-inactive-decoration);
}

div#frame #xmenu a:hover {
	color: #text(xmenu-hyperlink-hover-font-color);
	text-decoration: #text(xmenu-hyperlink-hover-decoration);
}

/* Top Menu */
div#frame div#header {
	height: #text(header-height);
	clear: both;
	background-image: url(#text(header-background-image));
	background-position: 0 0;
	background-repeat: no-repeat;
    background-color: #text(header-background-color);
    margin-bottom: 1px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#webdescription {
	margin: 0;
	padding: 0;
    position: absolute;
    z-index: 5;
    top:  #text(webname-webslogan-top);
    left: #text(webname-webslogan-left);
}

#slogan {
	margin: 0;
	padding: 0;
	font-family : #text(webname-font-family);
	font-size: #text(webslogan-font-size);
	font-weight: bold;
	color: #text(webslogan-font-color);
	text-align: center;
}

#webname {
	margin: 0;
	padding: 0;
	font-family: #text(webname-font-family);
    font-size: #text(webname-font-size);
    font-weight: bold;
    color: #text(webname-font-color);
    text-align: center;
}

/* Top Navigation */
div#frame div#top_nav {
    border-top          : 3px solid #text(menu1item-border-color);
    border-bottom       : 3px solid #text(menu1item-border-color);
    padding             : 1px 0;
}
div#frame div#top_nav ul#nav {
    border              : 1px solid #text(menu1item-border-color);
    background          : #text(mainmenu-background-color);
    height              : 32px;
    padding             : 0;
    margin              : 0; 
    list-style-type     : none;
    white-space         : nowrap;
}
div#frame div#top_nav ul#nav li {
    display             : inline;
    font-size           : 11px;
    background-image    : url(#text(menu1item-image));
    background-position : right center;
    background-repeat   : no-repeat;
    height              : 32px;
    padding             : 0 29px 5px 0;
    position            : relative;
    float               : left;
}
div#frame div#top_nav ul#nav li a {
    font-family         : #text(menu1-inactive-font-family);
    padding             : 11px 20px;
    font-size           : #text(menu1-inactive-font-size);
    color               : #text(menu1-inactive-font-color);
    font-weight         : bold;
    text-decoration     : none;
    height              : 32px;
    line-height         : 32px;
}
div#frame div#top_nav ul#nav li a:hover {
    font-size           : #text(menu1-hover-font-size);
    color               : #text(menu1-hover-font-color);
    text-decoration     : underline;
}
div#frame div#top_nav ul#nav li a.menu1active {
    color               : #text(menu1-active-font-color);
    font-size           : #text(menu1-active-font-size);
}



div#frame div#top_nav ul#nav li ul {
    border              : #text(submenu-border-width) solid #text(submenu-border-color);
    display             : none;
    position            : absolute;
    top                 : 34px !important;
    left                : -1px !important;
    margin              : 0 0 0 20px;
    padding             : 10px 0;
    z-index             : 2;
    background          : #text(submenu-background-color);
}
div#frame div#top_nav ul#nav li:hover ul,
div#frame div#top_nav ul#nav li.over ul {
    display             : block;
}
div#frame div#top_nav ul#nav li ul li {
    margin              : 0;
    padding             : 0;
    height              : 20px !important;
    background          : transparent;
    clear               : left;
}
div#frame div#top_nav ul#nav li ul li a {
    font-family         : #text(menu2-inactive-font-family);
    font-size           : #text(menu2-inactive-font-size);
    color               : #text(menu2-inactive-font-color);
    font-weight         : normal;
    line-height         : 20px !important;
    padding             : 0 20px !important;
    display             : block;
    height              : auto;
}
div#frame div#top_nav ul#nav li ul li a:hover {
    font-size           : #text(menu2-hover-font-size);
    color               : #text(menu2-hover-font-color);
    text-decoration     : underline;
}
div#frame div#top_nav ul#nav li a.menu2active {
    color               : #text(menu2-active-font-color);
    font-size           : #text(menu2-active-font-size);
}

div#frame div#top_nav ul#nav li:hover ul li ul,
div#frame div#top_nav ul#nav li.over ul li ul,
div#frame div#top_nav ul#nav li ul li ul {
    display             : none;
    position            : absolute;
    top                 : 1px !important;
    left                : 100% !important;
    margin-left         : -10px;
    text-align          : left;
}
div#frame div#top_nav ul#nav li ul li:hover ul,
div#frame div#top_nav ul#nav li ul li.over ul {
    display             : block;
    background-color    : #text(menu3-background-color);
}
div#frame div#top_nav ul#nav li ul li ul li {
    margin              : 0;
    background          : transparent;
}
div#frame div#top_nav ul#nav li ul li ul li a {
    font-size           : #text(menu3-inactive-font-size);
    color               : #text(menu3-inactive-font-color);
}
div#frame div#top_nav ul#nav li ul li ul li a:hover {
    font-size           : #text(menu3-hover-font-size);
    color               : #text(menu3-hover-font-color);
}
div#frame div#top_nav ul#nav li ul li ul li a.menu3active {
    color               : #text(menu3-active-font-color);
    font-size           : #text(menu3-active-font-size);
}


/* Content Frame */
div#content_frame {
    border-left         : 200px solid #text(teaser-background-color);
    border-right        : 200px solid #text(news-background-color);
    margin              : 33px 0 0 0;
    background-color    : #text(content-background-color);
}
div#content_frame div#inner {
    margin              : 0;
    width               : 100%;
}
div#content_frame div#content {
    background-color    : #text(content-background-color);
    font-size           : #text(articletext-font-size);
    color               : #text(articletext-font-color);
    float               : left;
    width               : 510px;
    margin              : 0 15px;
    line-height:18px;
}

/* Content */
div#content_frame div#content h1 {
    font-size           : #text(articleheading-font-size);
    color               : #text(articleheading-font-color);
    background-image    : url(#text(articleheading-background-image));
    margin-bottom: 15px;
    line-height: #text(articleheading-line-height);
}
div#content_frame div#content div.articlearea img {
	padding             : #text(articleimage-inner-border-width);
	border              : #text(articleimage-outer-border-width) #text(articleimage-outer-border-color) solid;
	background-color    : #text(articleimage-inner-border-color);
}

div#content_frame div#content div.articlearea .bildunterschrift {
    display: block;
	padding-top: 6px;
	font-size: #text(imagetitle-font-size);
	color: #text(imagetitle-font-color);
}

div#content_frame div#content div.articlearea {
	margin: 0 0 #text(articlearea-spacing) 0;
	padding: 0;
    font-size: #text(articletext-font-size);
    color: #text(articletext-font-color);
}

/* Left Frame */
div#content_frame div#left_frame {
    width               : 180px;
    position            : relative;
    float               : left;
    margin              : 0 0 0 -200px;
    padding             : 0 30px 20px 10px;
    background-image    : url(#text(teaser-background-image));
    background-position : top right;
    background-repeat   : no-repeat;
    min-height          : 450px;
    z-index             : 1;
}

div#content_frame div#left_frame h1 {
    font-size: #text(articleheading-font-size);
    padding: 5px 0 5px 0;
}

/* Right Frame */
div#content_frame div#right_frame {
    width               : 180px;
    float               : right;
    margin              : 0 -200px 0 0;
    padding             : 0 10px 20px 30px;
    background-image    : url(#text(news-background-image));
    background-position : top left;
    background-repeat   : no-repeat;
    min-height          : 450px;
    z-index             : 1;
    position            : relative;
}

div#right_frame p {
	margin: 0 0 #text(news-paragraph-spacing) 0;
	padding: 0;
}

/***** SEARCH *****/
div#content_frame div#right_frame div#search_form {
    background: #text(searchfield-background-color);
    margin: 0 -10px;
    padding: 0;
}

div#content_frame div#right_frame div#search_form form {
    margin: 0;
    padding: 0;
}

div#content_frame div#right_frame div#search_form input {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
div#content_frame div#right_frame div#search_form input.field {
	margin: 15px 5px 15px 15px;
    padding: 3px 0 3px 5px;
    border: 1px solid #text(searchfield-border-color);
    width: 122px;
    height: 14px;
    color: #text(searchfield-font-color);
    font-size: 11px;
    vertical-align: middle;
}
div#content_frame div#right_frame div#search_form input.submit {
    padding: 0 0 0 12px;
    margin: 18px 0 0 0;
    border: 0;
    background: url(../_media/stock-images/submit.gif) 0px 5px no-repeat;
    background-color: #text(searchfield-background-color);
    font-size: 11px;
    color: #text(searchbutton-font-color);
    height: 14px;
    vertical-align: top;
    cursor: hand;
}

/* News */
div.newsblock {
    padding:  0 0 5px 5px;
}
div.newsblock h2 {
    background-image    : url(#text(newsheading-background-image));
    background-color    : #text(newsheading-background-color);
    font-size           : #text(newsheading-font-size);
    color               : #text(newsheading-font-color);
    font-weight         : bold;
    margin              : 15px 0 10px 0;
}
div.newsblock div.newscontent {
    background-color    : #text(newsarticle-background-color);
    color               : #text(newstext-font-color);
    font-size           : #text(newstext-font-size);
    border              : #text(newsarticle-border-width) solid #text(newsarticle-border-color);
}
div.newsblock img {
	padding             : #text(newsarticleimage-inner-border-width);
	border              : #text(newsarticleimage-outer-border-width) #text(newsarticleimage-outer-border-color) solid;
	background-color    : #text(newsarticleimage-inner-border-color);
}

/***** TEASER *****/
.teaser-headline {
	margin: 0;
	padding: 0 5px 0 0;
	font-size: #text(teaserheading-font-size);
	font-weight: #text(teaserheading-font-weight);
	color: #text(teaserheading-font-color);
	display: block;
}

#banner {
	margin: 0 auto;
	padding: 5px 10px;
	width: 960px;
	text-align:left;
	font-size: #text(teaser-font-size);
	color: #text(teaser-font-color);
	background-color: #text(teaser-background-color);
}

#afterlogo {
	margin: 0;
	padding: 5px 10px;
	width: 960px;
	font-size: #text(teaser-font-size);
	color: #text(teaser-font-color);
	background-color: #text(teaser-background-color);
}

#aftermenu {
    background-color: #text(teaser-background-color);
    padding: 10px 6px;
    font-size: #text(teaser-font-size);
    color: #text(teaser-font-color);
}
#beforenews {
    background-color: #text(teaser-background-color);
    margin: 0 -10px;
    padding: 10px 16px;
    font-size: #text(teaser-font-size);
    color: #text(teaser-font-color);
}
#afternews {
	margin: 0 -10px;
    padding: 10px 16px;
    font-size: #text(teaser-font-size);
    color: #text(teaser-font-color);
	background-color: #text(teaser-background-color);
}
#afterfooter {
	margin: 0;
	padding: 5px 10px;
  	font-size: #text(teaser-font-size);
    color: #text(teaser-font-color);
	background-color: #text(teaser-background-color);
}
#banner p,#afterlogo p,#aftermenu p,#beforenews p,#afternews p,#afterfooter p {
	margin: 0;
	padding: 0;
}
#banner img,#afterlogo img,#aftermenu img,#beforenews img,#afternews img,#afterfooter img {
	display: block;
}

/***** FORM *****/
form {
    border: none;
    padding: 0;
    margin: 5px 0 0 0;
}

#formular {
	margin: 0;
	padding: 0;
}

#formular p {
	margin: 0;
	padding: 0;
}

#formular table {
	margin: 0;
	padding: 0;
	border: 1px solid #text(form-border-color);
	background-color: #text(form-background-color);
}

#formular td {
	white-space: nowrap;
	vertical-align: middle;
	padding: 10px 10px 10px 5px;
	margin: 0;
}

#formular input{
	font-family: #text(global-font-family);
	font-size: #text(articletext-font-size);
}

#formular textarea {
	font-family: #text(global-font-family);
	font-size: #text(articletext-font-size);
}

#formular .label,#formular .desc {
	padding: 1px 15px 1px 8px;
	background-color: #text(form-background-color);
}

#formular .submit {
	padding: 1px 15px 10px 8px;
	background-color: #text(form-background-color);
}

.separator {
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #text(form-border-color);
}

#formular .multiline {
	padding: 8px 15px 1px 8px;
	vertical-align: top;
}

.desc {
	padding: 4px 15px 4px 8px;
}


/* Footer */
div#footer {
    background-color    : #text(footer-background-color);
    background-image    : url(#text(footer-background-image));
    border-top          : #text(footer-border-width) solid #text(footer-border-color);
    color               : #text(footer-font-color);
    font-size           : #text(footer-font-size);
    text-align          : center;
    margin-top          : -14px;
    padding-top         : 5px;
}
/***** PRINT *****/
#print {
	display: none;
}