/*
 * CSS Definitionen für www.omni-mobil.com
 * Copyright (c) 2007 BigMammut Webdesign
 *
 */

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 80%;
  background: #5C7891;
  margin: 0;
  padding: 0;
  cursor: default;
  color:#878685;
}

.unterstrich {text-decoration: underline;}

#body_bg {
  background-image: url(grafik/hg_body.jpg);
  background-repeat: repeat-y;
  width: 806px;
  margin: 0 auto 0;
  padding: 0;
}

#head {
  background-image: url(grafik/head.jpg);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  text-align:left;
  height:200px;
  width:806px;
}

#head_adress {
  margin: 0 auto 0;
  padding:100px 0 0 50px;  
  width:750px;
  font-size:0.8em;
  color:#878685;
}

#main {
  background-image: url(grafik/head.jpg);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  text-align:left;
  width:806px;
  margin: 0 auto 0;
  padding: 0;
}

a {
  cursor: pointer;
}

p {
	margin: 10px 0;
}

.infotext {
	width: 330px;
}

.col_left {
  display: inline;
  float: left;
  width: 174px;  margin: 20px 0 0 30px;
  padding: 0;
}

.cont_col_left {
  display: inline;
  float: left;
  margin: 0px 15px 0 0px;
  padding: 0;
}

.nav_box {
	width: 158px;
	margin: 0 0 15px 10px;
	padding: 0;
}

div.nav_box ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 158px;
}

div.nav_box li {
  margin-bottom: 6px;
  padding: 0;

}

div.nav_box a {
  color: #000000;
  white-space: nowrap;
  text-decoration: none;
}

div.nav_box a {
  \width: 158px; /* IE5 Hack */
  w\idth: 150px;
}

.button_startseite a:link, .button_startseite a:visited { background: url(grafik/button_startseite.gif); display:block; width:158px; height:36px;  }
.button_startseite a:hover { background-position: 0px -36px; }
.button_startseite span { display:none }

.button_angebote a:link, .button_angebote a:visited { background: url(grafik/button_angebote.gif); display:block; width:158px; height:36px;  }
.button_angebote a:hover { background-position: 0px -36px; }
.button_angebote span { display:none }

.button_service a:link, .button_service a:visited { background: url(grafik/button_service.gif); display:block; width:158px; height:36px;  }
.button_service a:hover { background-position: 0px -36px; }
.button_service span { display:none }

.button_uns a:link, .button_uns a:visited { background: url(grafik/button_uns.gif); display:block; width:158px; height:36px;  }
.button_uns a:hover { background-position: 0px -36px; }
.button_uns span { display:none }

.button_neufahrzeuge a:link, .button_neufahrzeuge a:visited { background: url(grafik/button_neufahrzeuge.gif); display:block; width:158px; height:36px;  }
.button_neufahrzeuge a:hover { background-position: 0px -36px; }
.button_neufahrzeuge span { display:none }

.button_gebrauchtwagen a:link, .button_gebrauchtwagen a:visited { background: url(grafik/button_gebrauchtwagen.gif); display:block; width:158px; height:36px;  }
.button_gebrauchtwagen a:hover { background-position: 0px -36px; }
.button_gebrauchtwagen span { display:none }

.button_mietwagen a:link, .button_mietwagen a:visited { background: url(grafik/button_mietwagen.gif); display:block; width:158px; height:36px;  }
.button_mietwagen a:hover { background-position: 0px -36px; }
.button_mietwagen span { display:none }

.button_teile-zubehoer a:link, .button_teile-zubehoer a:visited { background: url(grafik/button_teile-zubehoer.gif); display:block; width:158px; height:36px;  }
.button_teile-zubehoer a:hover { background-position: 0px -36px; }
.button_teile-zubehoer span { display:none }

.button_kontakt a:link, .button_kontakt a:visited { background: url(grafik/button_kontakt.gif); display:block; width:158px; height:36px;  }
.button_kontakt a:hover { background-position: 0px -36px; }
.button_kontakt span { display:none }

.col_middle {
	margin: 20px 0 0 210px;
	padding: 0;
}

.content_box {
	margin: 0 28px 10px 0;
	padding: 6px 20px 3px 6px;
}

.content_box a {
	color:#424242;
	text-decoration:none;
}

.content_box a:hover {
	text-decoration:underline;
}

.content_box table {
  	font-size: 1em;
	margin:0 0 0 -3px;}


.content_box td.title {
  font-size: 1em;
  margin: 0;
}

.content_box ul {
  list-style: square;
  margin: 0px;
  padding: 0px;
}

.content_box li {
  margin: 4px 0 4px 20px;
  padding: 0;
}

* HTML .content_box {   /* IE HACK */
   height: 1%;
}

.cont_angebote_text {
  margin: 0;
  padding: 0;
  height: 150px;
}

.cont_ansprechpartner_text {
  margin: 0;
  padding: 0;
  height: 133px;
}

.cont_ansprechpartner_text {
  margin: 0;
  padding: 0;
}

td.bull {
  font-size: 1em;
  width:6px;
  vertical-align:top;
}

.content_box_contact {
	margin: 0 20px 20px 0;
	padding: 6px 6px 3px 6px;
}

.content_box_contact a:link, .content_box_contact a:visited  {
	color:#424242;
	text-decoration:none;
}

