@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
a:focus {
	outline: 1px dotted #ccc;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
  background: #ebebeb url(/layout/body-bg.gif) repeat-x;
  font-family: arial, sans-serif;
  font-size: 13px;
  margin-top: 30px;
}

/* Umfasst alle Elemente */
#wrapper {
  width: 975px;
}

/* Umfasst Banner, Navigation und Inhalt. Ausserhalb des Banners befinden sich Footer und Header */
#container {
  background: #fff;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -moz-box-shadow: #ccc 3px 3px 10px;
  -webkit-box-shadow: #ccc 3px 3px 10px;
  margin-top: 30px;
}

#banner {
  background-image: url(/layout/banner.jpg);
  background-repeat: no-repeat;
  background-position: center left;
  border-bottom: 1px solid #ccc;
  height: 229px;
  margin-bottom: 1px;
  width: 974px;
}

#banner p {
  display: block;
  position: absolute;
  text-indent: -9999px;
}

h1 {
  background: url(/layout/car-king.gif);
  float: right;
  height: 54px;
  width: 280px;
}

h1 a {
  display: block;
  height: 54px;
  width: 280px;
}

h1 a strong {
  display: block;
  position: absolute;
  text-indent: -9999px;
}

h2 {
  color: #999;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
}

h3 {
  color: #999;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
}

a:link, a:visited {
  color: #9b2885;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #333;
}






/* NAVIGATION MAIN */

#nav-main {
  border-bottom: 1px solid #ccc;
  height: 28px;
  margin-right: 1px;
}

#nav-main ul {
  background: #deb8d7;
  height: 27px;
  padding-left: 18px;
}

#nav-main li {
  float: left;
}

#nav-main li ul {
  background: #ebd4e7;
  font-size: 11px;
  height: 22px;
  margin: 1px;
  padding-left: 0;
}



#nav-main li div {
  background: #fff;
  display: block;
  height: 24px;
  position: absolute;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-left: -3px; /* Subnavigation korrekt ausrichten */
  -moz-box-shadow: #ccc 1px 1px 3px;
  -webkit-box-shadow: #ccc 1px 1px 3px;
}

/* Subnavigation im Normalfall ausblenden */
#nav-main ul li div {
  display: none;
}

/* Subnavigation einblenden wenn aktiv */
#nav-main ul li.selected div {
  display: block;
  width: auto;
}

/* Legt die Breite fuer den IE6 fest */
* html #nav-main ul li.selected div {
  width: 42em;
}

/* Navigationspunkte display und padding */
#nav-main a {
  display: block;
  padding: 6px 14px 8px;
}

#nav-main ul ul a {
  padding: 5px 14px 6px;
}

/* Abstand nach rechts vergroessern bei Navigationspunkten mit einem Pfeil */
#nav-main .sub a {
  padding-right: 28px;
}

/* Den oben definierten Abstand für Submenuepunkte wieder zurueckstellen */
#nav-main .sub li a {
  padding-right: 14px;
}


#nav-main .sub li a:link,
#nav-main .sub li a:visited {
  color: #9b2885;
}

#nav-main .sub li a:hover,
#nav-main .sub li a:active,
#nav-main .sub li a:focus {
  color: #333;
}

#nav-main .selected.sub li.selected a:link,
#nav-main .selected.sub li.selected a:visited {
  color: #333;
}

/* Arrow setzen für Navigationspunkt mit Unterpunkten */
#nav-main .sub {
  background: url(/layout/nav-arrow.gif) no-repeat top right;
}

/* Arrow im Hover-Status */
#nav-main .sub:hover {
  background: url(/layout/nav-arrow.gif) no-repeat bottom right;
}

/* Arrow bei einem selektierten Punkt */
#nav-main .selected.sub {
  background: url(/layout/nav-arrow.gif) no-repeat bottom right;
}

/* Selektierte Links sind schwarz */
#nav-main .selected a {
  color: #333;
}

#nav-main div ul li.selected {
  background-image: none;
}







/* SERVICE NAVIGATION */

#nav-service  {
  height: 54px;
  margin-left: 17px;
}

#nav-service li {
  background: url(/layout/nav-service-dot.gif) no-repeat bottom right;
  padding: 0 10px 0 8px;
}

#nav-service a {
  padding: 5px;
}

#nav-service li {
  float: left;
}

#nav-service li:last-child {
  background: transparent;
}

#nav-service li.last {
  background: transparent;
}


