@import "galerie.css";
@import "mainnavi.css";
@import "tt-news.css";
@import "footer.css";
@import "mitarbeiter_template.css";
@import "neuwagen_tt-news.css";
@import "rte.css";
@import "submenu.css";
@import "suche.css";
@import "div.css";
@import "standorte.css";

@charset "utf-8";
/* CSS Document */


/* ============ BODY =============== */

html, body {
background:	#1A171B;
background: #fff;
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
text-align:	center;
}

/* body {
background-image:url(../img/bg_body.gif);
background-position: top right;
background-repeat: repeat-x;
} */

body#mini
{
/* background:	#1A171B url(../img/css-bg/bg-mini.jpg) top right repeat-x; */
background:  #fff;
}

body#mini #logo a.logoimg
{
/* background: url(../img/mul-logo-mini-black.gif) top right no-repeat;
margin: 10px 0 0 0;
float: right;
width: 414px;
height: 148px; */

background: url(../img/mulfinger-automobile-logo.gif) top right no-repeat;
margin: 25px 0 0 0;
float: left;
width: 274px;
height: 60px;
}



#content-wrap {
width: 958px;
background: #24292F; 
background:  #000;
font-size: 0.9em;
text-align: left;
margin: 0px auto;
padding: 6px 0 0 0;
}


/* ============ HEADER ================ */

#logo 
{
width: 892px;
*width: 902px;

width: 948px;
*width: 978px;
min-height: 94px;
height: 94px;
background-color: #FFFFFF;
padding: 0px 10px 20px 0;
text-align: right;
}

#logo img 
{
margin: 10px 0 0 0;
float: right;
}

#logo #freecall 
{
float: left;
width: 400px;
padding: 3px 10px 0 10px;
font-size: .75em;
text-align: left;
}

#logo #freecall p
{
color: #A7A7AB;
height: 50px;
margin: 0;
padding: 25px 10px 10px 5px;
}

#logo #freecall p strong
{
color: #949498;
}

#logo #freecall a
{
color: #6F6F73;
text-decoration: underline;
}

#logo #freecall a:hover, #logo #freecall a:visited:hover
{
color: #5189FF;
background: #E4E4E4;
text-decoration: none;
}

#logo #freecall a:visited {
	color: #5A6F7F;
}


#logo #freecall a.callbackimg
{
background: url(../img/callback_mini.jpg) top right no-repeat;
width: 107px;
height: 106px;
float: left;
margin: 20px 10px 0 10px;
}

#logo #freecall a.callbackimg:hover
{
background: url(../img/callback_mini.jpg) top right no-repeat;
width: 107px;
height: 106px;
float: left;
margin: 20px 10px 0 10px;
}


#logo #freecall img
{
float:left;
margin: 10px 10px 0 0;
}

/* =============== NAVIGATION ================== */

#nav-wrap {
	width: 882px;
	width: 952px;
	background-color:  #fff;
	background: #fff url(../img/bg_nav.jpg) no-repeat left top;
}
#navigation {
	/*margin: 0 auto;
	padding: 20px 0 0 0;*/
}
/* to stretch the container div to contain floated list */
#navigation:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	color: #FFFFFF;
}

/*Begin-Navlist*/
ul#navlist {
	list-style: none;
	padding: 0;
	margin: 0/* auto*/;
	width: 100%;
	font-size: 0.75em;
}
ul#navlist li {
	display: block;
	float: left;
	width: 126px;
	margin: 0;
	padding: 0;
}
ul#navlist li a {
	display: block;
	width: 100%;
	padding: 14px 0 0 0;
	color: #646464;
	text-decoration: none;
	text-align: center;
}
#navigation>ul#navlist li a {
	width: auto;
}
ul#navlist li#active a {
	color: #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #fff;
	background: transparent;
}
/*End-Navlist*/



/* ================ Content =========== */

#breadcrumb
{
font-size: 11px;
color: #999999;
}


#rightbar-nav
{
background: #27282D;
padding: 3px 0 0 0;
margin: 5px 0 0 0;
float: left;
width: 178px;
}


#leftbar
{
/* background: #E0DFE4; */
padding: 0;
margin: 10px 0 0 0;
float: right;
width: 178px;
}

#leftbar .header
{
background: url(../img/header-angebote.jpg) no-repeat;
color: #FFFFFF;
font: 12px/23px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 176px;
height: 23px;
*margin: 0 0 0 0px;
}

#leftbar object
{
*margin: 0 0 0 20px;
*padding: 0;
}


#content-1 {
clear: both;
width: 882px;
width: 958px;
*width: 978px;
margin: 0;
background: #fff;
}

#content-holder
{
margin: 3px 0 0 0;
}

/* #content-wrapper
{
margin: 0px 180px 0px 178px; 
color: #262E33;
background: ##1A171B;
*width: 500px;
padding: 10px 20px 15px 20px;
*padding: 10px 20px 15px 16px;
min-height: 800px;
height:auto !important; für moderne Browser 
*height: 800px; für den IE 
} */

