html, body{  /* wazne */
margin:0;
padding: 0;
height: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(img/sand.jpg)repeat;
font-size: 13px;}

a img {border:0 none;}

#cala { 
width:960px;
margin:0 auto;
	box-shadow:0px 5px 15px #404040;
	-webkit-box-shadow: 0px 5px 15px #404040;
	-moz-box-shadow: 	0px 5px 15px #404040;
	border-radius: 99px 0px 50px 50px; 
background:#FFFFFF ;
margin-bottom: 30px;}

body ul{
list-style-type: none;}

body a {
text-decoration: none;}

h2, h3 {
color: #999999;
text-align: left;
font-size:14px ;
margin-left: 20px;
}

h1 {
color: #999999;
text-align: center;
font-size:16px ;
margin-left: 20px;}

.h2center{
text-shadow:2px 2px 5px #ccc;
text-align: center ;
}

p {
margin-left:20px;
color:#999999;}

p.shadow_p{
text-shadow:2px 2px 5px #ccc; /* @DomiX - Cien tekstu pod myszka */
font-size:11px;
padding-right:20px;}

/***********************************************WRAP******************************************************/

#wrap{
width: 960px;
margin:0 auto;
margin-top: 5px;
background: #FFFFFF;
border: 0px solid #000000;
border-top : none;
border-left: none;
border-radius: 99px 0px 99px 99px; /* @DomiX - Seite links oben runden */
}



/***************************************************KOPF********************************************************/
#kopf{
height: 175px;
/*background: #E8F5FD;*/
border-bottom: 1px solid #E1E1E1;
border-radius: 99px 0px 0px 0px; /* @DomiX - Seite links oben runden */

}

a#logo_banner{
float: left;
           background: url(img/logo_oun.png)no-repeat;
           padding:90px 110px 0px 30px;
           text-align:left;
           font-size:16px;
           color:#999999;}
		   
a#logo_banner span{font-size:16px;}		   
		   

#logo{
border:dotted 0px #00FF00;
margin-top: 20px;
/*margin-left: -70px; @DomiX - niepotrzebne poniewaz brak grafiki */
width: 950px;
float: left;
}


/* tel i adres w banner */
.info{
margin-top:-10px ;
margin-left: 0px;
float: left;
font-size:11px;">
}

.info span{
color:#009cff ;
font-weight:bold;}

.telefon_banner{
background: url(img/tel.png)no-repeat 1px 10px;
padding:0px 0px 0px 50px ;
font-size:11px;}

.adres_banner{
background: url(img/adres.png)no-repeat 1px 10px;
padding:0px 0px 0px 50px ;
font-size:11px;}



.a{ background: url(img/ik_bestellhilfe.png)no-repeat #FFFFFF 4px 4px;}
.b{ background: url(img/ik_at.png)          no-repeat #FFFFFF 4px 5px;}
.c{ background: url(img/ik_galerie.png)     no-repeat #FFFFFF 4px 8px;}
.d{ background: url(img/ik_unser_laden.png)  no-repeat #FFFFFF 4px 5px;}
.e{ background: url(img/ik_anmelden.png)    no-repeat #FFFFFF 6px 7px;}

.f{ background: url(img/ik_kasse.png)       no-repeat #FFFFFF 4px 5px;}
.g{ background: url(img/ik_warenkorb.png)   no-repeat #FFFFFF 2px 5px;}
.h{ background: url(img/ik_merkzettel.png)  no-repeat #FFFFFF 4px 5px;}


a.o{ background: url(img/home.png)           no-repeat #e9e9e9 7px 6px;}

#navi_r{
padding: 0;
margin-top: -11px;
float: right;
width:750px;
border:dotted 0px #FF0000;
}

#navi_r li,#navi_d li{
list-style-type: none;
float: right;
}


#navi_r li a,#navi_d li a{
font-size:12px ;
color: #0089E1;
text-decoration: none;
display: block;
padding: 5px 6px 5px 28px;
border-left: solid 1px #E1E1E1;
border-bottom: solid 1px #E1E1E1;
border-top : solid 1px #E1E1E1;}

/**********************dolna*************************/
#navi_d{
float: right;
width:100%;
margin-top:-28px;
height: 45px;
}

#navi_d li a:hover, #navi_r li a:hover{
background-color: #0089E1;
color: #FFFFFF;
}
/*******************breadcrum**************************/
#breadcrumb{
float: left;
font-size: 9px;
height: 20px;
margin-bottom: 5px;
margin-top: -15px;
}

#breadcrumb div p {
margin-left: 7px;
}

#startseitehaus {
    height: 15px;
	margin-top:-10px;
	margin-left:-10px;
	margin-bottom:0px;
}


#navigacja{
background:white;
border:solid 0px blue;
float:left;
width:100%;
height:30px;
margin-bottom:10px;}
/*******************   SUCHE    *************************************************/



#suche_box{
border: 0 solid #00ffff;
float: right;
height: 25px;
margin-top: 0;
width: 270px;
}

