/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Body --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
body{
	margin: 0;
	padding: 0;
	min-width: 1000px;
	font-family: Arial, Verdana, sans-serif;
}
html, body{
	width: 100%;
	height: 100%;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Haupt-Container --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#contents{
	position: relative; 				/*--- bei der Verwendung mit Lightbox muss hier die relative Positionierung verwendet werden ---*/
	top: 0;
	left: 0;
	border: 0px solid black;
	width: 100%;
	
	background-image: url(../images/stripe10x60.jpg);
	background-repeat: repeat-x;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:  0 0 -65px;
	
	
}
html{
	border: 0px solid black;
	background-position: right top;
	background-image: url(../images/stripe60x10.jpg);
	background-repeat: repeat-y;
	min-width: 1000px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Toolbox --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#toolbox{
	position: absolute; 
	top: 0px;
	margin-top: -5px;
	width: 276px;
	height: 36px;
	padding-top: 9px;
	left: 550px;
	font-size: 72%;
	border: 0px solid black;
	background-image: url(../images/toolbar.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	font-weight: normal;
	color: #FFFFFF;	
}
#_t1{
	float: left;
	width: 65px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 35px;
	margin-right: 10px;
	border: 0px solid red;
}
#_t2{
	padding-left: 13px;
	margin-right: 10px;
	float: left;
	width: 100px;
	border: 0px solid red;
}
#toolbox a{
	color: #636363;
}
#toolbox a:hover{
	font-weight: bold;
	color: #1E8908;
}
#toolbox a:link, #toolbox a:visited{
	text-decoration: none;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Logo --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#logoline
{
	width: 100%;
	border: 0px solid black;
	height: 60px;
	float: none;
	background-image: url(../images/curve1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#logocont
{
	
    /*width: 898px;*/
	display: block;
	border: 0px solid black;
	float: left;
}
#logocont img{
	float: left;
	padding-top: 15px;
	
}
#logo{
	margin-left: 80px; 
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Inhalt --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#content 
{
	min-height: 550px !important;
	padding-bottom: 8em;
	margin: 2em 20em 0em 3.5em;
	border: 0px solid black;
}
#content p{
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
}
.h4intro{
	font-family: Arial, Sans-Serif;
	font-size: 0.8em;
	text-transform: uppercase; 
	text-align: left;
	border-bottom: 1px solid rgb(50%, 50%, 35%);
}
.h2intro
{
	font-family: Arial, Verdana, Sans-Serif;
    font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
    width: 250px;
    margin-left: 0px;
    border-bottom: 1px solid rgb(50%, 50%, 35%);
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Navigation --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#nav{
	position: absolute;
	top: 6em;
	right: 4em;
	width: 240px;
	border: 0px solid black;
	color: black;
	background-color: Transparent;
	padding-bottom: 50px;
	background-image: url(../images/quality.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	z-index: 0;
}
#nav ul{
	list-style: none;
	margin-left: 0em;
	padding-left: 0;
}
#nav li{
	font-size: 70%;
	padding-top: 3px;
	padding-bottom: 1px;
	border-bottom: 1px solid rgb(85%, 84%,69%);
	margin-bottom: 0.3em;
}
#nav img{
	border: 0px solid black;
	margin-bottom: -2px;
}
#nav a:link, #nav a:visited{
	text-decoration: none;
	background-color: transparent;
	color: #636363;
	padding-left: 1px;
}
#nav a:hover{
	color: #1E8908;
	/*neu--*/
	background-color: white;
	/*--neu*/
	padding: 1px 2px 1px 2px;
	border: 1px solid  #1E8908;
}
#nav h2{
	color: black;
	background-color: transparent;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.8em;
	text-transform: uppercase; 
	text-align: left;
	border-bottom: 1px solid rgb(50%, 50%, 35%);
}
a{
	color: #009900;
	background-color: white;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Item Catalog (Table) --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*Image Anhaenger*/
.picApkw{
	height: 96px;
	border-style: none;
} /*Pkw*/
.picAlkw{
	height: 96px;
	border-style: none;
} /*Lkw*/
.catalog th{
	text-align: right; 
	padding: 0 0.5em; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	font-size: 0.70em; 
	white-space: nowrap; 
}
.catalog td{
	text-align: left; 
	padding: 0 0.5em; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	font-size: 0.70em;
	font-family: Verdana, "Andale Mono", Curier, "Curier New", monospace;
}
/*
.catalog tr.odd{
	background: #EEE;
}
*/
.catalog th.bild{
	padding:  10px 5px 10px 5px; 
	text-align: center;
	color: black;
	background-color: white;
	background: url(../images/plus.gif) no-repeat right bottom;	
}
.catalog th.masse{
	background: url(../images/lxbxh2.jpg) no-repeat center; 
	vertical-align: bottom;
	/*border: 1px solid gray;*/
	/*--neu*/
	border-bottom-style: solid;
	border-color: gray;
	border-right-style: solid;
	border-right-color: #EEE; 
	/*neu--*/
	border-width: 0 1px 1px 0;
	white-space: normal;
	/*border-right: 1px solid #EEE;*/
}
.catalog th.preis 
{
	background: url(../images/eurosign2.jpg) no-repeat center;
	vertical-align: bottom; 
	/*border: 1px solid gray;*/
	/*--neu*/
	border-bottom-style: solid;
	border-color: gray;
	border-right-style: solid;
	border-right-color: #EEE; 
	/*neu--*/
	border-width: 0 1px 1px 0; 
	white-space: normal; 
	/*border-right: 1px solid #EEE;*/
}
.catalog th.gewicht{
	background: url(../images/kgsign2.jpg) no-repeat center;
	vertical-align: bottom; 
	/*border: 1px solid gray; */
	/*--neu*/
	border-bottom-style: solid;
	border-color: gray;
	border-right-style: solid;
	border-right-color: #EEE; 
	/*neu--*/
	border-width: 0 1px 1px 0; 
	white-space: normal; 
	/*border-right: 1px solid #EEE;*/
}
.catalog th.bezeichner{
	text-align: left;
}
.catalog th.pics{
	text-align: left;
	vertical-align: top;
	background: url(../images/plus.gif) no-repeat right bottom;	
}
.catalog div.picContainer{
	float: left; margin-top: 5px; margin-bottom: 5px;
}
.catalog div.picClear{
	clear: left; font-size: 9px;
	margin-left: 10px;
	margin-bottom: 5px;
}
	
.catalog th.bezeichner img.c3
{
	vertical-align:middle;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 36px; /*35*/
}
img.icohand
{
	height: 16px;
	width: 16px;
	border: 0px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Footer --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#footerContainer{
		position: relative;
		bottom: 0px;
		border: 0px solid red;
		margin-right: 70px;
		margin-left: 20px;
		height: 65px;
		padding-top: 0px;
		background-image: url(../images/footer_stripe_right_6x65.png);
		background-position: right top;
		background-repeat: no-repeat;
		padding-right: 6px;
}
#footer{
	background-color: Transparent;
	height: 65px;
	font-size: 70%;
	color: #1b1818;
	text-shadow: white 1px 1px 1px;
	border: 0px solid black;
	background-image: url(../images/footer_stripe_left_6x65.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 6px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Footer (Table) --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#footerTable{
	width: 100%;
	height: 65px;
	border: 0px solid red;
	background-image: url(../images/footer_stripe_6x65.png);
	background-position: left top;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	
}
#footerTable td{
	vertical-align: bottom; 
	white-space:nowrap; 
	table-layout:fixed;
}