#nav-service li.selected a:link,
#nav-service li.selected a:visited {
  color: #333;
}


#footer {
  color: #999;
  margin: 10px 0 10px 30px;
}








/* CONTENT TEMPLATES */

.column1,
.column2,
.column3,
.column4,
.column5 {
  float: left;
}

/* Jede Ziffer steht fuer eine Spalte, die Hoehe der Ziffer fuer die Breite im Verhaeltnis zu den anderen Spalten */

/* Zweispaltig, erste Spalte breiter */

.t-2-1 .column1 {
  margin-right: 30px;
  width: 600px;
}

.t-2-1 .column2 {
  width: 284px;
}

/* Zweispaltig, zweite Spalte breiter */

.t-1-2 .column1 {
  margin-right: 30px;
  width: 284px;
}

.t-1-2 .column2 {
  width: 600px;
}

/* Zweispaltig, gleich breit */

.t-1-1 .column1 {
  margin-right: 30px;
  width: 442px;
}

.t-1-1 .column2 {
  width: 442px;
}

/* Dreispaltig, gleich breit */

.t-1-1-1 .column1 {
  margin-right: 30px;
  width: 285px;
}

.t-1-1-1 .column2 {
  margin-right: 30px;
  width: 285px;
}

.t-1-1-1 .column3 {
  width: 284px;
}

/* Einspaltig */

.t-1 .column1 {
  background: #fff;
}

/* Fuenfspaltig */

.t-1-1-1-1-1 .column1,
.t-1-1-1-1-1 .column2,
.t-1-1-1-1-1 .column3,
.t-1-1-1-1-1 .column4 {
  /*background: green;*/
  height: 400px;
  margin-right: 30px;
  width: 159px;
}

.t-1-1-1-1-1 .column5 {
  /*background: red;*/
  height: 400px;
  width: 158px;
}



















#content .icons li {
  background: url(/layout/angebote-icons.jpg);
  float: left;
  list-style: none;
  margin-right: 8px;
  height: 50px;
  width: 50px;
  margin-left: 0;
}

#content .icons .a { background-position: 0px 0px; }
#content .icons .b { background-position: -50px 0px; }
#content .icons .c { background-position: -100px 0px; }
#content .icons .d { background-position: -150px 0px; }
#content .icons .e { background-position: -200px 0px; }
#content .icons .e { margin-right: 0; }

#content .icons .a:hover { background-position: 0px -50px; }
#content .icons .b:hover { background-position: -50px -50px; }
#content .icons .c:hover { background-position: -100px -50px; }
#content .icons .d:hover { background-position: -150px -50px; }
#content .icons .e:hover { background-position: -200px -50px; }

#content .icons li a:hover {
  background: url(/layout/angebote-icons.jpg);
}

#content .icons .a a:hover { background-position: 0px -50px; }
#content .icons .b a:hover { background-position: -50px -50px; }
#content .icons .c a:hover { background-position: -100px -50px; }
#content .icons .d a:hover { background-position: -150px -50px; }
#content .icons .e a:hover { background-position: -200px -50px; }

#content .icons li a.selected {
  background: url(/layout/angebote-icons.jpg);
}

#content .icons .a .selected { background-position: 0px -150px; }
#content .icons .b .selected { background-position: -50px -150px; }
#content .icons .c .selected { background-position: -100px -150px; }
#content .icons .d .selected { background-position: -150px -150px; }
#content .icons .e .selected { background-position: -200px -150px; }

#content .icons .a .selected:hover { background-position: 0px -150px; }
#content .icons .b .selected:hover { background-position: -50px -150px; }
#content .icons .c .selected:hover { background-position: -100px -150px; }
#content .icons .d .selected:hover { background-position: -150px -150px; }
#content .icons .e .selected:hover { background-position: -200px -150px; }

#content .icons a {
  display: block;
  height: 50px;
  width: 50px;
}

#content .icons a strong {
  display: block;
  text-indent: -9999px;
  position: absolute;
}

#content .icons a.selected strong {
  display: block;
  position: absolute;
}

#content .boxes {
  background: #ccc;
  padding: 1px 0;
}

#content .boxes li {
  background: #ebd4e8;
  border: 1px solid #fff;
  font-style: italic;
  font-weight: bold;
  list-style: none;
  margin: 1px;
  padding: 1px 5px;
}

#content .boxes li strong {
  float: left;
  font-style: normal;
  font-weight: normal;
  width: 50%;
}

