/*
18x410
  bikes #BAA591 - #756249
  team  #756249 - #D2C1AE
  cars  #8b7153 - #ffffff
  refs  #cec3b6 - #756249
  cont  #6d5942 - #ffffff
  impr  #cec3b6 - #6a553e
*/
span.garage48 { color: #000000; font-weight: bold; }
span.garage48 > span { color: #DE4224; font-weight: bold; }

body {
  background-color: white;
  margin: 0;
  padding: 0;
}

a { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; } 
.dotted { height: 8px; border-bottom: 1px dotted white; }
.right { float: right; }
.mb8 { margin-bottom: 8px; }
.ml8 { margin-left: 8px; }
.mr8 { margin-right: 8px; }
.mt8 { margin-top: 8px; }

div#overDiv {
        position:absolute;
        visibility:hidden;
        z-index:1000;
        padding: 0; 
}
div#overDiv a {
        text-decoration: none;
}

table.layout {  padding: 0; margin: 0; border-collapse: collapse; border: 0; empty-cells: show; }
table.layout th { padding: 0; margin: 0; border: 0; }
table.layout td { padding: 0; margin: 0; border: 0; overflow: visible; }

div#ribbon {
  background-color: #ad9b85;
  position: absolute;
  height: 540px;
  width: 100%;
  top: 50%;
  margin-top: -270px;
  text-align: center;
}
#left {
  /* background: url('../img/bg_l.png') no-repeat top right; */
}
#right {
  /* background: url('../img/bg_r.png') no-repeat top left; */
}
.line { border-bottom: 1px dotted white; height: 1px; font-size: 1px; width: 400px; }
.clear { clear: both; }
#c {
  vertical-align: top;
  width: 635px;
  height: 540px;
  position: relative; 
  margin: 0 auto;
  background: url('../img/bg_a.png') no-repeat top left;
}

div#navileft {
  width: 200px;
  float: right;
}

div#naviright {
  width: 200px;
}

a img { border: none; }
#navileft a {
	margin-right: 20px;
}
#naviright a {
 margin-left: 20px;
}

div#plain {
  position: relative;
  font-family: Verdana;
  color: white;
  text-align: left;
  margin: 30px 80px 50px 80px;
}

div#plain div#scroll {
  overflow: auto;
  height: 360px;
  width: 500px;
}

div#plain h1 {
  margin: 0;
  padding: 12px 0 0 0;
  font-size: 14pt;
  font-family: Times;
  font-weight: bold;
  color: #000000;
  letter-spacing: 0.2em;
}
p {
  font-size: 9pt;
}



/* formular */
div.formular {
	margin: 0;
}
table.formular {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
	width: 98%;
}
table.formular th {
	vertical-align: top;
	text-align: left;
	padding: 4px 4px 4px 0px;
	width: 140px;
}
table.formular th label {
	display: block;
	width: 140px;
	font-size: 9pt;
	font-weight: normal;
}
table.formular td {
	padding: 0;
	vertical-align: top;
	font-size: 9pt;
}
table.formular td span.mandatory {
	vertical-align: middle;
}
table.formular td div.value {
	margin: 2px 8px 2px 2px;
}

table.formular caption {
	color: #ffffff;
	text-align: left;
	font-size: 9pt;
	font-weight: normal;
	padding: 12px 4px 4px 0px;
	width: 100%;
}
div.formular input[type=text], 
div.formular input[type=password], 
div.formular input[type=checkbox], 
div.formular input[type=radio], 
div.formular input[type=file], 
div.formular select,
div.formular textarea {
	font-size: 9pt;
	vertical-align: middle;
}
/*div.formular input[type=submit] {
	background-color: <?php echo $lightColor; ?>;	
}*/

div.formular .form-error {
	color: red;
	font-size: 8pt;
	background-color: #ffffff;
}
div.formular span.info {
	font-weight: normal;
	font-size: 8pt;
}
div.success {
	margin: 8px 0 0 0;
	font-size: 9pt;
}
div.error {
	margin: 0;
	padding: 12px;
	font-size: 9pt;
	background-color: #ffffff;
	color: red;
}
div.formular  div.buttons {
	margin: 8px 0 8px 0px;
	font-size: 9pt;
}
div.value {
	font-size: 9pt;
}


#marken {
	float: left;
	width: 120px;
}

/* content
*/
.head {
  margin: 12px 0 0 0;
}

.tg48 {
  width: 70px;
  margin: 0 0 8px 0;
  border: 1px solid #ffffff;
  padding: 1px;
}

div.termin {
	width: 480px;
}

h2 { 
	font-size: 10pt;
}
div.termin img { 
	border: 1px solid #ffffff;
}

table.termin {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
}
table.termin th {
	vertical-align: top;
	text-align: left;
	padding-right: 4px;
    width: 56px;
	font-size: 9pt;
}
table.termin td {
	font-size: 9pt;
}

ul.navi {
	list-style-type: none;
	margin: 8px 0;
	padding: 0;
	width: 120px;
}
ul.navi li { 
	padding-bottom: 2px;
	height: 14px;
	display: block; 
}

table.single {  padding: 0; margin: 0; border-collapse: collapse; border: 0; empty-cells: show; }
table.single th { margin: 0; padding: 4px; border: 0; font-size: 8pt; background-color: #756249; border-bottom: 1px solid #978267; }
table.single td { margin: 0; padding: 4px; border: 0; font-size: 8pt; overflow: visible; }


#c_gall {
	float: right;
	padding: 0 20px 0 20px;
	height: 340px;
	overflow-y: auto;
}

div.frame {
	margin: 0;
	height: 110px;
}
div.frame > div {
	height: 110px;
}

table.bild {  padding: 0; margin: 0; border-collapse: collapse; empty-cells: show; width: 100%; height: 110px; }
table.bild th { margin: 0; padding: 0; border: 0; font-size: 8pt; }
table.bild td { margin: 0; padding: 0; border: 0; font-size: 8pt; }

table.bild tr.first td { height: 27px; vertical-align: bottom; color: #6c5334; }
table.bild tr.second td { height: 67px; }
table.bild tr.third td { height: 6px; }

table.bild a.img { height: 90px; width: 120px; display: block; }
table.bild td.link { vertical-align: bottom; }

table.r td { text-align: right; }
table.r div { margin-left: 16px; }
table.r a.img { float: right; }
table.l td { text-align: left; }
table.l div { margin-right: 16px; text-align: left; }
table.l a.img { float: left; }

img {
   behavior: url("pngbehavior.htc");
}

table#c_nav {
	margin: 4px auto;
}
table#c_nav td {
	width: 40px;
	font-size: 8pt;
}
table#c_nav td p {
	margin: 0px;
}