/* Edited with EditCSS */
/**** LINK-tag style sheet stylesheet.css ****/

/* Simon Bruechner 2006 */

/* REGULAR */

body, html {
    margin:0px;
    text-align:center;
    font-family:arial,sans-serif;
}

a {
	color:black;
	text-decoration:none;
}

a:hover {
	color:black;
	text-decoration:underline;
}

#frame {
    width:955px;
    background-color:#D2D3D3;
    margin:0px auto;
    text-align:left;
}

/* BOX */

.box {
    border:1px solid #58595A;
    margin-top:12px;
    margin-bottom:0px;
    margin-left:6px;
    margin-right:6px;
    background-color:#C4C5C7;
}

.box h3 {
    background-color:#58595A;
    margin:0px;
    color:white;
    padding-left:6px;
    height:20px;
    font-size:10pt;
    line-height:20px;
}

/* ?hnlich wie .box h3 */
.box h1 {
    background-color:#58595A;
    margin:0px;
    color:white;
    padding-left:6px;
    height:26px;
    font-size:12pt;
    line-height:26px;    
}

.box .boxcontent {
    padding-left:6px;
    padding-right:1px;
    padding-top:3px;
    padding-bottom:3px;
    font-size:8pt;
    overflow:hidden;
    position:relative;
}

#content h3, #contentunten h3{
    height:26px;
    font-size:12pt;
    line-height:26px;
}

.zubehoer h3 {
	background-image:url(/images/zubehoer.gif);
	background-repeat: no-repeat;
	padding-left:75px;
	background-position:10px;
}

/* gleich wie #content h3 */
#content h1 {
    height:26px;
    font-size:12pt;
    line-height:26px;
}

#content.box h3 div, #contentunten.box h3 div {
    padding-left:20px;
    padding-right:7px;      
    padding-top:7px;
    padding-bottom:7px;
}

/* NAVI */

#navi {
    font-size:11pt;
    color:#EBEBEB;    
    font-weight:bold;
    margin-left:20px;
    height:25px;
	margin-top:-19px;
}

#navi a {
    padding-left:4px;
    padding-right:4px;
    color:#EBEBEB;
    text-decoration:none; 
}

#navi a:hover {
    color:#C23D53;
    background-color:gray;
}

#spaltelinks {
    width:170px;
    float:left;
}

#spaltemitte {
    width:615px;
    float:left;
}

#spalterechts {
    width:170px;
    float:left;
}

/* PRODUCTS */

#products a {
	display:block;
	text-decoration:none;
	color:black;
}

#products a:hover {
	text-decoration:underline;
	color:black;
	background-color:#D8D9DA;
}

#products .productnr {
	font-size:7pt;
}

/* LOGIN */

#loginwelcome {
	display:block;
	font-style:italic;
}

#loginname {
	display:block;
	font-weight:bold;
	color:#C1001F; /*red*/ 
	margin-bottom:15px;
}

#loginlink a {
	display:block;
	text-decoration:none;
	color:black;
}

#loginlink a:hover {
	text-decoration:underline;
	color:black;
}

#loginchangedata {
}

#loginmyorders {
}

#loginchangedeliveryadress {
}

#loginlogoff {
}

/* LOGIN 2 */
#loginleft {
	float:left;
	line-height:22px;
	height:50px;
	text-align:right;
}

#loginright {
	line-height:22px;
}

#loginbutton {
	text-align:center;
	padding-left:22px;
}

/* DOWNLOAD KATALOG */

#downloadkatalog {
	display:block;
	text-decoration:none;
	color:black;
	background-image:url(./img/katalog.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:64px;
	/*margin-bottom:-10px;*/ /* Wird im IE fehlerhaft angezeigt angezeigt */
}
html>body #downloadkatalog { /* Schliesst IE aus */
	margin-bottom:-13px;
} 

#downloadkatalog:hover {
	color:black;
	text-decoration:underline;
}

