/**
* default styles.
*
* @author David Thunman <david@thunman.de>
*/


/* ------------------------------------------------------
   Default tags

------------------------------------------------------ */
*
{
	margin: 0; padding: 0;
	font-family:  Lucida Grande, Lucida, Helvetica, Arial, sans-serif !important;
}

body
{
	background: url(images/body_bg.gif) center top repeat-y #dcdcdc;
	text-align:  center;
	margin:  0; padding:  0;
	font-size: 12px;
	color:  #333;
	line-height:  15px;
}

body.solid
{
	background:  #142c5b;
}

a
{
	color:  #142c5b;
	text-decoration:  underline;
}

a:focus
{
	border:  none;
	outline: none;
	outline-width: 0;
	/*-moz-outline: none;*/
}

p
{
	padding-bottom:  10px;
}

table
{
	border-collapse: collapse;
}

tr, td, th
{
	vertical-align:  top;
	text-align:  left;
}

ul
{
	list-style-position: outside;
	padding-left:  20px;
	margin-bottom:  10px;
	padding-top:  0;
}

li
{
	
}

form {
	
	
}

/* ------------------------------------------------------
  Headlines

------------------------------------------------------ */
h2
{
	background: url(images/content_h2_bg.gif) left top no-repeat #142c5b;
	height:  26px;
	line-height:  26px;
	font-size:  12px;
	font-weight:  bold;
	color:  #fff;
	padding-left:  10px;
	padding-right:  10px;
	margin-bottom:  15px;
}

h3
{
	background: url(images/content_h3_bg.gif) left top no-repeat #e7e9ee;
	height:  26px;
	line-height:  26px;
	font-size:  12px;
	font-weight:  bold;
	color:  #142c5b;
	padding-left:  10px;
	padding-right:  10px;
	margin-bottom:  15px;
}

h3.b
{
	background: url(images/content_h3b_bg.gif) left top no-repeat #eaeaea;
	margin-bottom:  1px;
	color:  #333;
}

h3 dl, h4 dl
{
	margin-top:  7px;
}

dl.options
{
	list-style:  none;
	float:  right;
}

dl.options dd
{
	float:  left;
	margin-left: 10px;
	font-size:  11px;
	line-height:  100%;
	font-weight:  normal;
}

dl.options dd a
{
	float:  left;
}

h3 span
{
	color:  #333;
	font-size:  11px;
	font-weight:  normal;
}

h4 {
	color:  #002469;
	font-weight:  bold;
	font-size:  12px;
	line-height:  100%;
	padding-bottom:  10px;
}

