/* ****************************************** */
/* Orangefluid GbR
/* www.orangefluid.com
/* ****************************************** */


/* ****************************************** */
/* Style settings Produktlisten	              */
/* ****************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
	text-align:left;
}

/* Main body style */
body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #000000;
	font-size: 100.01%;	
	text-align:center; /* horizontal centering for IE Win quirks */
}

/* ****************************************** */
/* Style settings fonts, links, etc
/* ****************************************** */

p {
	font-size: 10px;
}

p.bold {
	font-weight: bold;
}

/* Link colors global */
a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:active, a:hover {
	color: #99042e;
	text-decoration: none;
}

img {
	border: 0;
}

div.clear {
	clear: both;
}

div.clear2 {
	clear: both;
}



/* ****************************************** */
/* Main Layout container settings
/* ****************************************** */


/* Main container, page width, centered, fixed width */
#maincontainer {
	position: relative;
	width: 754px;
	margin: 0 auto;
	z-index: 10;
}

/* Header container, containing navi and pdf print box */
#headercontainer {
	position: relative;
	margin-bottom: 12px;
	margin-top: 15px;
	height: 162px;
	background:url(../Produktlisten/images/bg_header.gif) no-repeat;
	border-left: 1px solid #99042e;
	border-bottom: 1px solid #99042e;
}

#headercontainer_print {
	position: relative;
	margin-bottom: 12px;
	margin-top: 15px;
	height: 162px;
}


/* Main content container, containing product infos and tables */
#contentcontainer, div.contentcontainer2, div.contentcontainer3 {
	position: relative;
	margin-bottom: 12px;
	border: 1px solid #99042e;
}

* html #contentcontainer {
	height: 1px;
}


/* ****************************************** */
/* Inside Header Container 
/* ****************************************** */

/* Box for graphic headline */
#headlinebox {
	position: absolute;
	height: 33px;
	width: 500px;
	top: 30px;
	left: 9px;
}

#headlineaddress {
	position: absolute;
	height: 33px;
	width: 550px;
	top: 128px;
	left: 10px;
}


/* Tab container, position */
#tabrow_1, #tabrow_2, #tabrow_3 {
	position: absolute;
	height: 18px;
	width: 600px;
	top: 144px;
	left: 0px;
	font-size: 10px;
}

* html #tabrow_1 {
	top: 143px;
	t\op: 144px;
}

#tabrow_2 {
	top: 126px;
}

* html #tabrow_2 {
	top: 125px;
	t\op: 126px;
}

#tabrow_3 {
	top: 108px;
}

* html #tabrow_3 {
	top: 107px;
	t\op: 108px;
}


/* Definition list for tabs */
dl.tabnavi dd {
	text-align:center;
}

/* Tab style, no tab, better reading in source code */
dl.tabnavi dd span.tlx {
	display: block;
	float: left;
	width: 0;
	overflow: hidden;
}

/* Tab styles, main settings */
dl.tabnavi dd span.tln, 
dl.tabnavi dd span.tlc, 
dl.tabnavi dd span.trn, 
dl.tabnavi dd span.trc,
dl.tabnavi dd span.tms, 
dl.tabnavi dd span.tre, 
dl.tabnavi dd span.tmn  {
	display:block; 
	height:18px; 
	height:auto; 
	float: left;
	padding:3px 0;
}

dl.tabnavi dd span.tln_wht, 
dl.tabnavi dd span.tlc_wht, 
dl.tabnavi dd span.tlc_topwht, 
dl.tabnavi dd span.trn_wht, 
dl.tabnavi dd span.trc_wht,
dl.tabnavi dd span.trc_topwht,
dl.tabnavi dd span.tms_wht, 
dl.tabnavi dd span.tre_wht, 
dl.tabnavi dd span.tmn_wht  {
	display:block; 
	height:18px; 
	height:auto; 
	float: left;
	padding:3px 0;
}

* html dl.tabnavi dd span.tln, 
* html dl.tabnavi dd span.tlc, 
* html dl.tabnavi dd span.trn, 
* html dl.tabnavi dd span.trc,
* html dl.tabnavi dd span.tre {
	font-size: 9px;
}

* html dl.tabnavi dd span.tln_wht, 
* html dl.tabnavi dd span.tlc_wht, 
* html dl.tabnavi dd span.tlc_topwht, 
* html dl.tabnavi dd span.trn_wht, 
* html dl.tabnavi dd span.trc_wht,
* html dl.tabnavi dd span.trc_topwht,
* html dl.tabnavi dd span.tre_wht {
	font-size: 9px;
}

