/* --------------------------------------------------------------

	Sachverständigenbüro Hoffmann & Eggersmann in Münster
	Sachverständigenbüro für Kfz und technische Überwachung GmbH
	Hammer Straße 315
	48153 Münster
	Tel: 0251 78 126
	Fax: 0251 78 78 96
	info@sv-eggersmann.de
	
	--------------------------------------------------------------*/

* { margin: 0; padding: 0; }


html {}

body {
	background: url(../img/bg2.jpg); 
	font: 12px Verdana, Geneva, sans-serif;
	}

a {
	text-decoration: none;
	color: #4f648b;
	}
	
a.print img {
	border: 0;
	}
	
a.print {
	margin: 0 0 50px 0;
	float: right;
	}
	
a:hover {
	color: #2f4063;
	text-decoration: underline;
	}

a#logo img {
	margin: 0px 0 0px 0px;
	outline: none;
	border: none;
	display: block;
	float: left;
	}
	

div#site {
	width: 930px;
	margin: auto;
	margin-top: 30px;
	padding: 15px 20px 0 20px;
	background: #fff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	}
	
div#site p {
	font: 12px Verdana, Geneva, sans-serif #5e5e5e;
	line-height: 18px;
	}
	
div.overthetop {
	height: 67px;
	width: 930px;
	}
	
p.tel {
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
	background: url(../img/tel.png) no-repeat;
	font-size: 14px;
	width: 110px;
	color: #fff;
	float: right;
	}

li.current, li.willkommen {
	border-right:1px solid #89888a;
	width: 115px;
	text-align:center;
	}
	
li.current a, li.willkommen a {
	display:block; 
	padding: 12px; 
	color:#fff; 
	text-decoration:none; 
	}
	
li.current a:hover, li.current a:focus, li.normal a:hover {background: url('../img/nav_hover.jpg') repeat-x;}
li.drop a:hover, li.dropend a:hover {background: #1e2a40;}
li.drop {border-bottom: 1px solid #6d7a94; text-align:left; }
li.drop a {padding-left: 25px;}
li.dropend {border: none; text-align:left;}
li.dropend a {padding-left: 25px;}


div.nav {
	width: 930px;
	height: 40px;
	background: url('../img/nav_bg.jpg') repeat-x;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	margin: 25px 0 0 0;
	}
	
div.nav ul{
	font: 14px "Arial";
	height: 40px;
	list-style:none;
	}
	
div.nav ul li.normal, ul li.willkommen {float:left; width:115px; height: 40px; margin:0; padding:0; text-align:center;}
	li.normal a {display:block; padding: 12px; height:; color:#fff; text-decoration:none; border-right:1px solid #89888a;}
	/*li a {background:url(../img/bg2.jpg) repeat 0 0;}*/

a#sel_leistungen, a#sel_service, a#sel_unternehmen, a#sel_team , a#sel_kontakt {
	background: url('../img/nav_hover.jpg') repeat-x;
	color: #fff;
	}

a#sel_willkommen {
	background: url('../img/nav_hover.jpg') repeat-x;
	color: #fff;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	}
	
ul li.willkommen:hover {
	background: url('../img/nav_hover.jpg') repeat-x;
	color: #fff;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	}

div#content {
   width: 930px;
   color: #777;
   }
   
/*--------------------------------Startseite--------------------------------*/


.slider {
	margin: 25px 0 0 0;
	position:relative;
	//See the "style-pack" below for image
	background:url(/img/loading.gif) no-repeat 50% 50%; 
}
.slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}



div#header_start {
	height: 410px;
	width: 930px;
	background: url('../img/header/header_eggersmann_muenster.jpg');
	margin: 25px 0 0 0;
	}
	
	
div#topcontent {
	width: 930px;
	}
	
div#content_willkommen {
	float: left;
	width: 629px;
	height: 173px;
	background: url(../img/content_bg.jpg) no-repeat;
	margin: 25px 0 0 0;
	padding: 15px 0 0 15px;
	}
	
