/*** Grundformatierung ***/

@import url(typostyle.css);
@import url(zoombox.css);


/*** Allgemein bg# 747474 ***/

html, body {
	height:100%;
}

body
{
	background: #e1e1e1 url('../images/bg_re.gif') repeat-y;
	margin:0px;
	padding: 0px;
	color:#333333;
}

h1, h2, h3, h4, h5, h6 {font-family:Verdana;}

h1 {font-size:18px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:9px;}
h6 {font-size:7px;}

p, td, tr, div
{
	font: 13px Verdana;
}

p
{
	margin-top:0px;
}

form, img
{
	margin:0px;
	padding:0px;
}


/*** Shortys ***/

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; font-size:0px; overflow:hidden; width:0px; height:0px; }
.vam { vertical-align:middle; }
.space-5  { display:block; height:5px;  width:5px;  font-size:0px; overflow:hidden; }
.space-10 { display:block; height:10px; width:10px; font-size:0px; overflow:hidden; }
.space-20 { display:block; height:20px; width:20px; font-size:0px; overflow:hidden; }


/*** Eindeutige Klassen ***/

.logo
{
	height:120px;
	width:236px;
	background: url('../images/bg_header.gif');
	background-repeat:repeat-x;
}

.header
{
	height:120px;
	width:710px;
	background: url('../images/header_var1.jpg');
	background-repeat:no-repeat;
}

#navcontainer
{
	position:relative;
	width:200px;
	background-color: #ffffea;
}

.pin {
	padding: 20px 0px 0px 25px;
}
/* CSS-Hack für IE6 und kleiner */ 
* html .content
{
	height: 95%;
}

.content
{
	min-height:95%;
	background-color: #ffffea;
	border: #b8b7b7 1px solid;
	padding: 10px;
	margin:12px 5px 12px 0px;
}

.content td.A
{
	width: 150px;
	font: bold 12px Verdana;
	padding: 0px 0px 10px 0px;
}

.content td.B
{
	width: 370px;
	font: 12px Verdana;
	padding: 0px 0px 10px 0px;
}

