body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

hr {
	border: 1px solid #e8e8e4;
}

.bold {
	font-weight: bold;
}

.black{color: #000;}

.container {
	width: 300px;
	text-align: left;
}

.tabs {
	padding-bottom: 25px;
	padding-left: 7px;
	font-weight: bold;
}

/*IE6 Hack*/
* html .tabs {
	padding-bottom: 20px;
}

.paket_aktiv {
	position: absolute;
	height: 25px;
	width: 120px;
	background: url(../images/paket_aktiv.gif) no-repeat;
	padding: 10px 0 0 17px;
}
.paket_inaktiv {
	margin-top: 7px;
	position: absolute;
	height: 18px;
	padding: 4px 14px 0 14px;
	font-size: 11px;
	border: 1px solid #dbdbdb;
	border-bottom: none;
}

.express_aktiv {
	position: absolute;
	height: 25px;
	width: 122px;
	background: url(../images/express_aktiv.gif) no-repeat;
	margin-left: 108px;
	padding: 10px 0 0px 17px;
}
.express_inaktiv {
	position: absolute;
	height: 18px;
	/*width: 110px;
	background: url(../images/express_inaktiv.png) no-repeat;*/
	margin: 7px 0 0 120px;
	padding: 4px 14px 0 14px;
	font-size: 11px;
	border: 1px solid #dbdbdb;
	border-bottom: none;
}

/*IE6 Hack*/
* html .paket_aktiv {
	position: absolute;
	height: 21px;
	padding: 7px 5px 0 17px;
	margin: 0px;
}

/*IE6 Hack*/
* html .paket_inaktiv {
	position: absolute;
    height: 18px;
	margin-top: 0px;
	padding: 3px 13px 0 13px;
}

/*IE6 Hack*/
* html .express_aktiv {
	position: absolute;
	height: 21px;
	margin-left: 118px;
	margin-top: 0px;
	padding: 3px 5px 0 15px;
}

/*IE6 Hack*/
* html .express_inaktiv {
	position: absolute;
	height: 18px;
	margin-left: 123px;
	margin-top: 0px;
	padding: 3px 13px 0 13px;
}

.bg_top {
	height: 9px;
	background: url(../images/bg_top.gif) no-repeat bottom;
}

.bg_content {
    height: 487px;
	background: url(../images/bg_bottom.gif) no-repeat bottom;
	width: 300px;
}

.bg_content_js {
    height: 390px;
	background: url(../images/bg_bottom.gif) no-repeat bottom;
}
/*IE6 Hack*/
* html .bg_content {
    height: 435px;
}

.content {
    width: 275px;
	padding: 5px 0px 13px 13px;
}

/*IE6 Hack*/
* html .content {
    padding-bottom: 10px;
}

.dropdown_labels {
	float: left;
	margin: 3px 10px 0 0;
	text-align: right;
	border: none;
}
p.dropdown_labels {
	float: none;
	margin: 0 0 13px 0;
	color: #666;
}

select.dropdown{border: 1px solid #ccc;}
.dropdown {
	width: 190px;
	height: 20px;
	margin-bottom: 10px;
	font-size: 11px;
}

.checkbox_container {
	margin-bottom: 3px;
}
input.checkbox {
	margin-right: 0px;
	margin-bottom: 0px;
}
.checkbox_labels {
	margin-top: 0px;
	color: #666;
}

input#haftung{margin-left: 55px;}

.tooltip_icon{
	height: 16px;
	width: 16px;
	margin-left: 6px;
    padding: 0px;
	margin-bottom: 0px;
	background: url(../images/tooltip_icon.gif) no-repeat bottom;
	float: left;
}

.packetart {
    height: 265px;
}



.formular {
	margin-top: 0px;
	height: 76px;
}

.linie {
	margin-top: 10px;
	height: 3px;
	background: url(../images/linie.gif) repeat-x;
    line-height: 2px;
}

.produktempfehlung {
	margin-top: 0px;
	height: 148px;
}

html>body div.produktempfehlung {
	margin-top: 5px;
}

a {
    color: #000;
	text-decoration: none;
}
a:hover {
    color: #cc0000;
	text-decoration: underline;
}

a.tab_inaktiv {
	text-decoration: none;
	color: #666;
}
a:hover.tab_inaktiv {
	text-decoration: underline;
	color: #cc0000;
}


a.link_arrow {
	color: #000;
	text-decoration: none;
	background: url(../images/arrow_icon.gif) no-repeat left 3px;
	padding-left: 8px;
	float: left;
}

a:hover.link_arrow {
	color: #cc0000;
	text-decoration: underline;
}

.icon_show{
	background: url(../images/icon_hide.gif) no-repeat left 1px;
	margin: 0 0 5px 0;
	padding: 0 0 0 13px;
	display: block;
	height: 11px;
}
.icon_hide{ background: url(../images/icon_hide.gif) no-repeat left -10px;}

.label {
	font-weight: normal;
}
.preise {
	font-weight: bold;
	color: #666;
}

table.abholung{color: #666;}

table.preise, table.abstand, table.abholung, a.abstand {
	margin: 0 0 3px 0;
}



.button {
}

a.button {
	background: url(../images/cart.gif) no-repeat #cc0000 4px 4px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 4px 2px 20px;
	display: block;
}

a:hover.button {
	color: #ffcc00;
}

.radiobutton_container {
	margin-bottom: 10px;
	color: #666;
}
.radiobutton {
}
label.radiobutton {
}
span.radiobutton {
	margin: 5px 8px 5px 0;
}

.notshown {
	display: none;
}

.clear {
	clear: both;
}
.float {
	float: left;
}

.space_5 {
	margin-bottom: 5px;
}
.space_15 {
	margin-bottom: 15px;
}

/*IE6 Hack*/
* html .umbruch {
	 width: 100px;
}

#tooltip {
    position: absolute;
}
a.tooltip_icon span {
    display: none;
}
.tooltip_container {
	display: block;
}
.tooltip_top {
	width: 208px;
	height: 10px;
	background: url(../images/tooltip_top.png) no-repeat;
    display: block;
}
.tooltip_center {
	width: 208px;
	background: url(../images/tooltip_bottom.png) no-repeat bottom;
    display: block;
}
.tooltip_content {
	padding: 10px;
	padding-top: 0px;
    display: block;
}
.tooltip_text {
	color: #666;
    display: block;
}
.tooltip_idf_center_position {
    /* empty css class just to identify tooltips with centred position */
}

/*IE6 Hack*/
* html .tooltip_top {
    display: none;
}

/*IE6 Hack*/
* html .tooltip_center {
    width: 208px;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #fff5cc;
    border: 2px solid #ccc;
    display: block;
}

/*IE6 Hack*/
* html .tooltip_content {
    padding: 10px;
    padding-top: 5px;
    display: block;
}

input.submit_nonjs {
    padding: 1px;
}

.button_nonjs {
    float: right;
    border: 1px solid #f1f2ed;
    margin-top: 3px;
    margin-bottom: 8px;
}

.space_nonjs {
    height: 30px;
}

/*IE6 Hack*/
* html .button_nonjs {
    float: right;
    border: 1px solid #f1f2ed;
    width: auto;
}

/*IE6 Hack*/
* html .space_nonjs {
    height: 24px;
    width: 5px;
    border: 1px solid #f1f2ed;
}