div#content_willkommen p {
	width: 600px;
	margin: 10px 0 0 0;
	color: #5e5e5e;
	}
	
div#oeffnungszeiten {
	float: right;
	width: 281px;
	height: 181px;
	background: url(../img/oez_bg.jpg) no-repeat;
	margin: 25px 0 0 0;
	}
	
div#oeffnungszeiten h1 {
	color: #fff; 
	padding: 5px 0 0 15px;
	font-size: 16px;
	}
	
div#oeffnungszeiten p {
	padding: 15px 0 0 15px;
	color: #5e5e5e;
	}
	
.table_oeffnungszeiten {
	width: 275px;
	margin: 25px 0px 0 15px;
	line-height: 18px;
	}
	
div#oeffnungszeiten span {
	margin: 25px 0 0 15px;
	color: #4f648b;
	}
	
/*---midcontent---*/

div.midcontent {
	width: 930px;
	margin: 223px 0 600px 0;
	}
	
div.midcontent h2 {
	font: 16px Verdana, Geneva, sans-serif;
	color: #000;
	margin: 0 0 15px 0;
	}
	
div.amtlicher_bereich {
	width: 280px;
	height: 173px;
	float: left;
	}
	
div.nicht_amtlicher_bereich {
	width: 280px;
	height: 173px;
	float: left;
	margin: 0 0 0 45px;
	}
	
div.aufgabenbereich_gutachter {
	width: 280px;
	height: 173px;
	float: right;
	}

div.amtlicher_bereich p, div.nicht_amtlicher_bereich p, div.aufgabenbereich_gutachter p {
	color: #5e5e5e;
	margin: 15px 0 0 0;
	}
	

/*--------------------------------Leistungen--------------------------------*/


div.leistungen_container {
	width: 930px;
	margin: 25px 0 0 0;
	}
	
div.leistungen_container ul {
	width: 625px;
	float: right;
	margin: 10px 0 0 0;
	}
	
div.leistungen_container img {
	margin: 10px 0 0 0;
	}

div.leistungen_container ul li {
	padding-left: 25px;
	background: url('../img/pfeil.jpg') no-repeat;
	background-position: left;
	list-style: none;
	margin: 5px 0 0 0;
	}

	
/*--------------------------------Service--------------------------------*/

div#header_service {
	height: 410px;
	width: 930px;
	background: url('../img/header_service_muenster.jpg');
	margin: 25px 0 0 0;
	}
	
/*--------------------------------Partner-----------------------------------*/

div.partner {
	width: 930px;
	}
	
div.partner p {
	width: 650px;
	}
	
div.partner img {
	float: left;
	margin: 0 50px 0 50px;
	}
	
hr.line {
	margin: 0px 0 20px 0;
	height: 0;
	border-style: dashed; 
	border-width: 1px 0 0 0; 
	border-color: #dedede; 
	}
	
hr.lineagb {
	margin: 10px 0 10px 0;
	height: 0;
	border-style: dashed; 
	border-width: 1px 0 0 0; 
	border-color: #dedede; 
	}
	
div.partnerdat {
	width: 280px;
	height: 175px;
	float :left;
	background: url('../img/partner/dat_l.png') no-repeat;
	background-position: center top;
	}
	
div.partnerbvsk {
	width: 280px;
	height: 250px;
	float :left;
	background: url('../img/partner/bvsk_l.jpg') no-repeat;
	background-position: center top;
	}
	
div.partnergtue {
	width: 280px;
	height: 200px;
	float :left;
	background: url('../img/partner/gtue_l.jpg') no-repeat;
	background-position: center top;
	}
	
div.partnerifs {
	width: 280px;
	height: 250px;
	float :left;
	background: url('../img/partner/ifs_l.jpg') no-repeat;
	background-position: center top;
	}


/*--------------------------------Partner-----------------------------------*/

