* {
padding:0;
margin:0;
border:0px;
outline:0px;
font-family: arial, helvetica, sans-serif;
}

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

body {
padding: 0px !important;
margin: 0px  !important;
background: url("../bilder/bgnd.jpg") repeat-x #222222;
}

.pngfix { 
behavior: url("../skripte/iepngfix.htc"); 
}

.clearboth {
clear: both;
margin: 0;
padding: 0;
height: 0;
width: 0;
line-height: 0px;
font-size: 0;
overflow: hidden;
visibility: hidden;
}

img {
border:0px;
}

button {
cursor: pointer;
}

p, h1, h2, h3, input, textarea {
font-family: arial, helvetica, sans-serif;
font-weight: normal;
}

p {
font-size: 12px;	
line-height: 17px;
}

h1 {
font-size: 20px;	
line-height: 24px;
font-weight: bold;
margin-bottom: 10px;
}

a, a:link, a:visited, a:active {
color: black;
text-decoration: none;
font-weight: normal;
} 

a:hover {
color: #e2001a;
text-decoration: none;
font-weight: normal;
} 

#umschlag { 
height: 100%;
width: 1050px;
margin: 0 auto;
}

#kopf {
background: url(../bilder/kopf.png) no-repeat;
behavior: url("../skripte/iepngfix.htc"); 
}

.einloggen {
width: 980px;
height: 31px;
background: url(../bilder/kopf_linie_punkt.png) 0px bottom no-repeat;
padding-top: 5px;
position: relative;
margin-bottom: 10px;
}

.einloggen input {
height: 15px;
border: 1px solid #999999;
padding-left: 10px;
color: #999999;
}

.einloggen .input_startseite {
float: left;
margin-right: 10px;
}

.einloggen .bestellen {
color: #e2001a;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
position: absolute;
width: 400px;
top: 5px;
left: 580px;
text-align: right;
}

#inhalt_con {
background: url(../bilder/bgnd_kmp.png) no-repeat;
width: 980px;
padding-left: 35px;
padding-right: 35px;
behavior: url("../skripte/iepngfix.htc"); 
border-top:none;
}

#spalte_l {
width: 195px;
float: left;
height: auto;
margin-right: 20px;
}

#inhalt {
width: 560px;
float: left;
height: auto;
margin-right: 20px;
}

#inhalt h1{
font-size: 16px;
}

#spalte_r {
width: 185px;
float: left;
height: auto;
}

#spalte_l .rahmen {
width: 195px;
margin-bottom: 15px;
overflow: hidden;
}

#spalte_l h2.balken_l_schwarz {
background: url(../bilder/rahmen_kopf_l_schwarz.png) no-repeat;
height: 20px;
color: white;
text-transform: uppercase;
font-size: 14px;
padding-left: 50px;
padding-top: 2px;
margin-bottom: 3px;
font-weight: bold;
}

#spalte_l .rahmen .nav_bgnd {
padding: 0 0 0 0 !important;
margin: 0 0 0 0;
width 195px;
background: url(../bilder/bgnd_menue.png) 0px bottom no-repeat #020202;
overflow: hidden;
}

#spalte_l .rahmen ul.nav {
margin: 0 0 0 0;
padding: 0 0 0 0 !important;
width: 195px;
margin-top: -1px;
}

#spalte_l .rahmen ul.nav li {
margin: 0;
padding-left: 3px;
list-style-type: none;
text-align: left;
margin-bottom: 4px;
color: white;
font-weight: normal;
}

#spalte_l .rahmen ul.nav li a {
font-size: 13px;
line-height: 16px;
color: white;
text-decoration: none;
padding-top: 3px;
display: inline-block !important;
width: 200px;
border-top: 1px dotted white;
}

#spalte_l .rahmen ul.nav li a:hover, #spalte_l .rahmen ul.nav li .aktiv {
font-size: 13px;
line-height: 16px;
color: #e2001a;
text-decoration: none;
padding-top: 3px;
display: inline-block !important;
width: 195px;
border-top: 1px dotted white;
}