/* ------------------------------------------------------
   Site

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

div.site {
	width:  954px;
	margin:  0 auto;
	text-align: left;
}

div.start
{
	position:  relative;
	width: 866px;
	overflow: hidden;
	border: 1px solid #676f7f;
	height:  367px;
	margin: 0 auto;
	margin-top:  130px;
}

div.start dl.related
{
	position:  absolute;
	top:  334px;
	right:  26px;	
}

/* ------------------------------------------------------
   Header (navigation)

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

div.header
{
	height:  178px;
	background: url(images/header_shadow.gif) left bottom repeat-x #142c5b;
	padding-bottom:  3px;
	position:  relative;
	margin-bottom:  20px;
}

div.header h1
{
	position: absolute;
	top:  20px;
	left:  20px;
}

div.header h1 a
{
	display:  block;
	width:  306px;
	height:  49px;
	text-indent:  -9999px;
	background: url(images/header_logo.gif) 0 0 no-repeat;
}

div.header div.banner
{
	position:  absolute;
	top:  0;
	right:  0;
	width:  390px;
	height:  178px;
	background: url(images/header_bg1.jpg) 0 0 no-repeat;
}

div.header div.b1
{
	background: url(images/header_bg1.jpg) 0 0 no-repeat;
}

div.header div.b2
{
	background: url(images/header_bg2.jpg) 0 0 no-repeat;
}

div.header div.b3
{
	background: url(images/header_bg3.jpg) 0 0 no-repeat;
}

div.header ul
{
	list-style:  none;
	position:  absolute;
	left:  0;
	top:  145px;
	margin-left:  12px;
}

div.header ul li
{
	list-style:  none;
	float:  left;
}

div.header ul li a
{
	display:  block;
	float:  left;
	height:  36px;
	line-height:  33px;
	text-indent: -5000px;
	background-image: url(images/menu_bg.gif);
	background-repeat:  no-repeat;
}

div.header ul li a:hover
{
	background-image: url(images/menu_bg_over.gif);
}

div.header ul li a.active, div.header ul li a.active:hover
{
	background-image: url(images/menu_bg_active.gif);
}

div.header ul li.hem a
{
	background-position:  0 0;
	width:  51px;
}

div.header ul li.priser a
{
	background-position:  -51px 0;
	width:  70px;
}

div.header ul li.videos a
{
	background-position:  -121px 0;
	width:  74px;
}

div.header ul li.fotograf a
{
	background-position:  -195px 0;
	width:  99px;
}

div.header ul li.detringertillbrollop a
{
	background-position:  -294px 0;
	width:  203px;
}


/* ------------------------------------------------------
   Left

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

div.left
{
	width:  235px;
	float:  left;
}

div.left ul
{
	list-style:  none;
	background: url(images/border_dotted_horizontal.gif) left bottom repeat-x #e7e9ee;
	margin-bottom:  20px;
}

div.left ul li
{
	padding: 0 10px 0 21px;
	background: url(images/left_border_dotted_horizontal.gif) left top repeat-x;
	font-size:  12px;
	line-height:  26px;
}

div.left ul li.pxr1
{
	background-image: url(images/border_dotted_horizontal.gif);
}

div.left ul li a
{
	color:  #333;
	display:  block;
	height:  26px;
}

div.left ul li a:hover
{
	background: url(images/left_arrow_right.gif) right center no-repeat;
}

div.left ul li.active a
{
	font-weight:  bold;
	background: url(images/left_arrow_right.gif) right center no-repeat;
}

div.left dl
{
	list-style:  none;
	background: url(images/border_dotted_horizontal.gif) left bottom repeat-x #eaeaea;
	margin-bottom:  20px;
}

div.left dl dd
{
	padding: 10px 0 10px 21px;
	background: url(images/border_dotted_horizontal.gif) left top repeat-x;
}

div.left strong
{
	font-weight:  bold;
	color: #142c5b;
}

/* ------------------------------------------------------
   Content

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

div.content
{
	margin-right:  20px;
	margin-bottom:  20px;
	width: 680px;
	float:  right;
}

div.content table
{
	width:  100%;	
}

div.table td
{
	
}

div.content div.note
{
	background: #e7e9ee;
	padding:  10px;
	margin-bottom:  15px;
}

div.content div.col1
{
	width:  335px;
	float:  left;
}

div.content div.col2
{
	margin-left:  345px;
}

div.content table 
{
	margin-bottom:  15px;
}

div.content div.article
{
	background: url(images/border_dotted_horizontal.gif) left top repeat-x;
	margin:  15px 0;
	padding-top:  15px;
}

div.content div.article.pxr1
{
	background: none;
	padding-top:  0;
}

div.content div.article img.right
{
	padding-left:  20px;
	float:  right;
}

div.content div.article img.left
{
	padding-right:  20px;
	float:  left ;
}

a.related
{
	background: url(images/arrow_right.gif) left center no-repeat;
	padding-left:  14px;
}

dl.related
{
	list-style: none;	
	margin:  10px 0;
}

dl.related dt
{
	font-weight:  bold;
	color:  #142c5b;
	padding-bottom:  15px;
	font-size:  12px;
}

dl.related dd
{
	background: url(images/arrow_right.gif) left 5px no-repeat;
	padding-left:  14px;
	padding-bottom: 2px;
}

dl.related dd a
{
	color:  #333;
}

dl.related dd a:hover
{
	color:  #142c5b;
}

div.contentwrap
{
	background:  url(images/border_dotted_horizontal2.gif) left bottom repeat-x;
	margin-bottom:  10px;
	padding-bottom:  15px;
}

div.prices
{
	background:  url(images/border_dotted_horizontal.gif) left bottom repeat-x;
	margin-bottom:  10px;
	padding-bottom:  10px;
}

div.prices div.col1
{
	background:  url(images/border_dotted_horizontal2.gif) left top repeat-x;
}

div.prices div.col2
{
	background:  url(images/border_dotted_horizontal2.gif) left top repeat-x;
}

table.price
{
	background:  url(images/border_dotted_horizontal2.gif) 0 26px repeat-x;
	width:  auto;
	color: #333 !important;
}

table.price tr.pxro
{
	background-color:  #f3f3f3;
}

table.price th
{
	line-height: 26px;
	height:  31px;
	text-align:  left;
	padding-left:  10px;
}

table.price td
{
	padding: 0 10px;
	width:  100%;
	vertical-align: middle;
}

div.formulars
{
	background: #f0f0f0;
	margin-bottom:  10px;
	padding:  7px 10px 7px 10px;
	line-height:  16px;
}

table.formular {
	width:  auto;
}

table.formular td {
	
	padding: 3px 0 3px 0;
	width:  100%;
	white-space: nowrap;
}

table.formular input, table.formular textarea
{
	width:  200px;
}

table.narrow {
	width:  auto !important;
}

table.narrow td
{
	width:  25px  !important;
	padding: 3px 10px 3px 0;
	white-space: nowrap;
}


dl.dots
{
	list-style:  none;
	background:  url(images/border_dotted_horizontal.gif) left top repeat-x;
	margin:  0 0 10px 0;
}

dl.dots dd
{
	list-style: none;
	background:  url(images/border_dotted_horizontal.gif) left bottom repeat-x;
	padding: 10px 0;
}

ul.dots
{
	list-style:  none;
	background:  url(images/border_dotted_horizontal2.gif) left top repeat-x;
	margin:  10px 0 0 0;
}

ul.dots li
{
	list-style: none;
	background:  url(images/border_dotted_horizontal2.gif) left bottom repeat-x;
	padding: 10px 0;
	height:  61px;
}

ul.dots li div
{
	display:  table-cell;
	vertical-align: middle;
	padding-left:  80px;
	height:  61px;
}

div.fahrzeug
{
	background:  url(images/border_dotted_horizontal2.gif) left bottom repeat-x;
	padding-bottom:  10px;
}

div.fahrzeug dl
{
	list-style:  none;
}

div.fahrzeug dl dd
{
	display:  inline;
}

div.fahrzeug dl dd a
{
	color:  #333;
	text-decoration: none;
}

div.fahrzeug dl dd a:hover, div.fahrzeug dl dd a.active
{
	color:  #142c5b;	
}

div.fahrzeug div.clearfix
{
	background:  url(images/border_dotted_horizontal2.gif) left top repeat-x;
	margin-top:  10px;
	padding-top:  10px;
	position: relative;
}

div.fahrzeug div.clearfix img
{
	float:  left;
	margin-right:  10px;
}

div.fahrzeug div.clearfix h4
{
	padding-bottom:  20px;
}

div.fahrzeug div.clearfix a
{
	position:  absolute;
	bottom:  0;
	right:  0;
}

div.fahrzeug div.clearfix div.dot
{
	position:  absolute;
	top:  20px;
	left:  10px;
	width:  61px; height:  61px;
}

div.slideshow
{
	background:  #eaeaea;
	padding:  10px 10px 10px 10px;
	position:  relative;
	margin-bottom:  10px;
}

div.slideshow dl
{
	position:  absolute;
	right:  10px;
	top:  12px;
	border-left:  1px solid #fff;
	padding-left:  5px;
	height:  27px;
}

div.slideshow dl dd
{
	float:  left;
	margin-left:  5px;
}

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

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

div.footer
{
	clear: both;	
	background: url(images/border_dotted_horizontal.gif) left top repeat-x;
	text-align:  center;
	padding-top:  5px;
	margin: 0 20px;
	padding-bottom: 10px;
}

/* ------------------------------------------------------
   Buttons

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

a.button_pdf
{
	background: url(images/button_pdf.gif) left center no-repeat;
	display:  block;
	width:  35px; height:  13px;
	text-indent:  -9999px;
}

a.button_druckansicht
{
	background: url(images/button_druckansicht.gif) left center no-repeat;
	display:  block;
	width:  93px; height:  13px;
	text-indent:  -9999px;
}

a.button_zurpreisliste
{
	background: url(images/button_zurpreisliste.gif) left center no-repeat;
	display:  block;
	width:  101px; height:  13px;
	text-indent:  -9999px;
}

a.button_prev
{
	background: url(images/button_prev.gif) left center no-repeat;
	display:  block;
	width:  21px; height:  13px;
	text-indent:  -9999px;
}

a.button_next
{
	background: url(images/button_next.gif) left center no-repeat;
	display:  block;
	width:  21px; height:  13px;
	text-indent:  -9999px;
}

a.button_login
{
	background: url(images/button_login.gif) left center no-repeat;
	display:  block;
	width:  44px; height:  13px;
	text-indent:  -9999px;
}

a.button_formularabsenden
{
	background: url(images/button_formularabsenden.gif) left center no-repeat;
	display:  block;
	width:  129px; height:  13px;
	text-indent:  -9999px;
}

a.button_wmv
{
	background: url(images/icons/32x32/wmv.png) left center no-repeat;
	display:  block;
	width:  32px; height:  32px;
	text-indent:  -9999px;
}

td.wmv
{
	background: url(images/icons/32x32/wmv.png) 4px center no-repeat;
	height:  40px;
	padding-left:  44px !important;
}

td.wmv a
{
	
}


/* ------------------------------------------------------
   Dots

------------------------------------------------------ */
.dot_businessclass
{
	background: url(../images/dot_businessclass.png) top left no-repeat;
}

.dot_firstclass
{
	
	background: url(../images/dot_firstclass.png) top left no-repeat;
}

.dot_vanclass
{
	background: url(../images/dot_vanclass.png) top left no-repeat;
}

.dot_specials
{
	background: url(../images/dot_specials.png) top left no-repeat;
}

.dot
{
	width:  61px; height:  61px;
}

.error
{
	color:  #ac6602;
	font-weight:  bold;
}

/* ------------------------------------------------------
   Misc

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

.small
{
	font-size: 80%;
	line-height: 100%;
}

.price
{
	color: #ff0000;
}

/* clear floating box in order to adjust the height */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
       line-height: 0;
    font-size:  1px;
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* clear floating box in order to adjust the height */
.clearfix_block:after 
{
    content: "."; 
    display: block; 
    height: 0;
    line-height: 0;
    font-size:  1px;
    clear: both; 
    visibility: hidden;
}

.clearfix_block {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix_block {height: 1%;}
/* End hide from IE-mac */