div.bvskinfoIMG {
	margin: 25px 0 0 0;
	width: 280px;
	height: 600px;
	float :left;
	background: url('../img/partner/bvsk_l.jpg') no-repeat;
	background-position: center top;
	}
	
div.partnerinfo h1 {
	padding: 0 0 5px 0;
	margin: 25px 0 10px 0;
	border-bottom: 1px dashed #dedede;	}
	
div.partnerinfo { 
	width: 639px;
	float: right;
	}
	
hr.linepartner {
	margin: 10px 0 20px 0;
	height: 0;
	border-style: dashed; 
	border-width: 1px 0 0 0; 
	border-color: #dedede; 
	}

/*-----------------------------Unternehmen-------------------------------*/

div.textBox {
	float: left;
	width: 670px;
	text-align:inherit;
	}
	
div.textLeft p {
	width: 660px;
	text-align: justify;
	}
	

div.standortImg {
	float: right;
	height: 173px;
	width: 260px;
	background: url('../img/firma_thumb.jpg') no-repeat;
	}
	
div.standortImg img {
	border: none;
	}

/*--------------------------------Team-----------------------------------*/

div#header_team {
	height: 410px;
	width: 930px;
	background: url('../img/header_sachverstaendigenbuero_muenster.jpg');
	margin: 25px 0 0 0;
	}

div.textimagerow {
	height: 288px;
	width: 930px;
	margin: 25px 0 50px 0;
	}
	
div.textimagerow2 {
	height: 288px;
	width: 930px;
	margin: 125px 0 50px 0;
	}

div.textimage {
	height: 288px;
	width: 175px;
	margin: 0px 75px 0 0;
	float: left;
	font-size: 11px;
	}
	
div.textimage span, div.textimageRIGHT span {
	color: #000;
	}
	
div.textimageRIGHT {
	height: 288px;
	width: 175px;
	margin: 0px 0px 0 0;
	float: left;
	font-size: 11px;
	}

div.textimage p, div.textimageRIGHT p {
	margin: 5px 0 0 0;
	}
	
/*--------------------------------Überschrift--------------------------------*/

h1 {
	font: 22px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
h1.wide {
	font: 22px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
	margin: 15px 0 15px 0;
	border-bottom: 1px dashed #dedede;	
	}
	
h1.wideDS {
	font: 20px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
	margin: 25px 0 0px 0;
	border-bottom: 1px dashed #dedede;	
	}
	
h2.DS {
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
	margin: 15px 0 5px 0;
	}
	 
h2 {
	font: 16px Verdana, Geneva, sans-serif;
	color: #000;
	}
	
h2.agb {
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
	margin: 10px 0 5px 0;
	}
	
div.partner h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
	margin: 0px 0 0px 0;
	}
	
h2.imp {
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	color: #000;
	padding: 0 0 5px 0;
	margin: 15px 0 5px 0;
	}
	
h2.wide {
	font: 18px Verdana, Geneva, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
	margin: 25px 0 0 0;
	border-bottom: 1px dashed #dedede;	
	}

h3 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
h4 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #00645e;
	}
	 
/*----------------------------------Links----------------------------------*/

a.weiterbtn {
	font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
    width: 70px;
	height: 22px;
	position: absolute;
	margin: 15px 0 0 0;
	background: url('../img/button.jpg') no-repeat;
    Padding: 4px 15px 4px 15px;
    text-decoration: none;
	}
	
a.weiterbtn:hover {
	background: url('../img/button_hover.jpg') no-repeat;
	}


a.weiter {
	padding-right: 15px;
	font-size: 12px;
	background: url('../img/pfeil.jpg') no-repeat;
	background-position: right;
	}
	
a.dot {
	position: absolute;
	margin: 14px 0 0 249px;
	width: 15px;
	height: 15px;
	font-size: 12px;
	text-decoration: none;
	
	}
	
/*----------------------------------Tipps----------------------------------*/

div.topcontent_tipps {
	width: 930px;
	height: 100%;
	}

