/* ######################################################################################################
** # p7cms Default CSS-Styles
** ####################################################################################################*/

@media all
{

body {
	font-size: 81.25%; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}

h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 { font-size: 1.0em; color: #FFFFFF; background-color: #006699; margin: 0 0 0.5em 0; padding: 2px 4px; font-weight: bold; border: none; }
h2 { font-size: 1.0em; color: #FFFFFF; background-color: #006699; margin: 0 0 0.5em 0; padding: 2px 4px; font-weight: bold; border: none; 
}

h1 { display: none; }

#main h1 { display: block; }

html h1 , html h2 , html h3 , html h4 { zoom:1 }

h3 {font-size: 1.1em; color: #4682B4; margin: 0 0 0.25em 0; padding-top: 0; font-weight:bold; }
h4 {font-size: 1.0em; color: Black; margin: 0 0 0.6em 0; padding-top: 0; font-weight:bold; border-bottom: none;}
h5 {font-size: 1.0em; color: Black; margin: 0 0 0.30em 0; font-style: none; }
h6 {font-size: 1.0em; color: Black; margin: 0; font-style: normal; }

p,ul,dd,dt { line-height: 1.2em; }
p { line-height: 1.3em; margin: 0 0 1.2em 0; }

hr {
	margin-bottom: 9px;
	margin-top: 3px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #CCCCCC;
}

/* ### Bildpositionierung ############################################################################ */

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 }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color: #990000; text-decoration:none;}
a:hover { color: #DD0000; background-color: transparent; text-decoration:underline;}
/* a:visited { color: #990000; background-color: transparent;} */
a:focus { color: #BB0000; background-color: transparent; text-decoration:underline;}

/*
#main a[href^="http:"], #main a[href^="https:"] { color: #990000; padding: 0; background-image: none; }
#main a[href^="http:"]:hover, #main a[href^="https:"]:hover { color: #DD0000; padding: 0; background-image: none; }
*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

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: #f0f0f0;
	color: #333;
	border-color: #666;
}

input[type=submit] {
	background: #fafafa;
	color: #000;
	border-color: #555;
	padding: 1px 3px;
}

/* Spezielle Texte */
.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; }

/* Ungeordnete Listen ohne Listenpunkt */ 
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 0.4em 0; }

/* #####################################
	# Boxen und Container
	###################################*/

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;
}
	
.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;
	text-align: left;
	padding: 2px 4px;
	margin-bottom: 1em;
}

.bluebox p {
	padding: 0px 8px 0 8px;
}


.greenbox {
	color:#000;
	background: #ECF5D8; padding: 2px; border: 1px #BFE475 solid;
	text-align: left;
	padding: 2px 4px;
	margin-bottom: 1em;
}

.redbox {
	color:#000;
	background: #FCEEF0; padding: 2px; border: 1px #EA8695 solid;
	text-align: left;
	padding: 4px;
	margin-bottom: 1em;
}

.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;
}

.produktbox {
	border: 1px solid #888888;
	margin: 0 0 8px 0;
	padding: 4px;
}

.produktdetailbox {
	border-bottom: 1px solid #000000;
	margin: 0 0 8px 0;
}

.suchresultate {
	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;
}

#communitylogin {
	border: 1px solid #333333;
	background-color: #F8F8F8;
	padding: 4px;
	margin-bottom: 1em;
}

#communitylogin input {
	width: 135px;
}

#sitesearch {
	border: 1px solid #333333;
	background-color: #F8F8F8;
	padding: 4px;
	margin-bottom: 1em;
}

#sitesearch input {
	width: 95%;
	margin-bottom: 6px;
}

.infotext {
	border: 1px solid #333333;
	background-color: #F8F8F8;
	padding: 4px;
	margin-bottom: 1em;
}

.produktinfo {
	font-size: 1em;
	margin-top: 1em;
}

.produktcode {
	color: #2971BD;
	font-size: 0.8em;
}

.preis {
	color: #6481B1;
	font-size: 1.25em;
}

.preisbig {
	color: #6481B1;
	font-size: 1.25em;
}

.produktstatus {
	font-weight: bold;
	font-style: normal;
	font-size: 0.9em;
}
.preisklein {
	color: #CC0000;
	font-size: 0.9em;
}

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

.admintag {
	color: #8ACE5C;
}

/* #####################################
	# Effekte
	###################################*/

/* Efekte für Bilderthumbnails */

.img-border {
  margin: 3px 7px 4px 0px;
  padding: 0;
}

.img-border img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
}

.img-shadow {
  float:left;
  background: url( 'images/shadowAlpha.png' ) no-repeat bottom right !important;
  background: url( 'images/shadow.gif' ) no-repeat bottom right;
  margin: 10px 5px 5px 6px !important;
  margin: 10px 5px 5px 3px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

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

/*  Bildthumbnails */

#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: 120px;
	margin: 0 5px 10px 0;
	padding: 4px;
	float: left;
	text-align: center;
}

.galthumb img.thumb {
	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;
}


/* ########################################
	# Verschiedene Einstellungen Korekkturen
	######################################*/

.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: inside;
	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;
}

.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;
	padding: 2px;
	margin-bottom: 3px;
	font-size: 11px;
}

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

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

.small {
	font-size: 11px;
	font-weight: normal;
}

.verysmall {
	font-size: 5px;
	font-weight: normal;
}

.smallinfo {
	color: #0000CD;
	font-size: 11px;
}

.irrtum {
	color: #c00000;
	font-size: 0.9em;
	margin-bottom: 4px;
}

.groupinfo {
	color: #555555;
	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;
}

.grey {
	color: #787878;
}

.status {
	font-size: 11px;
	font-weight: normal;
	color: #286b00;
}

.tags a { font-weight: normal; color: #386E10; }
.tags a:hover { text-decoration: none; }

.inaktiv {
	color: #AAAAAA;
}

.right {
	text-align: right;
}

/* #####################################
	# Adminbereich
	###################################*/

#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;
}

.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; }


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[type=submit] { margin: 0; padding: 0 3px; }
form.filter input { _padding: 0px; }

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: #E7F1E7;	color: #000;	border-color: #000; }
form.nice .autowidth {	width: auto;}

fieldset { border: 1px solid #888888; padding: 0.5em; margin-bottom: 1em; }

#werbebanner textarea { width: 98%; color: #000000; font-size: 1em; }
	
.autowidth { width: auto;}
.fullwidth { width: 99%; }
.hide {	display: none;	width: auto; }
.floatleft { float: left; }
.floatright { float: right; }
.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; }
.centermargin { margin: 0 auto; }

/* Adminbuttons */

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; }

/* 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;
}

/* 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-Ajax-Livesuche */

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;
}

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

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

/* Admin-Helpdesk */

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

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

.adminhelper {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #888888;
	padding: 2px;
	margin: 0 0 1em 0;
	font-size: 16px;
	font-weight: bold;
}

.lightpen {
	color: #000000;
	background-color: #FFFF00;
}

}