﻿body
{
	margin: 0px;
	font: normal 11px/16px Arial;
}

a:link, a, a:visited, a:active
{
	color: #F39100;
	text-decoration: none;
}
a:hover, a:focus
{
	text-decoration: underline;
}

a img
{
	border: 0px;
	vertical-align: middle;
}

a.darkgrey, a.darkgrey:link, a.darkgrey:visited, a.darkgrey:active
{
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

div.navigator_right
{
	position: absolute;
	top: 55px;
	left: 268px;
	height: 80px;
	width: 19px;
	vertical-align: middle;
	border-bottom: solid 1px #EAEAEA;
	border-left: solid 1px #EAEAEA;
	border-top: solid 1px #EAEAEA;
	background-color: #fff;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	line-height: 80px;
	cursor: pointer;
	cursor: hand;
}

div.navigator_left
{
	position: absolute;
	top: 55px;
	left: 0px;
	height: 80px;
	width: 19px;
	vertical-align: middle;
	border-bottom: solid 1px #EAEAEA;
	border-right: solid 1px #EAEAEA;
	border-top: solid 1px #EAEAEA;
	background-color: #fff;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	line-height: 80px;
	cursor: pointer;
	cursor: hand;
}

a.button, a.button:link, a.button:visited, a.button:active, a.button:hover, a.button:focus
{
	display: block;
	float: left;
	font: bold 14px/22px Arial;
	color: #999;
	border: 0px; 
	padding: 0px 10px 0px 25px;
	margin: 0px;
	position: relative;
	text-align: left;
	background-image: url(../images/usm_dbl_pfeil_rechts_button.gif);
	background-repeat: no-repeat;
	height: 22px;
}
a.button_r, a.button_r:link, a.button_r:visited, a.button_r:active, a.button_r:hover, a.button_r:focus
{
	display: block;
	float: left;
	font: bold 14px/22px Arial;
	color: #999;
	border: 0px;
	padding: 0px 10px 0px 25px;
	margin: 0px;
	text-align: left;
	background-image: url(../images/usc_dbl_pfeil_rechts_button.gif);
	background-repeat: no-repeat;
	height: 22px;
}
div.button_darkgrey
{
	color: #999;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	vertical-align: middle;
}
div.button_darkgrey img
{
	vertical-align: middle;
	margin-right: 5px;
}

b.orange
{
	color: #F39100;
}

div
{
	position: relative;
}

h1
{
	line-height: 24px;
	font-size: 14px;
	color: #F39100;
	margin-top: 11px;
	margin-bottom: 7px;
}
h2
{
	font-size: 12px;
	color: #F39100;
	margin-bottom: 5px;
}
p
{
	margin: 3px 0 5px 0;
}
input
{
	color: #666;
}
table.login
{
}
table.login tr td
{
	line-height: 20px;
	height: 30px;
	vertical-align: top;
	padding-right: 10px;
}
table.login tr td input
{
	font: normal 11px/16px Arial;
	border: solid 1px #333;
	height: auto;
}

table.login tr th
{
	font: bold 14px/18px Arial;
	padding-right: 10px;
	vertical-align: top;
	line-height: 20px;
}
table.login tr th span
{
	font: bold 14px/18px Arial;
	line-height: 20px;
}


p.option_margin
{
	font: font: normal 11px/16px Arial;
	margin: 0px 0px 10px 20px;
}

.size_14
{
	font: bold 14px/18px Arial;
}

.size_14_normal
{
	font: normal 14px/18px Arial;
}

.size_24
{
	font: bold 24px/28px Arial;
}

select.selector
{
	font-weight: normal;
	font-size: 14px;
	width: 240px;
	color: #666;
}
table.OptionList
{
	margin-top: 10px;
}
table.OptionList tr
{
}
table.OptionList td
{
	vertical-align: top;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: dotted 1px #999;
}
table.OptionList tr.disabled
{
}
table.OptionList tr.disabled td
{
	font-weight: normal;
	color: #ccc;
}
table.OptionList tr.enabled
{
	cursor: pointer;
	cursor: hand;
}
table.OptionList tr.enabled input
{
	cursor: pointer;
	cursor: hand;
}
table.OptionList tr.enabled td
{
	font-weight: normal;
	color: #666;
}
table.OptionList th
{
	font-weight: bold;
	color: #fff;
	background-color: #999;
	height: 22px;
}

table.OptionList tr.required
{
}
table.OptionList tr.required td
{
	color: #666;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}
div.category div
{
	color: #666;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}
div.category p
{
	color: #666;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}
div.category
{
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 10px;
	border-bottom: none;
	border: dotted 1px #999;
	margin: 5px;
}
div.optionbox
{
	position: absolute;
	width: 640px;
	height: auto;
	margin-left: 50%;
	left: -320px;
	background-color: #ffffff;
	z-index: 32000;
	visibility: hidden;
	text-align: left;
	border: solid 1px #666;
	padding: 5px;
}
ul.menue
{
	margin: 0px;
	padding: 0px;
}

ul.menue li
{
	list-style: none;
}

select
{
	font-size: 11px;
	width: 150px;
}

div.logininfo
{
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: right;
	margin-right: 10px;
}
div.logininfo .button
{
	margin-top:-17px;
		padding-right:0px;
}
div.ordersteps
{
	margin: 0px;
	padding:0px;
	height: 23px;
	width: 955px;
	/*margin-top: 20px;*/
	/*background-image:url(../images/car.gif);
	background-repeat:no-repeat;*/
	background-color:#fff;
	/*border-top:solid 2px #F39100;*/
	/*border-bottom:solid 2px #F39100;*/

}
div.ordersteps ul
{
	margin: 0px;
	padding:0px;
	padding-top:3px;
	padding-left:10px;	
}
div.ordersteps ul li
{
	float:left;
	margin:0px;
	padding:0px;
	color: #999;
	font-weight: bold;	
	padding-right:10px;
	text-transform:uppercase;
	list-style-type:none;
	
}
div.ordersteps .done
{
	color: #F39100;
}
div.ordersteps .open
{
	color: #000;
}
ul.menue li a, ul.menue li a:link, ul.menue li a:visited, ul.menue li a:active
{
	display: block;
	float: none;
	height: auto;
	width: 130px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom: solid 1px #EAEAEA;
	background-image: url(../images/usm_dbl_pfeil_rechts.gif);
	background-repeat: no-repeat;
	background-position: 17px 8px;
	line-height: 22px;
	padding-left: 35px;
}
.menu_grey ul li a, .menu_grey ul li a:link, .menu_grey ul li a:visited, .menu_grey ul li a:active
{
	width: 200px;
	border-bottom: solid 1px #fff;
}

.page_container
{
	width: 955px;
	background-color: #EAEAEA;
	text-align: left;
}
.nebenmenue
{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #666;
}

.page_space_top
{
	height: 55px;
}
.page_space_top img
{
}
.page_content
{
	width: 810px;
	background-color: #fff;
}
.page_content_gross
{
	width: 955px;
	border-top: solid 5px #fff;
	background-color: #fff;
	background-image: url(../images/hg_rechts.gif);
}
.header_gross
{
	height: 330px;
	margin-bottom: 5px;
	width: 775px;
	background-image: url(../images/hg_header.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.picture
{
	position: absolute;
	top: 0px;
}

.header_konfigurator
{
	height: 265px;
	margin-bottom: 5px;
	width: 715px;
}
.hauptmenue
{
	left: 295px;
	top: 35px;
	width: 165px;
	border-top: solid 1px #EAEAEA;
	float: left;
}
.menu_grey
{
	width: 235px;
	background-color: #EAEAEA;
	margin-left: 5px;
	float: left;
}

.boxes_header
{
	left: 315px;
	top: 35px;
	float: left;
	width: 305px;
}

.conf_car_pic
{
	width: 290px;
	left: 0px;
	top: 0px;
	float: left;
}
.conf_car
{
	width: 315px;
	margin-left: 5px;
	float: left;
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	top: 0px;
}
.conf_properties
{
	float: left;
	width: 715px;
	overflow-x: hidden;
	margin-top: 4px;
}
.konf_price
{
	clear: right;
	float: right;
	width: 563px;
	height: 83px;
	border: solid 1px #EAEAEA;
	top: 5px;
	padding: 15px;
}

.content_container
{
	width: 715px;
}
.content
{
	width: 563px;
	border: solid 1px #EAEAEA;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	float: left;
	color: #666;
}

.conf_content
{
	width: 715px;
	float: left;
}

.content_long
{
	width: 713px;
	float: none;
}

.boxes_content
{
	width: 150px;
	float: left;
}

.footer
{
	color: #666;
	top: 0px;
	width: 955px;
	background-color: #fff;
	text-align: left;
	margin-bottom: 25px;
	margin-top: 25px;
}
.footer a, .footer a:link, .footer a:visited, .footer a:active
{
	color: #666;
	text-decoration: none;
}

.box_with_border
{
	line-height: 12px;
	width: 143px;
	height: 113px;
	border: solid 1px #EAEAEA;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.box_with_border a span b
{
	color: #F39100;
}
.box_with_border span
{
	color: #666;
	display: block;
	padding: 10px;
}

.box_with_gradient
{
	line-height: 12px;
	width: 145px;
	height: 115px;
	margin-left: 5px;
	margin-bottom: 5px;
	background-image: url(../images/hg_box.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.box_with_gradient a b
{
	color: #000;
}
.box_with_gradient a, .box_with_gradient a:link, .box_with_gradient a:visited, .box_with_gradient a:active
{
	color: #666;
	display: block;
	padding: 10px;
}
.box_with_gradient a:hover, .box_with_gradient a:focus
{
	color: #F39100;
}

.clear
{
	position: relative;
	width: 1px;
	height: 1px;
	clear: both;
	overflow: hidden;
}

.block_darkgrey
{
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	color: #fff;
	background-color: #999999;
	font-weight: bold;
}

.block_orange
{
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	color: #fff;
	background-color: #F39100;
	font-weight: bold;
	width: 165px;
	margin-right: 5px;
	float: left;
}
.block_orange a, .block_orange a:link, .block_orange a:visited, .block_orange a:active
{
	color: #fff;
}
.block_orange a:hover, .block_orange a:focus
{
	text-decoration: underline;
}

.block_grey
{
	height: 23px;
	padding-left: 10px;
	line-height: 23px;
	color: #999;
	border: solid 1px #EAEAEA;
	font-weight: bold;
	width: 163px;
	margin-right: 5px;
	float: left;
}
.block_grey a, .block_grey a:link, .block_grey a:visited, .block_grey a:active
{
	color: #999;
}
.block_grey a:hover, .block_grey a:focus
{
	text-decoration: underline;
}
#flash1
{
	position: absolute;
}
.flash2
{
	position: absolute;
	width: 480px;
	height: 60px;
	top: 270px;
	left: 295px;
}
/*-----------------
 REGISTERFORMULAR 
 ------------------
*/
.errormsg
{
	position: absolute;
	z-index: 1111;
	visibility: hidden;
	background-color: #fff;
	border: solid 5px #AE0E1B;
	padding: 10px;
	width: 298px;
}
.errormsg b
{
	color: #AE0E1B;
}
.errormsg h1
{
	color: #AE0E1B;
}
.errormsg div
{
	color: #666;
}
.register
{
	line-height: 12px;
	width: 600px;
	height: 300px;
	border: solid 1px #EAEAEA;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.regTitle
{
	font-size: 14px;
	padding-left: 4px;
}
.inp
{
	width: 200px;
	border: solid 1px #333;
}


/*----------------
IMPORTCALKULATOR
------------------*/

.add_sum
{
	color: #F39100;
	font-size: large;
	font-weight: bold;
	vertical-align: text-top;
}



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide
{
	display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber
{
}
.tabberlive
{
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav li a:link
{
	color: #999;
	text-decoration: none;
}
ul.tabbernav li a:visited
{
	color: #999;
	text-decoration: none;
}

ul.tabbernav
{
	margin: 0px;
	padding: 1px;
	padding-left: 0px;
	border-bottom: solid 4px #F39100;
	font: 11px/14px Arial, Helvetica, Sans-Serif;
	height: 25px;
	width: 720px;
}

ul.tabbernav li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-right: 5px;
	display: block;
	float: left;
}
/*### INACTIVE*/
ul.tabbernav li a
{
	display: block;
	height: 23px;
	padding-left: 10px;
	line-height: 23px;
	color: #999;
	border: solid 1px #EAEAEA;
	font-weight: bold;
	width: 138px;
	float: left;
}
/*ul.tabbernav li a:hover
{
  
}*/

/*### ACTIVE*/
ul.tabbernav li.tabberactive a
{
	display: block;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	width: 140px;
	float: left;
	border: 0px;
}
/*### ACTIVE*/
ul.tabbernav li.tabberactive
{
	background-color: #F39100;
	margin-right: 5px;
}
/*ul.tabbernav li.tabberactive a:hover
{

}*/

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab
{
	width: 703px;
	padding: 5px;
	padding-top: 10px;
	min-height: 300px;
	height: auto;
	padding-bottom: 20px;
	float: left;
	border: solid 1px #EAEAEA;
	border-top: 0px;
	color: #000; /* If you don't want the tab size changing whenever a tab is changed     you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a     scrollbar when necessary */ /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2
{
	display: none;
}
.tabberlive .tabbertab h3
{
	display: none;
}

.print_tabtitle
{
	display: none;
}