#content .boxes li del {
  color: #888;
}

#content .boxes li:first-child {
  margin-top: 0;
}

#content .boxes li.first-child {
  margin-top: 0;
}

#content .boxes li:last-child {
  margin-bottom: 0;
}

#content .sonderp p { color:red; font-weight:bold; }

#content .boxes .a { background-position: 0px 0px; }
#content .boxes .b { background-position: -50px 0px; }
#content .boxes .c { background-position: -100px 0px; }
#content .boxes .d { background-position: -150px 0px; }
#content .boxes .e { background-position: -200px 0px; }

#content .boxes .a:hover { background-position: 0px -50px; }
#content .boxes .b:hover { background-position: -50px -50px; }
#content .boxes .c:hover { background-position: -100px -50px; }
#content .boxes .d:hover { background-position: -150px -50px; }
#content .boxes .e:hover { background-position: -200px -50px; }

#content .boxes .a.selected { background-position: 0px -150px; }
#content .boxes .b.selected { background-position: -50px -150px; }
#content .boxes .c.selected { background-position: -100px -150px; }
#content .boxes .d.selected { background-position: -150px -150px; }
#content .boxes .e.selected { background-position: -200px -150px; }

#content .boxes .a.selected:hover { background-position: 0px -150px; }
#content .boxes .b.selected:hover { background-position: -50px -150px; }
#content .boxes .c.selected:hover { background-position: -100px -150px; }
#content .boxes .d.selected:hover { background-position: -150px -150px; }
#content .boxes .e.selected:hover { background-position: -200px -150px; }

#content .boxes a {
  display: block;
  height: 50px;
  width: 50px;
}









#content .boxes2 {
  background: #ccc;
  padding: 1px 0;
}

#content .boxes2 li {
  background: #ebd4e8;
  border: 1px solid #fff;
  list-style: none;
  margin: 1px;
  padding: 1px 1px 1px 3px;
  padding: 0;
}

#content .boxes2 li.nolink {
  padding: 1px 1px 1px 3px;
}

#content .boxes2 li a {
  cursor: pointer;
  display: block;
  width: 276px;
}

#content .boxes2 li a:hover {
  background: #DEB8D7;
}

#content .boxes2 li:first-child {
  margin-top: 0;
}

#content .boxes2 li.first {
  margin-top: 0;
}

#content .boxes2 li:last-child {
  margin-bottom: 0;
}

#content .boxes2 li.last {
  margin-bottom: 0;
}


#content .boxes2 li.selected a {
  background: #DEB8D7;
}

#content .boxes2 li.selected a {
  color: #333;
}


#content .boxes2 a {
  display: block;
  padding: 1px 1px 1px 3px;
}










#content .standort {
  background: #ccc;
  padding: 1px 0;
  margin-top: 20px;
}

#content .standort h3 {
  background: #ebd4e8;
  color: #333;
  font-size: 13px;
  border: 1px solid #fff;
  list-style: none;
  margin: 1px;
  font-style: normal;
  font-weight: bold;
  padding: 3px;
  margin-top: 0;
}

#content .standort p {
  background: #ddd;
  border: 1px solid #fff;
  margin: 1px 1px 0;
  padding: 1px 1px 1px 3px;
}

#content .standort a {
  display: block;
}





























#content .geschichtsboxen {
  background: #ccc;
  padding: 1px 0;
  margin-top: 15px;
}

#content .geschichtsboxen h3 {
  background: #ebd4e8;
  color: #333;
  font-size: 13px;
  border: 1px solid #fff;
  list-style: none;
  margin: 1px;
  font-style: normal;
  font-weight: bold;
  padding: 3px;
  margin-top: 0;
}

#content .geschichtsboxen p {
  background: #ddd;
  border: 1px solid #fff;
  margin: 1px 1px 0;
  padding: 1px 1px 1px 3px;
}

#content .geschichtsboxen a {
  display: block;
}









#content .teaserbox {
  background: #ccc;
  margin: 0 0 20px;
  padding: 1px;
}

#content .teaserbox div {
  background: #fff;
  padding: 1px;
}

#content .teaserbox img {
  background: #ebd4e8;
  border: 0;
  padding: 0;
  margin: 0;
}

#content .teaserbox p {
  background: #ebd4e8;
  border: 0px solid #fff;
  border-top: 0;
  margin: -1px 0 0;
  padding: 1px 7px;
}