#downloadkatalogdecr {
	display:block;
	padding-top:15px;
	font-weight:bold;
}

/* DONWNLOAD FLYER */

#downloadflyer {
	display:block;
	text-decoration:none;
	color:black;
	background-image:url(./img/flyer.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:53px;
}

#downloadflyer:hover {
	color:black;
	text-decoration:underline;
}

#downloadflyerdecr {
	display:block;
	padding-top:12px;
	font-weight:bold;
}

/* DONWNLOAD RSS */

#downloadrss {
	display:block;
	text-decoration:none;
	color:black;
	background-image:url(./img/rss.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:47px;
}

#downloadrss:hover {
	color:black;
	text-decoration:underline;
}

#downloadrssdecr {
	display:block;
	padding-top:12px;
	font-weight:bold;
}

/* LAST PRODUCT */

#lastproduct a {
	display:block;
	text-decoration:none;
	color:black;
	width:135px;
	overflow:hidden;
}

#lastproduct a:hover {
	text-decoration:underline;
	color:black;
}

/* CONTENT */

#content {
	padding-bottom:10px;
}

#unterwarengruppen {
    color:#C1001F; /*red*/
    width:250px;
}

#unterwarengruppen a {
	display:block;
    text-decoration:none;
    color:#C1001F; /*red*/
}

#unterwarengruppen a:hover {
    text-decoration:underline;
}

#breadcrume {
    font-style:italic;
    color:#0B529A;
}

#breadcrume a {
    color:#0B529A;   
    text-decoration:none;
}

#breadcrume a:hover {
    text-decoration:underline;
}

/* CONTENT LEFT */

#contentleft {
    float:left;
    width:310px;
}

#contentmanu {
    font-size:1.2em;
    display:block;
}

#contentordernr {
    font-size:10pt;
    font-weight:bold;
    display:block;
}

#contentspecialinfo {
    font-size:1.2em;
    display:block;
}

#contentdescr {
    margin-top:12px;
    display:block;
}

/* CONTENT RIGHT */

#contentright {
    width:265px; /* 270px mit 5px Abstand */
    float:left;
    padding:0px;
    padding-top:6px;
}

/* CONTENT PRICE */

form {
    margin:0;
    padding:0;
}

#contentpicture {
    width:200px;
    height:200px;
    border:1px solid #58595A;
    background-color:white;
    overflow:hidden;
    text-align:center;
    margin-left:63px;
}

#contentright #contentpicture img {
	height:190px; /* 200 - 5 - 5 */
	width:190px;  /* 200 - 5 - 5 */
	padding:5px;
}
* html #contentright #contentpicture img  {
    cursor:url(./img/lupe.cur);
}

#contentpicture a:hover {
    cursor: -moz-zoom-in;
}
#contentpricebox {
    margin:0 auto;
    width:170px;
    margin-left:96px;
}

#contentpricedescr {
    margin-left:-2px; /* Damit das P von "Preis" auf einer H?he mit "Netto" ist */
    font-size:16pt;
    font-weight:bold;
}

#contentprice {
    font-size:19pt;
    font-weight:bolder;
    color:#C23D53;
}

#contentpricebrutto {
    margin:0;
    padding:0;
}

#contentpricenetto {
    margin:0;
    padding:0;
}

#contentpricenumber {
    margin-top:10px;
    display:block;
    height:15px;
    line-height:15px;
}

.contentpricenumberinput {
    width:23px;
    height:15px;
    margin:0px;
	background-color:#F1F1F1;    
}

.contentpricenumberinput:focus {
	background-color:white;
}

#contentpricebewerten {
    color:black;
    text-decoration:none;
    margin-top:15px;
    display:block;
}

#contentpricebewerten:hover {
    text-decoration:underline;
}

#contentpricebuttonbox {
    margin-top:15px;
    display:block;
}

#contentpricebutton {
    height:15px;
    width:145px;
    border:0px;
    margin:0px;
    margin-left:-15px;
    margin-top:-15px;
    padding:15px;
}

