/*
Author: Roy Schmidt
Web:	http://www.SigmaMedia.de
E-Mail:	info@SigmaMedia.de
*/

/*
dklgruen #333300; (wrapLeft)
orange #FD8815;
*/

html {
	height:100%;
}
	
body {
	height:100%;
}

* {
	margin: 0;
	padding: 0;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

:link:focus, :visited:focus { 
	-moz-outline: 0px dotted; 
}

[type="radio"], [type="checkbox"]
{
 border: 0;
}

.bold {
	font-weight: 700;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}

img {
	border: 0;
}

.ora {
	background: #FD8815;
} 

.nobIE {
	border: 0 !important;
}

div#contentOuter ul {
	list-style: none;
}


/*---------------------------------------LinkStyle-Beginn---------------------------------------*/
a.gsIndexList {
	color: #333300;
	cursor: hand;
	display: block;
	text-decoration: none;
	float:left;
}

*html a.gsIndexList {
	height: 100px;
	width: 581px;
}

a.mainNavi, a.mainNavi:link, a.mainNavi:visited, a.mainNavi:hover, a.mainNavi:active  {
	background: #666633;
	border-bottom: 1px solid #CCCC66;
	display: block;
	color: #fff;
	font-size: 11px;
	padding: 4px 0px 4px 10px;
	text-decoration: none;
	max-width: 190px;
}

a.mainNavi:hover {
	background: #333300;
}



div#wrapHeadNav a:link, div#wrapHeadNav a:visited, div#wrapHeadNav a:hover, div#wrapHeadNav a:active {
	background: url(img/bg_leiste_a.gif) repeat-x;
	color: #333300; 
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 700;
	margin-left: 1px;
	padding: 5px 0px 4px 0px;
	text-align: center;
	text-decoration: none;
	width: 155px;
}

div#wrapHeadNav a:hover {
	background-position: 0px -22px;
}

span.logBoxLeft a, span.dropBoxLeft a, div#stockBox a {
	color: #333300;
	text-decoration: none;
}

/*Breadcrump*/
div#breadCrump a{
	color: #fff;
	text-decoration: none;
}

div#breadCrump a:hover{
	color: #CCCC66;
	text-decoration: none;
}

/*Seitenliste*/
ul#seitenliste {
	background: #fff;
	color: #333300;
	list-style: none;
	padding-top: 10px;
}

ul#seitenliste li {
	display: inline;
	padding-left: 10px;
}

ul#seitenliste li a{
	color: #333300;
	font-weight: 700;
}



/*Stockbox*/
div#stockBox ul li a:link, div#stockBox ul li a:hover, div#stockBox ul li a:visited, div#stockBox ul li a:active {
	color: #fff;
	text-decoration: none;
}

div#stockBox ul li a:hover {
	color: #333300;
}

div.anzeigen a.werbung {
	display: block;
	margin-bottom: 1px;
	width: 156px;
}

div.anzeigen ul li a:link, div.anzeigen ul li a:hover, div.anzeigen ul li a:visited, div.anzeigen ul li a:active {
	color: #333300;
	text-decoration: none;
}
div.anzeigen ul li
{
	padding:3px;

	border-bottom:#333300 1px solid;
}
div.anzeigen ul li a:hover {
	color: #fff;
}

/*
div.anzeigen ul li {

	display: block;
	padding-left:3px;
	padding-bottom:3px;
	border-bottom:#FF0000 1px dashed;
	
}
div.anzeigen ul li a{
	color:	#333300;
	text-decoration:none;
}
*/
/*Gutschein Details Galerie*/
div.imgRight p a, div.imgRight p a:hover {
	color: #333300;
	padding: 1px;
	text-decoration: none;	
}

div.imgRight p a:hover {
	color: #FD8815;	
}

div.imgRight a{
	text-decoration: none;	
}
/*---------------------------------------LinkStyle-Ende---------------------------------------*/


/*---------------------------------------GutscheinContainer-Beginn---------------------------------------*/

div#contentInner h2 { 
	line-height: 1.5em;
	margin-left: 10px;

}

/*
div#contentInner p {
	line-height: 1.5em;
	margin-bottom:1.5em;
}
*/

div#contentInner span.gsBoxHead {
	background: #666633;
	display: block;
}

div#contentInner span.gsBoxHead h1 {
	color: #fff !important;
	font-size: 11px;
	font-weight: 700;
	padding-top: 3px;
}

div#contentInner span.gsBoxCont {
	display: block;
	margin: 5px 0px 5px 0px;
	min-height: 100px;
}

*html div#contentInner span.gsBoxCont {
	height: 100px; /*IE*/
}