#suche_box div input{
float:right;
width:150px;
padding-left:30px;
background: url(img/suche.png)no-repeat 3px 3px ;
color:#333333;
}


#suche_box div input.los {
width:60px;
margin:0 5px 0 5px;
background: white;
padding:0px;
height:22px;}

#suche_box input.los:hover{
color:red;
background:#E8F5FD;}


/**********************Navi***** navi.css**************** **************/
/******************* LEFT ***************/

#left{
float: left;
width:200px ;
height: auto;
border:0px solid #FF0000;
}

/****************************************HAUPTINHALTCONTENT*************************************************************/
/*  nur index */


#content{
background: url(img/bg_bild.png)repeat;
margin:-11px 0 0 205px;
/*margin:70px 0 0 205px;*/
padding:0px 5px 10px 5px;
border: 0px solid #E1E1E1;
border-bottom: none;
/*color:#a09f9f;*/
color:#666666;
/*height: 1300px;*/
}

#content a{
color:#666666;
}





.Katname{
margin-left:0px;
color: #009cff;
}



/* ***************************************** */
/***********************BILDERGALERIE********** */
/* GALERIE BOX */
#vorschau_index{
border:0px solid #FFFF00 ;
padding: 0;
width: 790px;
height: 304px;
margin-left: 85px;
}
/* weitere formatierung in css.gal */

 /* ******************empfehlungen und markenshops*************************** */
#empfehlungen,#shops{
margin-top:20px ;
border : 1px solid #E1E1E1;
border-right: none;
border-left: none;
padding:0 10px 10px 10px;
background:#E8F5FD;
height: 240px;
}




.ramka{
/*border : 1px solid #E1E1E1;*/
background:#FFFFFF;
height: 200px;
/*padding: 5px;*/
}


/*******unsere empfehlungen*************/
.bild{
width:156px ;
height:180px ;
border : 1px solid #E1E1E1;
float: left;
background: #FFFFFF;
margin-left:55px;
padding: 4px 2px 2px 4px;
  box-shadow:0px 2px 3px #909090;
}

.bild img{
width:146px ;
border : 1px solid #E1E1E1;
padding: 2px;}

.bild p  {
margin-left:0;
 text-align: center;
 font-size: 12px;
}
span.bild:hover{

  box-shadow:2px 2px 0 #BFBFBF;
}


/* *****markenshops********* */
#shops a span{
width:160px ;
height:70px ;
border : 0px solid #FF00FF;
float: left;
margin:10px 0px 10px 0px ;
}


#shops .bild_2 {
width:120px ;
height:70px ;
padding-left: 15px;
border : 0px solid #FFFF00;
float: left;
margin:10px 0px 10px 0px ;
}

#shops a span:hover{
background: url(img/zum_shop.png) no-repeat 10px 50px;
}
/***********************************FOOTER*********************************/
#footer{
background:#FFFFFF ;
width: 958px;
margin: auto;
border : solid 1px #E1E1E1;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
margin-top:20px;
}

#info_footer_index{

width: 958px;
height: 200px;
/*background:#E8F5FD ;
border-bottom: solid 1px #E1E1E1;*/
}


#info_footer{
border-bottom: solid 1px #E1E1E1;
width: 958px;
height: 200px;
background:#E8F5FD ;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
}

#footer img{
float:left;
margin-left:20px;}


#foot_1{
width:140px;}


#foot_2{
width:180px;}

#foot_1 ul,#foot_2 ul{
padding: 3px 0 0 20px;}

#foot_3 ul{
padding: 0px 15px 0 20px;}

#foot_1,#foot_2,#foot_3,#foot_4{
font-size: 11px;
margin-left: 10px;
float: left;
height:200px;
}

/* kolorlinku w footer*/
#foot_1 a,#foot_2 a,#foot_3 a,#foot_4 a{
color:#A09F9F;
}


/************h2******/
#foot_1 h2{
padding:7px 6px 0px 30px;
text-shadow:2px 2px 5px #ccc;
text-align: center ;
background:url(img/ik_info.png)no-repeat;}

#foot_3 h2{
padding:7px 6px 0px 6px;
text-shadow:2px 2px 5px #ccc;
text-align: center ;
background:url(img/service.png)no-repeat;}

#foot_4 h2{
padding:7px 6px 0px 6px;
text-shadow:2px 2px 5px #ccc;
text-align: center ;
background:url(img/geld.png)no-repeat;}

/******************************/

#foot_3 ul li{
font-size: 11px;
padding: 3px 0 0 25px;
color:#A09F9F;
background: url(img/hak.png) no-repeat 1px 4px;
}