/* CONTENT BOTTOM */

#contentunten {
	margin-top:15px;
}

.contentuntenbox {
    background-color:#D8D9DA;
    margin:10px;
    padding:6px;
    border:1px solid #58595A;
    text-decoration:none;
    display:block;
    font-size:8pt;
	height:92px; /* 90 + 1 + 1 */
}

.contentuntenbox:hover {
    text-decoration:underline;
}

.contentuntenleft {
    float:left;
    width:474px;
    cursor:pointer;  
}

.contentuntenleft h4 {
    font-size:12pt;
    font-weight:bold;
    margin:0px;
}

.contentuntenright {
    position:relative;
    background-color:white;
	border:1px solid #58595A;
    width:90px;
    height:90px;
    display:block;
	float:left;
	cursor:pointer;
}

.contentuntenright img {
    width:80px;  /* 90 - 5 - 5*/
    height:80px; /* 90 - 5 - 5*/
    padding:5px;
    border:0px;
}

/* LEFT */

/* SUCHE */

#searchinputtext {
	width:80px;
    height:15px;
    padding:0;
	margin:0;
	padding-left:1px;
	background-color:#F1F1F1;
	margin-bottom:3px;
}

#searchinputtext:focus {
	background-color:white;
}

#searchinputbutton {
	margin:0;
    padding-bottom:1px;
}

#slideshow_wrapper {
    width:150px;
    overflow:hidden;
	display:none;
	
}

/* NEWS */
#slideshow {
    width:130px;	
}

#slideshow a {
	background-color:white;
	padding:3px; /* 130 -1 border 2 * -3 padding = 123 img width */
	display:block;
	border:1px solid black;
	width:123px;
	height:122px;
	margin:0px;
	overflow:hidden;
}

#slideshow img {
	border:0;
	width: 123px;
	height: 123px;
}

/* WARENKORB */
#wk {
	display:none;
	position:relative;
}

.wkordernr{

}

#spalterechts .contentpricenumberinput {
    /*margin-left:-15px;*/
}

.wkunitprice, .wkunitpricedescr {
	line-height:30px;

}

.wkplusbutton {
	margin-top:0px;
	margin-right:3px;
	border:0;
}

.wkminusbutton {
	margin-right:3px;
	border:0;	
}

.wkloeschenbutton {
	border:0;
}

#spalterechts hr {
	margin-right:4px;
	height:2px;
	color:#58595A;
	background-color:#58595A; /* Eigentlich nur f?r FF n?tig, da FF bei Strict immer shadow zeigt */
	border:0px;
}

#wksum {
	font-weight:bold;
	font-size:9pt;
	font-family:arial/*, verdana*/;
}

#wkcardaccept {
	background-color:#58595A;
	color:white;
	margin-top:10px;
	margin-bottom:-3px;
	margin-left:-18px;
	margin-right:-2px;
	padding-top:4px;
	padding-bottom:3px;	
	padding-left:18px;
}

/* WARENKORB 2 */
#wk2 {
	position:relative;
	display:block;
}
.wk2product {
	position:relative;
	float:left;
	display:block;	
	width:84px;
}

.wk2product a {
	color:black;
	text-decoration:none;
}

.wk2product a:hover {
	text-decoration:underline;
}

.wk2productprice {
	text-align:right;
	display:block;
	width:auto;
	overflow:hidden;
}

#wk2sumdescr {
	margin-top:10px;
	display:block;
}

#wk2sum {
/*	text-align:right;*/
	margin-top:-5px;
	display:block;
	font-size:19pt;
	font-weight:bold;
	/*margin-bottom:15px;*/
}

h3 a {
	height:16px;
	width:14px;
	background-image:url(./img/wk_klein.gif);
	border:0px;
	text-decoration:none;
	background-repeat:no-repeat;
}

#wk2zumwk {
	padding:3px;
	display:block;
	background-image:url(./img/btn_zum_wk_1.gif);
	background-repeat:no-repeat;
	height:15px;	
}

