/*-----------------------------------------------------------------------------
[client] 	Screen Stylesheet
version:	1.0
date:		2008-5-5
author:		Florian Engelke
email:		[engelke at art-motion dot de]
website:	www.art-motion.de
website:	www.easy-create.de

updated:	Verena Biewald
date:		2008-10-29
email:		[biewald at art-motion dot de]
website:	www.art-motion.de
website:	www.easy-create.de
-----------------------------------------------------------------------------*/



/* ALLGEMEIN
---------------------------------------------------------------------------------*/

*
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
}

body
{
	font: 13px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	background-color: #FFF;
	color: #000000;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

img
{
	border: 0;
	margin: 0;
	padding: 0;
}

ins
{
	color: #E2001A;
	padding: 3px;
}

hr
{
	margin:.5em 0;
	border: 0;
	border-top: 1px solid #CCC;
	clear: both;
}


/* LAYOUT
---------------------------------------------------------------------------------*/

#wrapper
{
	text-align:left;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	position:relative;
	overflow:visible;
	margin-top:15px;
}

#wrapper2
{

	float:left;
	height:auto;
	width:auto;
}

#head
{
	width: 900px;
	clear:both;
	height:70px;
	background-color:#FFF;
}

#inhalt
{
	background: url(../grafik/hgGrafik.jpg) repeat-y;
	position:relative;
	clear:both;
	float:left;
}

div#RESS_logo
{
	float:right;
	height:70px;
	margin-right:5px;
}

div#warenkorb_anzeige
{
	color:#E2001A;
	margin-top:15px;
	float:left;
	height:30px;
}

div#linker_inhalt
{
	width:209px;
	float:left;
	margin-top:26px;
}

#ZSeiteLi
{
	clear:both;
	float:left;
	width:208px;
	font-size:12px;
	padding:0px;
	text-align:left;
}

#ZSeiteRe
{
	clear:both;
	float:left;
	width:200px;
	font-size:12px;
	padding:0px;
	text-align:left;
}

div#rechter_inhalt
{
	width:690px;
	overflow:hidden;
	float:left;
}

#startseite_box_rechts
{
	float:right;
	padding:5px 2px;
	width:201px;
	overflow:hidden;
}

#content
{ }

div#tmp_content
{
	width:470px;
	padding:5px;
	float:left;
	margin-bottom:2em;
}

div#tmp_content p
{
	padding: 4px;
}

div#tmp_content h2,
div#tmp_content h3,
div#tmp_content h4,
div#tmp_content h5,
div#tmp_content h6
{
	padding: 4px;
}

div#tmp_content ul
{
	padding: 4px 20px;
	list-style-image: none;
	list-style-position: outside;
}

div#tmp_content label
{
	position:relative;
	clear:both;
	width:450px;
	height:auto;
	padding:10px 5px;
	float:left;
}

div#tmp_content label input
{
	position:absolute;
	padding:2px;
	left:150px;
}

#image_picture
{
	width:687px;
	float:left;
	clear:both;
}

#roterbalken_oben
{
	position:absolute;
	background: url(../grafik/hgBalkenRot.jpg) repeat-x;
	left:0px;
	top:70px;
	height:26px;
	float:left;
	width:700px;
	color:#FFF;
	font-size:0.85em;
	z-index:99;
	padding-left:10px;
}
#roterbalken_oben h1,#roterbalken_oben a {
font-size:1em;
color:#FFF;
font-weight:normal;
}
#foot
{
	position:relative;
	clear:both;
	z-index: -1;
	display:block;
}

#foot2
{
	position:absolute;
	left:0;
	top:0;
	z-index: -1;
	background: url(../grafik/hgBalkenRot.jpg) repeat-x;
	margin-top:0;
	color:#FFF;
	height:26px;
	width:898px;
	font-size:0.85em;
	display:block;
}

#foot2 span
{
	padding:3px;
}

#footmenu a
{
	color:#FFF;
}

#footmenu a:hover
{
	text-decoration:underline;
}

#footmenu
{
	float:right;
	height:2em;
	list-style:none;
}

#footmenu li
{
	float:left;
	height:2em;
	padding:0 3px;
}


/* BENUTZERKONTO
---------------------------------------------------------------------------------*/

.bestellungen
{
	font-size:12px;
}

.bestellungen td
{
	border-bottom: 1px solid #ddd;
	padding: 2px 2px;
}


/* INNER
---------------------------------------------------------------------------------*/

.inner_with_bg
{
	background-position:bottom;
	background-color:#FFF;
	background-image: url(../grafik/bg_links.jpg);
	background-repeat:repeat-x;
	float:left;
	position:relative;
	width:100%;
	border-bottom: 1px solid #CCC;
	height:auto;
}