.content_box_contact a:hover {
	text-decoration:underline;
}

.content_box_contact table {
  	font-size: 1em;
	width:100%;
	margin:0 0 0 -3px;
}

.content_box_contact td {
  font-size: 1em;
  }

* HTML .content_box_contact {   /* IE HACK */
   height: 1%;
}

.content_box_contact td {
  font-size: 1em;
  margin: 0;
}

.content_product_box {
  background: #E3E3E3;
	margin: 0 20px 20px 0;
	padding: 6px 10px 3px 6px;
	width:540px;
}

.content_product_box a, .content_box_contact a:visited {
	color:#424242;
	text-decoration:none;
}

.content_product_box a:hover {
	text-decoration:underline;
}

.content_product_box table {
	background: #FFFFFF;
 	font-size: 1em;
	width:100%;
	border: solid 1px #828282;
}

* HTML .content_product_box {   /* IE HACK */
   height: 1%;
}

.content_product_box td.title {
	background: #D5D1F3;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #828282;
}

.content_product_box td {
	background: #FFFFFF;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #828282;
}

.content_referenz_box {
  border-color:#828282;
	border-style:solid;
	border-width:1px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 5px 10px;
	height: 158px;
}

.content_referenz_box a {
	color:#424242;
	text-decoration:none;
}

.content_referenz_box a:hover {
	text-decoration:underline;
}

form {
	text-align: left;
}

form p.fieldname {
  font-size: 0.85em;
	padding: 0 0 0 2px;
	margin: 7px 0 0 0;
}

* HTML h2.form {
	padding: 0;
	margin: 0 0 -10px 0;
}

form p.fieldcontent {
	padding: 0;
	margin: 0;
}

#firma {
  width: 230px;
}

* HTML #firma {
  width: 227px;
}

#anrede {
  width: 70px;
}

* HTML #anrede {
  width: 67px;
}
#vorname {
  width: 230px;
}

* HTML #vorname {
  width: 227px;
}
#nachname {
  width: 230px;
}

* HTML #nachname {
  width: 227px;
}
#email {
  width: 230px;
}

* HTML #email {
  width: 227px;
}

#telefon {
  width: 230px;
}

* HTML #telefon {
  width: 227px;
}

#mobil {
  width: 230px;
}

* HTML #mobil {
  width: 227px;
}


#thema {
  width: 234px;
}

* HTML #thema {
  width: 232px;
}

#betreff {
  width: 410px;
}

* HTML #betreff {
  width: 407px;
}


* HTML #nachricht {
  width: 457px;
}

option.wahl {
  color: #FF0000;
}

p.impressum  {
  line-height:20px;
}

img {
 border:0;
}

span.small {
	font-size: 0.85em;
}

span.vsmall {
	font-size: 0.85em;
	color: #B9B9B9;
}

span.vsmall a {
	color: #424242;
}

span.red {
	color: #FF0000;
}

span.smallred {
	color: #FF0000;
	font-size: 0.85em;
}

h1 {
	margin: 0 0 6px 0;
	padding: 0;
   font-size:1.3em;
	border-bottom: solid 2px #FED50B;
	height:28px;
	width:300px;
}

h2 {
	margin: 10px 0 20px 0;
	padding: 0;
  font-size:1.1em;
}

h3 {
  margin: 0 0 6px 0;
  padding: 2px;
  font-size:1.2em;
}

.col_right {
	position:absolute;
	width: 200px;
	height: 150px;
	margin: 74px 0 0 348px;
	padding: 0 50px 0 0;
  }

.col_right_contact {
	float:right;
	width: 200px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
  }

.col_right_zwei {
	float:right;
	width: 50%;
	margin: 0;
	padding: 0 0 0 5px;
}

#foot {
	background: #828282;
	width: 740px;
	height: 25px;
	margin: 0;
	padding: 0;
  clear: both;
}

#foot p {
	width: 740px;
	padding: 8px 0 0 0;
	margin: 0;
	text-align:center;
	color:#FFFFFF;
}

#foot a {
	color:#424242;
	text-decoration:none;
}

#foot a:hover {
	text-decoration:underline;
}

#footer {
	width: 740px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
  font-size:0.9em;
	color:#828282;
}

#footer p {
	margin: 0;
	padding: 8px 0 0 0;
	text-align:center;
}

#footer a {
	color:#424242;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

.available {
  color:        #006600;
}
.notavailable {
  color:        #FF0000;
}

.center {
	margin: 0 auto 0;
	text-align:center;
}

table.galerie {
	width:402px;
}

td.seiten_zurueck {
	width:100px;
         text-align:left;
}

td.seiten {
         text-align:center;
}

td.seiten_naechste {
	width:100px;
         text-align:right;
}

#liste p {
	margin: 10px 0 10px 15px;
}

hr {
 color : #000;
 height : 1px;
 padding : 0;
 border-color : #000;
 border-width : 1px 0 0 0;
 border-style : solid;
 margin: 15px 0;
}

* HTML hr {
  margin:0;
  }
  
/* image-sliceshow */

#content {
	width: 520px;
	height: 474px;
	text-align: center;
	background-color: #F2F2F2;
	padding: 5px;
	border: 5px solid #CCC;
}

#example {
	position: relative;
	border: 5px solid #F2F2F2;
	width: 500px;
	height: 374px;
}
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 500px;
	height: 374px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat 
}