/* Tab style, left side of tab, inside row */
dl.tabnavi dd span.tln {
	width:4px;
	background: url(../Produktlisten/images/tab_left_middle.gif); 
}

	dl.tabnavi dd span.tln_wht {
		width:4px;
		background: url(../Produktlisten/images/tabwht_left_middle.gif); 
	}

/* Tab style, left side of tab, inside row, closed element */
dl.tabnavi dd span.tlc {
	width:4px; 
	background: url(../Produktlisten/images/tab_left_middle_closed.gif); 
}

	dl.tabnavi dd span.tlc_topwht {
		width:4px; 
		background: url(../Produktlisten/images/tab_left_middle_closed_topwhite.gif); 
	}

	dl.tabnavi dd span.tlc_wht {
		width:4px; 
		background: url(../Produktlisten/images/tabwht_left_middle_closed.gif); 
	}

/* Tab style, right side of tab, inside row */
dl.tabnavi dd span.trn {
	width:3px; 
	background:  url(../Produktlisten/images/tab_right_middle.gif); 
}

	dl.tabnavi dd span.trn_wht {
		width:3px; 
		background:  url(../Produktlisten/images/tabwht_right_middle.gif); 
	}

/* Tab style, right side of tab, inside row, closed element */
dl.tabnavi dd span.trc {
	width:3px; 
	background: url(../Produktlisten/images/tab_right_middle_closed.gif); 
}

	dl.tabnavi dd span.trc_topwht {
		width:3px; 
		background: url(../Produktlisten/images/tab_right_middle_closed_topwhite.gif); 
	}

	dl.tabnavi dd span.trc_wht {
		width:3px; 
		background: url(../Produktlisten/images/tabwht_right_middle_closed.gif); 
	}

/* Tab style, right side of tab, last element of row */
dl.tabnavi dd span.tre {
	width:5px; 
	background: url(../Produktlisten/images/tab_right.gif); 
}

	dl.tabnavi dd span.tre_wht {
		width:5px; 
		background: url(../Produktlisten/images/tabwht_right.gif); 
	}

/* Tab style, main background of tab */
dl.tabnavi dd span.tmn {
	background: url(../Produktlisten/images/tab_middle.gif); 
	padding:3px 3px;
	text-align: center;
}

	dl.tabnavi dd span.tmn_wht {
		background: url(../Produktlisten/images/tabwht_middle.gif); 
		padding:3px 3px;
		text-align: center;
	}

/* Tab style, main background of tab */
dl.tabnavi dd span.tms {
	background: url(../Produktlisten/images/tab_middle.gif); 
	padding:3px 3px;
	font-weight: bold;
	text-align: center;
}

	dl.tabnavi dd span.tms_wht {
		background: url(../Produktlisten/images/tabwht_middle.gif); 
		padding:3px 3px;
		font-weight: bold;
		text-align: center;
	}


/* Link colors tab menu */
dl.tabnavi a:link, dl.tabnavi a:visited {
	color: #000000;
	text-decoration: none;
}

dl.tabnavi a:active, dl.tabnavi a:hover {
	color: #810125;
	text-decoration: none;
}





/* Box for print button / symbol */
#printbox {
	position: absolute;
	height: 31px;
	width: 80px;
	top: 127px;
	left: 670px;
	font-size:10px;
	font-weight:bold;
	z-index: 10;
}


#printbox2 {
	position: relative;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 30px;
	width: 200px;
	font-size:10px;
	font-weight:bold;
	z-index: 10;
}

#printbox2 img {
	margin-right: 5px;
}



div#printbox .bubbleInfo {
    position: relative;
	float: left;
	padding-right: 10px;
}

div#printbox .last {
	padding-right: 0px;
}

div#printbox .popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	width: 225px;
	height: 135px;
	font-weight:normal;
	background: transparent url(../Produktlisten/images/background_bubble.gif);	
}

div#printbox .popup_inside {
	position: absolute;
	left: 20px;
	top: 35px;
	width: 185px;
	text-align: center;
}

div#printbox .popup_inside p {
	text-align: center;
	margin-top: 10px;
}



/* ****************************************** */
/* Inside Content Container 
/* ****************************************** */

/* Info container, product details */
#infocontainer, #infocontainer2, #infocontainer3, #infoformcontainer, div.infoprintcontainer, div.infoprintcontainer2 {
	width: 350px;
	padding-left: 8px;
	padding-top: 10px;
	float: left;
}