#content-wrapper
{
margin: 0;  
background: #fff;
width: 710px;
*width: 710px;
padding: 0;
float: left;
/* min-height: 600px;
height:auto !important; für moderne Browser 
*height: 600px; für den IE */
}


#content-wrapper h1
{
	/* float: left; */
	width: 695px;
	padding: 10px 0 10px 15px;
	-moz-border-radius: 6px;
	background-color: #000;
	font-size: 18px;
	line-height: 20px;
	color: #0167b8;
	margin-bottom: 10px;
	margin-top: 5px;
	clear: both;
	color: #fff;
}


#content-wrapper h2
{
color: #333;
margin: 7px 0;
padding: 0;
font-size: 14px;
font-weight: bold;
}

#content-wrapper p
{
color: #333;
margin: 0 0 10px 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}

#content-wrapper ul li
{
color: #333;
list-style-type: circle;
font-size: 12px;
font-weight: normal;
}

#content-wrapper table
{
width: 490px;
*width: 480px;
*margin: 0;
*padding: 0;
}

#content-wrapper table tbody tr td
{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content-wrapper table tbody tr td p
{
color:#666666;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#content-wrapper hr
{
height: 1px;
color: #fff;
}


#content-wrapper p
{
	font-size: 13px;
	margin: 0 0 10px;
	padding: 0;
}

/* ========= Kontaktformulare =============== */


#formular form
{
	margin:			0;
	padding:		10px 0 0 0;
	width:			440px;
}

#formular fieldset
{
	width:			440px;
	border: 		1px solid #666666; 
	margin: 		0 0 1em 0; 
	padding: 		10px 20px 20px 20px; 
	background: #fff;
}

#formular legend
{
	font-weight: 		bold; 
	font-size: 		12px; 
	color: 			#006699;
	padding: 		0px 10px ; 

}


#formular label
{
	float:			left;
	font-size: 		12px; 
	line-height: 		14px;
	display:		block;
	width:			150px;
	margin-bottom:		2px;
}

#formular input
{
	width: 			400px;
	border: 		1px solid #666666;
	background: #CCCCCC ;
	font: 			0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color: 			#333;
	margin-bottom:		2px;
}

#formular select
{
	width:			400px;
	border:			1px solid #666666;
	background:		#CCCCCC;
	font:			0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color:			#333;
	margin-bottom:		2px;
}

#formular select.small
{
	width:			80px;
	border:			1px solid #666666;
	background:		#CCCCCC;
	font:			0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color:			#333;
	margin-bottom:		2px;
}


#formular textarea
{
	width:			400px;
	margin-bottom:		2px;
	border:			1px solid #666666;
	background:		#CCCCCC;
	font:			0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color:			#333;
}

#formular textarea:focus 
{
	color:			#000;
	background:		#F2F5F9;
}

#formular input:focus 
{
	color:			#000;
	background:		#F2F5F9;
}


#formular input.senden
{
	width: 70px;
	padding:		2px;
	margin:			5px 0 5px 20px;

}

/* ========= weiteres =============== */

.c2l1-left, .c2l1-middle
{
font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}



a {
	color: #006699;
	text-decoration: underline;
}
a:hover, a:visited:hover {
	color: #C00;
	background-color: #fff5c0;
}
a:visited {
	color: #5A6F7F;
}


table.tx_bzdstaffdirectory_teamlist  {
width: 460px;
}

table.telfax
{
width: 200px !important;
padding: 0 !important;
margin: 0 0 5px 0;
color: #999;
}

table.telfax tr td
{
border: 0 !important;
padding: 0 10px 2px 0 !important;
color:  #999;
}

/* ============ alte Portalseite =================== */

/* --- Linke Spalter Blöcke --- */

.teaser-karriere {
	background: url(../img/teaser-karriere.jpg) top no-repeat #FFFFFF;
	width: 436px;
	min-height: 94px;
	height: 94px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 5px;
}

.teaser-karriere a:hover, .teaser-karriere a:visited:hover {
	background: #E4E4E4;
}
.teaser-karriere p {
	padding: 0;
	font-size: .85em;
	color: #333;
	text-align: left;
	margin: 0 5px 0 155px;
}
.teaser-karriere h1 {
	padding: 5px 0 0 0;
	margin: 0px 0 6px 155px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	text-align: left;
}


.teaser-more-one {
	width: 218px;
	min-height: 94px;
	margin-bottom: 5px;
	float: left;
}
.teaser-more-one a:hover, .teaser-more-one a:visited:hover {
	background: #E4E4E4;
}
.teaser-more-one h1 {
	margin:0;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.teaser-more-one img {
}

.teaser-more-one p {
	margin:0;
	padding: 5px 0 5px 0;
	font-size: .75em;
	color: #333;
}


.teaser-more-two {
	width: 210px;
	min-height: 94px;
	margin-left: 8px;
	margin-bottom: 5px;
	float: left;
}
.teaser-more-two a:hover, .teaser-more-two a:visited:hover {
	background: #E4E4E4;
}
.teaser-more-two h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.teaser-more-two img {
}

.teaser-more-two p {
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: .75em;
	color: #333;
}

.text-container {
clear: both;
padding: 5px 0 0 0;
	border-bottom: 1px dotted #CCCCCC;
	font-size: .75em;
	height: 350px;
}
.text-container p {
font-size: 1.1em;
	margin: 0;
	padding: 5px 0 15px 0;
}
.text-container h1 {
	font-size: 1.2em;
	margin: 0;
	padding: 10px 0 15px 0;
}
.text-container img {
	float: left;
	margin-right: 5px;
}



/* --- Rechte Spalte Blöcke --- */

.info-news {
	background: url(../img/1er_coupe.jpg) left top no-repeat #FFFFFF;
	width: 436px;
	height: 198px;
	padding:0;
	margin-bottom: 10px;
}
.info-news h1 {
	padding: 0;
	margin: 2px 2px 50px 0;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

.info-ads {
	background: url(../img/ad_auto-welt.jpg) left top no-repeat #FFFFFF;
	width: 436px;
	height: 198px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.info-ads h1 {
	padding: 120px 20px 10px 20px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #0000;
	text-align: center;
}

.info-ads p {
	padding: 0;
	margin: 0px 20px 10px 20px;
	font-size: 12px;
	font-weight: normal;
	color: #0000;
	text-align: center;
}


.teaser-events {
	background: url(../img/teaser-events.jpg) left top no-repeat #FFFFFF;
	width: 436px;
	height: 198px;
	margin-bottom: 10px;
}
.teaser-events a:hover, .teaser-events a:visited:hover {
	background: #E4E4E4;
}

.teaser-events p {
	padding: 0;
	font-size: .75em;
	color: #000;
	text-align: left;
	margin: 0 5px;
}
.teaser-events p strong {
	margin: 0 0 3px 0px;
	padding-bottom: 5px;
}
.teaser-events h1 {
	padding: 0;
	margin: 2px 2px 113px 0;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #f2f2f2;
	text-align: right;
}


.teaser-thema {
	background: url(../img/teaser-thema.jpg) left top no-repeat #FFFFFF;
	width: 436px;
	height: 198px;
}
.teaser-thema a:hover, .teaser-thema a:visited:hover {
	background: #E4E4E4;
}
.teaser-thema p {
	padding: 0;
	font-size: .75em;
	color: #333;
	text-align: left;
	margin: 0 5px;
}
.teaser-thema p strong {
	margin: 0 0 3px 0px;
	padding-bottom: 5px;
}
.teaser-thema h1 {
	padding: 0;
	margin: 2px 0 113px 2px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	text-align: left;
}


/* =================== Footer ===================== */

#footer {
    /* background: #000; */
    width: 852px;
    width: 930px;
    height: 111px;
    /*border: #99CC99 1px solid;*/
    /* margin: 0 auto; */
    /* padding: 15px 15px; *7
    clear: left;
    color: #fff;
    /* -moz-border-radius: 3px; */
    position: relative;
    top: 5px;
}
#footer p {
	font-size: .75em;
	text-align: left;
	margin: 3px 0;
	padding: 0;
	color: #fff;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #5189FF;
	text-decoration: none;
	background-color: #E4E4E4;
}


/* ============= NEU VON MAXI ================== */

.csc-frame-rulerBefore {
height:1px;
background:#999999;
}

#advert {
padding:10px;
}



#teaser-wrap {
background-color:#FFFFFF;
border:1px solid #C0C7C7;
height:244px;
margin:18px 0px 0px;
padding:5px;
width:480px;
*width: 470px;
}

#bild {
background-color:#FFFFFF;
border:1px solid #C0C7C7;
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}

#text {
background-color:#E8E8E8;
color:#000000;
float:right;
font-size:10px;
padding:10px 5px 0px;
*padding: 3px;
width:128px;
*width:118px;
height:234px;
}

#text p {
font-size:9px
}

.clearo
{
clear: both;
}

/* REST -REST -REST -REST */

img 
{
behavior: url(/fileadmin/template/css/iepngfix.htc); 
}

#aktuell 
{
color: #fff;
font-size: 10px;
padding: 12px;
}

#anker {
color: #fff;
padding-top:10px;
padding-bottom:10px;
font-size: 11px;
}

#anker a {
font-size: 11px;
line-height:16px;
}

div.csc-textpic-left, div.csc-textpic-text, div.csc-textpic-clear {
clear:none !important;
}

/* submenu */

div#submenu
{
	/* background-color:  #000; */
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
margin-left:0;
}

#markenmenu {
	height: 31px;
	width: 381px;
	float:left;
	margin-top:29px;
	margin-left:5px;
}

#logo .markenmenuimg {
	float: none;
	margin: 0 0 0 15px;
}