#content .ansprechpartner {
  float: left;
  font-size: 10px;
  margin-right: 11px;
  margin-top: 0;
  width: 140px;
}

#content .ansprechpartner.last {
  float: left;
  margin-right: 0px;
  margin-top: 0;
  width: 140px;
}









#content div.boxes3out {
  background: url(/layout/angebote-icons.jpg) 25px 0 no-repeat;
  margin-left: 0;

}

#content .boxes3 {
  background: #ccc;
  padding: 1px 0 0 0;
  margin-left: 75px;
  width: 284px;
}

#content .boxes3 li {
  background: #ebd4e8;
  border: 1px solid #fff;
  font-style: italic;
  font-weight: bold;
  list-style: none;
  margin: 1px;
  padding: 1px 5px;
}

#content .boxes3 li strong {
  float: left;
  font-style: normal;
  font-weight: normal;
  width: 50%;
}

#content .boxes3 li del {
  color: #888;
}

#content .boxes3 li:first-child {
  margin-top: 0;
}

#content .boxes3 li.first-child {
  margin-top: 0;
}

#content .boxes3 li:last-child {
  margin-bottom: 0;
}

#content .boxes3 li.last {
  margin-bottom: 0;
}



#content .boxes3 .a { background-position: 0px 0px; }
#content .boxes3 .b { background-position: -50px 0px; }
#content .boxes3 .c { background-position: -100px 0px; }
#content .boxes3 .d { background-position: -150px 0px; }
#content .boxes3 .e { background-position: -200px 0px; }

#content .boxes3 .a:hover { background-position: 0px -50px; }
#content .boxes3 .b:hover { background-position: -50px -50px; }
#content .boxes3 .c:hover { background-position: -100px -50px; }
#content .boxes3 .d:hover { background-position: -150px -50px; }
#content .boxes3 .e:hover { background-position: -200px -50px; }

#content .boxes3 .a.selected { background-position: 0px -150px; }
#content .boxes3 .b.selected { background-position: -50px -150px; }
#content .boxes3 .c.selected { background-position: -100px -150px; }
#content .boxes3 .d.selected { background-position: -150px -150px; }
#content .boxes3 .e.selected { background-position: -200px -150px; }

#content .boxes3 .a.selected:hover { background-position: 0px -150px; }
#content .boxes3 .b.selected:hover { background-position: -50px -150px; }
#content .boxes3 .c.selected:hover { background-position: -100px -150px; }
#content .boxes3 .d.selected:hover { background-position: -150px -150px; }
#content .boxes3 .e.selected:hover { background-position: -200px -150px; }

#content .boxes3 a {
  display: block;
  height: 50px;
  width: 50px;
}














#content .boxessmall {
  background: #ccc;
  padding: 1px 0;
}

#content .boxessmall li {
  background: #ebd4e8;
  border: 1px solid #fff;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
  list-style: none;
  margin: 1px;
  padding: 1px 5px;
}

#content .boxessmall li strong {
  float: left;
  font-style: normal;
  font-weight: normal;
  width: 60%;
}

#content .boxessmall li del {
  color: #888;
}

#content .boxessmall li:first-child {
  margin-top: 0;
}

#content .boxessmall li.first-child {
  margin-top: 0;
}

#content .boxessmall li:last-child {
  margin-bottom: 0;
}

#content .boxessmall li.last {
  margin-bottom: 0;
}



#content .boxessmallsmall .a { background-position: 0px 0px; }
#content .boxessmall .b { background-position: -50px 0px; }
#content .boxessmall .c { background-position: -100px 0px; }
#content .boxessmall .d { background-position: -150px 0px; }
#content .boxessmall .e { background-position: -200px 0px; }

#content .boxessmall .a:hover { background-position: 0px -50px; }
#content .boxessmall .b:hover { background-position: -50px -50px; }
#content .boxessmall .c:hover { background-position: -100px -50px; }
#content .boxessmall .d:hover { background-position: -150px -50px; }
#content .boxessmall .e:hover { background-position: -200px -50px; }

#content .boxessmall .a.selected { background-position: 0px -150px; }
#content .boxessmall .b.selected { background-position: -50px -150px; }
#content .boxessmall .c.selected { background-position: -100px -150px; }
#content .boxessmall .d.selected { background-position: -150px -150px; }
#content .boxessmall .e.selected { background-position: -200px -150px; }

