/*=======================================================================*/
/*=========== Content ===================================================*/
/*=======================================================================*/
label {
	float: left;
	width: 150px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	}

label#empty {
	float: left;
	width: 20px;
	font-weight: bold;
	}

.auswahl {
	width: 350px;
	}

h1{
		font:2.142em/0.837em 'PT Sans', Arial, Helvetica, sans-serif; /*60px/64px*/
		margin:0 0 0.467em;
		text-align:center;
		color:#000;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
		border-bottom: #ffdc00 2px solid;
	}

p {margin:0 0 1em;}

.center {
		max-width:960px;
		width:100%;
		margin:0 auto;
	}
/*=======================================================================*/
/*=========== Tabelle ===================================================*/
/*=======================================================================*/

.row{
	width:100%;
	padding:0.857em 0;
}
.row:after{
	content:"";
	display:block;
	clear:both;
}
.white {
	background:#FFFFFF;
}
.white h1{
	color:#000;
}

.white h2{
}
.white .subHeading{
	color:#000;
}
.white a{color:#000;}
.columns{width:100%	}
.columns:after{
	content:"";
	display:block;
	clear:both;
}
.columns > div,
.columns > article{
	float:left;
	vertical-align:top;
}
.columns h2{text-align:left;}
.full {
	width:100.0%;
	margin:1.3%;
	padding: 10px;
	background:#f7f7f7;
	height:100%;
	display:block;
	align-items:center;
}
.half {
	width:48.0%;
	margin:1.3%;
	background:#f7f7f7;
	height:100px;
	display:block;
	align-items:center;
}
div a.block {
	padding-top: 30px;
	display:block;
	background:#f7f7f7;
	height: 100%;
}
div a.block:hover {
	background: #243744;
	color: #fff;
}
div a.goin {
	display: block;
	margin-top: -30px;
}
div a.goin:hover {
	background:#ddd;
}
.halfX{
	width:48.0%;
	margin:1.3%;
	}
.oneThird{
	width:32%;
	margin:1%;
}
.columns > div:first-child,
.columns > article:first-child{margin-left:0;}

.full, 
.oneThird +.oneThird +.oneThird,
.threeForth + .oneForth,
.oneForth + .half,
.half + .half,
.half + .oneForth + .oneForth,
.last{
	float:right;
	margin-right:0;
}


/*=======================================================================*/
/*=========== Ausgegraute Flächen =======================================*/
/*=======================================================================*/

span.hover-box {
    border: 0px;
    color: #000;
	background: lightblue;
    display: none; /* Element standardmäßig nicht darstellen */
    position: absolute;
    text-decoration: none;
    top: -30px;
	width: 100%;
	height: 100px;
}
a:hover span.hover-box {
    display: block; /* Beim Überfahren des Links einblenden */
}

span.hover-box-in-work {
    border: 0px;
    color: #000;
	background: lightgrey;
    display: none; /* Element standardmäßig nicht darstellen */
    position: absolute;
    text-decoration: none;
    top: -30px;
	width: 100%;
	height: 100px;
}
a:hover span.hover-box-in-work {
    display: block; /* Beim Überfahren des Links einblenden */
}

span p {
	margin-top: 30px;
}

/*=======================================================================*/
/*=========== Hinweise            =======================================*/
/*=======================================================================*/

.note_s {
	color: red;
	font-weight: bold;
}

.note {
	color: red;
	font-size: x-small;
	font-weight: bold;
}

/*=======================================================================*/
/*=========== Formularformatierung ======================================*/
/*=======================================================================*/


div form.block {
	padding-top: 15px;
	display:block;
	background:#f7f7f7;
	height: 100%;
}

input, select, textarea {
	padding:6px 4px 6px 4px;
	color:#0c0c0c;
	border:1px solid #e3e3e3;
	font-size:12px;
}

input.normal {
	color:#0c0c0c;
	text-align: center;
}
input.green {
	color:green;
	font-weight:bold;
	text-align: center;
}

.no_but {
	padding: 0px 0px 0px 0px;
	color:#807e7f;
	border:1px solid #e3e3e3;
	font-size:12px;
}

.go {
	background-color:#e2e1e1;
	color:#9c9c9c;
	border:none;
	margin:0 0 0 2px;
	padding:1px 2px 2px 2px;
	height:30px;
}

/*=========== Formular ================*/

.formular form {
	width:548px;
	padding:0 5px 0 0;
	margin:15px 0 0 0;
	color:#6e6e6e;
}

.formular label {
	float:left;
	text-align:left;
	width:148px;
	margin-right:10px;
	margin-top:9px;
}

.formular select {
	margin-top:5px;
}

.formular input {
	margin-top:5px;
	padding:3px 2px 2px 4px;
	width:375px;
}

.formular textarea {
	width: 100%;
}

/*=======================================================================*/
/*=========== Klapp Menü =================================================*/
/*=======================================================================*/

/* Toggle default */
h2.rgaccord1-toggle {
	cursor:pointer;
	border:1px dotted #c2c2c2;
	margin:0 0 5px 0;
	padding:4px 3px 2px 6px;
	font-weight:normal;
	font-family: "Helvetica LT Condensed";
	font-size: 1.4em;
	}
h2.rgaccord1-toggle:hover {
	border:1px dotted #cfcfcf;
	font-family: "Helvetica LT Condensed";
	font-size: 1.5em;
	}
/* the content */
div.rgaccord1-content {
	border:1px solid #cfcfcf;
	padding: 0;
	margin: 0;
	overflow:auto;	
	}

/*========================================================================*/
/*========== Overlay - Popup =============================================*/
/*========================================================================*/

#cover {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index:5;
	width:100%;
	height:100%;
	display:none;
	}

