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

body {
	font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #354D6B;
    padding             : 0;
    margin              : 0;
    text-align          : center;
    background-color    : #FFFFFF;
    background-image    : url(none);
}
fieldset, div {
    border              : none;
    padding             : 0;
    margin              : 0;
}
h1, h2 ,h3 ,h4 ,h5 ,h6 {
    padding             : 0;
    margin              : 0;
}
p {
	padding : 0 0 10px 0;
	margin : 0;
}
a img {
    border              : none;
}
a {
    color               : #354D6B;
    text-decoration     : underline;
}
a:hover {
    color               : #354D6B;
    text-decoration     : underline;
}
.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 10px 15px;
	padding: 0;
}
ul li {
	margin: 0 0 0 15px;
	padding: 0 0 6px 0;
	list-style: square;
}
ol li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	list-style: decimal;
}

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    : transparent;
    background-image    : url(#topline-background-image);
    border-bottom       : 3px solid #B4B17B;
}
/* Breadcrumb */
div#frame div#breadcrumb {
	float: left;
    color               : #999999;
    font-size           : 11px;
    height              : 30px;
    line-height         : 30px;
    padding-top         : 4px;
    margin-bottom       : 1px;
}
div#frame div#breadcrumb a {
    color               : #999999;
    font-size           : 11px;
    text-decoration     : underline;
}
div#frame div#breadcrumb a:hover {
    text-decoration     : underline;
    color               : #354D6B;
}

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

div#frame #xmenu a:link,#xmenu a:visited,#xmenu a:hover,#xmenu a:active {
	color: #354D6B;
	text-decoration: none;
}

div#frame #xmenu a:hover {
	color: #354D6B;
	text-decoration: underline;
}

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

#webdescription {
	margin: 0;
	padding: 0;
    position: absolute;
    z-index: 5;
    top:  62px;
    left: 104px;
}

#slogan {
	margin: 0;
	padding: 0;
	font-family : Times New Roman, Times, Courier New, Courier, serif;
	font-size: 17px;
	font-weight: bold;
	color: #F8F0DD;
	text-align: center;
}

#webname {
	margin: 0;
	padding: 0;
	font-family: Times New Roman, Times, Courier New, Courier, serif;
    font-size: 28px;
    font-weight: bold;
    color: #354D6B;
    text-align: center;
}

/* Top Navigation */
div#frame div#top_nav {
    border-top          : 3px solid #B4B17B;
    border-bottom       : 3px solid #B4B17B;
    padding             : 1px 0;
}
div#frame div#top_nav ul#nav {
    border              : 1px solid #B4B17B;
    background          : #EEEEEE;
    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(../media/images/top_nav_bg-hardies.gif);
    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         : Times;
    padding             : 11px 20px;
    font-size           : 14px;
    color               : #545353;
    font-weight         : bold;
    text-decoration     : none;
    height              : 32px;
    line-height         : 32px;
}
div#frame div#top_nav ul#nav li a:hover {
    font-size           : 14px;
    color               : #1639B1;
    text-decoration     : underline;
}
div#frame div#top_nav ul#nav li a.menu1active {
    color               : #415E83;
    font-size           : 14px;
}



div#frame div#top_nav ul#nav li ul {
    border              : 1px solid #84B7E3;
    display             : none;
    position            : absolute;
    top                 : 34px !important;
    left                : -1px !important;
    margin              : 0 0 0 20px;
    padding             : 10px 0;
    z-index             : 2;
    background          : #F6F5F5;
}
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         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #354D6B;
    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           : 11px;
    color               : #1639B1;
    text-decoration     : underline;
}
div#frame div#top_nav ul#nav li a.menu2active {
    color               : black;
    font-size           : 11px;
}

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    : #F6F9FA;
}
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           : 11px;
    color               : #959255;
}
div#frame div#top_nav ul#nav li ul li ul li a:hover {
    font-size           : 11px;
    color               : #354D6B;
}
div#frame div#top_nav ul#nav li ul li ul li a.menu3active {
    color               : #354D6B;
    font-size           : 11px;
}