#spalte_l .rahmen h2.balken_l_grau {
background: url(../bilder/rahmen_kopf_l_grau.png) no-repeat;
height: 20px;
color: white;
text-transform: uppercase;
font-size: 14px;
padding-left: 50px;
padding-top: 2px;
margin-bottom: 3px;
font-weight: bold;
}

#spalte_l .rahmen .nav_grau {
background: #959595;
}

#spalte_l .service {
width: 195px;
text-align: center;
}

#inhalt h2.balken {
background: black;
height: 18px;
color: white;
font-size: 14px;
padding-left: 10px;
padding-top: 2px;
margin-bottom: 3px;
width: 550px;
overflow: hidden;
}

#inhalt h2.balken a {
font-size: 13px;
color: #e2001a;
}

#inhalt h2.balken a:hover {
color: white;
}

#inhalt .start_block {
background: url(../bilder/logo_inhalt.png) right 0px no-repeat;
width: 560px;
margin-top: 20px;
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted black;
}

#inhalt .start_block h3 {
font-size: 20px;
line-height: 24px;
padding-left: 10px;
}

#inhalt p.grau {
color: #666666;
padding-bottom: 14px;
padding-left: 10px;
}

#inhalt .start_grund {
padding-left: 10px;
height: 60px;
clear: both;
}

#inhalt .start_grund img {
float: left;
padding-right: 15px;}

#inhalt .start_grund p {
font-size: 11px;
line-height: 14px;
}

#inhalt span.telefon {
color: #e2001a;
font-weight: bold;
}

#inhalt h4 {
font-size: 22px;
line-height: 26px;
color: #e2001a;
padding-bottom: 10px;
padding-left: 10px;
}

#inhalt span.schwarz {
color: black;
font-weight: bold;
}

#spalte_r .rahmen {
width: 185px;
margin-bottom: 15px;
overflow: hidden;
}

#spalte_r h2.balken_r_warenkorb {
background: url(../bilder/rahmen_kopf_r_warenkorb.png) no-repeat;
height: 20px;
color: white;
text-transform: uppercase;
font-size: 14px;
padding-right: 50px;
padding-top: 2px;
margin-bottom: 3px;
text-align: right;
font-weight: bold;
}

#spalte_r h2.balken_r_schwarz {
background: url(../bilder/rahmen_r_schwarz.png) no-repeat;
height: 20px;
color: white;
text-transform: uppercase;
font-size: 14px;
padding-right: 50px;
padding-top: 2px;
margin-bottom: 3px;
text-align: right;
font-weight: bold;
}

#spalte_r .rahmen .warenkorb {
color: white;
background: url(../bilder/bgnd_menue.png) left 0px no-repeat;
border-bottom: 1px dotted white;
padding: 5px 0 4px 10px;
}

#spalte_r .rahmen .warenkorb a, #spalte_r .rahmen .preis a, #spalte_r .rahmen .kasse a {
color: white;
}

#spalte_r .rahmen .warenkorb a:hover, #spalte_r .rahmen .preis a:hover, #spalte_r .rahmen .kasse a:hover{
color: #e2001a;
}

#spalte_r .rahmen .preis p 
{
padding-bottom: 0px;
margin-bottom: 0px;
}

#spalte_r .rahmen .preis {
color: white;
font-size: 18px;
background: url(../bilder/bgnd_menue.png) left -200px no-repeat;
border-bottom: 1px dotted white;
padding: 5px 0 4px 10px !important; 
}

#spalte_r .rahmen .kasse p 
{
padding-bottom: 0px;
margin-bottom: 0px;
}
#spalte_r .rahmen .kasse {
color: white;
font-size: 18px;
background: url(../bilder/bgnd.jpg) left 0px no-repeat;
padding: 5px 0 4px 10px !important;
}

#spalte_r .rahmen .teaser_1 {
width: 185px;
height: 205px;
background: url(../bilder/teaser_reusch_feuer.png) no-repeat;
overflow: hidden;
}