#wk2zumwk:hover {
	background-image:url(./img/btn_zum_wk_2.gif);
}

#wk2zurkasse {
	padding:3px;
	display:block;
	background-image:url(./img/btn_zur_kasse_1.gif);
	background-repeat:no-repeat;
	height:15px;
}

#wk2zurkasse:hover {
	background-image:url(./img/btn_zur_kasse_2.gif);
}

#wkmindesthinweis {
	font-style:italic;
	color:#C1001F;
}

#wkversandhinweis {
	font-style:italic;
}

/* Toggle Link*/
#wklink {
	border:0px;
	text-decoration:none;
}

#wklink:hover {
	text-decoration:none;
}

/* ANGEBOT */

#boxangebot {
    width:137px; /* n?tig f?r IE, da sonst kein overflow:hidden m?glich */
	background-image:url(./img/sonderpreis.gif);
	background-position:84px bottom;
	background-repeat:no-repeat;
	text-decoration:none;
 	cursor:pointer;
 	color:black;
 	display:block;
}

.box a:hover #boxangebot {
	text-decoration:underline;
	color:black;
}

#boxangebot #image {
	background-color:white;
	border:1px solid #58595A;
	width:117px;
	height:117px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	position:relative;
	margin:auto;
}

* html #boxangebot #image {
	line-height:117px;
	left:-4px;
}

#boxangebot img {
	height:107px;
	width:107px;
	margin:auto;
	text-decoration:none;
	border:0px;
}

* html #boxangebot img {
	width:107px;
	margin:auto;
	text-decoration:none;
	border:0px;
}

#angebotpriceold {
	text-decoration:line-through;
	margin-top:15px;
	display:block;
}

#angebotpricedescr {
	display:block;
}

#abgebotprice {
	display:block;
	font-size:15pt;
	color:#C1001F;
	font-weight:bold;
}

/* REMEMBER LIST */

#rememberlist a {
	display:block;
	text-decoration:none;
	color:black;
	width:135px;
	overflow:hidden;
}

#rememberlist a:hover {
	text-decoration:underline;
	color:black;
}

/* NEWSLETTER */

#newsletterform {
	margin:0px;
	padding:0px;
}

#newslettertext {
	width:80px;
}

#newsletterradio {
	
}

#newsletterradio {
	
}

#newslettersubmit {
	
}

/* LINKS */

.links {
	width:130px;
	border:0px;
}

/* FOOTER */

#footer {
    background-image:url(./img/footer.jpg);
    background-repeat:no-repeat;
    height:63px;
    margin-top:12px;
    text-align:center;
}

#footer #copyright {
    font-family:sans-serif;
    font-weight:bold;
    color:white;
    font-size:8pt;
    padding-top:11px;
}

#footer #copyright a {
    color:white;
    text-decoration:none;
}

#footer #copyright a:hover {
    text-decoration:underline;
}

/* CONTENT ARTIKEL ?BER */ /* Sp?ter in extra CSS-Datei */

.artikelueberbox {
    background-color:#D8D9DA;
    margin:2px;
    padding:3px;
    border:1px solid #58595A;
    color:black;
    display:block;
    font-size:8pt;
    height:112px;
    overflow:hidden;
}

.artlink {
	color:black;
 	cursor:pointer;
	display:block;
	text-decoration:none; 
}

.artlink:hover {
	border:0; /* Ohne diese Zeile tut es im IE nicht! */
	text-decoration:underline;
}

.imageueber {
	background-color: white;
	border:1px solid #58595A;
	width:100px;
	height:100px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	position:relative;
	float:left;
	margin-right:10px;
	overflow:hidden;
}

.imageueber img {
	border:0;
	height:95px; /* 100 - 5 - 5*/
	padding:5px;
}

.artueberpricebox {
    width:285px;
	float:left;
	color:black;
	height:112px;
}

.artueberpriceboxdescr {
    font-size:1.2em;
	display:block;
}

