html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	/*background-color:#e8e7e5;*/
	background-image: url(http://www.bjurkellbil.se/images/shared/bg_shaded.gif);
	 background-position:center; 
	font-family:arial,sans-serif;
	font-size:11pt;
	color:#000;
text-align:center;
}
 

a, a:hover, a:visited { text-decoration: none; color: #0066cc; }
img { border: 0; }

.blue { color: #0066cc; }

h1 { font-size: 16px; color: #000; margin: 0 0 0 0; padding:8px 0 8px 0; letter-spacing:1px;}
h2 { font-size: 16px; font-weight:bold; color:#bcbcbc; margin:0; padding-bottom:5px; letter-spacing:1px;}
h3 { font-size: 14px; margin:0; padding-top:2px; padding-bottom:5px; letter-spacing:1px;}
h4 { font-size: 13px; color: #fff; font-weight:bold; margin:0px; padding:8px 10px; letter-spacing:1px;}
h5 { font-size: 12px; font-weight:bold; color: #000;}
h6 { font-size: 12px; font-weight:bold; color: #000;}
h5.active { background: url(http://www.bjurkellbil.se/images/menu_bg_active.gif) repeat-x; }

.related-articles { float: right; width: 225px; margin-top: -39px;}

#container{
	position:relative; /* behövs för sidfotens placering*/
	/*width: expression(document.body.clientWidth < 997? "995px" : document.body.clientWidth > 1202? "1200px" : "auto");*/
	
	width:962px;
	 
/*	margin-left:auto;
	margin-right:auto;*/
 	margin:0 auto; /* center, not in IE5 */
	padding:0;
	background-color:#FFF;

	height: auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */


	border-left:#333 solid 1px;
	border-right:#333 solid 1px;

}



/* head */
#head {
	clear:both;
	position: relative;
	width:100%;
	height:110px;
	text-align:left;
	vertical-align:middle;
	
}


#headcontent {
clear:both;
	position: relative;
	height:110px;
	width: 100%;
	margin:0;
	padding:0;
	}

#headcontent img.logo_bjurkellbil {clear:left; float:left; margin-left:30px; margin-top:50px; width:310px; height:47px;}
#headcontent img.brandlogo {clear:right; float:right; margin-right:20px; margin-top:35px; width:149px; height:64px;} 


/* menu */
#menu {
	width: 100%;
	height:30px;
	text-align:left;
	background-image:url(../images/head/menu/menu-bg.png);
	background-repeat:repeat-x;
	vertical-align:middle;
	} 
	#menu #ddtopmenubar{float:left; clear:left; margin-left:0; width:800px;} 
    #menu #autoring {float:right; clear:right; margin-right:0; margin-top:1px; width:103px; height:26px;} 

/* toplocation */
div#toplocation {
	position:relative;
	width: 100%;
	background-color:#FFF;
	height: 25px;
	text-align:left;
	text-indent:70px;
	font-style:italic;
	}

/* toplocation */
div#express_toplocation {
	position:relative;
	width: 100%;
	background-image:url(http://www.bjurkellbil.se/images/main/service/express.gif);
	
	background-repeat:repeat-x;
	padding-top:10px;
	height: 40px;
	text-align:left;
	text-indent:70px;
	font-style:italic;
	}




#content { height:100%; width:100%;  text-align:left;  margin:0; padding:0; vertical-align:top; background-color:#FFF; display: table;  padding-top:5px;} 
#content {font: normal 12pt "Arial", "Helvetica"; color:#000;} 
#content h6{font: normal 12pt "Arial", "Helvetica";}
#content h2{padding:15px 0 10px 0; line-height:18px;color:#0066cc;}
#content h3{color:#000;line-height:18px;}
#content h4{margin:0;padding-left:0;color:#000;}
#content h5{ font-size: 10pt; font-weight:bold; color: #000; margin:0;}
#content img{border:#ffffff solid 2px;}
#service_items .serv_item{font-size: 11px; font-weight:bold; color: #000; margin:0;}

#fadeshow1{width:958px; border:0;margin:0;padding:0;}
.descbig_pad{font-size: 20px; font-weight:bold;padding-left:100;}
.descbig{font-size: 20px; font-weight:bold;padding-top:15;}
.descsmall{font-size: 10px; font-weight:bold;padding-top:15;}
.descsmall_grey{font-size: 9px; font-weight:normal; color:#121212;}
.descsmall_grey_pad{font-size: 9px; font-weight:normal; color:#121212; margin-left:100;}





#personal_td{padding-left:0px; text-align:left; width:450px; }
#container #booking #thankyou{vertical-align:top;background-color:#1d2229;} 

div#container #booking #submit_td{text-align:center;}

#floatwrapper{height:100%; width:100%; position:relative;}
#floatwrapper #index_newswrapper{float:left; clear:right; padding-top:30px;padding-bottom:30px; padding-left:0px; padding-right:0px; width:100%; text-align:left; vertical-align:top; }
#floatwrapper #index_newswrapper #index_leftnews{float:left; clear:right; padding-top:0px;padding-left:30px; padding-right:30px; width:420px; text-align:left; vertical-align:top;}
#floatwrapper #index_newswrapper #index_rightnews {display:inline-table; border-left:1px dotted #ccc; float:left; padding-top:0px; padding-left:30px;  padding-right:30px;  min-width:353px; max-width:413px;text-align:left; vertical-align:top; border-left:1px dotted #ccc;}
#content #floatwrapper #index_newswrapper #index_rightnews { font-size: 9pt; font-weight:normal; color: #333; margin:0;}
#content #floatwrapper #index_newswrapper #index_rightnews h3 { font-size: 11pt; font-weight:bold; color: #333; margin:0;}
#content #floatwrapper #index_newswrapper #index_rightnews h5 { font-size: 9pt; font-weight:bold; color: #333; margin:0;}
#content #floatwrapper #index_newswrapper .portal { font-size: 12pt; font-weight:bold; color: #4c8bb5; margin:0; text-decoration:none;}
#content #floatwrapper #index_newswrapper #index_extranews {display:inline-table; float:left; clear:right; background-color:#baf068; padding-top:0px; padding-left:30px;  border:1px dotted #ccc; padding-right:30px; margin: 0px 0px 25px 0px;  min-width:353px; max-width:413px; text-align:left; vertical-align:top;}
#content #floatwrapper #index_newswrapper #index_extranews h1 { font-size: 19pt; color: #FF0000; margin: 0 0 0 0; padding:20px 0 3px 0; letter-spacing:1px;}
#content #floatwrapper #index_newswrapper #index_extranews h3 { font-size: 12pt; color: #FF0000; margin: 0 0 0 0; letter-spacing:1px;}

#content #floatwrapper #index_newswrapper #index_leftnews { font-size: 9pt; font-weight:normal; color: #333; margin:0;}
#floatwrapper #index_newswrapper #index_leftnews img {border:0;}
#floatwrapper #index_newswrapper #index_leftnews .norm{font-size: 10pt; font-weight:normal; color: #333; margin:0;}
#floatwrapper #index_newswrapper #index_rightnews .bluelink{font-size: 10pt; font-weight:normal; color: #0066cc; margin:0;}


#floatwrapper #index_campaign{float:left; margin: 0; padding:0; width:100%; vertical-align:top;}
#floatwrapper #index_campaign #campaign {float:left;  clear:right; padding:0; margin: 24px; width:912px; height:86px; vertical-align:top;}
#floatwrapper #index_campaign #campaign img {border: 0px;}
#floatwrapper #campaign_wrapper {float:left; padding:0; margin: 24px; width:912px; height:100%; display:inline-table;}
#floatwrapper #campaign_wrapper #brandname {float:left; padding:0; margin: 0px; width:912px; }
#floatwrapper #campaign_wrapper #brandname .campaign_ad{float:left; clear:left; padding:0; margin: 0; width:400px; border: 0; }
#floatwrapper #campaign_wrapper #brandname .pdficon{float:left; clear:right; margin-left: 10px; width:48px; height:48px; border:0; }
#floatwrapper #campaign_wrapper #brandname #text {float:left; clear:right; padding:0; margin-left: 25px; width:300px; height:142px; }
#floatwrapper #campaign_wrapper #brandname #text h2 {font-size: 11pt; font-weight:bold; margin:0; }
#floatwrapper #campaign_wrapper #brandname #text {font-size: 10pt; font-weight:bold;}


#floatwrapper #index_brandbar{float:left; margin: 0; margin-bottom:40px; padding:0; width:100%; vertical-align:top;}
#floatwrapper #index_brandbar #container {position:relative; margin-left: 24px; padding:0; width:912px; vertical-align:top;}
#floatwrapper #index_brandbar #mazda { float:left; padding:0; margin-left: 0px; margin-right: 24px; width:280px; height:177px; vertical-align:top; background-color:#000;}
#floatwrapper #index_brandbar #seat { float:left; clear:right; padding:0; margin-right: 24px; width:280px; height:177px; vertical-align:top; background-color:#000;}
#floatwrapper #index_brandbar #usedcars { float:left; clear:right; padding:0; margin-right: 0px; width:280px; height:177px; vertical-align:top; background-color:#000;}
#floatwrapper #index_brandbar .brandbar {border: #000 4px solid; }




#content #floatwrapper #staff_left{float:left; clear:right; height:100%; padding-top:30px;padding-left:50px; padding-right:50px; width:90px; text-align:left; vertical-align:top; background-color:#d4d4d4;}
#floatwrapper #staff_right { float:left; padding-top:30px; padding-left:70px; height:100%; width:500px; text-align:left; vertical-align:top;}
#floatwrapper #staff_left img{width:90px; height:130px; margin:0; border:solid #FFF 2px}
#floatwrapper #staff_left h2{font: bold 11pt "Arial", "Helvetica"; padding:8px 0 8px 0; color:#0066cc;}
#floatwrapper #staff_left h5{color:#999; padding:4px 0 2px 0; margin:0;letter-spacing:1px;}
#floatwrapper #staff_left h6{font: normal 11pt "Arial", "Helvetica";padding:0 0 15px 0;margin:0;}
#floatwrapper #staff_right h2{padding:8px 0 8px 0; color:#0066cc;}
#floatwrapper #staff_right h3{padding:4px 0 2px 0; color:#0066cc;}
#floatwrapper #staff_right h4{margin:0;padding-left:0;color:#000;}
#floatwrapper #staff_right h5{ font-size: 11pt; font-weight:bold; color: #000; margin:0; letter-spacing:2px;}
#floatwrapper #staff_right h6{ font-size: 10pt; font-weight:bold; color: #000; margin:0;}
#floatwrapper #staff_right { font-size: 10pt; font-weight:normal; color: #000; margin:0;}
#floatwrapper #staff_right p { line-height:35px;}
#floatwrapper #staff_right #extranews {display:inline-table; padding-top:0px; padding-left:30px;  border:1px dotted #ccc; padding:10px; margin: 15px 15px 15px 0px; width:400px; text-align:left; vertical-align:top;}

#content #floatwrapper #company_left{float:left; clear:right; height:100%; padding-top:30px;padding-left:30px; padding-right:30px; width:150px; text-align:left; vertical-align:top; background-color:#d4d4d4;}
#floatwrapper #company_left img{width:151px; height:227px; margin:0; border:solid #FFF 2px}
#floatwrapper #company_left h2{font: bold 11pt "Arial", "Helvetica"; padding:8px 0 8px 0; color:#0066cc;}
#floatwrapper #company_left h5{color:#999; padding:4px 0 2px 0; margin:0;letter-spacing:1px;}
#floatwrapper #company_left h6{font: normal 11pt "Arial", "Helvetica";padding:0 0 15px 0;margin:0;}


#floatwrapper #service_left {float:left; padding-left:30px; padding-right:30px; width:237px; height:100%; text-align:left; vertical-align:top; background-color:#d4d4d4;}
#floatwrapper #service_left img.service{
	width:auto;
	height:auto;
	height/**/:auto;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	text-align:left;
	margin:0 0 10px 0;}

#floatwrapper #maps_left {float:left; padding-left:30px; padding-right:30px; padding-top:30px;width:471px; height:100%; text-align:left; vertical-align:top; background-color:#d4d4d4;}
#floatwrapper #maps_right {float:left; padding-top:45px; padding-left:70px; height:100%; width:300px; text-align:left; vertical-align:top;}

#booking {clear:both; width:auto; height:auto; text-align:left; padding-left:70px; vertical-align:top;} 
/*#booking h2{ color:#0066cc;}*/
/*#booking h3{line-height:14px;}*/
#booking h5{color: #000; margin:0 0 0 0;}
#booking a, a:hover, a:visited { text-decoration: none; color: #FFF; vertical-align:text-bottom;}
#booking .ico{border:0;margin-left:10px;vertical-align:middle;}
#booking input{margin:0 5px 8px 0; vertical-align:-2px;}
#booking select{margin:0 5px 8px 0; vertical-align:-2px;}
#booking textarea{margin:0 5px 8px 0; vertical-align:-2px;}

#booking #service_items {position:relative; height:auto; width:auto;vertical-align:top; text-align:left; } 
#booking #service_items .items{
	width:120px;
	height:140px;
	height/**/:auto;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	text-align:left;
		
}
 


div#service #booking #express {margin-top:70px; vertical-align:top;}

div#push {
		clear:both;
		position:relative;
		
		}

	 
iframe#usedcars {
     font-size: 110%;
	 }
.button_proceed {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	background: #75dd37;
	color: #FFFFFF; 
	text-align: center;
	letter-spacing: 2px;
/*	hover-color: #333333;*/
	height:25px;
	padding: 5px;
	border:#ffffff solid 2px;
	
}
.button_proceed a:link  { 
text-decoration:none;
color:#FFF;
}
.button_proceed:hover  { 
	background-color: #518a2f;/* background: #75dd37; */
	color: #FFFFFF; 
}

#breadcrumb {

font: normal 12px "Arial", "Helvetica";
vertical-align:middle;
text-align:left;
padding-left:35px;

}
#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
}
#breadcrumb ul{
   margin:0;padding:15px;
   list-style-type: none;
   padding-left: 1em;
}