.inner_with_bg img
{
	position:relative;
	text-align:center;
}

.inner_with_bg p
{
	padding:4px;
}

.inner_with_bg ul
{
	clear: both;
	list-style-position: inside;
	padding-left: 8px;
}

.inner h3
{
	padding: 0px 4px;
}

.inner2 p
{
	float:left;
	clear:both;
	width:96%;
}

.inner2 h1
{
	font-size:1.2em;
	line-height:1.4em;
	text-align:center;
}

.inner2 h2
{
	font-size:1.1em;
	line-height:1.3em;
	text-align:center;
}

.inner2 h3
{
	font-size:1.0em;
	line-height:1.2em;
	text-align:center;
}

.inner2 h4
{
	font-size:1.0em;
	line-height:1.2em;
	text-align:center;
}

.inner2 h5,
.inner2 h6
{
	font-size:1.0em;
	line-height:1.2em;
	text-align:center;
}


/* FELDER
---------------------------------------------------------------------------------*/

.kleinesfeld
{
	color:#343434;
	margin:10px;
	float:left;
	position:relative;
	width:300px;
	overflow:hidden;
}

.kleinesfeld h2
{
	color:#343434;
	font-size:12px;
	float:left;
	background-color:#CCC;
	width:256px;
	padding:0 5px;
}

.kleinesfeld h2
{
	width:300px;
}

.kleinesfeld label
{
	color:#343434;
	width:290px;
	float:left;
	padding:10px;
}

.kleinesfeld input,
.kleinesfeld select
{
	float:left;
	padding:3px;
}

.kleinesfeld span
{
	float:left;
	width:120px;
	color:#343434;
}

.mittelfeld
{
	color: #343434;
	margin: 10px;
	float: left;
	position: relative;
	width: 450px;
	overflow: hidden;
}

.mittelfeld h2
{
	color: #343434;
	font-size: 16px;
	/*float: left;*/
	background-color: #CCC;
	padding: 5px 10px !important;
	width: 450px;
}

.mittelfeld label
{
	position: relative;
	width: 400px;
	float: left;
	padding: 10px !important;
	color: #343434;
}

.mittelfeld input,
.mittelfeld select
{
	left: 190px !important;
	padding: 3px;
}

.mittelfeld span
{
	float: left;
	width: 200px;
	color: #343434;
}

.mittelfeldtext
{
	padding:10px;
}

.mittelfeldtext .help {
	padding:0 !important;
}

.grossesfeld
{
	position:relative;
	color:#343434;
	margin:10px 0;
	float:left;
	width:665px;
}

.grossesfeld h2
{
	color:#343434;
	font-size:12px;
	float:left;
	background-color:#CCC;
	padding:0 5px;
	width:655px;
}

.grossesfeld cite.info
{
	float:none;
	padding:0 10px;
	font-size:0.9em;
}

.grossesfeld label
{
	width:600px;
	float:left;
	padding:10px;
	color:#343434;
}

.grossesfeld input,
.grossesfeld select
{
	float:none;
	padding:3px;
}

.grossesfeld span
{
	float:left;
	width:200px;
	color:#343434;
}

.kleinesfeld,
.grossesfeld,
.mittelfeld
{
	border: 1px solid #CCC;
	float: left;
}


/* SUCHE und HILFE
---------------------------------------------------------------------------------*/

div#suchen
{
	margin-top:15px;
	float:left;
	width:300px;
}

div#suchen input
{
	border:1px solid #CCC;
	padding:5px;
	float:left;
}

div#suchen img
{
	vertical-align:top;
}

#imageSubmit,
#imageHilfe
{
	position:relative;
	border:1px solid #CCC;
	float:left;
	height:12px;
	margin:0 2px;
	padding: 7px;
	width:12px;
	height:12px;
}

.hilfe
{
	border: 1px solid #CCC;
	float: none;
	padding: 2px 2px 2px 2px;
	margin: 0px 2px;
	cursor: help;
}

#imageHilfe
{
	cursor:help;
}

#searchHelpLayer
{
	position:absolute;
	visibility:hidden;
	background-color:#FFF;
	left:50%;
	margin-left:-145px;
	top:53px;
	width:250px;
	height:150px;
	border:1px solid #E0E0E0;
	overflow:visible;
	z-index:2;
}

#hilfe
{
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 10px;
	text-align: left;
}


/* TYPO / SCHRIFT usw.
---------------------------------------------------------------------------------*/

a,
a:visited,
a:active
{
	color:#E2001A;
}

a:hover
{
	color:#E2001A;
}