#foot_4 ul li{
font-size: 11px;
padding: 0 0 0 20px;
background: url(img/pfeil.png) no-repeat 1px 6px;
}


#foot_1 a:hover,#foot_2 a:hover,#foot_3 a:hover,#foot_4 a:hover{
 color:#50C0C0;
}

#foot_3 ul li:hover{
background: url(img/hak_2.png) no-repeat 1px 1px;
}

#foot_4 ul li:hover{
background: url(img/pfeil_2.png) no-repeat 1px 6px;
}

#foot_4 .paypal{
width:110px;
height:37px;
float: left;
padding:2px;
margin:3px 10px 5px 10px;
border:1px solid #A09F9F;
background: url(img/logo_paypal.gif) no-repeat 4px 3px #FFFFFF;}

#foot_4 .billsafe{
float:left;
width:116px;
height:46px;
padding:2px;
margin:3px 10px 5px 10px;
border:1px solid #A09F9F;
background: url(img/logo_billsafe.jpg) no-repeat 5px 2px  #FFFFFF;}

#footer p{
 text-align: center;
}

#foot_3  hr{
float:left;
width: 1px;
height:160px;
margin-top:-130px;
border: solid 1px #E1E1E1;
}

#foot_4 hr  {
float:left;
width: 1px;
height:160px;
margin-top:-100px;
border: solid 1px #E1E1E1;
}


/***************************************************************************/
.kd_infos{
border : 0px solid #E1E1E1;
background:#FFFFFF;
height:auto;
padding:5px 5px 20px 5px;
}


/**************************SONSTIGE OPTIONEN************************************/

/* kontakt tel i fax */
.kontakt_1{
border:solid 0px red;
width:800px;
height:100px;
float: left;
font-size:12px;
}

.kontakt{
border:solid 0px red;
width:300px;
height:100px;
float: left;
font-size:12px;
}


.kontakt span, .kontakt a{
color:#009cff ;
font-size:12px;
} 


.adres_kontakt{
background: url(img/adres.png)no-repeat 1px 20px;
padding:0px 0px 0px 50px ;
}

.telefon_kontakt{
background: url(img/tel.png)no-repeat 1px 10px;
padding:0px 0px 0px 50px ;
}

.fax_kontakt{
background: url(img/fax.png)no-repeat 1px 10px;
padding:0px 0px 0px 50px ;
}



.bestell_kontakt{
background: url(img/bestell.png)no-repeat 1px 10px;
padding:20px 0px 20px 50px ;
}

.mail_kontakt{
background: url(img/kontakt_mail.png)no-repeat 1px 20px;
padding:20px 0px 0px 50px ;
}



.kontakt_2 span{
color:#009cff ;
} 


.kontakt_2{
border:solid 0px red;
width:800px;
height:200px;
float: left;
font-size:12px;
}

.kontakt_2 td{
color: #999999;
padding:2px 2px 0 20px;}


.kontaktformular{
float:left;
margin-left:30px;}

.headerNavigation{
color:#999999;
text-decoration:none;
font-size:12px;
}

#navilist {
padding-left:0px; margin-left:0px;line-height:20px;
font-size:12px;}
#breadcrumb p {
font-size:12px;}
.mmaincat {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height:20px;
	text-indent:-10px;
	padding-left:15px;
	border: solid 1px #DCDCDC ;
 color: #808080;
  
  /*background:url(img/li.png)no-repeat 4px 9px #FFFFFF;	*/
	}
.msubcat-level1 {
border: solid 0px #DCDCDC ;
margin-top:3px;
	}	
.msubcat-level2 {
/*list-style-type:circle;

background:url(/img/gelb.png)no-repeat 4px 9px #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height:20px;
	background-color:#FFFFFF;
	text-indent:0px;
	padding-left:25px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:0px;*/
	border: solid 0px #DCDCDC ;
	margin-top:3px;
	}	
.gewaehlt {
font-weight:bold;
}	

.startseitentext a{
color:#666666;
}
.item a {
color:#999999;
font-weight:bold;
}

#linkbox ul {
	padding: 0;
    margin: 20px;
    text-align: justify;
}

#linkbox ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    box-shadow: 0 2px 2px #909090;
    background-color: #e8f5fd;
    border: 1px solid #e1e1e1;
    min-height: 200px;
    vertical-align: top;
}

#linkbox ul li h3 {
	margin: 7px; 
}

#linkbox ul li a {
    color: #666666;
	font-size: 14px;
    font-weight: normal;
}

#linkbox ul li a span {
	height: 30px;
    display: block;
}

#linkbox ul li a img {
	box-shadow: 0 2px 2px #909090;
}

#linkbox ul li:hover a img {
	box-shadow: 0 5px 7px #909090;
}