#infoformcontainer {
	width: 700px;
}

div.infoprintcontainer {
	width: 120px;
}

div.infoprintcontainer2 {
	width: 240px;
}

div.field {
	width: 120px;
	font-weight: bold;
	margin-bottom: 18px;
}

div.field2 {
	width: 240px;
	font-weight: normal;
	margin-bottom: 18px;
}

#infocontainer ul, #infocontainer2 ul, #infocontainer3 ul {
	list-style-type: none;
	margin-bottom: 10px;
}

#infocontainer li, #infocontainer2 li, #infocontainer3 li {
	font-size: 10px;
	line-height: 13px;
}
	
#infocontainer span.redbox, #infocontainer2 span.redbox, #infocontainer3 span.redbox, #tablecontainer span.redbox {
	font-weight: bold;
	background-color: #99042e;
	color: #ffffff;
	padding: 3px 3px 3px 4px;
}

* html #infocontainer span.redbox, * html #infocontainer2 span.redbox, * html #infocontainer3 span.redbox {
	height: 1px;
	he\ight: auto;
}

/* Image container, scribbles */
#imagecontainer, #imagecontainer2, #imagecontainer3 {
	width: 386px;
	min-height: 163px;
	padding-top: 10px;
	float: left;
	text-align: center;
}

* html #imagecontainer, * html #imagecontainer2, * html #imagecontainer3 {
	height: 163px;
}

#rostfrei {
	position: absolute;
	width: 39px;
	height: 30px;
	z-index: 25;
}

/* Gap for red box */
p.gap {
	padding: 15px 0 15px 0;
}

p.gap2 {
	padding: 25px 0 15px 0;
}



/* Main content container, containing product infos and tables */
#tablecontainer, #tablecontainer2, #tablecontainer3 {
	position: relative;
	padding-left: 8px;
	padding-bottom: 12px;
	padding-top: 20px;
	float: left;
	z-index: 30;
}

/* Default styles */
#tablecontainer table, #tablecontainer2 table, #tablecontainer3 table, table {
	border-collapse:collapse;
	border-spacing:0;
	border: 0;
	width: 736px;
}

#tablecontainer table td, #tablecontainer2 table td, #tablecontainer3 table td, #infocontainer table td, #infocontainer2 table td, #infocontainer3 table td {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	text-align: center;
	color: #000000;
}

#infocontainer table, #infocontainer2 table, #infocontainer3 table {
	margin-bottom: 12px;
}

#infocontainer table td, #infocontainer2 table td, #infocontainer3 table td {
	text-align:left;
}

#tablecontainer table tr, #tablecontainer2 table tr, #tablecontainer3 table tr {
	background-color: #ffffff;
}

/* Table header style */
#tablecontainer table tr.tablehead, #tablecontainer2 table tr.tablehead, #tablecontainer3 table tr.tablehead {
	background-color: #99042e;
	height: 15px;
}

#tablecontainer table tr.red, #tablecontainer2 table tr.red, #tablecontainer3 table tr.red {
	background-color: #f1dedc;
}

#tablecontainer table tr.tablehead td, #tablecontainer2 table tr.tablehead td, #tablecontainer3 table tr.tablehead td {
	color: #ffffff;
	font-weight: bold;
}

/* Special for all cells in left col */
#tablecontainer table tr td.leftcol, #tablecontainer2 table tr td.leftcol, #tablecontainer3 table tr td.leftcol {
	text-align: left;
	width: 100px;
	text-indent: 4px;
}

span.sub {
	font-size: 7px;
}

span.sup {
	font-size: 7px;
	vertical-align: top;
}

span.sup2 {
	font-size: 8px;
	vertical-align: top;
}


#footerprintbox {
	padding-left: 8px;
	padding-bottom: 12px;
	width: 250px;
	float: left;
}

#footerjump {
	position: relative;
	padding-right: 8px;
	padding-bottom: 12px;
	float: right;
}

#footerprintbox p, #footerjump p {
	font-weight: bold;
}

#footerjump img {
	margin-right: 4px;
}

/* ****************************************** */
/* Highslide Print PDF Box
/* ****************************************** */

/* Container to display pdf infos */
#pdfinfobox {
	width: 300px;
	height: 300px;
	border: 1px solid #99042e;
}