div.unfallschaden {
	margin: 25px 0 0 0;
	width: 266px;
	height: 203px;
	float: left;
	background: url('../img/unfalltipps_muenster.jpg') no-repeat;
	}
	
div.unfalltipps {
	width: 639px;
	float: right;
	}
	
div.unfalltipps span {
	color: #000;
	}

div.unfalltipps h1 {
	padding: 0 0 5px 0;
	margin: 25px 0 0 0;
	border-bottom: 1px dashed #dedede;	
	}

div.unfalltipps p {
	margin: 25px 0 0 0;
	}


/*----------------------------------Kontakt----------------------------------*/

div.content_kontakt {
	width: 930px;
	margin: 0px 0 0 0;
	background-position: right center;
	}
	
	
div.midcontent_kontakt {
	width: 930px;
	margin: 85px 0 25px 0;
	background-position: right center;
	}
	
.img {
	margin: 50px 0 0 0;
	float: right;
	}
	
div.midcontent_kontakt h1, div.content_kontakt h1 { 
	padding: 0 0 5px 0;
	margin: 25px 0 0 0;
	border-bottom: 1px dashed #dedede;	
	}
	
div.midcontent_kontakt h2 {
	font: 14px Verdana, Geneva, sans-serif;
	margin: 15px 0 0 0;
	border: none;
	}
	
div.content_kontakt p, div.midcontent_kontakt p {
	margin: 15px 0 0 0;
	}
	
a.kontakt {
	padding-left: 3px;
	float: left;
	text-decoration: none;
	color: #4f648b;
	}
	
a.kontakt:hover {
	color: #a0a0a0;
	}
	
.tabelle {
	width: 500px;
	margin: 15px 50px 0 0;
	line-height: 21px;
	}

/*----------------------------------Sitemap----------------------------------*/

#sitemap { 
  width: 930px; 
  }
	
#sitemap ul.mainol {
	margin: 15px 0 0 30px;
	text-decoration: none;
	}
  
#sitemap li {
 	margin-top: 5px;
	color: #000;
	list-style: decimal-leading-zero;
	 }
	 
#sitemap p {
	margin-top: 10px;
    text-align: justify; 
	}
	
#sitemap ul.uk {
	margin-left: 30px;
	}
	
/*-----------------------------ClearBoth---------------------------*/

div#clearboth {
	clear: both
	}

/*-----------------------------Footer------------------------------*/

div#footer {
	float: left;
	border-top: 1px dashed #dedede;
	color: #fff;
	width: 930px;
	margin: 25px 0 0px 0;
	padding: 15px 0 0px 0;
	}

div#footer p {
	font-size: 11px;
	color: #a0a0a0;
	float: right;
	}
	
div#footer a.footerlinkleft {
	padding-right: 5px;
	float: left;
	text-decoration: none;
	color: #a0a0a0;
	font-size: 11px;
	}

div#footer a.footerlinkleft:hover {
	color: #4f648b;
	}
	
div#footer a.footerlink {
	border-left: 1px solid #a0a0a0;
	padding: 0 5px 0 5px;
	float: left;
	text-decoration: none;
	color: #a0a0a0;
	font-size: 11px;
	}
	
div#footer a.agblink {
	border-right: 1px solid #a0a0a0;
	padding: 0 3px 0 3px;
	float: left;
	text-decoration: none;
	color: #a0a0a0;
	font-size: 11px;
	}
	
div#footer a.footerlink:hover {
	color: #4f648b;
	}

div#footer a.sitemap{
	padding-left: 3px;
	float: left;
	text-decoration: none;
	color: #a0a0a0;
	font-size: 11px;
	}
	
div#footer a.sitemap:hover {
	color: #4f648b;
	}


/*--------------------------------Partner--------------------------------*/

div.partner {
	width: 930px;
	margin: auto;
	padding: 15px 0 15px 0;
	margin-bottom: 50px;
	}
	