#spalte_r .rahmen .teaser_1 p {
font-style: italic;
color: white;
width: 165px;
padding: 10px 10px 0 10px;
text-align: center;
}

#spalte_r .rahmen .teaser_1 h4 {
font-size: 19px;
padding-top: 10px;
color: white;
text-align: center;
}

#spalte_r .rahmen .teaser_2 {
width: 185px;
height: 253px;
background: url(../bilder/teaser_katalog.png) no-repeat;
}

#spalte_r .rahmen .teaser_2 p{
color: white;
width: 165px;
padding: 10px 10px 0 10px;
}

#spalte_r .rahmen .teaser_2 a {
color: white;
}

#spalte_r .rahmen .teaser_2 a:hover {
color: #e2001a;
}

#fuss {
margin-top: 20px;
width: 980px;
height: 22px;
background: url(../bilder/fuss.png) no-repeat;
padding-bottom: 5px;
color: white;
}

#fuss p {
padding: 2px 0 0 10px;
}

#kante {
width: 1050px;
height: 15px;
background: url(../bilder/bgnd_fuss.png) no-repeat;
behavior: url("../skripte/iepngfix.htc"); 
}

.artikel_ubersicht_con {
width: 580px;
height: auto;
overflow: hidden:
}

.artikel_ubersicht {
border-bottom: 1px dotted black;
width: 178px;
padding-bottom: 3px;
float: left;
margin-right: 13px;
margin-bottom: 5px;
}

.artikel_ubersicht a:hover img  {
cursor: pointer;
}

.artikel_ubersicht .artikel {
width: 178px;
height: 178px;
text-align: center;
overflow: hidden;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
margin-bottom: 3px;
}

.artikel_ubersicht p {
height: 20px;
}

.artikel_ubersicht p.preis {
font-size: 16px;
font-weight: bold;
text-align: center;
}

.artikel_ubersicht p.preis span {
color: #e2001a;
padding-left: 10px;
}

textarea{
border: 1px solid #3f3f3f;
}

input.submit{
padding: 4px;
border: 1px solid #3f3f3f;
}



/************************************/
.scrollable {
position:relative;
overflow:hidden;
width: 440px;
height:120px;
border:1px solid #ccc;
}
.scrollable .items {
width:20000em;
position:absolute;
clear:both;
}
.items div {
float:left;
width:440px;
}
.scrollable img {
float:left;
margin:20px 5px 20px 21px;
background-color:#fff;
padding:2px;
border:1px solid #ccc;
width:100px;
height:75px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
}
.scrollable {
float:left;	
}
a.browse {
background:url(../bilder/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:40px 10px;
cursor:pointer;
font-size:1px;
}
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
a.up, a.down		{ 
background:url(../bilder/vert_large.png) no-repeat; 
float: none;
margin: 10px 50px;
}
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
a.disabled {
	visibility:hidden !important;		
} 	

img.phaziz_mini_img{
height: 75px;
width: 75px;
}

div.phaziz_special_border_none h2{
border:none;
}




/* GUTSCHEIN EINLÖSEN IM WARENKORB */
#gift_cart { }
/* RAHMEN FÜR EINGABEFELD */
#gift_cart #input_code { padding: 15px;	background-color:#FFF2CC; border: solid #E9D28F 1px }
/* BUTTON EINLÖSEN */
#gift_cart #input_code input[type="image"] { position: relative; top: 6px; left: 5px;  }
/* ENDE - GUTSCHEIN EINLÖSEN IM WARENKORB */

/* POPUP MIT INFOS */
/* RAHMEN FÜR INFORMATIONEN */
#gift_infos { margin: 0px; padding: 10px; border: 1px solid #000; background: #FFF; display: none; position: absolute; top: 50%; left: 40%; z-index: 1; }
/* LISTE GÜLTIGER ARTIKEL UND KATEGORIEN */
#gift_infos ul.restriction_list { margin: 5px 0px 5px 40px; }
/* ENDE- POPUP MIT INFOS */