@charset "utf-8";
/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
	padding:0;
	margin:0;
}
body {
	color: #003474;
	vertical-align:baseline;
	text-align: left;
	background:  #224372 url(../images/body-bg.gif) repeat-x 0 0;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:  11px;

}
ol, ul, dl {
	list-style:none;
	margin-bottom:10px;
}
a, a:active, a:visited {
	outline:none;/* disable dotted active-link borders */
	text-decoration: underline;
	color: #003474;
}
a.escape, .escape span {
	outline:none;/* disable dotted active-link borders */
	text-decoration: underline;
	color: #003474;
}
a:hover, a:focus, a:hover span {
	color:#003474;
	text-decoration:underline;
}
p {
	clear:both;
	margin-bottom:10px;
}
img, img a {
	border: none;
	-ms-interpolation-mode: bicubic;
}
.trenner {
	background: url(../images/trenner.gif) repeat-x 0 0;
	height: 2px;
	width: 100%;
	border:0;
	padding-bottom: 10px;
}
h2 {
	width:527px;
	background-color:#003474;
	margin-bottom: 5px;
	font-size:18px;
	color: #f3f3f3;
	font-weight: bold;
	text-transform:uppercase;
	padding-top:12px;
	padding-bottom: 8px;
	padding-left:6px;
}
h3 {
	font-size:11px;
	color: #ffffff;
	font-weight: bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top: 15px;
	padding-bottom:8px;
	background-color:#003474;
}

#contentColumn h3 {
	font-size:18px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom:5px;
} 
h4 {
	font-weight: bold;
	color: #003474;
	font-size:18px;
	text-transform:uppercase;
	font-style: italic;
	background-color: #FFFFFF;
	line-height:30px;
	margin-left:-15px;
	padding-left:15px;
	margin-bottom: 10px;
}
.muggenhof {
	position: absolute;
	top: 91px;
	left:781px;
	background:url(../images/adresse.png) repeat 0 0;
	height: 137px;
	width:195px;
	line-height:14px;
	padding-left:15px;
	z-index:20;
}

.standortmuggenhof  {
	position: absolute;
	top: 30px;
	left:0px;
width: 209px;
height: 107px; text-indent:-9999px; }

.standortmuggenhof:hover {
width: 209px;
height: 107px; background:url(../images/standort-muggenhof.jpg) repeat 0 0;}

.standortmichelbach  {
	position: absolute;
	top: 30px;
	left:0px;
width: 209px;
height: 107px; text-indent:-9999px; }

.standortmichelbach:hover {
width: 209px;
height: 107px; background:url(../images/standort-michelbach.jpg) repeat 0 0;}

.michelbach {
	position: absolute;
	top: 232px;
	left:781px;
	background:url(../images/adresse.png) repeat 0 0;
	height: 137px;
	width:195px;
	line-height:14px;
	padding-left:15px;
		z-index:20;
}
div#contentColumn .box {
	width:207px;
}
.box {
	border:1px solid #003474;
	height:203px;
	width:173px;
	background-color:#ccd6de;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}
.last {
	margin-right:0px;
}
.box p {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	height:56px;
	margin-bottom:0px;
}
.box .image {
}

.box .imageColumn {

}
/*==================================================
    => global classes
==================================================*/

.clear {
	clear:left;
	float:none;
}
p.highlight {
	background: url(../images/icon-link-grey.gif) no-repeat 3px center;
	border-bottom: solid 1px #e0e3eb;
	border-top: solid 1px #e0e3eb;
	padding: 2px 0 2px 20px;
	color: #30467a;
}
.floatLeft {
	float: left; padding-right:40px;
}
.floatRight {
	float: right;
}
.externalLink {
	background: url(../images/icon-external-link.gif) no-repeat right center;
	padding: 0px 20px 0px 0px;
}
.gototop {
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:10px;
	text-decoration:none;
	background:url(../images/icon-top.png) no-repeat left center;
	padding: 0 0 0 15px;
	_display:none;
}
dl.imprintList {
	margin-bottom: 10px;
	float:left;
}
dl.imprintList dt {
	font-weight: bold;
	float:left;
	display:block;
	width: 150px;
}
dl.imprintList dd {
	float:left;
	display:block;
	width: 300px;
	margin-bottom: 1px;
}
/*==================================================
    => container
==================================================*/

div#container {
	width:926px;

	position:relative;
	margin: 20px auto;
	padding-left: 65px;
	padding-right: 65px;
	
 background: #f3f3f3 url(../images/ac.gif) no-repeat right top;}
.liste li {
	background:url(../images/list.gif) no-repeat left 6px;
	padding-left: 10px;
	color: #896311;
	width: 235px;
	float:left;
	line-height:20px;
}
div#contentContainer {
	width:926px;
}
div#contentMain {
	float:left;
	width: 533px;
	padding-left:4px;
	padding-right:4px;
}


