@charset "UTF-8";
/*
	p7cms-interne CSS-Anweisungen
*/

@media all
{

/* 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; }
	.centermargin { margin: 0 auto; }
	
/* Ü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; border-bottom: 2px solid #069; }
	#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; }
	.verysmall { font-size: 5px; font-weight: normal; }
	.smallinfo { font-size: 11px; color: #0000CD; }
	.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; }
	.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: #AAA; }

	.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; }
	.admintag {	color: #8ACE5C; }

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

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



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

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


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

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


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

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

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

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


}