div.partner a.gtue {
	width: 84px;
	height: 37px;
	background: url(../img/partner/gtue_sw.png) no-repeat;
	float: left;
	}
	
div.partner a.gtue:hover {
	background: url(../img/partner/gtue_farbe.png) no-repeat;
	}
	
div.partner a.bvsk{
	margin: 0 0 0 30px;
	width: 148px;
	height: 38px;
	background: url(../img/partner/bvsk_sw.png) no-repeat;
	float: left;
	}
	
div.partner a.bvsk:hover{
	background: url(../img/partner/bvsk_farbe.png) no-repeat;
	}
	
div.partner a.ifs{
	margin: 0 0 0 30px;
	width: 80px;
	height: 48px;
	background: url(../img/partner/ifs_sw.png) no-repeat;
	float: left;
	}
	
div.partner a.ifs:hover{
	background: url(../img/partner/ifs_farbe.png) no-repeat;
	}
	
div.partner a.dat{
	margin: 0 0 0 30px;
	width: 25px;
	height: 40px;
	background: url(../img/partner/dat_sw.png) no-repeat;
	float: left;
	}
	
div.partner a.dat:hover{
	background: url(../img/partner/dat_farbe.png) no-repeat;
	}

	
/*----------------------------Map----------------------->*/

div#map {
	width: 930px;
	height: 410px;
	margin: 25px 0 0 0;
	}
	
h1.dashed_headline {
	padding: 0 0 5px 0;
	margin: 25px 0 0 0;
	border-bottom: 1px dashed #dedede;	
	font: 18px Verdana, Geneva, sans-serif;
	}
	
#map strong { font-weight: bold; }
	.bubble p { width: 250px; color: #0096ff; }
	.bubble { height: 150px; padding: 22px 70px 0px 10px; background: url('') right 20px no-repeat;  color: #666766;}

#map h3 { font: 17px Arial, Helvetica, sans-serif; font-weight: normal; }


	
/*----------------------------ende-Map------------------------>*/
	
	
	/*
	div#adresse p {
	color: #fff;
	background: #00645e url(../img/greenedge.jpg) no-repeat;
	}*/
	

/*----------------------------Impressum----------------------->*/

div#impressum {
	background: url(../img/impressum2.jpg) no-repeat;
	float: right;
	width: 669px;
	padding: 361px 0 0 0;
	}

div#impressum p  {
	padding: 0 0 0 0px;
	}
	
div#impressum a {
	text-decoration: none;
	color: #4f648b;
	}
	
div#impressum a:hover {
	color: #b51017;
	}
	
div#impressum h3 {
	font-size: 18px;
	margin: 25px 0 10px 0;
	border-top: 1px solid #eef3fa;
	padding-top: 15px;
	} 

div#impressum h4 {
	font-size: 16px;
	margin: 25px 0 10px 0;
	border-top: 1px solid #eef3fa;
	padding-top: 15px;
	} 











/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} /*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: none; margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } /*tooltips formatting*/ 
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 



.billboard {
  height:410px;
  overflow: hidden;
  padding: 0 0 0px 0;
  width:930px;
  margin: 25px 0 0 0;
  }

#Billboard .standalone {
  background: none;
  padding: 0 0 18px 0;
  }

#Promos {
  position: relative;
  z-index: 21;
  zoom:1;
  }

#PromoTriggers {
  position: absolute;
  z-index: 22;
  left:0;
  top: 360px;
  }

.standalone #PromoTriggers {
  top: 358px;
}

#PromoTriggers ul {
  margin: 0;
  padding: 0;
  border: 1px solid rgb(204,204,204);
  border-width: 0 0 0 0px;
}

#PromoTriggers li {
  list-style: none;
  float: left;
}

#PromoTriggers li a {
  color: rgb(68,68,68);
  border: 1px solid rgb(204,204,204);
  border-width: 0px 1px 0px 0;
  display: block;
  font-weight: 500;
  outline:none;
  padding: 3px 9px 4px 9px;
  text-decoration: none !important;
  background: rgb(255,255,255);
}