/* Little correction IE 5 */
* html #pdfinfobox {
	width: 302px;
	wi\dth: 300px;
}

/* Top of box with move and close */
div.printboxtop {
	height:30px; 
	padding: 2px;
}

/* Text styling */
#pdfinfobox p {
	text-align: center;
}

#pdfinfobox a:link, #pdfinfobox a:visited, #pdfinfobox a:active, #pdfinfobox a:hover {
	font-weight: bold;
}

/* Text position */
#pdfinfobox p.pdfinfotext {
	margin: 25px 16px 0 16px;
}

#pdfinfobox p.pdfinfotext a:link, #pdfinfobox p.pdfinfotext a:visited, #pdfinfobox p.pdfinfotext a:active, #pdfinfobox p.pdfinfotext a:hover {
	font-weight: normal;
	text-decoration: underline;
} 

/* Box for graphic headline inside print pdf box */
#headlineboxsmall {
	position: relative;
	height: 18px;
	width: 250px;
	margin: 30px 0 0 25px;
}

#pdfinfobox img {
	margin: 30px 0 0 135px;
}

#pdfinfobox img.low {
	margin: 20px 0 0 135px;
}

/* ****************************************** */
/* Preisanfrage
/* ****************************************** */

/* Main scrolling container for positioning price request */
#pricerequestcontainer {
	position: absolute;
	width: 100%;
	height: 175px;
	text-align:center; /* IE 5.5, IE 5.0 */
	z-index: 5;
}

/* Container for content and price request button, centered */
#prbox {
	width: 768px;
	height: 175px;	
	margin: 0 auto;
}

/* Negative margin for price request button */
#prbox img {
	position: relative; /* Has Layout, IE 6 */
	margin-left: -100px;
	margin-top: 100px;
	float: left;
	border: 1px solid #ffffff;
}

/* Content price request, hidden on startup */
#prcontent {
	position: relative;
	height: 175px;
	width: 768px;
	border: 2px solid #99042e;
	float: left;
	background:url(../Produktlisten/images/bg_preisanfrage.jpg) repeat-x;
	visibility:hidden;
}



/* Tab row for price request */
#tabrow_pr {
	position: absolute;
	height: 18px;
	font-size: 10px;
	width: 436px;
	padding-left: 332px;
}

* html #tabrow_pr {
	width: 768px;
	w\idth: 436px;
}


/* Hide tab contents */
#tabpages .tabcontent{
	margin-top: 38px;
	margin-left: 10px;
	display:none;
}

/* Sytle the clicked tab */
#tabrow_pr .tabnavi_pr a.selected {
	font-weight: bold;
}

@media print {
.tabcontent, #pricerequestcontainer, div.contentcontainer3 {
	display:none !important;
}
}



/* Tab style, no tab, better reading in source code */
dl.tabnavi_pr dd span.tlx {
	display: block;
	float: left;
	width: 0;
	overflow: hidden;
}

/* Tab styles, main settings */
dl.tabnavi_pr dd span.tln, 
dl.tabnavi_pr dd span.tlc, 
dl.tabnavi_pr dd span.trn, 
dl.tabnavi_pr dd span.trc,
dl.tabnavi_pr dd span.tms, 
dl.tabnavi_pr dd span.tre, 
dl.tabnavi_pr dd span.tmn  {
	display:block; 
	height:18px; 
	height:auto; 
	float: left;
	padding:3px 0;
}

dl.tabnavi_pr dd span.tmn {
	text-align: center;
}

* html dl.tabnavi_pr dd span.tln, 
* html dl.tabnavi_pr dd span.tlc, 
* html dl.tabnavi_pr dd span.trn, 
* html dl.tabnavi_pr dd span.trc,
* html dl.tabnavi_pr dd span.tre {
	font-size: 9px;
}

/* Tab style, left side of tab, inside row */
dl.tabnavi_pr dd span.tln {
	width:4px;
	background: url(../Produktlisten/images/pr_tab_left_middle.gif); 
}


/* Tab style, right side of tab, inside row */
dl.tabnavi_pr dd span.trn {
	width:3px; 
	background:  url(../Produktlisten/images/pr_tab_right_middle.gif); 
}

/* Tab style, right side of tab, last element of row */
dl.tabnavi_pr dd span.tre {
	width:5px; 
	background: url(../Produktlisten/images/pr_tab_right.gif); 
}

/* Tab style, main background of tab */
dl.tabnavi_pr dd span.tmn {
	background: url(../Produktlisten/images/pr_tab_middle.gif); 
	padding:3px 6px;

}