#breadcrumb a { 
   text-decoration: underline;
   color: #999; 
   margin:0;padding:0;
}

#breadcrumb .active{ 
   text-decoration: underline;
   color: #333; 
}
div#iframecontainer iframe{
	width:100%;
	height:100%;
	background-color:#000;
	border:0;
}
 .iframecontent{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:100%; 
	margin:0;
	border:0;
	overflow-x:hidden;
}


/*footer*/
div#container #footer {
clear:both;
position:relative;
	width:100%;
	height:180px;
	bottom:0px; /* stick to bottom */
	background:#000;

}
div#footer p {
		padding:1em;
		margin:0;
}
            

div#container #footer #footertable { width:100%;  font: normal 11px "Arial", "Helvetica";letter-spacing:1px; color: #FFF;margin:0; margin-top:5px; padding-left:10px;padding-right:10px;}
div#container #footer th {font: bold 12px "Arial", "Helvetica"; text-align:left; letter-spacing:1px; padding:0 5px 0 5px;}
div#container #footer TD { height: 13px; vertical-align:top; font: normal 11px "Arial", "Helvetica"; color:#FFF; letter-spacing:1px; padding:0; padding:0 5px 0 5px; line-height:11px;}
div#container #footer a, a:hover{ text-decoration: none; color: #FFF; }
div#container #footer a:visited{ text-decoration: none; color: #FFF; }
div#container #footer .prlink {text-align:center;font: normal 11px "Arial", "Helvetica";letter-spacing:2px; color: #3e3e3e; text-decoration:none;}
div#container #footer .prlink a, a:hover, a:visited { text-decoration: none; color: #3e3e3e; }