.artueberpriceboxorderdescr {
    width:90px;
	display:block;
	float:left;
}

.artueberpriceboxordernr {
	display:block;
	/*font-weight:bold;*/
}

.artueberpriceboxstaffelung {
	display:block;
	margin-top:4px;
}

.artueberformboxbox {
    text-align:left;
    float:left;
	width:165px; /* 145px + 15px  Siehe .artueberformboxboxsubmit; eigentlich 160,für FF-ubuntu*/
}

.artueberpriceboxpricedescr {
	color:black;
    margin-left:-1px; /* Damit das P von "Preis" auf einer H?he mit "Netto" ist */
    font-size:13pt;
    font-weight:bold;
	margin-bottom:-5px;
	position:relative;
	float:left;
	display:block;
	vertical-align:bottom;
	line-height:19.2pt; /* 1,2-fache der Schriftgr??e von .artueberpriceboxprice */
}

.artueberpriceboxprice {
	color:#C1001F; /*red*/  
	font-size:16pt;
	font-weight:bold;
	margin-bottom:-5px;
	position:relative;
	display:block;
	height:19.2pt; /* wg artueberformboxnrdescr */
}

.artueberformboxnrdescr {
	margin-top:5px;
}

.artueberformboxtext {
	display:inline; /* Siehe Hinweis zu text-align:right: http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align*/
	width:23px;
}

.artueberformboxboxavadescr {
	line-height:33px;

}

/* #avalibel */ 

#avalible {
    width:20px;
    height:20px;
    border:2px solid white;
    background-color:#40DA26;
    line-height:15px;
    cursor:help;    
}

#semiavalible {
    width:20px;
    height:20px;
    border:2px solid white;
    background-color:orange;
    line-height:15px;
    cursor:help;    
}

#notavalible {
    width:20px;
    height:20px;
    border:2px solid white;
    background-color:red;
    line-height:15px;
    cursor:help;    
}

.artueberformboxboxsubmit {
    border:0px;
    margin:0 auto;
	display:block;
    height:15px;
    width:145px;
    margin-left:-15px;
    margin-top:-15px;
    padding:15px;
}

#artikelueberpageing { /* gleich wie .box .boxcontent */
    padding-left:18px;
    padding-right:1px;
    padding-top:3px;
    margin-bottom:12px;
    text-align:center;
    font-size:9pt;
}

#artikelueberpageing a {
	text-decoration:none;
	color:black;
	padding:5px;
	margin:2px;
	background-color: #D8D9DA;
	border: 1px solid #58595A;
}

#artikelueberpageing a:hover {
	text-decoration:underline;
	color:black;
}

#artikeluebercontentunten {
    padding-left:18px;
    padding-right:1px;
    padding-top:3px;
    margin-bottom:12px;
}

.uwg {
	display:block;
	color:black;
	text-decoration:none;
	font-size:8pt;
}

.uwg:hover {
	color:black;
	text-decoration:underline;
}

/* WARENKORB.PHP */
.wkpageposbox {
    border:1px solid #58595A;
    background-color:#D8D9DA;
    color:black;
    display:block;
    font-size:8pt;
    height:82px;
    overflow:hidden;
    margin-right:10px;
    margin-bottom:10px;
    margin-left:-7px;
    padding:6px;
    font-size:1.2em;    
}

.wkpageimage {
	background-color: white;
	border:1px solid #58595A;
	width:80px;
	height:80px;
	float:left;
	margin-right:10px;
	display:block;
}

.wkpageimage img {
	height:70px;
	width:70px;
    padding:5px;
}

.wkpageposartname {
	font-size:10pt;
	display:block;
	
}

.wkpageposordernr {
	display:block;
	font-size:8pt;
}

.wkpageposnr {
	display:block;
	font-size:8pt;	
}

.wkpagedellink {
	display:right;
	float:right;
	font-size:8pt;	
}

.wkpageanzlink {
	font-size:8pt;	
}