/* Link colors tab menu */
dl.tabnavi_pr a:link, dl.tabnavi_pr a:visited {
	color: #810125;
	text-decoration: none;
}

dl.tabnavi_pr a:active, dl.tabnavi_pr a:hover {
	color: #000000;
	text-decoration: none;
}

.spwidth1 {width: 83px;}
.spwidth2 {width: 105px;}
.spwidth3 {width: 65px;}
.spwidth4 {width: 80px;}
.spwidth5 {width: 10px;}

* html .spwidth1 {width: 94px;w\idth: 83px;}
* html .spwidth2 {width: 118px;w\idth: 105px;}
* html .spwidth3 {width: 76px;w\idth: 65px;}
* html .spwidth4 {width: 92px;w\idth: 80px;}
* html .spwidth5 {width: 10px;w\idth: 10px;}

/* ****************************************** */
/* Style settings forms
/* ****************************************** */

/* No border for fieldsets */
fieldset {
	border: 0;	
	float: left;
	width: 350px;
	margin-top: 15px;
}

/* Label styles  */
label {
	font-size: 10px;
	display: block;
	width: 110px;
	height: 20px;
	padding:4px 0 2px 0;
	float: left;	
	cursor: pointer;	
}

fieldset.contactdetails label {
	width: 70px;
}


fieldset.addproduct {
	margin-top: 20px;
	width: 270px;
}
fieldset.addproduct label {
	width: 140px;
}

* html label {
	height: 26px;
	he\ight: 20px;
}

#basket {
	position: absolute;
	top: 70px;
	left: 310px;
	z-index: 55;	
}

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

span.ok {
	color: #187f10;
	font-weight: bold;
}

#basketcontent {
	background:#ffffff;
	border:#99042e 1px solid;
	font-size: 10px;
	width:737px;
	padding:3px 5px 0 5px;
	height:85px;
	overflow:auto;
	margin-top:5px;
}

* html #basketcontent {
	width:745px;
	w\idth:737px;
}

* html #basketcontent table td {
	font-size: 10px;
	font-si\ze: 10px;
}

/* Input fields styles  */
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	width: 200px;
	height: 14px;
	padding: 2px 0 1px 3px;	
	float: left;	
	border: 1px solid #99042e;	
	background-color:#ffffff;
}

* html input {
	height: 18px;
	he\ight: 14px;
}

fieldset.addproduct input {
	width: 120px;
}

/* Special width for radio buttons */
input.radio {
	width: 14px;
	height: 20px;	
	border: 0;
	margin-right: 4px;
	background-color: #f6f6f6;
	float: left;

}

/* Input fields styles active */
input:focus, textarea:focus {
	background-color:#ffffff;	
	border: 1px solid #000000;		
}

/* Textarea special style */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff;
	border:#99042e 1px solid;
	font-size: 10px;
	width:737px;
	padding:3px 5px 0 5px;
	height:85px;
	margin-top:5px;	
}

* html textarea  {
	width:745px;
	w\idth:737px;
}

/* Button special style */
input.button, input.button2 {
	font-size: 10px;
	font-weight: bold;
	width: 90px;
	height: 19px;
	color: #000000;
	background-color: #f1dedc;
	border: 1px solid #99042e;
	text-align: center;
	margin-top:46px;
	margin-left: 30px;
	padding: 0 0 2px 0;	
	float: left;
}

input.button2 {
	width: 140px;
	float: right;
	margin-top:5px;
}

*:first-child+html input.button, *:first-child+html input.button2 {
	padding: 1px 0 2px 0;	
}

* html input.button, * html input.button2 {
	padding: 1px 0 2px 0;	
}




/* Button hover style */
input.button:hover, input.button2:hover {
	background-color: #99042e;
	color: #ffffff;
	cursor: pointer;
}



/* ****************************************** */
/* Style settings headlines                   */
/* ****************************************** */

/* Graphic headlines */
h1 {
	font-weight: bold;
	font-size: 11px;
	height: 33px;
	overflow: hidden;
}

h1 em {
	display: block; 
	background-repeat: no-repeat;
	height: 33px;
	overflow: hidden;
}

/* Graphic headlines */
h2 {
	font-weight: bold;
	font-size: 11px;
	height: 18px;
	overflow: hidden;
}

h2 em {
	display: block; 
	background-repeat: no-repeat;
	height: 18px;
	overflow: hidden;
}