/* Simon Brüchner 2006 */

/* REGULAR */

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

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

/* BOX */

.box {
    background-color:white;
    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:18px;
    height:20px;
    font-size:10pt;
    line-height:20px;
}

.box h2 {
    padding-top:5px;
    color:black;
    margin:0px;
    font-size:10pt;
}

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

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

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

/* 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 {
    position:absolute;
    font-size:11pt;
    top:152px;
    color:#EBEBEB;    
    font-weight:bold;
    margin-left:20px;
    height:25px;
}

#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 {
	text-decoration:none;
	color:black;
}

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

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

.logininputtext {
	text-align:right;
	margin-left:20px;
	display:block;
	
}

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

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

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

#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:200px;
	max-height:200px;
	max-width:200px;
}

#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:15px;
    height:15px;
    margin:0px;
	background-color:#F1F1F1;    
}

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

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

#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;
    color:black;
    display:block;
    font-size:8pt;
}

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

.contentuntenleft {
    float:left;
}

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

.contentuntenright {
    text-align:right;
}

.contentuntenright img {
    width:90px;
    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:0;
    vertical-align:text-bottom;
}

/* WARENKORB */

.wkordernr{

}

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

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

}

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

.wkminusbutton {
	margin-right:3px;
}

.wkloeschenbutton {
	
}

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

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

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

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

* html #boxangebot img {
	width:107px;
	max-height: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:10px;
    padding:6px;
    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;
	padding:5px;
	height:100px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	position:relative;
	float:left;
	margin-right:10px;
}

.imageueber img {
	border:0;
	width:80px;
	max-height:80px;
}

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

.artueberpriceboxdescr {
    font-size:1.2em;
	display:block;
	margin-left:-1px;
}

.artueberpriceboxorderdescr {
    width:75px;
	display:block;
	float:left;
}
.artueberpriceboxordernr {
	display:block;
	/*font-weight:bold;*/
}

.artueberpriceboxpricedescr {
	color:black;
    margin-left:-1px; /* Damit das P von "Preis" auf einer Höhe mit "Netto" ist */
    font-size:13pt;
    font-weight:bold;
	padding-bottom:5px;
	position:relative;    
}

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

.artueberformboxbox {
    text-align:left;
    float:left;
	width:160px; /* 145px + 15px  Siehe .artueberformboxboxsubmit */
}

.artueberformboxnrdescr {
	margin-top:5px;
	position:relative;
}

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

.artueberformboxboxavadescr {
	line-height:40px;
}

/* #avalibel */ 


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

/* WARENKORB 2 */
.wk2product {
}

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

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

h3 a {
	color:white;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;	
	position:relative;
}

h3 a:hover {
    line-height:15px;
    height:15px;
	font-size:150%;
}