address
{
	font-style:normal;
	padding: 0px 4px;
}

b,strong
{
	color:#E2001A;
}

h1
{
	font-size:1.5em;
	line-height:1.5em;
	margin: 4px;
}

h2
{
	font-size:1.3em;
	line-height:1.3em;
}

h3
{
	font-size:1.2em;
	line-height:1.2em;
}

h4
{
	font-size:1.1em;
	line-height:1.1em;
}

h5,h6
{
	font-size:1.05em;
	line-height:2em;
}

h1,h2,h3,h4,h5,h6
{
	color:#E2001A;
}

h1#ueberschrift
{
	width:100%;
	line-height:1.35em;
	font-size:1.1em !important;
	height:1.35em;
	color:#FFF;
	clear:both;
	float:left;
	padding:3px;
	background-position:center bottom;
	background-repeat:repeat-x;
	margin:0px;
}

.kleineschrift
{
	font-size:0.85em;
}


/* SEITEN / BUTTONS / VOR-ZURÜCK
---------------------------------------------------------------------------------*/

#seiten_anzeigen
{
	float:left;
}

.pagination
{
	float:left;
	clear:both;
	margin:4px;
	width:100%;
	color:#E2001A;
}

.innerpagination
{
	float:right;
}

.prev a,.next a,.pagination a
{
	color:#343434 !important;
}

.pagination a.link
{
	float:left;
}

.prev
{
	float:left;
}



.link
{
	border:1px solid #CCC;
	margin: 0 2px;
}

.leftpagination
{
	float:left;
}

.button
{
	float:right;
	margin:10px;
	padding:5px;
	border:1px outset #CCC;
	background-color:#FFF;
}

.zurueckbutton
{
	float:left;
	clear:both;
	width:100%;
	margin:10px;
	color:#CCC;
}

.zurueckbutton a
{
	color:#CCC;
}

.next,.prev
{
	border:1px solid #CCC;
	float:none;
	margin:0 2px;
	padding:4px;
}


/* KLASSEN ALLGEMEIN ---------------------------------------------------------------------------------*/

.clear
{
	clear: both;
}

.clearboth
{
	clear:both !important;
}

.fright
{
	float: right !important;
}

.fleft
{
	float: left !important;
}

.noborder
{
	border:0 !important;
}

.nobackgroundimg
{
	background-image:none !important;
}

.nopadding
{
	padding:0 !important;
}

.nomargin
{
	margin:0 !important;
}

.float_left
{
	margin-left:5px;
	padding:3px;
	float:left;
}

.marginhr
{
	margin:.8em 0;
}


/*---------------------------------------------------------------------------------*/

/* SHOP
---------------------------------------------------------------------------------*/

.rubrik
{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	padding:0;
}

.rubrik_bezeichnung
{
	position: relative;
	padding:0 10px;
}

.rubrik_bezeichnung a
{
	color:#FFF !important;
	font-size:1.3em;
}

.rubrik_bilder
{
	position: relative;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:0px;
	margin-left:-5px;
	width:300px;
}

.artikel
{
	float:left;
	width:200px;
	padding:2%;
	text-align:center;
	margin-bottom:1em;
}

.artikelbeschreibung,
.artikelbeschreibung p
{
	text-align:center;
	padding: 0px;
}

.artikellinks
{
	text-align:center;
	height:1em;
	position:relative;
}

.artikelbild
{
	line-height:200px;
	position:relative;
	vertical-align: middle;
	text-align:center;
	border:1px solid #CCC;
	width:200px;
	height:200px;
	margin:0 2px;
	padding:4px;
}

.artikelbild img
{
	line-height:200px;
	position:relative;
	vertical-align: middle;
	text-align:center;
}

p.preisinfo
{
	text-align:center;
	color:#343434;
	font-size:.7em;
	line-height:1.1em;
	padding:2px 0;
}
p.preisinfo a
{
	color:#343434 !important;
}

.artikelinfo,
.artikelinfo a
{
	color:#343434 !important;
}

.artikelinfo h2,
.artikelinfo h1,
.artikelinfo h3,
.artikelinfo h4
{
	color:#343434 !important;
	margin: 10px 4px;
}

.artikelinfolinks
{
	float:left;
}

.artikelinfopics
{
	clear:both;
	margin:5px;
	float:right;
	list-style:none;
	display:block;
}

ul.artikelinfolinks
{
	list-style:none;
	width:100%;
	margin:0 !important;
	position:absolute;
	z-index:999;
	overflow:visible;
}

ul.artikelinfolinks li a,
ul.artikelinfolinks li img
{
	vertical-align: middle;
	color:#343434 !important;
}