.pagewkcheckdescr {
	display:block;
	float:left;
	width:210px;
}

.pagewkcheck {
	display:block;
}

.pagewkcheck .no {
	color:red;
}

.pagewkcheck .yes {
	color:green;
}

.wkpagesumdescr {
	display:block;
	float:left;
	width:185px;
}

.wkpagesum {
	width:100px;
	display:block;
	float:left;
	text-align:right;
}

#wkpagesumbold {
	font-weight:bold;
}

#wkpageleftbox {
	float:left;
	width:285px;
}

#wkpagerightbox {
    float:left;
	width:285px;
}

#wkpagerechnungsadrhinweis {
	margin-top:6px;
	font-size:7pt;
}



#btnlieferaendern {
	display:block;
	background-image:url(./img/btn_lieferadr_aendern_1.gif);
	background-repeat:no-repeat;
	height:15px;
}

#btnlieferaendern:hover {
	background-image:url(./img/btn_lieferadr_aendern_2.gif);
}


#printpage {
	display:block;
	background-image:url(./img/btn_seite_drucken_1.gif);
	background-repeat:no-repeat;
	height:15px;
}

#printpage:hover {
	background-image:url(./img/btn_seite_drucken_2.gif);
}


#zurkasse {
	display:block;
	background-image:url(./img/btn_zur_kasse_1.gif);
	background-repeat:no-repeat;
	height:15px;
	width:89px;
}

#zurkasse:hover {
	background-image:url(./img/btn_zur_kasse_2.gif);
}

/* BESTELLUNG.PHP */
.pageorderdescr {
	display:block;
	float:left;
	width:100px;
}

.pageordervalue {
	display:block;
	float:left;
	width:200px;	
    margin-bottom:5px;
}

.pageorderdetails {
	display:block;
	width:300px;
	margin-left:100px;
}

.pageorderprodblock {
	padding-top:5px;
	padding-bottom:5px;
	margin-right:18px;
	border:1px solid #58595A;
	position:relative;
}

html>body .pageorderprodblock {
	background-color:#D8D9DA;
}

.pageorderdetailsfirst {
	display:block;
	width:300px;
	left:100px;
	font-size:10pt;
	position:relative;
}

.pageorderdetailsmenge {
	display:block;
	float:left;
	width:70px;
	padding-left:100px;
	color:black;
}

.pageorderdetailseinzelpreis {
	display:block;
	float:left;
	width:100px;
}

.pageorderdetailsgesamptpreisdescr {
	display:block;
	float:left;
	width:130px;
}

.pageorderdetailsgesamptpreis {
	display:block;
	float:left;
	text-align:right;
	width:70px;
	margin-bottom:15px;
}

.pageorderdescr2 {
	display:block;
	float:left;
	width:130px;
	margin-left:270px;
}

* html .pageorderdescr2 {
	margin-left:0px;
	position:relative;
	left:270px;
}

.pageordervalue2 {
	display:block;
	float:left;
	text-align:right;
	width:70px;
    margin-bottom:5px;	
}

* html .pageordervalue2 {
	position:relative;
	left:270px;
}

hr.pageordervalue2 {
	height:2px;
	color:#58595A;
	background-color:#58595A; /* Eigentlich nur f?r FF n?tig, da FF bei Strict immer shadow zeigt */
	border:0px;
}

.flash {
    font-family:arial,sans-serif;
    font-size:8pt;
    padding:3px 1px 3px 18px;
    overflow:hidden;
    position:relative;
	margin:7px 7px 0;
}

.flash.default {
    border:1px solid Moccasin;
	background-color:beige;
}

.contentdescr_icon {
	border:0;
	cursor:help;
	text-decoration:none;
}

.contentdescr_icon:hover {
    text-decoration:none;
}


/* PRINT */
@media print {
	#spaltelinks {
	    width:0px;
	    float:left;
	    display:none;
	}
	#spalterechts {
	    width:0px;
	    float:left;
	    display:none;
	}
}