div#contentInner span.gsBoxCont img {
	border: 0;
	float: left;
	margin: 4px 8px 0px 0px;
}
div#contentInner span.gsBoxCont h1 {
	border: 0;
	margin: 4px 8px 0px 0px;
}
div#contentInner span.gsBoxSelect {
	border-top: 1px solid #666633;
	display: block;
	font-weight: 700;
	/*margin: 0px 10px;*/
	padding: 5px 0px;
}

div.forms {
	min-height: 350px; 
}

*html div.forms {
	height: 350px;
}

/*div.forms * p {
	padding-left: -10px; 
}*/

div.left {
	float: left;
	width: 280px; 
}

div.right {
	float: right;
	width: 290px; 
}

div.left span.left, div.right span.left {
	display: block; 
	float: left; 
	width: 80px;
}

div.right span.left {
	width: 90px;
}

div.left span.right, div.right span.right {
	display: block; 
	font-weight: 700;
	margin-left: 90px;
	max-width: 199px;
	min-width: 199px;
}

div.imgRight {
	float: right;
	margin: 8px 10px 0px 0px;
	min-width: 200px;	
}

*html div.imgRight {
	margin: 8px 5px 0px 0px; /*IE*/
	width: 200px; /*IE*/	
}




/*---------------------------------------GutscheinContainer-Ende---------------------------------------*/

/*---------------------------------------SpanContainer-Beginn---------------------------------------*/

span.w80, span.w90, span.w100, span.w200 {
	display: inline-block;
	font-weight: 400 !important;
}

span.w80 {
	width: 80px;
}

span.w90 {
	width: 90px;
}

span.w100 {
	width: 100px;
}

span.w200 {
	width: 200px;
}

div#breadCrump {
	background: #333300;
	color: #CCCC66;
	display: block;
	margin-bottom: 10px;
}

div#breadCrump p {
	/*padding: 2px 0px 3px 10px;*/
	
}

div#breadCrump h1.kat { 
	background: #fff;
	color: #CCCC66;
	font-size: 1.1em;
	font-variant: small-caps; 
	text-align: center;
	padding-top: 5px;
}

span.BoxLeft, span.logBoxLeft, span.dropBoxLeft {
	background: #FD8815;
	border-bottom: 1px solid #CCCC66;
	color: #333300;
	display: block;
	padding-bottom: 10px;
	width: 200px;
}

span.BoxLeft p, span.logBoxLeft p, span.dropBoxLeft p, span#BoxUserCollection p {
	padding: 10px 0px 0px 10px;
}

span.BoxLeft {
	border: 0;
	padding: 0;
}

span.BoxLeft h6, div#stockBox h6, div.anzeigen h6 {
	background: #333300;
	border-bottom: 1px solid #CCCC66;
	color: #CCCC99;
	padding: 5px 0px 5px 10px;
}

div#stockBox {
	width: 156px;
}

div#stockBox p, div#stockBox ul {
	padding: 10px 0px 0px 10px;
}

div#stockBox h6, div.anzeigen h6 {
	border-top: 1px solid #CCCC66;
}

div#stockBox ul {
	color: #fff;
	list-style-type: none;
}

div#stockBox ul li {
	margin-bottom: 5px;
}

div#wrapHeadTxt h1 {
	color: #CCCC99;
	padding: 5px 0px 5px 24px;
}



/*---------------------------------------SpanContainer-Ende---------------------------------------*/

/*---------------------------------------Forms-Beginn---------------------------------------*/

form {
	display: inline;
}

form span.w90, form span.w100, form span.w200 {
	display: block;
	float: left;
}

form span.w110 {
	display: block;
	float: left;
	padding-top: 2px;
	width: 110px;
}

div.forms form p {
	display: block;
	margin: 10px;
}

div.forms input {
	border: 1px dotted #CCCC66;
	color: #333300;
	padding: 2px;
	width: 120px;
}

div.forms textarea {
	border: 1px dotted #CCCC66;
	height: 150px;
	width: 234px;
}

*html div.forms textarea { /*IE*/
	width: 233px;
}

div.forms form input.button {
	border: 0;
	width: 126px;
}

*html div.forms form input.button { /*IE*/
	width: 120px;
}

form input.button, form input.button:hover {
	background: #666633 !important;
	font-weight: 400;
	font-size: 10px;
	color: #fff !important;
	cursor: pointer;
}

/*------LoginFormLeftDiv-Beginn-----*/
span.logBoxLeft input {
	background: #FD8815;
	border: 1px solid #333300;
	height: 18px;
	width: 90px;
}

*html span.logBoxLeft input { /*IE*/
	height: 22px;
}

span.logBoxLeft form input.button, form input.button:hover {
	background: #666633 !important;
	font-weight: 400;
	font-size: 10px;
	color: #fff !important;
	cursor: pointer;
	width: 92px;
}