ul.artikelinfolinks li
{
	padding-top:3px;
	padding-bottom:6px;
	float:left;
	display:block;
	line-height:1.5em;
	vertical-align: middle;
	border-bottom:1px solid #CCC;
}

.Gruppenbeschreibung
{
	clear:both;
	float:left;
	width:100%;
}

.Gruppenbeschreibung p
{
	margin-bottom:1em;
}

.artikel_anzahl
{
	margin-top: 2px;
	padding-right: 10px;
	float: left;
}

.artikel_anzahl_aendern
{
	margin-left: 6px;
	width:10px;
	float:left;
}

.artikel_anzahl_aendern img
{
	cursor:pointer;
	padding:0;
	float:left;
}

.artikel_anzahl_aendern .plus
{}

.artikel_anzahl_aendern .minus
{}

ul.artikelinfolinks2
{
	position:absolute;
	left:0;
	top:0;
	clear:both;
	float:left;
	list-style:none;
	width:440px;
	margin:0 !important;
	height:4em;
	border:1px solid #343434;
}

ul.artikelinfolinks2 li a,
ul.artikelinfolinks2 li img
{
	position:relative;
	vertical-align: middle;
	color:#343434 !important;
}

ul.artikelinfolinks2 li
{
	background-color:#FFF;
	position:relative;
	padding-top:3px;
	padding-bottom:6px;
	float:left;
	display:block;
	line-height:1.5em;
	vertical-align: middle;
	border:1px solid #CCC;
}

ul.artikelinfolinks2 li input
{
	border:1px solid #CCC;
	padding:3px;
}

#dropdown
{
	position:absolute;
	right:0px;
	top:0px;
	height:4em;
	border:1px solid #343434;
	line-height:4em;
}

#dropdown img
{
	vertical-align:middle
}

#hinzugefuegt
{
	float:left;
	margin:10px 4px;
	display:block;
	width:430px;
	padding:10px;
	clear:both;
}

.indenwarenkorb
{
	float:left;
	clear:both;
	margin:10px 4px;
	width:450px;
	height:2em;
	line-height:2em;
	vertical-align:middle;
}

#artikelinfolinks
{
	position:absolute;
	height:auto;
	overflow:visible;
	border:1px solid #CCC;
	top:4em;
	left:-1px;
	z-index:999;
	background: #FFF url(../grafik/hgHauptMenueGrau.jpg) repeat-x bottom center;
}

#artikelinfolinks li
{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #CCC;
	cursor:pointer;
	z-index:99;
}

.artikeldropdown
{
	clear:both;
	float:left;
	width:100%;
	border:1px solid #CCC;
	margin-top:1em;
	background:url(../grafik/hgHauptMenueGrau.jpg) repeat-x bottom center;
}

.artikelbez
{
	float:left;
	width:350px;
	height:1.2em;
	overflow:hidden;
}

#ausgeaehlterartikel
{
	width:auto;
	display:block;
	clear:both;
	float:left;
	height:3.5em;
	padding:5px;
	width:438px;
}

#dropdownpic
{
	width:19px;
	float:right;
	line-height:58px;
	height:58px;
	display:block;
	border-left:1px solid #CCC;
	cursor:pointer;
	background-image:url(../grafik/icons/dropdown_pfeil_bg.gif);
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #FFF;
}



.Gruppenbeschreibungartikel
{
	clear:both;
	float:left;
}

div.artbezeichnung
{
	float:left;
	margin:5px 0;
	width:100%;
}

div.artbezeichnung span
{
	float:left;
}

span.artbezeichnungfont
{
	font-weight:bold;
}

div.artbeschreibung
{
	clear:both;
	width:100%;
}

.sprache_preisinfo
{
	float:none;
	clear:both;
	margin:5px;
	width:450px;
	text-align:right;
	display:block;
}

div.div_aehnliche_artikel
{
	float:left;
	clear:both;
	width:100%;
}

div.div_inner_aehnliche_artikel
{
	clear:both;
	float:left;
	width:100%;
}

span.selected_artikel_span
{
	clear:both;
	width:100%;
	float:left;
}
.preis{
	padding: 2px !important;
	color:black;
	white-space: nowrap;
	line-height:1em;
}
.preis_o_mwst {
	padding: 2px !important;
	color:red;
	white-space: nowrap;
	line-height:1em;
	font-size:12px;
}
.PreisProMass {
	font-size:9px;
	margin-left:-5px;
	margin-top:-6px;
}
#firstLogin
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background: url(../grafik/trans.png) no-repeat scroll 4px 50% rgba(0, 0, 0, 0.75);
    border-radius: 0px 0px 15px 15px;
    color: #FFFFFF;
    display: block;
}
#inFisrtLogin
{
	z-index:3;
	margin:25% auto;
	width:470px;
	height:324px;
	background: url(../grafik/trans.png) no-repeat scroll 4px 50% rgba(255, 255, 255, 1);
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    display: block;
}
#angemeldet 
{
	float:left;
	padding:12px 0 0 10px;
	font-size:0.9em;
}
/* WARENKORB ---------------------------------------------------------------------------------*/

