/*---------------- Fehlerbehebung Global.css Start ----------------*/
/* Delete in Global-xxx  => form table {width:100%;} */
/* Delete bodyarea position: relative; */
/* Delete Select { width: 244px !important;} */
/* Changes IMG ../images/css_images... => /imgv4/css_images */
/* Changes #mainmenu add => text-align:left; */

p, ol, dl, th, td, caption, address, blockquote, pre, legend, code {font-size: 80%;}
body#form div#blockskip {z-index: 9999;}
/*---------------- Fehlerbehebung Global.css Ende ----------------*/

.mainbackgroundimage {background: url('/i/header/hintergrund.png');background-repeat:no-repeat;background-size: 780px; height:200px}
.mainicon {width:129;height:51px;}

h2.pa {font-size:110%,font-family: sans-serif;}

table, tr, td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}


a img, div.contentsarea a img {
 border-width: 0px;
 text-decoration: none;
}

.gridTable {
	margin-bottom:0px;
	line-height: 1.3;
	width:100%;
	border:0px;
}

.gridTable h1 {
	font-size: 138.5%;
	color: #ffffff;
	background-color: #9F9F9F;
	margin-bottom:0px;
	padding-left:3px;
}

.gridTable h2 {
	font-size: 123.1%;
	color: #a30b1a;
	margin-bottom:0px;
}

.gridTable h3 {
	font-size: 110.1%;
	color: #a30b1a;
	margin-bottom:0px;
}


table.gridTable ul {
	margin-left:0px; 
	padding-left:0px;
	margin-top:5px;
	margin-bottom:5px;
}

td.gridTD {
	padding-left:4px;
	padding-right:4px;
	padding-top:3px;
	padding-bottom:1px;
}

.gridTable li {list-style-type: none;}
.gridTable ol li {list-style-type: decimal;}
.gridTable ul li { padding-left: 24px; padding-top:5px; background: url(/imgv4/common/li_dot_lv1.gif) no-repeat 6px 0.5em;}

.greytitle {
	padding: 2px 5px;
	background-color: #DADADA;
	font-weight: bold;
	vertical-align: baseline;
	text-align: left;
}

.greyheader {
	padding: 2px 5px 2px 4px;
	background-color: #996666;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: baseline;
	text-align: left;
}

.greytitletable {
	padding: 2px 5px 2px 4px;
	background-color: #DADADA;
	font-weight: bold;
	vertical-align: baseline;
	text-align: left;
	border-bottom:#999999 1px solid
}

.contentgreyRightNav {
	background-color: #EDEDED;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	vertical-align: middle;
	text-align: left;
}

.contentwhiteRightNav {
	background-color: #FFFFFF;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	vertical-align: middle;
	text-align: left;
}

input.darkbox {
	background-color: #F1EBEB;
	color: #333333;
	border: 1px solid #C0C0C0;
	margin: 0px 3px 0px 0px;
	border-radius: 3px;
}

input.redbox {
	background-color: #E7DCDC;
	font-size: 120%;
	color: #333333;
	border: 2px solid #000000;
	margin: 4px 4px 4px 4px;
	border-radius: 3px;
}