.r_top
{
	background-image: url('../images/r_top.gif');
	background-repeat: no-repeat;
	width: 167px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

.r_main
{
	background-image: url('../images/r_main.gif');
	background-repeat: repeat-y;
	width: 147px;
	margin: 0px;
	padding: 0px 10px 10px 10px;
}

.r_image
{
	width: 147px;
	margin: 0px;
	padding: 0px;
}

.r_description
{
	width: 147px;
	color: #000000;
	font: 11px Verdana;
	text-align: center;
	margin-top: 9px;
	padding: 0px;
}

.r_buttom
{
	background-image: url('../images/r_buttom.gif');
	background-repeat: no-repeat;
	width: 167px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.list_top
{
	background-image: url('../images/rl_top.gif');
	background-repeat: no-repeat;
	width: 140px;
	height: 7px;
	margin: 0px;
	padding: 0px;
}

.list_main
{
	background-image: url('../images/rl_main.gif');
	background-repeat: repeat-y;
	width: 120px;
	margin: 0px;
	padding: 0px 11px 10px 9px;
}

.list_image
{
	width: 120px;
	margin: 0px;
	padding: 0px;
}

.list_buttom
{
	background-image: url('../images/rl_buttom.gif');
	background-repeat: no-repeat;
	width: 140px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.list_title a
{
	width: 100%;
	color: #088a26;
	font: bold 12px Verdana;
}

.list_description
{
	width: 100%;
	font: 14px Arial;
	padding-top: 3px;
	margin-top: 3px;
}

.rahmen_oben
{
	height:120px;
	width:24px;
	background: url('../images/rahmen_oben.gif');
	background-repeat:no-repeat;
}

.rahmen_mitte_links
{
	height:25px;
	width:200px;
	background: url('../images/rahmen_mitte_links.gif');
	background-repeat:repeat-x;
}

.rahmen_mitte
{
	height:25px;
	width:770px;
	background: url('../images/rahmen_mitte.jpg');
	background-repeat:no-repeat;
}

.spacer
{
	clear:both;
	font-size:0px;
	height:12px;
}

.spacerW
{
	clear:both;
	font-size:0px;
	width:12px;
}

/*** Navigation ***/

.mainnav ul, .mainnav li
{
	margin: 0px;
	list-style: none;
	padding: 0px;
}

.subnav ul, .subnav li
{
	margin: 0px;
	list-style: none;
	padding: 0px;
}

a.menuMain:link, a.menuMain:active, a.menuMain:visited
{
	_width:156px;
	background: url(../images/nav_on.gif) no-repeat;
	color: #ffffea;
	display: block;
	font: bold 13px Verdana;
	line-height:18px;
	padding:7px 22px 6px 22px;
	text-decoration: none;
	border-bottom:1px solid #6ca14d;
}

a.menuMain:hover
{
	background: url(../images/nav_over.gif) no-repeat;
	text-decoration: underline;
}

a.menuMainOn:link, a.menuMainOn:active, a.menuMainOn:visited, a.menuMainOn:hover
{
	_width:156px;
	background: url(../images/nav_active.gif) no-repeat;
	color: #ffffea;
	display: block;
	font: bold 13px Verdana;
	line-height:18px;
	padding:7px 22px 6px 22px;
	text-decoration: none;
}

a.menuSub:link, a.menuSub:active, a.menuSub:visited
{
	_width:146px;
	background: url(../images/subnav_on.gif) no-repeat;
	color: #088a26;
	display: block;
	font: 12px Verdana;
	line-height:18px;
	padding:2px 10px 2px 44px;
	text-decoration: none;
	margin:0;
}

a.menuSub:hover
{
	background: url(../images/subnav_over.gif) no-repeat;;
	text-decoration: none;
}

a.menuSubOn:link, a.menuSubOn:active, a.menuSubOn:visited, a.menuSubOn:hover
{
	_width:146px;
	background: url(../images/subnav_over.gif) no-repeat;
	color: #088a26;
	display: block;
	font: 12px Verdana;
	line-height:18px;
	padding:2px 10px 2px 44px;
	text-decoration: none;
}

/*** Allgemeine Links ** */
a:link, a:active, a:visited
{
	color:#088a26;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
a:hover
{
	text-decoration:underline;
	outline:none;
}



/**** BESTELL-MASKE ****/
hr
{
	border: 0px none;
	border-top: 1px solid black;
}

.err
{
	color: red;
}

input.err, textarea.err, select.err
{
	color: red;
	border: 1px solid red;
}

/**** WARENKORB ****/
table.warenkorb
{
	border: 1px solid #D2CFC8;
	padding:2px;
}

table.warenkorb tr th
{
	background-color: #8CC66A;
	color: #FFFFEA;
	padding: 2px;
	text-align:left;
}

tabke.warenkorb tr td
{
	padding: 1px 0px;
}


table.warenkorb tr.highlight td
{
	background-color: #CDF067;
}


/*** ***/

.pro-td-data {
	border-left:1px #b8b7b7 solid;
	padding:0px 0px 10px 10px;
}

.pro-imagebox-top {
	background:url('../images/pro_imagebox.gif') no-repeat left top;
	width:306px;
	height:10px;
	font-size:0px;
	overflow:hidden;
}
.pro-imagebox-middle {
	background:url('../images/pro_imagebox_middle.gif') repeat-y;
	width:280px;
	padding:3px 13px;
}
.pro-imagebox-bottom {
	background:url('../images/pro_imagebox.gif') no-repeat left bottom;
	width:306px;
	height:10px;
	font-size:0px;
	overflow:hidden;
}

a.pro-imagebox-icon {
	display:block;
	color:#82cc00;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
}

a.pro-imagebox-icon span {
	display:block;
	background-image:url('../images/pro_imagebox_icons.gif');
	background-repeat:no-repeat;
	width:28px;
	height:28px;
	margin:0px auto;
}
a.pro-imagebox-icon span.zoom {
	background-position:0px 0px;
}
a.pro-imagebox-icon:hover span.zoom {
	background-position:-28px 0px;
}
a.pro-imagebox-icon span.more {
	background-position:0px -28px;
}
a.pro-imagebox-icon:hover span.more {
	background-position:-28px -28px;
}

.pro-bar {
	border:1px #999999 solid;
	margin:0px 0px 10px;
}
.pro-bar.green {
	border:1px #518633 solid;
}

.pro-bar a.pro-bar-title {
	display:block;
    background:#888888 url('../images/pro_bar.gif') repeat-x 0px 0px;
    line-height:18px;
    font-size:12px;
    color:#ffffff;
}
.pro-bar a.pro-bar-title:hover, .pro-bar.green a.pro-bar-title:hover {
	text-decoration:none;
    background:#6f9400 url('../images/pro_bar.gif') repeat-x 0px -18px;
}
.pro-bar.green a.pro-bar-title {
    display:block;
    background:#365137 url('../images/pro_bar.gif') repeat-x 0px -36px;
}

.pro-bar a.pro-bar-title b {
	display:block;
	padding:0px 0px 0px 20px;
	background:url('../images/pro_bar_arrows.gif') no-repeat 0px 0px;
}

.pro-bar.on a.pro-bar-title b {
	display:block;
	padding:0px 0px 0px 20px;
	background:url('../images/pro_bar_arrows.gif') no-repeat 0px -18px;
}

.pro-bar.on a.pro-bar-title b span {
	display:block;
	padding:0px 20px 0px 0px;
	background:url('../images/pro_bar_arrows.gif') no-repeat right -36px;
}

.pro-bar-content {
	display:none;
	width:665px;
	padding:10px 20px;
	background-color:#ffffff;
}

.pro-bar.on .pro-bar-content {
	display:block;
}


.imagebox-top {
	background:url('../images/imagebox.gif') no-repeat left top;
	width:146;
	height:10px;
}
.imagebox-middle {
	background:url('../images/imagebox_middle.gif') repeat-y;
	width:120px;
	padding:3px 13px;
	text-align:center;
	font-size:11px;
}
.imagebox-bottom {
	background:url('../images/imagebox.gif') no-repeat left bottom;
	width:146;
	height:10px;
}

.imagebox-middle a {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:gray;
}
.imagebox-middle a:hover {
	color:#088a26;
}

label.radiobox {
	display:block;
	width:190px;
	border:1px #ffffff solid;
	cursor:pointer;
}

label.radiobox.on {
	background:#c9e763 url('../images/radiobox_on.gif') repeat-x;
	border:1px #9fc120 solid;
}


.help_info {
	display:none;
	padding:4px 4px 4px 24px;
	background:url('../images/icon_information.png') no-repeat 3px 3px;
	overflow:auto;
	background-color:#f2ffcc;
	border:1px #9fc120 dotted;
	font-size:11px;
}

.help_info ul {
	margin:5px 0 5px 15px;
	padding:0;
}
.help_info ul li {
	margin:0;
	padding:0;
}