#PromoTriggers li a:hover {
  color: #4f648b;
}

#PromoTriggers a.activeSlide,
#PromoTriggers a.activeSlide:hover {
  border-color: rgb(153,153,153);
  background: #4f648b; url(../img/overview-dropdown.png) no-repeat 0 0;
  color: rgb(255,255,255);
}

#PromoSlides {
  width: 930px;
  height: 410px;
  overflow: hidden;
  float: left;
}

.standalone #PromoSlides {
   width: 930px;
  height: 410px;
  float: none;
}
#PromoSlides .slide {
  background:#fff;
}
#PromoSlides .wide {
  width:930px;
}

#PromoSlides a {
  display:block;
  float:left;
}
#PromoSlides a.small {
  display:block;
  float:right;
  margin:0 0 3px 2px;
}

/*-------------------------------------Slideshow-Unternehmen------------------------------------------*/



/** =LINKBAR
----------------------------------------------------------------------*/

#Linkbar {
  margin: 0 0 9px 0;
}

#Linkbar img {
  border: 0 none transparent;
}



/*Glossar*/

a.abc {
	display:block;
	float:left;
	border:1px solid #aaa;
	width:15px;
	height:15px;
	line-height:15px;
	text-align:center;
	margin-right:5px;
	text-decoration: none;
	color: #5e5e5e;
}
* html a.abc {
	line-height:16px;
}
a.abc:hover {
	background:#4f648b;
	border: 1px solid #4f648b;
	color: #fff;
}

div.abc {
	margin: 25px 0 0 0;
	color:#ccc;
	}


div.glossar {
	width: 639px;
	float: right;
	}
	
div.glossar hr {
	margin: 20px 0 0 0;
	height: 0;
	border-style: dashed; 
	border-width: 1px 0 0 0; 
	border-color: #dedede; 
	}
	
div.kfznachschlagewerk {
	margin: 25px 0 0 0;
	width: 266px;
	height: 401px;
	float: left;
	background: url('../img/tuev.jpg') no-repeat;
	}

	
	
div.glossar span {
	font-weight:bold;
	}

div.glossar h1 {
	padding: 0 0 5px 0;
	margin: 25px 0 0 0;
	border-bottom: 1px dashed #dedede;	}

div.glossar p {
	margin: 10px 0 0 0;
	}
	
div.glossar img {
	outline: none;
	border: none;
	}
	
div.glossar a {
	font: 12px "Arial";
	color: #4f648b;
	text-decoration: none;
	}	
	
div.glossar a:hover {
	text-decoration: underline;
	}
	
/*------------------------------------Wissenswertes----------------------------------------*/

div.wissenswertes {
	width: 639px;
	float: right;
	}
	
div.wissenswertesImg {
	margin: 25px 0 0 0;
	width: 266px;
	height: 203px;
	float: left;
	background: url('../img/e10.jpg') no-repeat;
	}

div.wissenswertes hr {
	margin: 20px 0 20px 0;
	height: 0;
	border-style: dashed; 
	border-width: 1px 0 0 0; 
	border-color: #dedede; 
	}
	
div.wissenswertes h2 {
	margin: 0 0 5px 0;
	}


.table_kennzeichen {
	width: 575px;
	margin: 0px 0px 0 px;
	line-height: 21px;
	}
	
.table_kennzeichen td {
	margin: 0px 50px 0 px;
	}
	
	
/*-----------------------------Tooltip-----------------------------------*/


.title{
background: url('../img/tooltipFF_bg.png');
display:none;
font-family:Arial,"Helvetica",sans-serif;
font-size:11px;
height:auto;
min-width:10px;
max-width:145px;
position:absolute;
width:auto;
z-index:1001;
}
* html .title{
width:145px;
}
.title p{
color:#fff;
float:left;
margin:0;
padding:10px;
text-align: left;
width:auto;
}
.title p span.blue{
color:#007eff;
}