*html span.logBoxLeft form input.button, *html form input.button:hover { /*IE*/
	width: 90px;
}

/*------LoginFormLeftDiv-Ende-----*/

/*------GutscheinSucheFormLeftDiv-Beginn-----*/
span.dropBoxLeft input {
	background: #666633;
	border: 1px solid #CCCC66;
	height: 18px;
	width: 90px;
}

*html span.dropBoxLeft input { /*IE*/
	height: 22px;
}

span.dropBoxLeft select {
	background: #666633;
	border: 1px solid #CCCC66;
	color: #fff;
	margin-left: 10px;
	overflow: auto;
	width: 180px;
}

span.dropBoxLeft form input.button, form input.button:hover {
	background: #666633 !important;
	font-weight: 400;
	font-size: 10px;
	color: #fff !important;
	cursor: pointer;
	width: 92px;
}

*html span.dropBoxLeft form input.button, *html form input.button:hover { /*IE*/
	margin-left: -5px;
}

/*------GutscheinSucheLeftDiv-Ende-----*/

/*------GutscheinBoxForm-Beginn-----*/
span.gsBoxSelect input {
	color: #333300;
	margin: 0px 20px 0px 5px;
}
/*------GutscheinBox-Ende-----*/	
	

/*---------------------------------------Forms-Ende---------------------------------------*/

/*---------------------------------------HeaderGraphics-Beginn---------------------------------------*/

div#wrapHeadImg #span01, div#wrapHeadImg #span02, div#wrapHeadImg #span03, div#wrapHeadImg #span04, div#wrapHeadImg #span05 {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 131px;
	margin-left: 1px;
	width: 155px;
}

div#wrapHeadImg #span01 {
	background: url(img/bg_head01.jpg);
	margin-left: 0;
}

div#wrapHeadImg #span02 {
	background: url(img/bg_head02.jpg);
}

div#wrapHeadImg #span03 {
	background: url(img/bg_head03.jpg);
}

div#wrapHeadImg #span05 {
	background: url(img/bg_head04.jpg);
}

div#wrapHeadImg #span04 {
	background: url(img/bg_head05.jpg);
}

/*---------------------------------------HeaderGraphics-Ende---------------------------------------*/

/*---------------------------------------SiteLayoutContainer-Beginn---------------------------------------*/
div#wrapBody {
	background: #CCCC66;
	min-height: 101%;
	position: absolute;
	width: 980px;
}

div#wrapLeft {
	background: #333300;
	border-right: 1px solid #CCCC66; 
	float: left;
	min-height: 400px;
	width: 200px;
}

div#wrapHeadImg {
	background: #CCCC66;
	float: right;
	height: 132px;
	width: 779px;
}

div#wrapHeadTxt {
	background: #333300;
	float: right;
	height: 23px;
	width: 779px;
}

div#wrapHeadNav { 
	background: #333300;
	float: right;
	height: 22px;
	width: 779px;
}

div#wrapHeadBanner {
	float: left;
	margin: 1px 0px 0px 20px;
	white-space:nowrap;
}

div#wrapHeadBanner span {
	float: left;
	margin: 0;
}

div#wrapHeadBanner span a img {
	border: 0;
	text-decoration: none;
}

div#wrapHeadBanner span img {
	border: 0;
}

div#contentOuter {
	background: #CCCC66;
	float: left;
	/*width: 621px;*/
	padding-left:20px;
	/*padding-right:10px;
	border: #FF0000 1px solid;*/
}
/*
div#contentOuter * p, div#contentOuter * h1 {
	padding: 0px 10px;
}
*/
div#contentInner {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	background: #fff;
	border: 1px solid #333300;
	color: #333300;
	margin: 1px 0px;
	min-height: 350px;	
	width: 570px;
}

div#wrapRight {
	background: #CCCC00;
	width: 156px;
	float: right;
	overflow: hidden;
}
.gutschein_drucken_button
{
	background: url(img/bg_leiste_a.gif) repeat-x;
	color: #333300; 
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 700;
	margin-left: 1px;
	padding: 5px 0px 4px 0px;
	text-align: center;
	text-decoration: none;
	width: 155px;
}
/*---------------------------------------SiteLayoutContainer-Ende---------------------------------------*/
/*---------------------------------------Artikellistung---------------------------------------*/
div#weiter_filialen {
	width:100%;
	height:70px;	
	OVERFLOW: auto;
	
}
div#weiter_filialen.weiter_filialen {
	border:#FF0000 1px solid;
	float:left;
	display: inline;
}
div#weiter_filialen ul
{
	list-style-type:none;
	padding: 0;
	margin: 0;	
}
div#weiter_filialen ul li
{
	display: inline;
	margin-left:7px;
}