input.redbox:hover {
	background-color: #C0BEBE;
	color: #333333;
	border-left:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #848484;
	border-bottom:2px solid #848484;
	margin: 4px 4px 4px 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

textarea.darkbox {
	background-color: #F1EBEB;
	color: #333333;
	border: 1px solid #C0C0C0;
	margin: 2px 3px 3px 0px;
	border-radius: 3px;
}

select.darkbox {
	background:#F1EBEB;
	margin: 2px 3px 3px 2px;
	border: 1px solid #C0C0C0;
	border-radius: 3px;
}

.maincontents fieldset { border-style: none; margin: 0px; margin: 0em 0px 0px 0px; padding: 3px; }
.maincontents fieldset { padding: 15px 15px 0px 0px;}

select.PAauswahl {width:200px; border:none; background:#f9f9f9; background-image:linear-gradient(#e0e0e0, #f9f9f9); padding:10px; animation: einfliegen 1s;cursor: pointer;}
select.PAauswahl option:hover { background:#c0c0c0; }
select.PAauswahl option:checked { background:#ff0000; color:#ffffff; }
	@keyframes einfliegen {
	  0%	{ max-width: 1px; }
	  100%	{ max-width: 200px; }
}

select.darkbox option:checked { background:#FF0000; color:#FFFFFF; }
select.darkbox option:hover { background:#c0c0c0; color:#FFFFFF; }

input.lightbox {
	background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #333333;
	margin: 0px 3px 0px 3px;
}

.button {
	font-size: 90%;
	display: inline-block;
	padding: 5px 10px 3px 10px; 
	background-image:Linear-gradient(#FFFFFF, #E1E1E1);
	border: 1px solid #9A9A9A;
	border-radius: 4px 4px 4px 4px;
	cursor:pointer;
	white-space: nowrap;
}

.buttondisabled {
	font-size: 90%;
	display: inline-block;
	padding: 5px 10px 3px 10px; 
	background-image:Linear-gradient(#FFFFFF, #E1E1E1);
	border: 1px solid #9A9A9A;
	border-radius: 4px 4px 4px 4px;
}

.button:hover {background-image:Linear-gradient(#CDCDCD, #AEAEAE);}

.buttonsubmit {
	padding: 5px 10px 3px 10px; 
	background-image:Linear-gradient(#FFFFFF, #E1E1E1);
	border: 1px solid #9A9A9A;
	border-radius: 4px 4px 4px 4px;
	cursor:pointer;
	color: black;
}

.buttonsubmit:hover {background-image:Linear-gradient(#CDCDCD, #AEAEAE);}

div.rounded-overlay {
	background-color: #000;
	background: #FDFDFD;
	border-radius: 7px;
	border:#ffffff 6px solid;
}

.overlay {
	background-color: #000;
	-ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
		filter:alpha(opacity=75); /* IE5-7 */
	-moz-opacity: 0.75; /* Mozilla */
		opacity: 0.75;
	position: absolute; 
	top: 0; 
	left: 0;  
	width: 100%; 
	height: 100%;  
	z-index: 900;
}

.overlaytable{position: absolute;z-index: 1000;padding: 4px 6px 0px 0px;}

.overlayback{position: absolute;}
div.frm-grd{padding : 4px 6px 0px 6px;}
div.innerblock{padding : 0px 0px 2px 2px;}
td.inaktiv {color:#A3A3A3;}
select.inaktiv { width:200px; color:#8C8C8C;border:none; background:#f9f9f9; background-image:linear-gradient(#e0e0e0, #f9f9f9); padding:10px;}
select.inaktiv option:hover { background:#c0c0c0; }
select.inaktiv option:checked { background:#FF0000; color:#FFFFFF; }

.overlayscroll {
	 height: 500px;
	 overflow: auto;
} 

.imagebutton {
	background:#F7F7F7;
	border:#999999 3px solid;
	padding:5px 10px 5px 10px;
	border-radius:5px;
	border-top: 5px solid #D3D3D3 ;
	border-right: 3px solid #7D7D7D ;
	border-bottom: 2px solid #7D7D7D ;
	border-left: 5px solid #C0C0C0 ;
	text-align:center;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}
.imagebutton:hover {
	background:#E6E6E6;
	border:#999999 3px solid;
	padding:5px 10px 5px 10px;
	border-radius:5px;
	border-top: 2px solid #7D7D7D ;
	border-right: 5px solid #C0C0C0 ;
	border-bottom: 6px solid #D3D3D3 ;
	border-left: 3px solid #7D7D7D ;
	text-align:center;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

div.tab {width:100%; max-height:30px; overflow:hidden; animation: erscheinen 1s;}
div.tabnormal {width:100%; max-height:30px; overflow:hidden;}
@keyframes erscheinen {0% {max-height: 1px;} 100% {max-height: 30px;}}

div.open {width:100%; max-height:auto; overflow:hidden; animation: strecken1 1s;}
@keyframes strecken1 {0% {max-height: 30px;} 100% {max-height: 815px;}}

div.opentd {width:100%; background:#f9f9f9; background-image:linear-gradient(#e0e0e0, #F0F0F0);max-height:auto; overflow:hidden; animation: strecken2 1s;}
@keyframes strecken2 {0% {max-height: 0px;} 100% {max-height: 315px;}}

div.close { width:100%;;max-height:30px; overflow:hidden; animation: stauchen1 1s;}
@keyframes stauchen1 {0% {max-height: 157px; } 100% {max-height: 30px;}}

div.closetd { width:100%;;max-height:1px; overflow:hidden; animation: stauchen2 1s;}
@keyframes stauchen2 { 0% {max-height: 157px;} 100% {max-height: 0px;}}

.maincontents td {vertical-align: middle;}
div.separator {height:5px;}
td.headline {font-size:85%;height:30px; background:#D8D8D8;}
div.headline {font-size:125%;height:30px; background:#D8D8D8;}
td.headerimage {border-top: 1px solid #666666;border-right: 1px solid #666666;vertical-align:top;text-align:center;width:120px;}
td.headerimageactive {font-size:70%;color:#ffffff; text-align:center;vertical-align:bottom;width:130px;padding-bottom:4px;}
td.headertext {font-size:70%;color:#ffffff; text-align:center;vertical-align:bottom;width:130px;height:52px;padding-bottom:3px;}
div.HeadTextBottomTop {margin-top:-125px;width:100%;}
div.HeadTextBottomIcon {margin-top:-199px;width:100%;}
table.HeadTextBottomActive {margin-top:-52px;width:100%;}
td.HeadTextTopLine {font-size:170%;color:white;text-align:left;padding-left:15px;padding-top:15px;cursor:pointer;vertical-align:top;}
table.contenttd { background:#f9f9f9; background-image:linear-gradient(#e0e0e0, #f9f9f9);width:100%;}
table.contentactive { background:#f9f9f9; background-image:linear-gradient(#FAC0C9, #f9f9f9);width:100%;}
.contenttd { background:#f9f9f9; background-image:linear-gradient(#e0e0e0, #f9f9f9);padding-top:5px;padding-right:3px;}
td.header {
	font-size:89%;
	background:#FFFFFF;
	background-image:linear-gradient(#FFFFFF, #F0F0F0);
	border-width: 1px 1px 1px 1px;
	border-color: #DBDBDB;
	border-style: solid;
	color:#000000;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;
	height:30px;
	text-align:center;
}
td.header:hover { background:#e0e0e0; background-image:linear-gradient(#f9f9f9, #D8D8D8); color:#6D2935; font-weight:bold;}
td.header:active { background:#ff0000; background-image:linear-gradient(#EA0000, #B00000); color:#ffffff; font-weight:bold;}

.headeractive {
	font-size:89%;
	background:#ff0000;
	background-image:linear-gradient(#ff0000, #c00000);
	color:#ffffff;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	border-width: 1px 1px 1px 0px;
	border-color: #C20000;
	border-style: solid;
}

.switchon {
	background-image:radial-gradient(#FF4A4A, #8A0000);
	color:#FFFFFF;
	cursor: pointer;
	text-align:center;
}

.switchoff {
	background-image:radial-gradient(#9B9B9B, #606060);
	color:#FFFFFF;
	cursor: pointer;
	text-align:center;
}

.divheader {
	float:left;
	font-size:110%;
	background:#FFFFFF;
	background-image:linear-gradient(#FFFFFF, #F0F0F0);
	border-width: 1px 1px 1px 1px;
	border-color: #DBDBDB;
	border-style: solid;
	color:#000000;
	font-weight:bold;
	padding:6px 25px 6px 25px;
	text-align:center;
	cursor:pointer;
}
.divheader:hover { background:#e0e0e0; background-image:linear-gradient(#f9f9f9, #D8D8D8); color:#6D2935; font-weight:bold;}
.divheader:active { background:#ff0000; background-image:linear-gradient(#EA0000, #B00000); color:#ffffff; font-weight:bold;}

.divheaderactive {
	float:left;
	font-size:110%;
	background:#ff0000;
	background-image:linear-gradient(#ff0000, #c00000);
	color:#ffffff;
	font-weight:bold;
	padding:6px 25px 6px 25px;
	text-align:center;
	border-width: 1px 1px 1px 0px;
	border-color: #C20000;
	border-style: solid;
	cursor:default;
}

.divheaderinactive {
	float:left;
	font-size:110%;
	background:#FFFFFF;
	background-image:linear-gradient(#FFFFFF, #F0F0F0);
	border-width: 1px 1px 1px 1px;
	border-color: #DBDBDB;
	border-style: solid;
	color:#888888;
	padding:6px 25px 6px 25px;
	text-align:center;
	cursor:not-allowed;
}

.tableheadline {
	background:#FFFFFF;
	background-image:linear-gradient(#D4D4D4, #B1B1B1);
	padding:2px 2px 2px 5px;
	height:20px;
}

.changetext{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#FFFFFF;
	font-size:30px;
	line-height:45px;
	height:100%;
	padding-top:30px;
	text-align:center;
	background-image:radial-gradient(#FF4A4A, #8A0000);
		-ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
		filter:alpha(opacity=75); /* IE5-7 */
		-moz-opacity: 0.75; /* Mozilla */
		opacity: 0.75;
}

.producttext{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#FFFFFF;
	font-size:20px;
	line-height:25px;
	width:350px;
	padding-top:3px;
	background-image:radial-gradient(#FF4A4A, #8A0000);
		-ms-filter: "Alpha(Opacity=9)"; /* IE 8 */
		filter:alpha(opacity=9); /* IE5-7 */
		-moz-opacity: 0.9; /* Mozilla */
		opacity: 0.9;
}

.producttextnew{
	font-family:Arial, Helvetica, sans-serif !important;
	color:#FFFFFF;
	font-size:18px;
	line-height:25px;
	padding-top:3px;
	background-image:radial-gradient(#FF4A4A, #C10000);
		-ms-filter: "Alpha(Opacity=7)"; /* IE 8 */
		filter:alpha(opacity=7); /* IE5-7 */
		-moz-opacity: 0.7; /* Mozilla */
		opacity: 0.7;
    animation: move 3s;
    animation-iteration-count: infinite;
}

.productimage{
	width:auto;
	background-size: 260px;
	width:100%;
	height:100%;
}
td.ProdModullist {text-align:center;border-right: 1px dotted #CDCDCD;}
.ProdModullistNew {text-align:center;vertical-align:middle;background:#ff0000;background-image:linear-gradient(#ff0000, #c00000);color:#FFFFFF;font-weight:bold;padding-top:3px;padding-bottom:2px;}
.ProdModullistNew:hover {background:#ff0000;background-image:linear-gradient(#CC0000, #9D0000);color:#E0E0E0;}
.ProdModullistOff {text-align:center;vertical-align:middle;background:#C0C0C0;background-image:linear-gradient(#C0C0C0, #7F7F7F);color:#FFFFFF;font-weight:bold;padding-top:3px;padding-bottom:2px;}
td.headertab {background:#f9f9f9; color:#000000; font-weight:bold; cursor:pointer;border-style: solid; border-width: 1px 1px 1px 1px; border-color: #A3A3A3;padding:4px 4px 4px 4px;text-align:center;vertical-align:middle;height:30px;}
td.headertab:hover {background:#e0e0e0; background-image:linear-gradient(#f9f9f9, #D8D8D8); color:#6D2935;}
td.headertab:active {background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff;}
td.headeractivetab {background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff;border-width: 1px 1px 1px 0px;border-color: #C20000;font-weight:bold;padding:4px 4px 4px 4px;text-align:center;vertical-align:middle;height:30px;}
.PAButton { background:#f9f9f9; color:#000000;font-size:106%;font-weight:bold; cursor:pointer;border-style: solid; border-width: 1px 1px 1px 1px; border-color: #DBDBDB;vertical-align:top;text-align:center;width:195px;float:left;padding:3px 0px 3px 3px;}
.PAButton:hover { background:#ff0000; background-image:linear-gradient(#E10000, #c00000); color:#C0C0C0;}
.PAButtonOpen { background-image:linear-gradient(#ff0000, #c00000);color:#ffffff;font-size:106%;font-weight:bold; cursor:pointer;border-style: solid; border-width: 1px 1px 1px 1px; border-color: #DBDBDB;vertical-align:top;text-align:center;width:195px;float:left;padding:3px 0px 3px 3px;}
.PAButtonOpen:hover {background-image:linear-gradient(#E10000, #c00000); color:#C0C0C0;}
.PAButtonOpen:hover;before {background-image:linear-gradient(#E10000, #c00000); color:#ffffff;}
img.PAImage {width:180px;}
.prodzeile {font-size:85%;padding-left:10px;background:#a0a0a0; background-image:linear-gradient(#c0c0c0, #a0a0a0); color:#ffffff; font-weight:bold;height:30px;vertical-align:middle;padding-right:5px;width:100%;}
.plus {font-size:85%;background:#F3F3F3;background-image:linear-gradient(#F3F3F3, #DFDFDF); color:#000000; cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;width:100%;}
.plus:before {float:left;content:url('/i/header/plus.png');padding:3px 5px 5px 5px;}
.plus:hover {background:#e0e0e0; background-image:linear-gradient(#f9f9f9, #BCBCBC); color:#000000; }
.plus:hover:before { content:url('/i/header/plus.png');padding:3px 5px 5px 5px;}
.plus:active {background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold; }
.plus:active:before {content:url('/i/header/minusw.png'); padding:3px 5px 5px 5px;}
.plus1 {font-size:80%;background:#EAEAEA;background-image:linear-gradient(#F3F3F3, #DADADA);color:#000000; cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;width:100%;}
.plus1:before {float:left;content:url('/i/header/plus.png'); padding-left:10px; padding-top:3px;padding-right:5px;}
.plus1:hover { background:#c0c0c0; background-image:linear-gradient(#e0e0e0, #c0c0c0); color:#000000;}
.plus1:hover:before { content:url('/i/header/plus.png'); padding:3px 5px 5px 10px;}
.plus1:active { background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold;}
.plus1:active:before { content:url('/i/header/minusw.png'); padding:3px 5px 5px 10px;}
.plus2 {font-size:80%;background:#EAEAEA;background-image:linear-gradient(#EAEAEA, #CACACA);color:#000000; cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;width:100%;}
.plus2:before { content:url('/i/header/plus.png'); padding:3px 5px 5px 20px;}
.plus2:hover { background:#c0c0c0; background-image:linear-gradient(#e0e0e0, #c0c0c0); color:#000000;}
.plus2:hover:before { content:url('/i/header/plus.png'); padding:3px 5px 5px 20px;}
.plus2:active { background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold;}
.plus2:active:before { content:url('/i/header/minusw.png'); padding:3px 5px 5px 20px;}
.plus3 {font-size:80%;background:#e0e0e0; background-image:linear-gradient(#DBDBDB, #BCBCBC); color:#000000; cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;width:100%;}
.plus3:before { content:url('/i/header/plus.png'); padding:3px 5px 5px 30px;}
.plus3:hover { background:#c0c0c0; background-image:linear-gradient(#e0e0e0, #c0c0c0); color:#000000; }
.plus3:hover:before { content:url('/i/header/plus.png'); padding:3px 5px 5px 30px;}
.plus3:active { background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold;}
.plus3:active:before { content:url('/i/header/minusw.png'); padding:3px 5px 5px 30px;}
.fix { background:#808080; color:#ffffff; font-weight:bold;padding-left:10px;}
.fixred {background:#ff0000; color:#ffffff; font-weight:bold;padding-left:10px;}
.minus {font-size:85%;background:#a0a0a0;background-image:linear-gradient(#c0c0c0, #a0a0a0);color:#ffffff;font-weight:bold;cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;}
.minus:before {float:left;content:url('/i/header/minusw.png'); padding:3px 5px 5px 5px;}
.minus:hover {background:#808080; background-image:linear-gradient(#a0a0a0, #808080); color:#ffffff; font-weight:bold;}
.minus:hover:before { content:url('/i/header/minusw.png'); padding:3px 5px 5px 5px;}
.minus:active { background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold;}
.minus:active:before {content:url('/i/header/plusw.png'); padding:3px 5px 5px 5px;}
.minus1 {font-size:80%;background:#808080; background-image:linear-gradient(#a0a0a0, #808080); color:#ffffff; font-weight:bold; cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;}
.minus1:hover { background:#606060; background-image:linear-gradient(#808080, #606060); color:#ffffff; font-weight:bold;}
.minus1:hover:before { content:url('/i/header/minusw.png'); padding:3px 5px 5px 10px;}
.minus1:before {float:left;content:url('/i/header/minusw.png');padding-left:10px; padding-top:5px;padding-right:5px;}
.minus1:active { background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold;}
.minus1:active:before { content:url('/i/header/plusw.png'); padding:3px 5px 5px 10px;}
.minus2 {font-size:80%;background:#808080; background-image:linear-gradient(#a0a0a0, #808080); color:#ffffff; font-weight:bold; cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;}
.minus2:hover { background:#606060; background-image:linear-gradient(#808080, #606060); color:#ffffff; font-weight:bold;}
.minus2:hover:before { content:url('/i/header/minusw.png'); padding:3px 5px 5px 20px;}
.minus2:before { content:url('/i/header/minusw.png'); padding-left:20px; padding-right:5px;}
.minus2:active { background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold;}
.minus2:active:before { content:url('/i/header/plusw.png'); padding:3px 5px 5px 20px;}
.minus3 {font-size:80%;background:#808080; background-image:linear-gradient(#a0a0a0, #808080); color:#ffffff; font-weight:bold; cursor:pointer;height:30px;vertical-align:middle;padding-right:5px;}
.minus3:hover { background:#606060; background-image:linear-gradient(#808080, #606060); color:#ffffff; font-weight:bold;}
.minus3:hover:before { content:url('/i/header/minusw.png'); padding:3px 5px 5px 30px;}
.minus3:before { content:url('/i/header/minusw.png'); padding-left:30px; padding-right:5px;}
.minus3:active { background:#ff0000; background-image:linear-gradient(#ff0000, #c00000); color:#ffffff; font-weight:bold;}
.minus3:active:before { content:url('/i/header/plusw.png'); padding:3px 5px 5px 30px;}
td.OSselected { background:#ff0000; background-image:linear-gradient(#FFB9BB, #F20000); color:#ffffff; font-weight:bold;cursor:pointer;}
td.OSselected:hover {background:#ff0000; background-image:linear-gradient(#FF6C6C, #C40000);color:#FFFFFF;cursor:pointer;}
td.OSaktiv {background-image:linear-gradient(#f9f9f9, #DFDFDF); color:#000000; cursor:pointer;}
td.OSaktiv:hover {background:#ff0000; background-image:linear-gradient(#FF6C6C, #C40000);color:#FFFFFF;cursor:pointer;}
td.headline {padding:5px; background:#a0a0a0; background-image:linear-gradient(#c0c0c0, #a0a0a0); color:#ffffff; font-weight:bold;}
td.OSSelect {font-weight:bold;border:#808080 1px solid;background:#DDDDDD;background-image:linear-gradient(#f9f9f9, #D8D8D8);padding:2px;cursor:pointer;}
td.OSSelect:hover { background:#e0e0e0; background-image:linear-gradient(#EFEFEF, #BCBCBC); color:#6D2935; font-weight:bold; }
.alink { color: #003399;text-decoration:underline;cursor:pointer;vertical-align:top;padding-bottom:6px;}
td.alink:visited { color: #660099;text-decoration:underline;}
td.alink:active { color: #cc3300;text-decoration:underline;}
td.headertd {font-size:85%;vertical-align:middle; background-image:linear-gradient(#c0c0c0, #a0a0a0); color:#ffffff;padding-left:4px;}
.contenthead {font-size:70%;font-weight: bold; padding-right:3px;padding-left:3px;}
.contenttext {font-size:80%;padding:1px 8px 8px 3px;vertical-align:top;}
div.oschange {padding:2.3px 3px 3px 3px;border:#9A9A9A 1px solid;background:#f9f9f9;background-image:linear-gradient(#f9f9f9,#e0e0e0);cursor:pointer;}
div.oschange:hover {background:#e0e0e0; background-image:linear-gradient(#EAEAEA, #C5C5C5); color:#FF0000;}
div.oschange:active {background:#ff0000; background-image:linear-gradient(#EA0000, #B00000); color:#ffffff;}
td.selectlist {padding:2px 2px 2px 2px;border-left:#9A9A9A 1px solid;border-right:#9A9A9A 1px solid;background:#E4E4E4;cursor:pointer;}
td.selectlist:hover {background:#C1C1C1; color:#FFFFFF;}
td.selectlist:active {background:#ff0000; background-image:linear-gradient(#EA0000, #B00000); color:#ffffff;}
.tabgrey {background:#F3F3F3;background-image:linear-gradient(#F3F3F3, #DFDFDF);}
.tabgrey:hover {background:#F3F3F3;background-image:linear-gradient(#f9f9f9, #BCBCBC);;color:#8A0216;}
.tabwhite {color:#000000;}
.tabwhite:hover {background:#F3F3F3;background-image:linear-gradient(#f9f9f9, #BCBCBC);;color:#8A0216;}

div.mainbackgroundimagesmall{display:none;}
#headnavismall{display:none;}
#footer {display:none;}

/* Location Area */
#mylocation {max-width: 978px; background: #f7f7f7; border: 1px solid #eeeeee; padding: 0; margin-bottom: 5px; text-align: left; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px 4px 4px 4px; }
#mylocation ol { padding: 5px 5px 5px; margin: 0; list-style: none; font-size: 93%;}
ol.mylocation-inside { border: 1px solid #ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px; }
#mylocation li { display: inline; margin: 0; margin-right: 2px; line-height: 1.3;}
#mylocation li a { margin-right: 2px;}
#mylocation li a:link,#mylocation li a:visited,#mylocation li a:active {color:#CA0000; margin-right: 2px; text-decoration: none;}
#mylocation li a:hover { margin-right: 2px; text-decoration: underline;}
#widthtablesmall {display:none;}
#divosoverlay {width:550px;}

@media screen and (max-width: 1000px){
	.bodyarea {width:770px;text-align: center;padding-left:17px;}
	div.aside {display: none;}
	#headerbottom {display: none;}
	#location {display: none;}
	#deepfooter {display: none;}
	div.footer {display: none;}
	#footer {display:block;}
	#footer .footer-inside {
		width: 100%;
		max-width:750px;
		height:12px;
	}

	#toplink {display: none;}

	div.headertop,.maincontents {width:780px;}

	div.header {width:780px;min-height:30px;}
	.gridTable,
	div.tab,
	div.open,
	div.opentd,
	div.close,
	div.closetd
		{width:100%;}
	
	#corporatesymbol{width:100px;}
	img.PAImage {width:170px;}

	/* Produktassistent images deaktivieren */
	#paimgad{display:none;}
	#paimgin{display:none;}
	#paimgpi{display:none;}
	#paimgps{display:none;}
	div.mainbackgroundimagesmall{display:none;}
}

@media screen and (max-width: 790px){
	div.bodyarea {width:99%;text-align: center;padding-left:3px;}
	div.banner {height:195px;}
	div.mainbackgroundimage {display: none;}
	div.header {display: none;}
	div.mainbackgroundimagesmall{position: relative;display:block; margin:0 auto;}
	div.contentsarea , div.maincontents {width:99.5%;float: left;}
	#corporatesymbol {float: left;margin: 10px 1px 10px 0px;}
	#headerrightareasmall{float:right;text-align:right;padding-right:6px;}
	.headnavi {float: left;padding-top:20px;}
	.headsearch {float: left;padding-top:10px;padding-left:20px;}
	.mainbackgroundimagesmall img{width:100%;height:205px;display:block;}
	.headlineredbox {position:absolute;cursor:pointer;top:10px;left:10px;font-size:170%;color:white;vertical-align:top;}
	.headtexttopline {position: absolute;top: 15px;left: 15px;font-size:170%;color:white;vertical-align:top;}
	.headermenuebasket{position: absolute;bottom:102px;right:0px;}
	.headermenue {position: absolute;bottom:0px;}
	.headermenuetext {
		-ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
		filter:alpha(opacity=75); /* IE5-7 */
		-moz-opacity: 0.75; /* Mozilla */
		opacity: 0.75;
		background:#373C35;
		border:#999999 1px solid;
		padding-top:8px;
		padding-bottom:8px;
		padding-left:8px;
		padding-right:8px;
		float:left;
		color:#F5F5F5;
		cursor:pointer;
	}
	.headermenuetext:hover {background-image:radial-gradient(#958F8E, #494949);}
	.headermenuetextactive {background-image:radial-gradient(#EA0000, #B00000);border:#999999 1px solid;padding-top:8px;padding-bottom:8px;padding-left:8px;padding-right:8px;float:left;color:#F5F5F5;}
	#widthtable {display:none;}
	#widthtablesmall {display:table-row;}
	#divosoverlay {width:320px;}
}

@media screen and (max-width: 550px){
	#headnavi {display: none;}
	#headnavismall {display:block;}

}

@media screen and (max-width: 350px){
	#footer .footer-inside {
		height:25px;
	}
}
@media screen and (max-width: 280px){
	.headermenuebasket{position: absolute;bottom:132px;right:0px;}
}
