/* ----------- Warenkorb ---------------- */


table.background {
	border-collapse: collapse;
	background-color: #fff;
}

div.button {
	width:100%;
	padding:2px 0px 2px 0px;
	text-align:right;
}

table.background * th {
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#eee;
	font-weight:bold;
	color:#484860;
	line-height:18px;
	padding: 4px 15px 4px 15px;
}


table.background th span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#eee;
	font-weight:bold;
	color:#484860;
	line-height:18px;
	padding: 4px 15px 4px 15px;
}


table.background * td.mark {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px;
	font-weight:bold;
	color:#484860;
	border-bottom: 1px solid #ccc;
	text-align:center;
}

table.inline {
	empty-cells:show;
	width:100%;
	margin-top:5px;
 	background-color:#fff;
}

fieldset {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px #ddd solid;
}

table.fieldset td {
	padding: 3px;
}

table.list {
	margin-top:5px;
	width:100%;
	border-collapse:collapse;
}

td.list, td.list a, table.inline * td {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:3px;
}

table.background * input {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ----------- Listenansicht (der Shop) ---------------- */

table.hgshop {
	width:100%;
	border: 1px #e0e0e0 solid;
	background-color:#FAFAFA;
}

table.selector {
	width:100%;
	border: 1px #e0e0e0 solid;
	background-color:#F8F8F8;
	margin: 2px;
}

table.selector th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#484860;
	background-color:#f8f8f8;
}

table.selector td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#666;
	background-color:#fff;
}

