/* ************************************************************************************************************ */
/* Content Styles ********************************************************************************************* */
/* ************************************************************************************************************ */
body {
    color: #8D2F25;
    font: normal 75%/18px Georgia, Times New Roman, serif;
}

/* global gültige Styles ******************************* */
/* Hyperlinks */
a, a:link, a:visited {
    font-weight: bold;
    color: #8D2F25;
    text-decoration: underline;
}
a:hover, a:active, a:focus {
    text-decoration: none;
}

/* Hyperlinks unter den Absätzen */
/* HTML -> <p class="more"><a href="#">&raquo; Hallo Welt</a> || <a href="#">&raquo; Hallo Welt</a></p> */
p.more {
    border-top: 1px solid #c93;
    clear: right;
    font: bold 100% Georgia, Times New Roman, serif;
    padding: 5px 0 15px 0;
}
p.more a, p.more a:link, p.more a:visited {
    background-color: #8D2F25;   
    color: #FBF0B2;
    padding: 5px 7px;
    text-decoration: none; 
}

p.more a:hover, p.more a:active, p.more a:focus {  
    text-decoration: underline; 
}

/* Absätze */
p {
    padding-bottom: 15px;
}

/* hr-Linie */
div.rule hr {
    display: none;
}

div.rule {
	margin-bottom: 5px;
	background-color: #CC9933;
	border: none;
	height: 1px;
}

/* Überschriften */
h1 {
    background: transparent url(../_gfx/design/h1_bg.gif) left center no-repeat;
    color: #CC9933;
    font: italic 190% Georgia, Times New Roman, serif;
    margin-bottom: 10px;
    padding-left: 25px;
}

h2 {
    font: normal 140% Georgia, Times New Roman, serif;
    margin-bottom: 5px;
}

h3, h4, h5, h6 {
    color: #c93;
    font: bold 120% Georgia, Times New Roman, serif;
    margin-bottom: 5px;
}

/* Listen */
ul, ol {
    margin-left: 20px;
    padding-bottom: 15px;
}

li {
    margin-bottom: 5px;
}

dt {
    font: normal 140% Georgia, Times New Roman, serif;
    margin: 0 0 5px 5px;
}

dd {
    background-color: #FBF0B2;
    clear: right;
    padding: 10px;
    margin-bottom: 10px;
}

dl.alternative dd {
    background: none;
    margin: 0;
    padding: 0;
}

/* zusätzliche Textauszeichnungen */
.bold {
    font-weight: bold;
}
.small {
    font-size: 90%;
}

.exSmall {
    font-size: 75%;
}

.smallRed {
	font-size: 90%;
	color: #F00;
	font-weight: bold;
}

.em {
    background: #EBDCBB;
    border: 1px solid #D4BE8E;
    margin-bottom: 15px;
    padding: 10px 10px 0 10px;
}

.important {
    background-color: #FBF0B2;
    clear: right;
    padding: 10px;
    margin-bottom: 10px;
}

.teaser {
    background-color: #FBF0B2;
    clear: right;
    padding: 10px;
}

.clearRight {
    clear: right;
}

.clearLeft {
    clear: left;
}

/* Bilder */
img.right {
    border: none;
    float: right;
    margin: 0 0 5px 20px;
}
img.left {
    border: none;
    float: left;
    margin: 0 20px 5px 0;
}
img.border {
    border: 2px solid #8D2F25;
}

/* tabellarische Daten */
table.tabularData {
    border-collapse: collapse;
    font-size: 100%;
    margin: 0 0 5px 0;
    width: 100%;
}
table.tabularData td {
    background-color: #FBF0B2;
    border: 2px solid #fff;
    padding: 5px;
    vertical-align: top;
}
table.tabularData th {
    font: normal 140% Georgia, Times New Roman, serif;
    padding: 10px 0 5px 5px;
    text-align: left;
    vertical-align: top;
}
table.tabularData caption {
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
}

table.tabularData td.preis {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    width: 20%;
}

table.tabularData td.img {
    text-align: center;
    vertical-align: middle;
    width: 25%;
}

table.tabularData td.img img {
    border: 2px solid #8D2F25; 
}

table.fixedTable {
    table-layout: fixed;
}

/* Formulare ******************************************* */
option {
    padding: 0 3px;
}

/* Eingaben im Adminbereich */
input#job_name {
    width: 300px;
}

input#job_bereich {
    width: 300px;
}

textarea#job_aufgaben {
    width: 300px;
    height: 200px;
}

textarea#job_anforderungen {
    width: 300px;
    height: 200px;
}

input#job_kontakt {
    width: 150px;
}

input#news_titel {    
    width: 300px;
}

textarea#news_teaser {
    width: 300px;
    height: 100px;
}

textarea#news_inhalt {
    width: 300px;
    height: 200px;
}


/* ***************************************************** */

/* Logo im Header ************************************** */
#headerLeft h1 span {
    display: none;
}