#screen {
	height: 80%;
	width: 90%;
	position: relative;
	top: -190px;
	z-index: 10;
	display: none;
	background: #FFFFFF;
	border: 3px solid #cccccc;
	border-radius: 10px;
	overflow: auto;
	left: 50%;
	transform: translate(-50%, -0%);
	}

div[id^="content_"] {
	height: 80%;
	position: relative;
/*	display: none; */
	background: #FFFFFF;
	overflow: auto;
	margin: -10px 0 0 -5px;
	}

#screen:target, #screen:target + #cover,
div[id^="content_"]:target, div[id^="content_"]:target + #cover {
	display:block;
	opacity:2;
	}

.overlay {
	margin: 20px;
	}

.cancel_top {
	display: inline;
	position: absolute;
	top: 3px;
	right: 3px;
	color: black;
	height: 30px;
	width: 35px;
	font-size: 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	z-index: 11;
	}

/*=======================================================================*/
/*=========== Overlay ===================================================*/
/*=======================================================================*/

.contentdivider {
	clear:both;
	padding-top: 1px;
	margin: 10px 0px 10px 0px;
	/*background-color: #F9F9F9;*/
	border:0px solid;
	background:url(../image/bg_info_oben.gif) repeat-x;
}

.Table_ov {
	width: 100%;
    }

.Title_ov {
	width: 100%;
	display: table-caption;
	font-weight: bold;
	font-size: larger;
	}
	
.Sub_Title_ov {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	}

.Heading_ov {
	width: 100%;
	display: table-row;
	font-weight: bold;
	text-align: center;
	}

.Row_ov {
	width: 100%;
	display: table-row;
	}

.Cell_ov {
	width: 50%;
	display: table-cell;
	padding-left: 5px;
	padding-right: 5px;
	}

.supplier {
	display:table-row;
}

/*=======================================================================*/
/*============ Artikel Listenansicht=====================================*/
/*=======================================================================*/

.artBox {
	position:relative;
	width: 100%;
	padding:12px 12px 4px 12px;
	margin:8px 0 0 0;
	display:block;
	overflow:visible;
	background-color:#ececeb
}

.artBox .artId {
	margin-left:100px
}
.box-grid .artId {
	position:absolute;
	top:280px;
	left:12px
}
.to-article-detail-link,#top-navi-welcome-link {
	text-decoration:none !important
}