td.selected_row {
	background-color:#fff;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

table.shop {width:100%; 	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

table.shop td {padding:2px; vertical-align:top;}

/*
a.shoplink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#404080; }
	a.shoplink:link { text-decoration:underline; color:#404080; }
	a.shoplink:visited { text-decoration:underline; color:#404080;}
	a.shoplink:hover { text-decoration:underline; color:#8080A0; }
	a.shoplink:active { text-decoration:underline; color:#404080;}
	a.shoplink:focus { text-decoration:underline; color:#404080;
}
*/

/* ----------- erster Teil des Shops---------------- */

table.artikelbezeichnung {
	background-color:#F8F8F8;
	border: 1px #e0e0e0 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#445E9F;	
	padding:6px;
}


table.artikelbezeichnung form {padding:0px; margin:0px;}



/* ----------- Navigation im Shop (oben und unten)---------------- */

tr.shopnavigation {background-color:#FFFFFF; height:25px;}
tr.shopnavigation td {padding:5px; color:#000000; font-weight:normal;}

tr.shopnavigation button.button  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	border: 1px #eee solid;
 	color:#606080;
 	background-color: #f8f8f8;
	padding: 0px 1px 0px 1px;
	margin-right: 1px;
}

tr.shopnavigation button.button_disabled  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	border: 1px #eee solid;
 	color:#aaa;
 	background-color: #f8f8f8;
	padding: 0px 5px 0px 5px;
	margin-right: 3px;
}


/* ----------- Kopf der Listenansicht im Shop ---------------- */

tr.shophead {
	background-color:#e0e0e0;
}

tr.shophead td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	color:#484860;
	background-color:#f8f8f8;
}

/* ----------- Sonstiges im Shop ---------------- */

tr.hgfarbeshop1 {background-color:#FFFFFF; }
tr.hgfarbeshop2 {background-color:#FFFFFF;}

.blau {color:#445E9F;}
.orange {color:#F49847;}
.bold {font-weight:bold;}
.kursiv {font-style:italic;}


td.shopfirma {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#445E9F;
	font-weight:bold;
	font-size:10px;
	background-color:#fff
}
td.shopfirma p img {float:left;}
td.shopfirma p {margin:3px 0px 3px 0px;}


table.shop form {margin:0px; padding:0px;}

table.shop input {
	height: 20px;
	text-align:right; 
}

.actionprice {
	border:1px #800 dotted;
	color:#a44;
	font-style:italic;
	padding:5px;
	margin-top:5px;
	text-align:center;
}

input.warenkorbbutton {
	background-image: url(../../../images/warenkorb1.jpg);
	background-repeat: no-repeat; 
	background-position: left top;
	width:23px; 
	height:19px;
	cursor:hand; cursor:pointer;
	border-width:0px;
	border-style:solid;
	background-color:transparent;
}

span.photo {
	background-image: url(../../../images/foto.gif);
	background-repeat: no-repeat;
	background-position: center middle;
	width:23px;
	height:19px;
	cursor:hand; cursor:pointer;
	border-width:0px;
	border-style:solid;
	background-color:transparent;
	display:block;
}


/*
table.shop a  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#606080;}
	table.shop a:link { text-decoration:underline; color:#686880; }
	table.shop a:visited { text-decoration:underline; color:#686880;}
	table.shop a:hover { text-decoration:underline; color:#003366; }
	table.shop a:active { text-decoration:underline; color:#003366;}
	table.shop a:focus { text-decoration:underline; color:#003366;
}*/

#shopbildaussen {width:480px; z-index:4; overflow:hidden;}
#shopbild {width:100%; height:auto; text-align:center; z-index:4; 
	overflow:auto; overflow-y:hidden; padding:0px 0px 17px 0px;
	scrollbar-3dlight-color:#DFDFDF;
	scrollbar-arrow-color:#DFDFDF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#DFDFDF;	
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-hightlight-color:#FFFFFF

}


select.auswahl {
	border-style:solid; 
	border-color:#666;
	border-width:1px; 
	background-color:#fafafc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
}

/* maXvis Elemente */

button.select {
	text-align:left;
	padding-left: 20px;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:22px;
}

div.nobutton {
	display:block;
	border-width: 1px;
	border-style: outset;
	border-color: gray;
	padding: 2px;
	margin-left:1px;
	font-size: 11px;
	cursor:pointer;
}

/* Neue Buttons */

button {
	border-width: 1px;
	font-size: 11px;
	cursor:pointer;
}

button.disabled {
	width:100%;
	height:22px;

}

button.action {
	width:20px;
	background-image:url(../images/action.png);
	background-repeat:no-repeat;
	background-position:center center;
	height:100%;
}

button.parent {
	width:20px;
	background-image:url(../images/parent.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:22px;
}

button.delete {
	width:20px;
	background-image:url(../images/delete.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:100%;
}

button.close {
	width:20px;
	float:right;
	background-image:url(../images/delete.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:100%;
}

button.choise {
	width:20px;
	height:100%;
	background-image:url(../images/select.png);
	background-repeat:no-repeat;
	background-position:center center;
}

button.choise {
	width:20px;
	height:100%;
	background-image:url(../images/select.png);
	background-repeat:no-repeat;
	background-position:center center;
}

button.choise_disabled {
	width:20px;
	height:100%;
	background-image:url(../images/select_disabled.png);
	background-repeat:no-repeat;
	background-position:center center;
}

button.flagbutton {
	width:100%;
	height:22px;
	margin: 3px;

}

button.nav {
	width:100%;
	text-align:left;
	padding: 0px 3px 0px 3px;
	height:22px;
}

button.w100center {
	width:100%;
	text-align:center;
	padding: 0px 3px 0px 3px;
}

button.guess {
	width:20px;
	height:100%;
	float:right;
	background-image:url(../images/guess.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

button.button {
	height:22px;
	padding: 0px 3px 0px 3px;
}

button.button_disabled {
	height:22px;
	padding: 0px 3px 0px 3px;
}

button.flag {
	padding: 0px 3px 0px 15px;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:22px;
}

button.menu {
	width:100%;
	padding: 0px 3px 0px 15px;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:22px;
}

button.nomenu {
	height:22px;
}


button.select {
	text-align:left;
	padding-left: 20px;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:22px;
}


button.asc {
	width:100%;
	padding: 0px 18px 0px 3px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right center;
	background-image:url(../images/s_asc.gif);
	height:22px;
}

button.desc {
	width:100%;
	padding: 0px 18px 0px 3px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right center;
	background-image:url(../images/s_desc.gif);
	height:22px;
}

button.sort {
	width:100%;
	text-align: left;
	padding: 0px 3px 0px 3px;
	height:22px;
}

table.flag {
	border-collapse: collapse;
	padding:0px;
	width:100%;
	background-color: #e7e7e7;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
}

table.flag td {
	border-top: 1px #CCC solid;
	padding: 0px;
	color: #000;
	background-color: #fff;
	width:100%;
}

table.flag * a {
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #fff;
	text-decoration:none;
	display:block;
	width:auto;
	cursor: pointer;
}

table.flag * a span{
	width:100%;

}

table.flag * {
	font-size: 11px;
}

table.flag * a, table.selectflag * a {

	padding: 3px;

}

table.flag * a:hover, table.selectflag * a:hover {
	background-color: #ccc;
}

div.selectBoxLimit{
	background-color: #666;
	border-width: 1px;
	border-style: outset;
	border-color: grey;
	height:150px;
	overflow:auto;
}