#content .boxessmall .a.selected:hover { background-position: 0px -150px; }
#content .boxessmall .b.selected:hover { background-position: -50px -150px; }
#content .boxessmall .c.selected:hover { background-position: -100px -150px; }
#content .boxessmall .d.selected:hover { background-position: -150px -150px; }
#content .boxessmall .e.selected:hover { background-position: -200px -150px; }

#content .boxessmall a {
  display: block;
  height: 50px;
  width: 50px;
}



















/* KONTAKTFORMULAR */

.formular {
  background: rgb(250,250,250);
  border: solid 1px rgb(189,188,174);
  color: rgb(90,90,90);
  font-family: Arial, sans-serif;
  font-size: 11px;
  margin: 2px 0 2px 0;
  padding: 3px;
  width: 434px;
/*width: 323px;*/
}

textarea.formular {
  height: 111px;
}

.formularselect {
  background: rgb(250,250,250);
  border: solid 1px rgb(189,188,174);
  color: rgb(90,90,90);
  font-family: Arial, sans-serif;
  font-size: 11px;
  margin: 2px 0 2px 0;
  padding: 3px 3px 3px 0;
  width: 442px;
}

.button {
  background: rgb(230,230,230);
  border: solid 1px rgb(189,188,174);
  color: rgb(90,90,90);
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 2px 0 2px 0;
  padding: 0;
  width:442px;
}

img.captcha {
  border: solid 1px rgb(189,188,174);
  float: left;
  height: 30px;
  margin: 2px 0 2px 0;
  width: 75px;
}

input.captcha {
  background: rgb(250,250,250);
  border: solid 1px rgb(189,188,174);
  color: rgb(90,90,90);
  float: left;
  font-family: Arial, sans-serif;
  font-size: 11px;
  height: 29px;
  margin: 2px 0 2px 4px;
  padding: 1px 0 0 3px;
  width: 245px;
}

#inhalt h1.fehler {
  color: rgb(201,5,5);
}

#code {
  font-size: 16px;
  height: 29px;
  width: 356px;
}

/* GLOBALE KLASSEN */

.clear {
  clear: both;
}

.disclaimer {
  color: #666;
  font-style: italic;
  font-size: 11px;
}

.sonderp  { color:red; }
.sonderp em { color: #666; font-size: 11px;}






#content {
  background: #fff;
  min-height: 200px;
  margin: 30px 30px 30px 30px;
}


#content h2 {
  line-height: 1em;
  margin: 1em 0;
}

#content h3 {
  line-height: 1em;
  margin: 1em 0;
}

#content p {
  line-height: 1.5em;
  margin: 1.5em 0;
}

#content li {
  line-height: 150%;
}

#content ul.default
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#content ul.default li
{
  background: url(/layout/list-dot.gif) no-repeat 0 .5em;
  padding-left: 15px;
}


#content ul.label li {
  clear: both;
  padding: 5px 0 0 0;
}

#content ul.label li strong {
  float: left;
  width: 225px;
}

#content ul.label li span {
  float: left;
  width: 360px;
}

#content ul.label_sr {
  padding-bottom: 10px;
}

#content ul.label_sr li {
  clear: both;
  padding: 5px 0 0 0;
}

#content ul.label_sr li strong {
  float: left;
  /*width: 25px;*/
  color : #983C97
}

#content ul.label_sr li span {
  /*background: blue;*/
  float: left;
  width: 560px;
}





.iconsgross {
  background-image: url(/images/icons-gross.jpg);
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  height: 101px;
  width: 159px;
}

.a { background-position: 0px 0px; }
.b { background-position: -159px 0px; }
.c { background-position: -318px 0px; }
.d { background-position: -477px 0px; }
.e { background-position: -636px 0px; }

.a:hover,
.a:active,
.a:focus { background-position: 0px -101px; }
.b:hover,
.b:active,
.b:focus { background-position: -159px -101px; }
.c:hover,
.c:active,
.c:focus { background-position: -318px -101px; }
.d:hover,
.d:active,
.d:focus { background-position: -477px -101px; }
.e:hover,
.e:active,
.e:focus { background-position: -636px -101px; }


#map_canvas {
  color: #000;
  font-family: arial, sans-serif;
  font-size: 11px;
  line-height: 120%;
  height: 227px;
  width: 973px;
}

#map_canvas span {
  color: #9a2585;
  font-size: 12px;
  font-weight: bold;
}

#content .title-angebote {
  margin-bottom: 5px;
  text-align: center;
}

#logo {
  display: none;
}