div#contentMain dl,
div#contentMain ul,
div#contentMain iframe,
div#contentMain p{

	padding-left:10px;
	padding-right:10px;
}



div#contentSidebar {
	float:left;
	width: 176px;
}
div#contentColumn {
	float:left;
	width: 209px;
}
body#aktuelles dl,
body#aktionen dl,
body#geschaeftsfuehrer dl,
body#buchhaltung dl ,
body#verkauf-ap dl ,
body#werkstatt dl ,
body#autovermietung-ap dl  {
	margin-bottom: 10px;
	float:left;
}
body#aktuelles dl dt ,
body#aktionen dl dt ,
body#geschaeftsfuehrer dl dt,
body#buchhaltung dl dt ,
body#verkauf-ap dl dt ,
body#werkstatt dl dt ,
body#autovermietung-ap dl dt  {
	font-weight: bold;
	float:left;
	display:block;
	width: 130px;
}
body#aktuelles dl dd,
body#aktionen dl dd,
body#geschaeftsfuehrer dl dd,
body#buchhaltung dl dd ,
body#verkauf-ap dl dd ,
body#werkstatt dl dd ,
body#autovermietung-ap dl dd  {
	float:left;
	display:block;
	width: 380px;
	margin-bottom: 2px;
}

.small {width:120px; }

body#aktuelles dl p,
body#aktionen dl p,
body#ansprechpartner dl p,
body#lackierung dl p,
body#karosserie dl p,
body#autovermietung dl p,
body#autoglas dl p,
body#service-und-reparatur dl p,
body#rad-und-reifenservice dl p{padding-left:0px;}

body#lackierung dl,
body#karosserie dl ,
body#autovermietung dl ,
body#autoglas dl ,
body#service-und-reparatur dl ,
body#rad-und-reifenservice dl  {
	margin-bottom: 10px;
	float:left;
}

body#lackierung dl dt,
body#karosserie dl dt,
body#autovermietung dl dt,
body#autoglas dl dt,
body#service-und-reparatur dl dt,
body#rad-und-reifenservice dl  dt{
	font-weight: normal;
	float:left;
	display:block;
	width: 380px;

}
body#lackierung dl dd,
body#karosserie dl dd,
body#autovermietung dl dd,
body#autoglas dl dd,
body#service-und-reparatur dl dd,
body#rad-und-reifenservice dl dd
 {
	float:left;
	display:block;
	width: 130px;
	margin-bottom: 2px;
}

/*==================================================
    => footer   
==================================================*/
div#footer {
	clear:both;
	margin:0 auto;
	height:35px;
}
#push {
	margin:0 auto;
	height:30px;
}
/*==================================================
    => header  
==================================================*/

div#header {
	height: 426px;
	width:926px;
	background: url(../images/header-bg.gif) 0 45px no-repeat;
}
/*------------------ =branding  ------------------*/

h1#branding {
	width:385px;
	height: 35px;
	position:absolute;
	left: 65px;
	top: 45px;
}
h1#branding a {
	text-indent:-9999px;
	width:385px;
	height: 35px;
	display:block;
}
ul.rahmen li div a.ewcms_edit_link {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #E2E1E1;
	clear:both;
	display:block;
	float:none;
	height:30px;
	line-height:30px;
	margin:3px 0;
	text-decoration:none;
	text-transform:uppercase;
}
ul.rahmen {
	list-style-type:none;
	margin-bottom:10px;
}
ul.rahmen li {
	width:100px;
	height:100px;
	float:left;
	margin-right: 20px;
}
ul.rahmen li.last {
	width:100px;
	height:100px;
	float:left;
	margin-right: 0px;
}
ul.rahmen li a {
	position:relative;
	width:100px;
	height:100px;
	display:block;
	text-decoration:none;
}
ul.rahmen li a:hover {
	text-decoration:none;
	padding:0 !important;
}
ul.rahmen li a span.bild-rahmen {
	background:url(../images/bild-rahmen.gif) 0 0 no-repeat;
	position:absolute;
	width:100px;
	height:100px;
	display:block;
	top:0;
	left:0;
	text-indent: -9999px;
	cursor:pointer;
}
.bildgroesse {
	width:100px;
	height:100px;
}
/*==================================================
    => naviTop 
==================================================*/
		 
	
 
        	 
ul#naviTop {
	position: absolute;
	top: 65px;
	left:640px;
}
ul#naviTop li {
	float:left;
}
ul#naviTop li a {
	display:block;
	color: #989696;
	text-decoration:none;
	text-transform:uppercase;
	padding-left: 15px;
}
body#index ul#naviTop li.index a, body#newsletter ul#naviTop li.newsletter a, body#kontakt ul#naviTop li.kontakt a, body#anfahrt ul#naviTop li.anfahrt a, body#impressum ul#naviTop li.impressum a, ul#naviTop li a:hover {
	color: #003474;
	text-decoration:none;
}
/*------------------ =navi ------------------*/  