#headerLeft h1 {
    background: transparent url(../_gfx/design/logo.png) top left no-repeat;
    height: 144px;
    margin: 0;
    padding: 0;
    width: 220px;
}

/* ***************************************************** */

/* Navigation in header ******************************** */
ul#topNav {
    list-style-type: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 19px;
}

ul#topNav li {
    display: block;
    float: left;
}

ul#topNav li a, ul#topNav li a:link, ul#topNav li a:visited {
    background: transparent url(../_gfx/design/topnav_a_bg.gif) right center repeat-y;
    color: #8D2F25;
    display: block;
    font: bold 100% Georgia, Times New Roman, serif;
    padding: 5px 0 5px 0;
    text-decoration: none;
    text-align: center;
    width: 90px;
}

ul#topNav li a:hover, ul#topNav li a:active, ul#topNav li a:focus {
    text-decoration: underline;
}

/* ***************************************************** */

/* Navigation in der linken Spalte ********************* */
ul#leftNav {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0 15px 0 15px;
}

ul#leftNav li {
    margin: 0;
}

ul#leftNav li a, ul#leftNav li a:link, ul#leftNav li a:visited {
    border-bottom: 1px solid #8D2F25;
    color: #8D2F25;
    display: block;
    font: bold 120% Georgia, Times New Roman, serif;
    padding: 52px 0 10px 0;
    text-decoration: none;
    width: 190px;
}
ul#leftNav li a:hover, ul#leftNav li a:active, ul#leftNav li a:focus {
    text-decoration: underline;
}

a#bHotel {
    background: transparent url(../_gfx/design/leftnav_bhotel_bg.png) right center no-repeat;
}

a#zHotel {
    background: transparent url(../_gfx/design/leftnav_zhotel_bg.png) right center no-repeat;
}

a#tHotel {
    background: transparent url(../_gfx/design/leftnav_thotel_bg.png) right center no-repeat;
}

a#hHotel {
    background: transparent url(../_gfx/design/leftnav_hhotel_bg.png) right center no-repeat;
}

a#kHotel {
    background: transparent url(../_gfx/design/leftnav_khotel_bg.png) right center no-repeat;
}

a#wHotel {
    background: transparent url(../_gfx/design/leftnav_whotel_bg.png) right center no-repeat;
}

a#aHotel {
    background: transparent url(../_gfx/design/leftnav_ahotel_bg.png) right center no-repeat;
}

/* ***************************************************** */

/* DropDown ******************************************************* */
ul#leftNav li ul {
	display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #8D2F25;
    border: none;
}

ul#leftNav li ul li {
    display: inline;
    float: none;
    font-weight: bold;
}

ul#leftNav li ul li a, ul#leftNav li ul li a:link, ul#leftNav li ul li a:visited {
    border-top: 1px solid #FBF0B2;
    border-right: none;
    border-bottom: none;
    border-left: none;
    display: block;
    font: bold 100% Georgia, Times New Roman, serif;
    color: #FBF0B2;
    text-align: left;
    text-decoration: none;
    width: 177px;
    height: 32px;
    padding: 10px 3px 0 10px;
}

ul#leftNav li ul li a:hover, ul#leftNav li ul li a:active, ul#leftNav li ul li a:focus {
    text-decoration: underline;
}

/* **************************************************************** */

/* Footer ********************************************************* */
#footer p {
    font-size: 90%;
}

#footer a {
    color: #8D2F25;
}

/* **************************************************************** */

/* *************************************************************************************************************** */
/* Layout Styles ************************************************************************************************* */
/* *************************************************************************************************************** */
* {
	margin: 0;
	padding: 0;
}

body {
    background-color: #FBF0B2;
    text-align: center; /* zentriert IE 5 */
}

#container {
	background: #FBF0B2 url(../_gfx/design/container_bg.png) left top repeat-y;
	border-top: none;
	border-right: 1px solid #8D2F25;
	border-bottom: 1px solid #8D2F25;
	border-left: 1px solid #8D2F25;
	margin: 0 auto;
    text-align: left;
	width: 770px;
}

#header {
	background: transparent url(../_gfx/design/header_bg.jpg) left top repeat-y;
    height: 230px;
    margin-left: 220px;
    position: relative;
    width: 550px;
}

#leftCol {
	float: left;
    margin-top: -230px;
    min-height: 650px; /* not IE */
	width: 220px;
    position: relative;
}
* html #leftCol { /* IE */
    height: 650px;
}

#content {
	margin-left: 220px;
    padding: 10px 50px 0 40px;
}

/* 3-Pixel-Bug im IE ausschalten */

/* Hide from IE5-mac \*/
* html #leftCol {
    margin-right: -3px;
}

* html #content {
    height: 1%;
    margin-left: 0;
}
/* End IE5/mac hide */

/* End 3-Pixel-Hack IE */

#footer {
	background: transparent url(../_gfx/design/footer_bg.png) left bottom no-repeat;
	clear: both;
    height: 50px;
    padding: 20px 40px 0 20px;
}