.artPic {
	overflow:hidden;
	position:relative;
	float:left;
	margin-right:16px;
	width:96px;
	height:96px;
	line-height:96px;
	text-align:center;
	background:#fff;
	vertical-align:middle
}
.artpic-inner {
	width:88px;
	display:inline;
	vertical-align:middle;
	position:relative;
	text-align:center
}
.articlePic {
	vertical-align:middle
}
.logoPic {
	position:absolute;
	bottom:0;
	right:0
}
.flags>span {
	float:left;
	margin:0px 8px 0 0
}
.flags>a>span {
	float:left;
	margin:0px 8px 0 0
}
.pv-flag .piggy-gray,.box-gray {
	margin-top:2px
}
.artDetails {
	margin-left:12px;
	overflow:visible;
	height:auto;
	padding-bottom:10px
}
.ie7 .artDetails>a>b {
	cursor:pointer;
	font-weight:normal;
	line-height:20px;
	text-decoration:none !important
}
.artName {
	margin:0;
	font-weight:bold;
	font-size:1.2em
}
.artName .grid-view {
	margin-right:2px
}
.ie7 .artName {
	position:relative;
	top:4px
}
.ie7 .offer-box .artName {
	top:0
}
.moreInfo {
	position:absolute;
	right:10px;
	font-size:11px;
	height:22px;
	width:106px;
	border:1px solid #b2b2b1;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#fff;
	text-align:center;
	display:block;
	float:right;
	line-height:20px;
	cursor:pointer
}
.ie7 .moreInfo {
	position:absolute;
	right:12px;
	top:8px
}
.artId {
	color:#3c3c3b;
	font-size:.8em
}
.artId>b,.artId a>b {
	color:#a8a8a8;
	font-weight:normal
}
.artDescr {
	margin-left:100px;
	margin-bottom:8px;
	line-height:1.1em
}
.priceBox {
	float:right;
	margin-top:-75px
}
.ie7 .priceBox {
	width:600px !important;
	margin-right:-12px
}
.sellPrice {
	color:#000;
	width:158px;
	font-size:1em;
	float:right;
	margin:4px 0 0 0
}
.timeBox {
	float:right;
	margin-top:-15px;
}
.ie7 .timeBox {
	width:600px !important;
	margin-right:-12px
}
.sellkfe {
	color:#000;
	width:158px;
	font-size:1em;
	float:right;
	margin:4px 0 0 0
}
.kfeBox {
	float:right;
	margin-top:-15px;
}
.ie7 .kfeBox {
	width:600px !important;
	margin-right:-12px
}
.selltime {
	color:#000;
	width:158px;
	font-size:1em;
	float:right;
	margin:4px 0 0 0
}
.priceName {
	font-size:0.8em;
	font-weight:bold;
	left:12px;
	top: 8px;
}
.ie7 .priceName {
	top:8px
}
.timeName {
	font-size:0.8em;
	font-weight:bold;
	left:12px;
	top: 8px;
}
.ie7 .timeName {
	top:8px
}
.icnHome {
	float:right;
	margin:8px 10px 0 0;
	width:20px
}
.icnHome:hover {
	background-position:-10px -1645px;
	width:18px;
	height:16px;
	background-position:-38px -1609px;
	width:20px
}
.home-white {
	width:18px;
	height:16px;
	background-position:-66px -1609px
}

/*=======================================================================*/
/*============ Buttons ==================================================*/
/*=======================================================================*/

a.link_dim
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/dimensions.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_dim:hover 
	{
	color: #ff0021;	
	background: url(../buttons/dimensions.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}
	
a.link_time
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/time.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_time:hover 
	{
	color: #ff0021;	
	background: url(../buttons/time.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}

a.link_ext
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/folder.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_ext:hover 
	{
	color: #ff0021;	
	background: url(../buttons/folder.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}

a.link_helmet
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/folder-helmet.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_helmet:hover 
	{
	color: #ff0021;	
	background: url(../buttons/folder-helmet.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}

a.link_not
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/folder-not.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_not:hover 
	{
	color: #ff0021;	
	background: url(../buttons/folder-not.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}

a.link_html
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/folder-html.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_html:hover 
	{
	color: #ff0021;	
	background: url(../buttons/folder-html.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}

a.link_image
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/folder-image.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_image:hover 
	{
	color: #ff0021;	
	background: url(../buttons/folder-image.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}

a.link_tar
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/folder-tar.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_tar:hover 
	{
	color: #ff0021;	
	background: url(../buttons/folder-tar.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}

a.link_surcharge
	{
	min-height: 32px;
	min-width: 32px;
	margin: 2px 0 0 5px;
	padding: 12px 0 0 32px; /* 25px = Abstand background-image zum Link-Text */
	background:  url(../buttons/surcharge.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
	}
	
a.link_surcharge:hover 
	{
	color: #ff0021;	
	background: url(../buttons/surcharge.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	filter: alpha(opacity=100); -moz-opacity: 1.00;
	}
a.nofavPic {
	min-height: 22px;
	min-width: 22px;
	position:absolute;
	top:10px;
	right:10px;
	background:  url(../buttons/fav_off.png);
	background-repeat: no-repeat;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
}
a.nofavPic:hover {
	position:absolute;
	top:10px;
	right:10px;
	background:  url(../buttons/fav_on.png);
	background-repeat: no-repeat;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
}

a.favPic {
	min-height: 22px;
	min-width: 22px;
	position:absolute;
	top:10px;
	right:10px;
	background:  url(../buttons/fav_on.png);
	background-repeat: no-repeat;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
}

a.favPic:hover {
	position:absolute;
	top:10px;
	right:10px;
	background:  url(../buttons/fav_off.png);
	background-repeat: no-repeat;
	text-decoration: none;
	filter: alpha(opacity=75); -moz-opacity: 0.75;
}

/*=======================================================================*/
/*============ Gruppe ===================================================*/
/*=======================================================================*/

ul.group, li.group {
	list-style-type: none;
	background-image: none;
}
ul.group#closed, li.group#closed::before {
	content: "+" " ";
}
ul.group#open, li.group#open::before {
	content: "-" " ";
}