/* Content Frame */
div#content_frame {
    border-left         : 200px solid #5B80AE;
    border-right        : 200px solid #5B80AE;
    margin              : 33px 0 0 0;
    background-color    : #FFFFFF;
}
div#content_frame div#inner {
    margin              : 0;
    width               : 100%;
}
div#content_frame div#content {
    background-color    : #FFFFFF;
    font-size           : 12px;
    color               : black;
    float               : left;
    width               : 510px;
    margin              : 0 15px;
    line-height:18px;
}

/* Content */
div#content_frame div#content h1 {
    font-size           : 16px;
    color               : black;
    background-image    : url(none);
    margin-bottom: 15px;
}
div#content_frame div#content div.articlearea img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}

div#content_frame div#content div.articlearea .bildunterschrift {
    display: block;
	padding-top: 6px;
	font-size: 11px;
	color: #354D6B;
}

div#content_frame div#content div.articlearea {
	margin: 0 0 30px 0;
	padding: 0;
    font-size: 12px;
    color: black;
}

/* 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(../_media/stock-images/shadow_left_frame.png);
    background-position : top right;
    background-repeat   : no-repeat;
    min-height          : 450px;
    z-index             : 1;
}

div#content_frame div#left_frame h1 {
    font-size: 16px;
    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(../_media/stock-images/shadow_right_frame.png);
    background-position : top left;
    background-repeat   : no-repeat;
    min-height          : 450px;
    z-index             : 1;
    position            : relative;
}

div#right_frame p {
	margin: 0 0 10px 0;
	padding: 0;
}

/***** SEARCH *****/
div#content_frame div#right_frame div#search_form {
    background: #7DA8D0;
    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 #666666;
    width: 122px;
    height: 14px;
    color: #354D6B;
    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: #7DA8D0;
    font-size: 11px;
    color: #ffffff;
    height: 14px;
    vertical-align: top;
    cursor: hand;
}

/* News */
div.newsblock {
    padding:  0 0 5px 5px;
}
div.newsblock h2 {
    background-image    : url(none);
    background-color    : transparent;
    font-size           : 13px;
    color               : #C0C0C0;
    font-weight         : bold;
    margin              : 15px 0 10px 0;
}
div.newsblock div.newscontent {
    background-color    : transparent;
    color               : #FFFFFF;
    font-size           : 11px;
    border              : 0px solid transparent;
}
div.newsblock img {
	padding             : 3px;
	border              : 0px transparent solid;
	background-color    : transparent;
}

/***** TEASER *****/
#banner {
	margin: 0 auto;
	padding: 5px 10px;
	width: 960px;
	text-align:left;
	font-size: 11px;
	color: #F6F9FA;
	background-color: #5B80AE;
}

#afterlogo {
	margin: 0;
	padding: 5px 10px;
	width: 960px;
	font-size: 11px;
	color: #F6F9FA;
	background-color: #5B80AE;
}

#aftermenu {
    background-color: #5B80AE;
    padding: 10px 6px;
    font-size: 11px;
    color: #F6F9FA;
}
#beforenews {
    background-color: #5B80AE;
    margin: 0 -10px;
    padding: 10px 16px;
    font-size: 11px;
    color: #F6F9FA;
}
#afternews {
	margin: 0 -10px;
    padding: 10px 16px;
    font-size: 11px;
    color: #F6F9FA;
	background-color: #5B80AE;
}
#afterfooter {
	margin: 0;
	padding: 5px 10px;
  	font-size: 11px;
    color: #F6F9FA;
	background-color: #5B80AE;
}
#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 silver;
	background-color: #F6F9FA;
}

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

#formular input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formular textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formular .label,#formular .desc {
	padding: 1px 15px 1px 8px;
	background-color: #F6F9FA;
}

#formular .submit {
	padding: 1px 15px 10px 8px;
	background-color: #F6F9FA;
}

.separator {
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid silver;
}

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

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


/* Footer */
div#footer {
    background-color    : #FFFFFF;
    background-image    : transparent;
    border-top          : 1px solid #999999;
    color               : #999999;
    font-size           : 11px;
    text-align          : center;
    margin-top          : -14px;
    padding-top         : 5px;
}
/***** PRINT *****/
#print {
	display: none;
}