ul#navi {
	background:url(../images/navi.gif) no-repeat 0 0;
	position: absolute;
	top:377px;
	left: 65px;
	width:926px;
	height: 45px;
	z-index:10;
}
ul#navi li {
	margin-right: 4px;
	float:left;
}
ul#navi li.unternehmen {
	width: 106px;
}
ul#navi li.leistungen {
	width: 89px;
}
ul#navi li.ansprechpartner {
	width: 134px;
}
ul#navi li.verkauf {
	width: 88px;
}
ul#navi li.zubehoer {
	width: 77px;
}
ul#navi li.aktuelles {
	width: 83px;
}
ul#navi li.aktionen {
	width: 112px;
	margin-right: 0px;
}
ul#navi li a {
	text-indent:-9999px;
	display: block;
	height: 45px;
}
body#unternehmen ul#navi li.unternehmen a, body#leistungen ul#navi li.leistungen a, body#ansprechpartner ul#navi li.ansprechpartner a, body#ansprechpartner ul#navi li.ansprechpartner a, body#zubehoer ul#navi li.zubehoer a, body#aktuelles ul#navi li.aktuelles a, body#aktionen ul#navi li.aktionen a, ul#navi li a:hover {
	background:url(../images/navi-aktiv.png) no-repeat center 0;
}



ul#navisub {
	width:176px;
	margin-bottom:40px;

}
ul#navisub li {
	background:url(../images/navisub.gif) no-repeat 13px 8px;
}
ul#navisub li a {
	line-height: 21px;
	color:#003474;
	text-decoration: none;
	display:block;
	width: 146px;
	padding-left: 30px;
	border-bottom: #cf3b00 solid 1px;
}
ul#navisub li a:hover {
	color:#cf3b00;
	text-decoration: none;
}


ul#navi li ul {
	margin: 0 0 0 0;
	padding: 0;

	display:none;
	
}
ul#navi li ul li{
background:url(../images/navisub.gif) no-repeat 13px 8px;
background-color: #f3f3f3 !important;
}
	
ul#navi li ul li a {
line-height: 21px !important;
	color:#003474 !important;
	text-decoration: none;
	display:block;
	width: 146px;
	padding-left: 30px;
	border-bottom: #cf3b00 solid 1px;
	text-indent:1px;
height: 21px !important;

}
ul#navi li ul li a:hover {
color:#cf3b00 !important;
text-decoration: none;
}

ul#navi li.leistungen:hover ul#sub-leistungen {
	display: block !important;
	margin: 0 0 0 0;
	padding: 0;
	position:relative;
top:-176px;


background-color: #f3f3f3 !important;
}


ul#navi li.unternehmen:hover ul#sub-unternehmen {
	display: block !important;
	margin: 0 0 0 0;
	padding: 0;
	position:relative;
top:-132px;


background-color: #f3f3f3 !important;
}

ul#navi li.ansprechpartner:hover ul#sub-ansprechpartner {
	display: block !important;
	margin: 0 0 0 0;
	padding: 0;
	position:relative;
top:-154px;


background-color: #f3f3f3 !important;
}

ul#navi li.verkauf:hover ul#sub-verkauf {
	display: block !important;
	margin: 0 0 0 0;
	padding: 0;
	position:relative;
top:-88px;


background-color: #f3f3f3 !important;
}

/* =image */
img {
	border: 0;
}
/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress {
	line-height: 20px;
	margin: 15px 0;
}
dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
	display: block;
	width: 120px;
	color: #909090;
	float:left;
}
dl.imprintTypeOfBusiness dd, dl.imprintAddress dd {
	clear:right;
}
#btnImprint, #newField {
	display:none;
}
/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block; /* for IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;/*zoom: 1; *//* triggers hasLayout */
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */





div#slideshow {
	position: absolute;
	top: 87px;
	left:65px;
	width:926px;
	background-color:#000000;
z-index:1;
}
* html ul#gallery {
	display:none;
}
div#slider {
	overflow: hidden;
	width: 717px;
	height:286px;
}
div#slider ul {
	display: block;
	width: 717px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
div#slider ul li {
	display: block;
	width: 717px;
	height:286px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
div#slider ul li div {
	background-repeat: no-repeat;
	background-position: top left;
	width: 717px;
	height:286px;
}
div#slider ul li div.slide1 {
	background-image: url(../images/slideshow/2.jpg);
}
div#slider ul li div.slide2 {
	background-image: url(../images/slideshow/1.jpg);
}
.datei {
	background: url(../images/icon_downloads.gif) no-repeat 0 0;
	height: 26px;
	width:15px;
	padding-left: 20px;
	padding-bottom: 3px;
	color: #940011;
}
/* -------------- Schnellkontakt-CSS -------------
##### Dies ist nur ein Beispiel - die Angaben können bis auf wenige Ausnahmen beliebig angepasst werden ####
*/


form#Schnellkontakt { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	float:left;
	width: 176px;
	height: 203px;
	background:url(../images/newsletter.gif) no-repeat 0 0;
}
form#Schnellkontakt p { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	padding-left: 10px;
	padding-right:10px;
}
form#Schnellkontakt label {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	margin:0 0 0 0;
	padding:0;
	/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}
form#Schnellkontakt input, form#Schnellkontakt textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:#003474;
	background: transparent;
	padding:1px;
	/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}
form#Schnellkontakt input, form#Schnellkontakt textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:0;
	width:180px;
	margin-bottom: 10px;
}
form#Schnellkontakt textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:80px;
}
form#Schnellkontakt input:focus, form#Schnellkontakt textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:0;
}
form#Schnellkontakt legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */
	/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	display:none;
}
form#Schnellkontakt fieldset {						/* Formularabschnitte */
	border:none;
	padding:0 0 0 0;
}
form#Schnellkontakt input#submitColumn {  /* Gestaltung des Submit-Buttons*/
	width:90px;
	height: 20px;
	float: right;
	background: transparent;
	color:#ffffff !important;
	cursor:pointer;
}
form#Schnellkontakt fieldset#submitboxColumn {
	float: right;			/* Element zur Ausrichtung des Submit-Buttons */
	height:10px;
	padding:0 0 0 0;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	clear:both;
	margin-top: 27px;
	color:#ffffff !important;
}
form#Schnellkontakt fieldset#adresseColumn {			/* Formularabschnitt mit den Adressdaten */
	margin:0 0 0 0;
	margin-left:20px;
	margin-top:38px;
}
form#Schnellkontakt label#label-telefon {			/* Veränderte Größe für das Telefon-Label */
}
form#Schnellkontakt input#Telefon {				/* Veränderte Größe für das Telefon-Feld */
}
form#Schnellkontakt input.radio {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:2px;
	border:none;
	background:transparent;
}
* html form#Schnellkontakt input.radio {			/* Für die Radio-Buttons im IE ein etwas anderer Abstand... */
	margin-top:2px;
}
form#Schnellkontakt label.radio {					/* Beschriftungen für Radio-Buttons */
	width:auto;
}
form#Schnellkontakt input.checkbox {					/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:5px;
	border:none;
	background:transparent;
}
* html form#Schnellkontakt input.checkbox {			/* Für die Checkboxen im IE ein etwas anderer Abstand... */
	margin-top:7px;
}
form#Schnellkontakt label.checkbox {						/* Beschriftungen für Checkboxen */
	width:90px;
}
form#Schnellkontakt label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background: url(../images/required.gif) top right no-repeat;
}
.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
	color:#B10114 !important;
	font-weight:bold !important;
}
div#schnellnachricht p#fehlermeldung {			/* Die Fehlermeldung */
	display:none;
	border:1px solid #B10114;
	padding:10px;
	margin:0 0 5px 0;
	width:132px;
}
/* Die folgenden Angaben bitte nicht verändern! */
form#Schnellkontakt br {
	clear:left;
}
form#Schnellkontakt input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}
form#formNewsletter element.style, form#Schnellkontakt element.style {
	display:inline;
}
form#formNewsletter label.placeholder, form#Schnellkontakt label.placeholder {
}
form#formNewsletter label.placeholder span, form#Schnellkontakt label.placeholder span {
	color:#003474;
	position:absolute;
	text-shadow:none;
}