@charset "UTF-8";
/* p7cms-interne CSS-Anweisungen */
@media all
{
/* Frontend */

body { /* position: relative; */ }
.pageinfo { position: absolute; height: 21px; padding-top:3px; text-align: center; color: #fff; background: url(/cms/images/bg-pageinfo.png) repeat-x top; z-index: 99999; }
.pageinfo a { color: #f00!important; }

/* Standardstyles */
div.gerade { background-color: #E8E8E8;	color: #000; border-left: 3px solid #1E90FF; padding: 6px 6px 6px 6px; margin-bottom: 6px; }
div.ungerade {	background-color: #F8F8F8;	color: #000; border-left: 3px solid #1E90FF; padding: 6px; margin-bottom: 6px; }
div.inaktiv { border-left: 3px solid #CCC; }
div.fremd {	color: #666; border-left: 3px solid #baea00; }
div.inaktiv { color: #aaa; }
div.inaktiv a { color: #aaa!important; }
div.entwurf { color: #333; border-left: 3px solid #ff3f00;	}
div.newitem { background-color: #F8F8F8; border-left: 3px solid #FF1D1D; padding: 6px; margin: 0 0 10px 0; }

div.warenkorb0 { border-left: 4px solid #CCC; color: #666; padding: 6px; margin-bottom: 6px; background-color: #F8F8F8; }
div.warenkorb1 { border-left: 4px solid #ffad37; padding: 6px; margin-bottom: 6px; background-color: #F8F8F8; }
div.warenkorb2 { border-left: 4px solid #39a0ff; padding: 6px; margin-bottom: 6px; background-color: #F8F8F8; }
div.warenkorb3 { border-left: 4px solid #6bdb40; padding: 6px; margin-bottom: 6px; background-color: #F8F8F8; }
div.warenkorb4 { border-left: 4px solid #ff3f00; padding: 6px; margin-bottom: 6px; background-color: #F8F8F8; }
div.gesperrt { border-left: 4px solid #ccc; padding: 6px; margin-bottom: 6px; background-color: #F8F8F8; }

/* News */
.tagbox { margin: 6px 0 0px 0; }

/* Produktgruppennavigation, Produktgruppenliste, Produktliste, Produktdetail */

.produktgruppenpfad { padding: 4px 0; color: #000; }
.produktgruppenpfad a { font-size: 1.1em; font-weight: bold; margin: 0 1px; color: #000!important; text-decoration: underline!important; }
.produktgruppenpfad a:hover,
.produktgruppenpfad a:link,
.produktgruppenpfad a:visited,
.produktgruppenpfad a:focus,
.produktgruppenpfad a:active { color: #000!important; text-decoration: underline!important; }

#produktgruppen { text-align: center; }
.produktgruppe { float: left; width: 160px; margin: 0 32px 8px 0; background-color: #fff; border: 1px solid #fff; }
.produktgruppefirst { }
.produktgruppelast { margin-right: 0; }
.produktgruppenbild { height: 115px; }
.produktgruppenbild .gruppenthumb { width: 150px; height: 115px; background-position: center; background-repeat: no-repeat; }
.produktgruppenlink { height: 34px; font-size: 1.2em; }
.produktgruppenlink a,
.produktgruppenlink a:hover,
.produktgruppenlink a:visited,
.produktgruppenlink a:active,
.produktgruppenlink a:focus { color: #000!important; text-decoration: none!important; }
.produktgruppenbeschreibung { display: none; }
.produktgruppeninfo { display: none; overflow: hidden }
.produktgruppenfuss { }
	
#produktliste { }
.produktlistenbox { float: left; width: 167px; text-align: center; margin: 0 24px 16px 0; }
.produktlistenboxfirst { }
.produktlistenboxlast { margin-right: 0; }
.produktlistenbild { height: 120px; margin-bottom: 4px; }
.produktlistenbox .produktthumb { width: 150px; height: 120px; background-position: center; background-repeat: no-repeat; }
.produktlistenpreis .preis { color: #1e90ff; font-size: 1.9em; font-weight: bold }
.produktlistenpreis .preisalt { font-weight: bold; }
.produktlistenlink { height: 30px; padding: 3px; }
.produktlistenlink a, .produktlistenlink a:hover, .produktlistenlink a:active, .produktlistenlink a:visited { color: #000!important; text-decoration: none!important; }
.produktlisteninfo { min-height: 50px; padding: 0 4px; text-align: center; overflow: hidden; }
.produktlistenbeschreibung { display: none; }
.steuersatz { color: #888; font-size: 0.9em; }

h2.tt { color: #c9f27b; font-size: 1.4em; font-weight: normal }
.produktcode .tt { color: #afd0f5; font-weight: bold; font-size: 1.1em; }
p.tt { font-size: 0.9em; line-height: 1.4em; color: #fff;}

.produkt h1 {}
.produkt .shopbox { margin-bottom: 2em; padding: 1em; border: 1px solid #ccc; background-color: #f8f8f8; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.produkt .produktbild { text-align: center }
.produkt .produktbild .imgborder { border: 1px solid #ddd; }
#produkteigenschaften { border: 1px solid #fff; padding: 0px; margin-bottom: 1em; }
.preis { color: #1e90ff; font-size: 1.25em; }
.preisalt { color: #C00; font-size: 1.25em; text-decoration: line-through; }
.preisbig {	color: #1e90ff; font-size: 1.4em; font-weight: bold }
.preisbigalt {	color: #C00; font-size: 1.2em; text-decoration: line-through; }
.zinfoa { font-size: 0.85em; color: #070;}
.zinfob { font-size: 0.85em; color: #900;}
.produkteigenschaft .ungerade { background-color: #ededed; border-left: none; padding: 3px; margin: 0; }
.produkteigenschaft .gerade { background-color: #cae5ff; border-left: none; padding: 3px; margin: 0; }
.produkteigenschaft .ungerade .subcl { background-color: #e2e2e2; }
.produkteigenschaft .gerade .subcl { background-color: #b5dbff; }
.produktdaten { margin-top: 1em; margin-bottom: 1em; }
.produktzusatzbild { float: left; margin: 6px; padding: 2px; }

/* Produktwerbung */

.produktcatcher { text-align: center; }
.produktcatcher .produktlink { height: 32px; }
.produktcatcher .produktlink a { color: #000; text-decoration: none }
.produktcatcher .produktbild { width: 150px; height: 100px; margin: 0 auto; border: 1px solid #000; background-color: #fff; }
.produktcatcher .produktbild .produktthumb { width: 150px; height: 100px; background-position: center; background-repeat: no-repeat }

/* Downloads */
.downloadpfad { padding: 4px 0; color: #000; }
.downloadpfad a { font-size: 1.1em; font-weight: bold; margin: 0 1px; color: #000!important; text-decoration: underline!important; }
.downloadpfad a:hover,
.downloadpfad a:link,
.downloadpfad a:visited,
.downloadpfad a:focus,
.downloadpfad a:active { color: #000!important; text-decoration: underline!important; }

/* Community */
#communitylogin { margin-bottom: 1em; border: 2px solid #dde3a7; background-color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px; }
#communitylogin form { border: none; padding: 0 4px 0 0; }

/* Warenkorbanzeigen */
#minikorb { border: 2px solid #dde3a7; background-color: #fff; padding: 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#minikorb strong a { display: block; margin-bottom: 0.4em; font-size: 1.3em; text-decoration: none; }
#minikorb form { padding-top: 0.5em; }
#minikorb hr { border-color: #000; }
#minikorb hr.doubleline { border-style: double; border-bottom-width: 3px; }
#minikorb input { font-size: 1.1em; font-weight: bold; background-color: #fff; }

#microkorb { text-align: right; border: 2px solid #dde3a7; background-color: #fff; padding: 8px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#microkorb a { color: #000; text-decoration: none; }	

/* Bestellablauf */
.zform { margin: 1em 0; }
.required { border: 1px solid #888; padding: 8px; }

/* Glossar */
.glossarnavigation {	margin: 0em 0 1em 0; padding: 0.5em 0 0 0; }
.glossarindex { margin-left: 4px; padding: 1px 6px; color: #999; background-color: #fff; border: 1px solid #d8d8d8; }
.glossarindex a { text-decoration: none!important; }
.glossarindexfirst { margin-left: 0px; }
.glossarindexcontent { background-color: #fff; }
.glossarindexcontent:hover { background-color: #1d86d3; border-color: #0f5b90; }
.glossarindexcontent:hover a { color: #fff; }
.glossarindexaktiv { background-color: #1d86d3; border-color: #0f5b90; }
.glossarindexaktiv a { color: #fff!important;}

.glossarbereich {	padding: 1em 0; }
.glossarbegriffe {	padding: 0.5em 0; }
.glossarbegriff {}
.glossarbacklink { margin: 1em 0 0 0; text-align: right; }

/* Listen */
.listenbildrechts { float: right; width: 160px; text-align: center; margin: 0 0 10px 10px; }
.listenbildlinks { float: left; width: 160px; text-align: center; margin: 0 10px 10px 0px; }

/* Boxen */
.borderbox { border: 1px solid #ccc; padding: 8px; margin: 0 0 1em 0;
}

/* generische */
.offset1 { position: relative; top: 1px; }
.offset2 { position: relative; top: 2px; }
.offset3 { position: relative; top: 3px; }
.offset4 { position: relative; top: 4px; }
.offset5 { position: relative; top: 5px; }
.offset8 { position: relative; top: 8px; }
.left10 { position: relative; left: 10px; }
.left20 { position: relative; left: 20px; }
.left50 { position: relative; left: 50px; }

.actionicons { position: absolute; top: -1px; right: 4px; }
.actionicons img { cursor: pointer; }

.cpointer { cursor: pointer; }
.superts:hover { background-color: #f8d82a; color: #000; margin-left: -5px; padding-left: 5px; margin-right: -5px; padding-right: 5px; }
.supertp:hover { background-color: #0c0; color: #fff; margin-left: -5px; padding-left: 5px; margin-right: -5px; padding-right: 5px; }
.supertw:hover { background-color: #c00; color: #fff; margin-left: -5px; padding-left: 5px; margin-right: -5px; padding-right: 5px; }
.supertd:hover { background-color: #97d8f9; color: #000; margin-left: -5px; padding-left: 5px; margin-right: -5px; padding-right: 5px; }

/* Google-Kbd */
#kbd td { margin: 2px!important; padding: 2px!important; }
#kbd { padding-right: 20px!important; }

/* Alte Styles */

.tagsuggestbox { margin-top: 8px; padding: 0px; line-height: 24px; }
.adminbox { border: 1px solid #888; padding: 0.5em; }

/* Neue Styles */

.smallitem { border-left-width: 3px!important; font-size: 0.9em; padding: 2px!important; margin: 0 0 3px 0!important; }

.newsfuss { color: #787878; font-size: 0.85em; margin-top: 5px; }
.newsfuss a { color: #787878; text-decoration: none; background-color: transparent }

form.warenkorb {}
form.warenkorb input { border: 1px solid #555;	}
form.warenkorb input.anzahl { width: 1.6em; text-align: right; }
		
.page { position: relative; }
#headerlink { display: block;	background-color: transparent; position: absolute; }
#header h1 { font-size: 0; line-height: 0; color:#000;	}
h1#headerlogo { padding: 0; border: none; }
a#headerlink { outline: none; }
	
/* Biglinks */
.hot { zoom: 1; /* Should be IE only */ }
/* rollover style for clickable element */
.hover { cursor: pointer; }

/* Styleswitcher */
#styleswitcher { position: relative; }
#styleswitcher ul { margin: 0; padding: 0;}
#styleswitcher ul li { float: left; list-style-type: none; border: 1px solid #333; background-color: #fff; margin: 0 0 0 4px;	padding: 0; }
#styleswitcher ul li a { display: block; width: 22px; height: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #000; font-size: 12px; line-height: 18px; padding: 0; text-align: center; }
#styleswitcher ul li.swsmaller a { font-size: 8px;	line-height: 18px; }
#styleswitcher ul li.swgreater a { font-size: 16px; line-height: 18px; }

.navigator { padding: 6px 0px; }
.navigator a.nborder { border: 1px solid #000; padding: 2px 6px; text-decoration: none; font-weight: bold; color: #000; background-color: #fff; }
.navigator a.nborder:hover { background-color: #1e90ff; color: #fff; text-decoration: none }
.navigator .nactive { border: 1px solid #000; padding: 2px 6px; font-weight: bold; color: #fff; background-color: #1e90ff; }

.propertie { border: 1px solid #888; padding: 0px; margin-bottom: 1em; background-color: #fff; }
.propertiehead { padding: 2px; font-size: 0.8em; color: 000; background-color: #d8d8d8; }
.propertiecontent { padding: 5px; }

.c10l, .c90l {float: left; }
.c10r, .c90r {float: right; margin-left: 0px; }
.c10l, .c10r { width: 10% }
.c90l, .c90r { width: 90% }

.bildwahlthumb { position: relative; border: 2px solid #fff; }
.bwbutton1 { position: absolute; border: 2px solid #FFF; bottom: 7px; left: 5px; cursor: pointer; }
.bwbutton2 { position: absolute; border: 2px solid #FFF; bottom: 7px; left: 27px; cursor: pointer; }

/* Allgemeine Anweisungen */

#admin { background: #fff; color: #000; }
.floatleft { float: left; }
.floatright { float: right; }
.right { text-align: right; }
	
.autowidth { width: auto;}
.fullwidth { width: 99%; }
.hide {	display: none;	width: auto; }
.floattextlabel { width: 95px;	display: block;	padding-right: 12px;	float: left; margin-bottom: 2px }
.clear { clear: both; }
.clearer { font-size: 1px; border-top: 1px solid red; clear: left }
.noborder {	border: none; }
.center { text-align: center; }
.tacenter { text-align: center; }
.taleft { text-align: left; }
.taright { text-align: right; }
.centermargin { margin: 0 auto; }
.justify { text-align: justify; }

hr { color: #fff; border: 0; border-bottom: 1px solid #ccc; background: transparent; margin: 0 0 1em 0; padding: 0 0 0.2em 0; }
hr.spacer { 
	background-color: transparent !important;
	color: transparent !important;
	border: none !important;
	border-top: 3px solid transparent !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px;
}
	
#admin hr { margin: 4px 0 2px 0; padding: 0; border-color: #bbb; }

/* Überschriften */

#admin h2, #admin h3, #admin h4 { font-family:  Verdana, Arial, Helvetica, sans-serif; font-weight: normal; 
	background-image: none;
	height: auto;
}
#admin h1 { font-size: 1.3em; margin: 0 0 0.5em 0; color: #000; border-bottom: 2px solid #069; background-color: transparent; }
#admin h2 { font-size: 1em; font-weight: bold; color: #fff; background-color: #069; padding: 0.2em 1em; }
#admin h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 0.8em; border-bottom: 2px solid #000; }
#admin h6 { font-style: normal; }
	
html h1 , html h2 , html h3 , html h4 { zoom:1 }

/* Textauszeichnungen */

.small { font-size: 11px; font-weight: normal; }
.smaller { font-size: 0.9em; }
.big { font-size: 1.1em; }
.bigger { font-size: 1.2em; }
.verysmall { font-size: 5px; font-weight: normal; }
.smallinfo { font-size: 11px; color: #0000CD; }
.fixed { font-family: "Courier New", Courier, monospace;	}
.fixedsmall { font-size: 11px; font-family: "Courier New", Courier, monospace;	}
.irrtum { color: #c00000; font-size: 0.9em; margin-bottom: 4px; }
.groupinfo { color: #555; font-weight: normal; font-size: 0.8em; }
.datum { color: #787878; font-size: 0.85em; }
.datum a { color: #787878; }
.tag { color: #386E10; }
.tags { font-size: 11px; font-weight: normal; }
.label { color: #386E10; }
.imessage {	color: #136c1f; background-color: #f1ee95; padding: 1px 4px; font-weight: bold; }
.grey {	color: #787878; }
.confirmed { color: #090; }
.notconfirmed { color: #c00; }
.status { font-size: 11px; font-weight: normal;	color: #286b00; }
.tags a { font-weight: normal; color: #386E10; }
.tags a:hover { text-decoration: none; }
.inaktiv { color: #aaa; }

.infotext { border: 1px solid #333; background-color: #F8F8F8; padding: 4px; margin-bottom: 1em; }
.produktinfo { font-size: 1em; margin-top: 1em; }
.produktcode { color: #2971BD; font-size: 0.8em; }
.nodecoration { text-decoration: none!important; color: #000; }
.produktstatus { font-weight: bold;	font-style: normal;	font-size: 0.9em; }
.preisklein { color: #C00; font-size: 0.9em; }
.preiskleinalt { color: #000; font-size: 0.9em; text-decoration: line-through; }
.linethrough { text-decoration: line-through; }
.admintag {	color: #8ACE5C; }
.produktaktion { color: #dc143c; font-weight: bold; }

.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }


/* tabellarische Listen */
	
.odd {
	background-color: #F8F8F8; border-left: 3px solid #1E90FF;
	padding: 6px; margin-bottom: 6px; }
html .odd { zoom:1 }

.even {
	background-color: #E8E8E8; border-left: 3px solid #1E90FF;
	padding: 6px; margin-bottom: 6px;
}
html .even { zoom:1 }

.smallodd {
	background-color: #E8E8E8; border-left: 3px solid #1E90FF; font-size: 0.9em;
	padding: 2px; margin: 0 0 3px 0; }

.smalleven {
	background-color: #F8F8F8; border-left: 3px solid #1E90FF; font-size: 0.9em;
	padding: 2px; margin: 0 0 3px 0; }

.smallnewitem {
	background-color: #F8F8F8; border-left: 3px solid #FF1D1D; font-size: 0.9em;
	padding: 2px; margin: 0 0 10px 0; }

	
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 0.4em 0; }


.confirm { background-color: #FCEEF0; border: solid 1px #CCCCCC; padding: 5px; margin-bottom: 16px; text-align: center; }

#listnavi { margin-bottom: 10px; padding: 3px 2px 4px 2px; color: #000000; border: 1px solid black; }
html #listnavi { zoom:1 }
.userlistnavi {	margin-bottom: 10px; padding: 3px 2px 4px 2px; color: #000000; border: none; text-align: center; font-size: 0.9em;}
html .userlistnavi { zoom:1 }

.userlistnavi .navistart {	background-color: #ffecc8;	border: 1px solid #000000;	padding: 1px 4px 1px 4px; }
.userlistnavi .naviback  {	background-color: #ffce71;	border: 1px solid #000000;	padding: 1px 4px 1px 4px; }
.userlistnavi .navithis  {	background-color: #ffb324;	border: 1px solid #000000;	padding: 1px 4px 1px 4px; }
.userlistnavi .naviforw  {	background-color: #ffce71;	border: 1px solid #000000;	padding: 1px 4px 1px 4px; }
.userlistnavi .naviend   {	background-color: #ffecc8;	border: 1px solid #000000;	padding: 1px 4px 1px 4px; }
.userlistnavi .navisort   {	background-color: #F1F1F1;	border: 1px solid #000000;	padding: 1px 4px 1px 4px; }
.userlistnavi a:link { color: #000000!important; text-decoration: none; font-weight: bold; }
.userlistnavi a:visited { color: #000000!important; text-decoration: none; }
.userlistnavi a:hover { color: #000000 !important; text-decoration: underline; }
.userlistnavi a:active { color: #000000!important; text-decoration: none; }

#listsort {	margin-bottom: 10px; padding: 2px; color: #000000; background-color: #FFD700; border: solid 1px #161616; }
html #listsort { zoom:1 }

#listsort a:link { color: Black; text-decoration: none; }
#listsort a:visited { color: Black; text-decoration: none; }
#listsort a:hover { color: #990000; text-decoration: underline; }
#listsort a:active { color: Black; text-decoration: none; }

#listsort a.active:link { color: #990000; text-decoration: none; }
#listsort a.active:visited { color: #990000; text-decoration: none; }
#listsort a.active:hover { color: #990000; text-decoration: underline; }
#listsort a.active:active { color: #990000; text-decoration: none; }

a.inaktiv {color: #AAAAAA; text-decoration:none;}
a.inaktiv:hover { text-decoration:underline; }

#listnavi a:link { color: #000000; text-decoration: none; }
#listnavi a:visited { color: #000000; text-decoration: none; }
#listnavi a:hover { color: Blue; text-decoration: underline; }
#listnavi a:active { color: #000000; text-decoration: none; }

#listnavi a.thissort:link { color: #000088; text-decoration: none; }
#listnavi a.thissort:visited { color: #000088; text-decoration: none; }
#listnavi a.thissort:hover { color: Blue; text-decoration: underline; }
#listnavi a.thissort:active { color: #000088; text-decoration: none; }

#listnavi a.sorts:link { color: #000000; text-decoration: none; }
#listnavi a.sorts:visited { color: #000000; text-decoration: none; }
#listnavi a.sorts:hover { color: Blue; text-decoration: underline; }
#listnavi a.sorts:active { color: #000000; text-decoration: none; }

#search a:link { font-size: 1.2em; color: #8B0000; text-decoration: none; }
#search a:visited { font-size: 1.2em; color: #8B0000; text-decoration: none; }
#search a:hover { font-size: 1.2em; color: #C80000; text-decoration: underline; }
#search a:active { font-size: 1.2em; color: #8B0000; text-decoration: none; }

.search { background-color: #FCEEF0; border: solid 1px #CCCCCC; padding: 5px; margin-bottom: 16px; }

#search input {	margin-left: 4px; background-color: #F4F4F4; border: solid 1px #A2A2A2; }
#search select { background-color: #FFFFFF; border-style: solid; margin-left: 4px; font-size: 0.9em; }

.autosearchvalues {
	display: inline; background-color: #ffffff;	color: #000000;	border: 1px solid #000000;
	margin: 0; padding: 0; }

.autosearchvalues ul , .autosearchvalues li { margin: 0; padding: 0; }
.autosearchvalues a { font-weight: normal; }

.autosearchselected {
	background-color: #4040FF; color: #ffffff; padding-left: 4px; }

.navistart { background-color: #EEF1FF;	border: 1px solid #888888;	padding: 1px 4px 1px 4px; }
.naviback {	background-color: #D2D7FF;	border: 1px solid #888888;	padding: 1px 4px 1px 4px; }
.navithis {	background-color: #BDC4FF;	border: 1px solid #888888;	padding: 1px 4px 1px 4px; }
.naviforw {	background-color: #D2D7FF;	border: 1px solid #888888;	padding: 1px 4px 1px 4px; }
.naviend { background-color: #EEF1FF;	border: 1px solid #888888;	padding: 1px 4px 1px 4px; }
.navisort {	background-color: #F1F1F1;	border: 1px solid #888888;	padding: 1px 4px 1px 4px; }


/* Boxen */

.bluebox { background-color: #f0f0f4; border: 1px #ccd solid; padding: 2px 4px; margin-bottom: 1em; }
.bluebox p { padding: 0px 8px 0 8px; }
.greenbox {	background-color: #ECF5D8; border: 1px #BFE475 solid; padding: 2px 4px; margin-bottom: 1em;	}
.redbox { background-color: #FCEEF0; border: 1px #EA8695 solid; padding: 4px; margin-bottom: 1em; }

.produktgruppenbeschreibungsbox { border: 1px solid #000000; padding: 10px; margin-bottom: 10px; }

h2.produktgruppe {
	font-size: 1.1em; color: #000; background-color: #EDEBE9; border: 1px solid #DBD7D3; 
	margin: 0 0 8px 0; padding: 4px; }

h2.produkt {
	font-size: 1.1em; font-weight: bold; color: #000; background-color: transparent; border: none;
	margin: 0; padding: 0; }
	
.floatgreenbox {
	color:#000;	background: #ECF5D8; padding: 2px; border: 1px #BFE475 solid;
	text-align: left; padding: 4px;	margin-bottom: 1em;	float: left; }

.shopgroupbox {
	color:#000;	background: #F4F4F4; padding: 1px; border: 1px #C0C0C0 solid;
	text-align: left; padding: 3px;	margin-bottom: 4px; }

.bildgruppenbox {
	color:#000;	background: #F4F4F4; padding: 1px; border: 1px #C0C0C0 solid;
	text-align: left; padding: 3px;	margin-bottom: 4px; }

.gruppenbox {
	color:#000;	background: #F4F4F4; padding: 1px; border: 1px #C0C0C0 solid;
	text-align: left; padding: 3px;	margin-bottom: 4px; }

.produktdetailbox { border-bottom: 1px solid #000000; margin: 0 0 8px 0; }
	
.suchresultate {
	display: block;
	color: #000000;	text-decoration: none; background: #FFFEE3; padding: 2px; border: 1px #FFD43F solid;
	text-align: left; padding: 2px 4px; margin-bottom: 6px;	font-size: 11px; }
.suchresultate:hover { background: #E5FFDD; }

.shopgroup { color: #eafffa; font-size: 0.9em; font-weight: bold; }
#sitesearch { border: 1px solid #333333; background-color: #F8F8F8; padding: 4px; margin-bottom: 1em; }
#sitesearch input { width: 95%;	margin-bottom: 6px; }

/* Bildpositionierungen / Thumbnails */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed { padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

.img-border { margin: 3px 7px 4px 0px; padding: 0; }
.img-borderl { margin: 3px 0px 4px 7px; padding: 0; }
.img-border img, .img-borderl img { background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; margin: 0; }
.borderless { border: none; }
.borderbottom { border-bottom: 1px solid #888; padding-bottom: 3px; }

.blackborder { padding: 1px; background-color: black; }

#thumbgallery {	margin-left: 25px; /* Thumbnails auf Contentspalte zentrieren */ }

.galeriethumb {	border: 2px solid #CCCCCC; width: 100px; margin: 5px 3px; padding: 6px;	float: left; text-align: center; }

.galthumb {
	background-color: #F0F0F0;
	border: 1px solid #888888;
	width: 124px; 
	height: 104px;
	margin: 0 5px 10px 0;
	padding: 2px;
	float: left;
	text-align: center; 
}
	
.thumbinfo {
	background-image: url(/cms/images/transbk75.png);
	padding: 1px 3px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.bad { color: #ff4444; }
.notbad { color: yellow; }
.good { color: #fff; }
	
.absolute {
	position: absolute;
}

.thumbwrapper img { border: 3px solid #FFFFFF; }
.galbox { padding: 6px; margin-bottom: 6px; }

.galbox:hover {	background-color: #f1efff; }
.galeriebox { border: 1px solid #CCCCCC; padding: 1em; margin-top: 1em; }

.downloadrubrik {
	border: 1px solid #888;
	padding: 0.5em;
	margin-bottom: 1em;
}
	
.downloadbox {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
	
/* Formulare */

form {overflow:hidden;}

input, textarea {
	width: auto; border: 1px #ccc solid; background: #fafafa; padding: 3px; color: #777; }

input[type=text]:focus, input[type=password]:focus , textarea:focus {
	background: #fff; color: #111; border-color: #666; }

input[type=submit] {
	background: #fafafa; color: #000; border-color: #555; padding: 1px 3px; }
	
input.bigsubmit { font-size: 1.25em ; border-style: solid; border-width: 2px; font-weight: bold; }

form.nice {	overflow: hidden; }
form.nice label { width: 120px;	display: block;	text-align: right; padding-right: 8px; float: left; margin-bottom: 6px; }
form.nice br { clear: left; }
form.nice br.noclear { clear: none; }
form.nice input, form.nice select, form.nice textarea {	
	width: 394px; display: block; font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #333 solid;	background: #fafafa; margin: 0 5px 5px 0; padding: 2px;
	color: #505050;	float: left; }
	
form.nice input.nofloat { float: none; display: block; font: 1em Verdana, Arial, Helvetica, Sans-Serif;
border: 1px #333 solid;	background: #fafafa;
margin: 0 5px 5px 0; padding: 2px;
color: #505050;	width: auto; }

form.nice input.radio {	display: inline; float: none; margin: 0 0 0 0px; color: #f050f0; width: auto; background-color: #FFF080; }
form.nice input.noborder { border: none; margin: 0;	padding: 0;	display: none; }
form.nice input[type=text]:focus, form.nice textarea:focus { background: #FFF; color: #000; border-color: #000; }
form.nice .autowidth { width: auto;}

form.filter { overflow:hidden; font-size: 0.85em; }
form.filter label { margin-left: 6px; margin-bottom: 6px }
form.filter { margin: 0; padding: 0; }
form.filter input[type=text] { margin: 0; padding: 1px; }
form.filter input.filteraktiv[type=text] { border-color: red; }
form.filter input[type=submit] { margin: 0; padding: 0 3px; }
form.filter input { _padding: 0px; }

fieldset { border: 1px solid #888888; padding: 0.5em; margin-bottom: 1em; }
#werbebanner textarea { width: 98%; color: #000000; font-size: 1em; }

.fieldform { border: 1px solid #ccc;	padding: 8px; margin: 0; }
.fieldform div.field {	 }
.fieldform fieldset { margin: 0 0 0.35em 0; border: 1px solid #ccc; }
.fieldform legend {	font-size: 1.1em;	font-weight: bold; padding: 0 3px; }
.fieldform span.condition , span.condition {	font-size: 0.95em; font-weight: normal; color: red; }
.fieldform label { display: block;	font-size: 0.8em; margin: 6px 0 2px 0; color: #000; }
.fieldform input { width: 98%; }
.fieldform select { width: 100%; padding: 2px; }
.fieldform textarea { width: 98%; height: 90px; }
.fieldform div.subcolumns input { width: 92%; }
.fieldform input[type=submit] { width: auto; font-size: 1.1em; font-weight: bold; }
.fieldform input.changesubmit[type=submit] { border-color: #ccc; color: #aaa; }
.fieldform input.changesubmit[type=submit]:hover { border-color: #000; color: #333;	cursor: pointer; }
.fieldform input[type=radio] { display: inline!important; width: auto!important; margin: 0.25em 0.4em 0.25em 0; position: relative; top:2px; }
.fieldform input[type=checkbox] { display: inline!important; width: auto!important; margin: 0.25em 0.4em 0.25em 0; position: relative; top:2px; }
input.readonly { color: #999!important; background-color: #e6e6e6!important; }

.field { background-color: transparent; padding: 5px; margin-bottom: 2px; }
.nofield { padding: 5px; }
.fieldfocus { background-color: #f1f8fe; padding: 5px; }
.lpadding { padding-top: 23px; }

pre {position:relative; color: #555; background-color: #f8f8f8; padding: 5px 10px 6px 10px; border: 2px solid #e0e0e0; margin: 0.5em 0 1em 0; }
pre code { display: block; padding: 26px 0 0 0px; }
span.copynext { position: absolute; top:6px; right: 12px; text-align: right; color: green; cursor: pointer; margin:0;padding: 2px 5px; border: 2px solid #e0e0e0; background-color: #fff; }
code.xhtml { background: url(/cms/images/code-xhtml.gif) no-repeat top left; }
code.css { background: url(/cms/images/code-css.gif) no-repeat top left; }
code.php { background: url(/cms/images/code-php.gif) no-repeat top left; }
code.sql { background: url(/cms/images/code-sql.gif) no-repeat top left; }
code.javascript { background: url(/cms/images/code-javascript.gif) no-repeat top left; }

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
th,td { padding: 0.5em; }
table.cellpadding5 th, table.cellpadding5 td { padding: 5px; }
table.cellpadding1 th, table.cellpadding1 td { padding: 1px; }
table.cellmargin5 { border-collapse: separate; border-spacing: 5px; }
table.cellmargin1 { border-collapse: separate; border-spacing: 1px; }
table.cellscenter th, table.cellscenter td { text-align: center; }
table.cellsright th, table.cellsright td { text-align: right; }
table.cellborders td { border-top: 1px solid #444; border-right: 1px solid #444; border-bottom: 1px solid #444; border-left: 1px solid #444; }
table.headingsleft th { text-align: left; }
table.headingscenter th { text-align: center; }
table.headingsright th { text-align: right; }
table.border { border: 1px solid #444; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }
table.heading thead th { background: #444; color: #fff; }
table.heading tbody th { background: #444; color: #fff; }
table.headingborders th { border: 1px solid #444; }
table.hover tbody tr:hover td { background: #e8f1ff; }

/* Bildsortierung */

#bildsortierung {
	border: 1px solid black;
	padding: 5px;
}

#bildsortierung ul {
	margin: 0; padding: 0;
	height: 70px;
}

#bildsortierung li {
	list-style-type: none;
	list-style-position: inside;
	margin: 2px 4px; padding: 0;
	float: left;
}

.movedthumb {
	background-color: red;
	border: 1px solid green;
}

#bildsortierung div.sortthumb {
	border: 2px solid #ddd;
	background-color: #fff;
	padding: 4px;	
}


/* Hilfefunktionen , Tooltips */

span.tooltip { position:relative; z-index: 24; background-color: transparent; text-decoration: none }
span.tooltip:hover { z-index:25; }
span.tooltip span { display: none; font-size: 12px; line-height: 13px; }
span.tooltip:hover span.formtooltip {
	z-index: 99999; display:block; position:absolute; top: 23px; left: -383px; width: 370px;
	padding: 3px;
	border: 1px solid #000; background-color:#EFEEAF; color:#000;
	text-align: left; }

span.tooltip:hover span.formtooltipr {
	z-index: 99999; display:block; position:absolute; top: 23px; left: 23px; width: 230px;
	padding: 3px;
	border: 1px solid #000; background-color:#EFEEAF; color:#000;
	text-align: left; }

span.tooltip:hover span.contenttooltip {
	z-index: 99999; display:block; position:absolute; top:2em; left: -12em; width: 10em;
	border: 1px solid #000; background-color:#FF8; color:#060;
	text-align: left; }

/* Admin-Buttons */

a.admintooglebutton , a.admintooglebuttonaktiv {
	border: 1px solid #000000; padding: 0px 10px; font-size: 11px; text-decoration: none; }
a.admintooglebuttonaktiv , a.admintooglebutton:hover {	background-color: #000000;	color: #FF8C00; }
a.admintooglebutton { background-color: #FF8C00; color: Black; }
a.adminstylebutton {
	color: #000000; background-color: #FFFFFF; border: 1px solid #BBBBBB; padding: 0px 10px;
	font-size: 12px; font-weight: bold ; text-decoration: none; }
a.adminstylebutton:hover {	color: #000000; background-color: #EBFBEA; }

/* AJAX Livesuche etc. */

input[type=text]#q {
	background-image: none; /* Grafik von http://www.napyfab.com/ajax-indicators/ */
	background-position: center right; background-repeat: no-repeat; }

div#adminajaxergebnisse {
	display: block;	background-color: #fff9f4; color: #066b00;
	border: 1px solid #000751; margin: 6px 0 2px 0;	padding: 2px 6px; }

ul.produktgruppenliste_admin , li.produktgruppenliste_admin {
	line-height: 1em; list-style: none;	margin: 0; padding: 0; }

img#moveupdownicon:hover { cursor: n-resize; }

#LSResult{
	float: left; width: 410px; display: block; }

#LSShadow{
	float: left; display: block; }

.ajaxtextresults {
	color:#000;	background: White; padding: 2px; border: 1px #000060 solid;	text-align: left; margin-top: 7px; }

.ajaxresults { 
	color:#000;	padding: 2px; border: 0; text-align: center; margin-top: 8px; }

/* Admin-Helpdesk */

#helpdesk {
	width: 100%; height: 100%; position: absolute;	left: 0; top: 0;
	color: #000; background-color: #FFF; border: 1px solid #000;
	display: none; overflow: scroll; }

#helpdeskajaxloading {
	position: absolute;	left: 50%; top: 50%; display: none;
	margin: -10px 0 0 -10px; }

.adminhelper {
	color: #000; background-color: #FFF; border: 1px solid #888; font-size: 1.4em; font-weight: bold;
	padding: 2px; margin: 0 0 1em 0; }

/* Suchanfragen */

.lightpen { color: #000; background-color: #FF0; }

/* ##### Styles von Drittanbieterscripten ###### */

/* SWFUpload */

.progressWrapper { width: 100%; overflow: hidden; }
.progressContainer {
	margin: 5px 0 5px 0; padding: 1px 2px 1px 2px;
	border: solid 1px #E8E8E8; background-color: #F7F7F7;
	overflow: hidden; }

.red /* Error */ { border: solid 1px #B50000; background-color: #FFEBEB; }
.green /* Current */ { border: solid 1px #CBCDFF; background-color: #EDEDFF; }
.blue /* Complete */ { border: solid 1px #CDFFCD; background-color: #F1FFF1; }

.progressName {
	font-size: 9pt;	font-weight: bold; color: #333333; width: 323px;
	height: 16px; text-align: left;	white-space: nowrap; overflow: hidden; }

.progressBarInProgress, .progressBarComplete, .progressBarError {
	font-size: 0px;	width: 0%; height: 2px;	background-color: #F03062; margin-top: 2px;}

.progressBarComplete { width: 100%;	background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus {
	margin-top: 2px; font-size: 7pt; font-family: Verdana; text-align: left; white-space: nowrap; }

/* ##### Clientstyles #### */

.commentodd { background-color: #F8F8F8; border: 1px solid #A0A0A0;	padding: 8px; margin-bottom: 8px; }
.commenteven { background-color: #E8E8E8; border: 1px solid #A0A0A0; padding: 8px; margin-bottom: 8px; }
.commentcontent { padding-left: 25px; }

.news {	margin-bottom: 4px;	padding: 0; }
.newsteaser { font-weight: bold; }
#newsarchiv { 
	background-color: #EEE; border-top: 1px solid black; border-bottom: 1px solid black;
	padding: 3px 6px; margin-bottom: 6px; }

#newsarchiv a:focus { background-color: transparent; }
#newsarchiv li { margin-bottom: 5px; }
#newsarchiv li.preview { list-style-image: url( 'images/timeicon.gif' ); list-style-position: outside; margin-bottom: 0; }
	
ul.years { padding: 0; margin: 0; }
ul.months {	padding: 0; margin: 0; }
ul.years li { background-color: #E5E8E1; color: #1E90FF; list-style: none; margin: 0; padding: 0 8px 0 8px;	float: left; }
ul.years li.current { background-color: #DDFEA0; text-decoration: underline; }
ul.years li:hover { background-color: #DDFEA0; }
ul.months li {
	background-color: #E5E8E1; color: #1E90FF; list-style: none;
	margin: -5px 0 0 0;	padding: 0 8px 0px 8px;	float: left; }

ul.months > li { margin: 0; }
ul.months li.current { background-color: #DDFEA0; text-decoration: underline; }
ul.months li:hover { background-color: #DDFEA0; }

#shopstepper ul { display: block;	margin: 0; padding: 0; }
#shopstepper li { float: left; width: 25%;	list-style: none; margin: 0; padding: 0; }
#shopstepper li div.wrapper { display: block; padding: 0 3px; }
#shopstepper li span.content { display: block; text-align: center; font-size: 1em; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; height: 75px; }
#shopstepper li strong { display: block; text-align: center; font-family: "Georgia","Times New Roman", Times, serif; font-weight: normal; font-size: 1.6em; 	padding: 4px 4px 7px; margin-bottom: 5px; 	border-bottom: 1px solid #000; }
#shopstepper li span.content {	background-color: #ececec; }
#shopstepper li strong { border-bottom: 1px solid #cacaca; }
#shopstepper li.current span.content { background-color: #fff3ca; }
#shopstepper li.current strong { border-bottom: 1px solid #ffde6a; }
#shopstepper li.ready span.content { background-color: #d6fbd8; }
#shopstepper li.ready strong { border-bottom: 1px solid #7af181; }
#shopstepper a { color: inherit; text-decoration: none; outline: none; }

#dashboard { }
#dash_news, #dash_produkte, #dash_kommentare, #dash_benutzer, #dash_shop { margin-bottom: 1.5em; }

.positioner { position: relative;}
.block { display: block;}
.inline { display: inline;}
.badge { position: absolute; top: 0px ; right: -4px; Z-index: 3;}
.loupe { position: absolute; bottom: 0px ; right: 0px; Z-index: 3;}

#bc_ajaxload { position: absolute; top: 45%; left: 54px; }
.selectcheck { position: absolute; top: 3px; left: 3px; }


div.overlay { background-color: transparent;bottom:0;left:0;opacity:0.75;position:absolute;right:0;top:0;z-index: 333331; }
div.modal { background-color:#FFFFFF;border:6px solid #333333;font-size:24px;left:50%;line-height:30px;margin:0 0 0 -125px;
padding:20px;position:fixed;text-align:center;top:275px;width:250px;z-index: 333333;}

}