.ftCaption{
	font-weight: bold;
	padding-left: 5px;
}

.ftAnyRow{
	padding-right: 5px;
	padding-left: 5px;
}
/*--- Ein Workaround fuer format-detection telephone-no im mobile safari ---*/
.ftAnyRow a{
	background-color: Transparent;
	color: inherit;
	text-decoration: none;
}

#cr{
	background-image: url(../images/designer.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	display:block;
    width: 165px;
    text-decoration: none;
	background-color: transparent;
	text-indent: -9999px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Framed Introduction/Info --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.x500
{
	margin: 0; 
	background-color: #DFDCDC;
	height: 20px; width: 500px;
	background: url(../images/gray-40-500-20-mod.png) no-repeat left top;	
}
.x500 h2
{
	margin: 0;
	border: 0px solid yellow; 
	padding: 4px 15px  5px 15px;
	text-align: center; 
	font-size:11px; 
	font-weight: bold;
	color: Black;
	text-shadow: white 1px 1px 1px;
}
.x500 h1
{
	margin: 0;
	border: 0px solid yellow; 
	padding: 4px 15px  5px 15px;
	text-align: center; 
	font-size:11px; 
	font-weight: bold;
	color: Black;
	text-shadow: white 1px 1px 1px;
}
.x500Head{
	padding: 0; 
	margin: 0;
	color: black; 
}
.intro{
	border: 0px solid black; 
	width: 500px; 
	margin-top: 20px; 
	padding-bottom: 5px;
}       
.introHead{
	padding: 0; 
	margin: 0;
	color: black; 
	background-color: #DFDCDC;
}
.x606Head{
	padding: 0; 
	margin: 0;
	color: black; 
}
.x606{
	border: 0px solid black; 
	margin: 0; 
	background-color: #DFDCDC;
	height: 20px; width: 606px;
	background: url(../images/gray-40-606-20.png) no-repeat left top;
} 
.x606 h2{
	border: 0px solid yellow; 
	padding: 4px 15px  5px 15px;
	text-align:right; 
	font-size:11px; 
	font-weight: bold;
	color: Black;
	text-shadow: white 1px 1px 1px;
}
.introHeadText{
	border: 0px solid black; 
	margin: 0; 
	text-align:center; 
	font-size:1.0em; 
	font-weight: bold;
	background-color: #DFDCDC; 
	color: black;
}
.introHeadText h2{
	border: 0px solid black; 
	margin: 0; 
	text-align:center; 
	font-size:1.0em; 
	font-weight: bold;
	background-color: #DFDCDC; 
	color: black;
}
.introText{
	border-left: 1px solid #DFDCDC; 
	border-right: 1px solid #DFDCDC; 
	border-bottom: 1px solid #DFDCDC; 
	padding: 15px; 
	font-size: 0.9em; 
	color: #636363;
	background-color: white;
}
.introText textarea{
	width:460px;
	border: 1px solid #DFDCDC;
}
.introText input.text{
	width:270px;
	border: 1px solid #DFDCDC;
}
.introText span{
	font-size: 0.9em;
}
.intro p{
	margin: 0;
	padding: 5px 10px 0px 10px;
	text-align: justify;
}
.introText p.error{
	color: red;
	background-color: white; 
	font-weight: bold;
	width: 345px;
}
.introText p.privacy{
	font-weight: bold; 
}
.introText h5{
	padding: 5px 15px 0px 15px;
	margin: 5px 0px 5px 0px ;
}
/*Image runde Ecken*/
.rndpic{
	height: 8px;
}
.rndtop{
	background: url(../images/rnd-right-top-gray.gif) no-repeat right top;
}
.rndtopblack{
	background: url(../images/rnd-right-top-8x8-black.png) no-repeat right top;
}
.rndbottom{
	background: url(../images/rnd-right-bottom-gray.gif) no-repeat right top;
}
.rndbottomblack{
	background: url(../images/rnd-right-bottom-8x8-black.png) no-repeat right top;
}
.rndbottomfeet{
	color: black;
	background-color: white;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Detail-Bilder --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.catalog td.details {padding: 0; padding-bottom: 1px;}
.catalog div.pict{margin: 1px;}
.catalog div.pictLittl img{padding: 1px;}
.catalog div.pictLittl{float: left; height: 44px; border: 2px solid #DFDCDC;}
.catalog div.pictLittl img {height: 40px; border: 1px solid gray;}
.catalog div.pictLittl a:hover a:visited{background-color: #DFDCDC;}


.catalog td.points{
	border: 0; font-size: 11px; text-align: left;
}
.catalog ul.points{
	margin: 0px; padding-left: 15px;
}

.klassenFE {font-weight:bold;}
.tabLink {text-decoration: none; font-weight: bold;}
.catalog td.availability {margin: 0; padding-top: 6px; padding-bottom: 6px; text-align: left; text-align:center;}

acronym
{ 
    border-bottom: dashed 1px #3AF415;
    cursor: help; 
}
.qbutton
{
	display: block;
	width: 180px;
	height: 36px;
	text-indent: -9999px;	
	padding-left: 0px;
}

.qbutton a
{
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/qb.png') no-repeat left top;
	outline: none;
}
.qbutton a:hover
{
	background-position: 0 -36px;
}
.indentText {text-indent: 1.5em;}
.indentText span{display: inline; font-size: 180%; color: red; font-weight: bold; letter-spacing: 0.08em; text-shadow: grey 1px 1px 1px;}