#wasserwaage,
#porto
{
	color:#343434;
	margin:10px;
	float:left;
	font-size:0.85em;
	width:264px;
}

#porto ul
{
	clear: both;
	list-style-position: outside;
	margin-left: 1.4em !important;
	margin-bottom: 1.4em !important;
}

#wasserwaage img, #porto img
{
	border:1px solid #CCC;
	float:left;
	margin-bottom:0.6em;
}

#wasserwaage h2, #porto h2
{
	color:#343434;
	font-size:12px;
	float:left;
	background-color:#CCC;
	width:256px;
	padding:0 5px;
}

.warenkorb_button
{
	clear:both;
	float:left;
	width:100%;
}

#ganzerwarenkorb input
{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:3px;
}

#ganzerwarenkorb input:focus
{
	background-color:#FFF;
	border:1px solid #343434;
	padding:3px;
}

#warenkorbanzeige
{
	width:100%;
	border:1px solid #CCC !important;
	color:#CCC;
	padding:10px;
	border-collapse:collapse;
}

#warenkorbanzeige thead tr,
#warenkorbanzeige tfoot tr
{
	font-weight:bold;
	border-collapse:collapse;
	width:100%;
	color:#343434;
	border:1px solid #CCC;
	background-color:#CCC;
}

#warenkorbanzeige th,
#warenkorbanzeige td
{
	color:#343434;
	padding:5px;
	vertical-align:top;
}

#warenkorbanzeige .noborderright
{
	border-right:0px;
}

#warenkorbanzeige .noborderleft
{
	border-left:0px;
}

#warenkorb_menu
{
	font-size: 1.2em;
	clear: both;
	float: left;
	width: 687px;
	list-style: none;
	margin-top: 1em;
	background-image: url('../grafik/linie.gif');
	background-repeat: no-repeat;
	background-position: -78px 12px;
}

#warenkorb_menu li
{
	position: relative;
	float: left;
	color: #E2001A;
	width: 136px;
	text-align: center;
}

#warenkorb_menu li a
{
	color: #E2001A;
	width: 136px;
	text-align: center;
}

#warenkorb_menu .wk_active a
{
	color: #CCC;
	width: 136px;
	text-align: center;
}

#widerrufsbelehrung
{
	width: 640px;
	height: 200px;
	overflow: scroll;
	float: left;
	clear: both;
	padding: 10px;
}

/* MENUE
---------------------------------------------------------------------------------*/

#firstUlMenue
{
	position: relative;
	clear: both;
	width: 209px;
	height: auto;
	line-height: 37px;
	font-family: Arial, Helvetica, serif;
	font-size: small;
	vertical-align: middle;
 	list-style: none;
	list-style-type: none;
	float: left;
	text-indent: 1em;
}

.liHG
{
	background: url(../grafik/hgHauptMenueGrau.jpg) repeat-x;
	color: #656565;
	width: 209px;
	font-weight: bold;
	vertical-align: middle;
	float: left;
}
.liHG ul {
list-style: none;
	list-style-type: none;
}
.liHG a,
.liHG a:visited
{
	float: left;
	vertical-align: middle;
	color: #656565;
	width: 100%;
	height: 100%;
	display: block;
	float: none;
	clear: both;
	position: relative;
	cursor: pointer;
}

.liHG a b,
.liHG a:visited b
{
	float: right;
}

.liHG a u,
.liHG a:visited u
{
	float: left;
	display: block;
	width: 85%;
}

.lifont
{
	color: #E2001A;
	line-height: 1.5em;
	font-weight: normal;
}

.lifont a,
.lifont a:visited
{
	color: #E2001A;
	text-decoration: underline;
}

#shopuntermenu
{ 
	margin-left: 2em;
	margin-top: 6px;
}

#shopuntermenu li
{
	list-style-image: url(../grafik/icons/menuePfeilRechts.gif);
}

#shopuntermenu li a
{
	color: #343434 !important;
	font-size: 12px;
}

.menue_pfeil
{
	position: relative;
	margin: 0;
	margin-right: 25px;
	float: right;
	width: 3px;
	height: 0px;
	overflow: visible;
}

.PFEIL
{
	float: right;
}