@charset "utf-8";


/* #MOD ----- Core ----- */

* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #FFF;
	color: #000;
	direction: ltr;
	font: 400 12px/18px verdana, arial, helvetica, sans-serif;
	height: 100%;
}

h1 {
	color: #8c2404;
	font: 700 20px/22px verdana, arial, helvetica, sans-serif;
	margin: 5px 0 30px;
}

p {
	font: 400 12px/18px verdana, arial, helvetica, sans-serif;
	margin-bottom: 10px;
}

caption {
	display: none;
}

table {
	width: 100%;
}

th {
	text-align: left;
}

td, th {
	empty-cells: show;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}


/* #MOD ----- Hypertext ----- */

a {
	color: #8c2404;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}


/* #MOD ----- Generic ----- */

/* #DOC - fixes bulletpoint bug with nearby floating elements */
.listfix {
	overflow: hidden;
}

/* #DOC - a few generic rules; please use them only, if the element needs no further properties! */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.bold {
	font-weight: 700 !important;
}

.bold.mt {
    margin-top: 30px;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.clear-b-plain { /* #DOC - use this class only on elements with content! */
	clear: both;
}

.clear-b { /* #DOC - use this class only on elements without content (e.g. just a single and empty <div>) */
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.off {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -5000px;
	width: 1px;
}

label {
    cursor: pointer;
}


/* # MOD ----- Main ----- */

div#site {
    background: #FCFCFC url(../images/common/img-seperator.png) top right repeat-y;
    width: 1010px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

div#main {
    background: #FCFCFC url(../images/common/img-bg.png) top left repeat-x;
    width: 1000px;
    min-height: 600px;
    height: auto !important;
    height: 600px;
}


/* #MOD ----- Header ----- */

div#header {
    height: 123px;
}


/* #MOD ----- Navigation ----- */
div#nav ul {
    background: url(../images/common/nav-bg.png) top left repeat-x;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    height: 30px;
}

div#nav li {
    background: url(../images/common/nav-seperator.png) top right no-repeat;
    float: left;
    line-height: 30px;
}

div#nav li.last {
    background: 0;
}

div#nav a {
    color: #000;
    margin: 0 11px 0 10px;
}

div#nav li.first a {
    margin-left: 20px;
}

div#nav li.active a, div#nav li.first.active a, div#nav a:hover {
    color: #8c2404;
}


/* #MOD ----- Content ----- */

div#content {
    margin-left: 20px;
    margin-top: 45px;
    width: 871px;
}

div#content h1 {
    margin-top: 0;
}

div#content div.left {
    float: left;
    width: 510px;
}

div#content div.right {
    float: right;
}

/* #DOC - Lists */
div#content ul {
    list-style: disc;
    margin-left: 20px;
}

/* #DOC - Fuhrpark Images*/
div#content img.fuhrpark {
    margin-bottom: 30px;
}

div#content div.contactdata div.desc {
    width: 75px;
    float: left;
}

div#content div.contactdata div.content {
    width: 450px;
    float: left;
}

/* #DOC - Box Reservierung */
div#content div#reserve {
    background: url(../images/reservierung/box-bottom.png) bottom left no-repeat;
    width: 546px;
}

div#content div#reserve div.index {
    background: url(../images/reservierung/box-top.png) top left no-repeat;
    height: 24px;
    line-height: 24px;
    padding: 0 9px;
}

div#content div#reserve div.box {
    padding: 9px;
}

div#content div#reserve div.box label {
    float: left;
    margin: 5px 0;
    width: 140px;
}

div#content div#reserve div.box input, div#content div#reserve div.box select {
    border: 1px solid #8c2404;
    font-size: 12px;
    margin: 5px 0;
    padding: 1px 3px 1px;
    width: 377px;
}

div#content div#reserve div.box select {
    width: 385px;
}

* html div#content div#reserve div.box input {
    width: 375px;
}

div#content div#reserve div.box input.submit {
    width: 150px;
    float: right;
    margin-right: 3px;
}

* html div#content div#reserve div.box input.submit {
    margin-right: 0;
}