*{
margin:0px;
padding:0px;
}




.main_content{
        background-color: #ffffff
       



}
/*Left*/
.left_heading{
        padding-top: 5px;
        padding-left: 15px;
        font-family: Verdana, sans-serif;
        font-size: 14px;
        color: #ffffff;
        font-weight: bolder;
}
.left_content{
       
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 15px;
}

#pic {width:100%; max-width: 500px;}

.left_impressum{
        
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 15px;
}

.left_suche{
       
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 15px;
}


/*middle*/

.middle_content{



        padding-right: 10px;
        padding-left: 10px;
}

/*right*/
.right_heading{
        padding-top: 1px;
        padding-left: 15px;
        font-family: Verdana;
        font-size: 13px;
		text-align:center;
        color: #ffffff;
        font-weight: bolder;
}
.right_content{
        padding:5px 0px 0px 35px;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        font-family: Verdana, sans-serif;
        font-size: 10px;
        line-height: normal;
        color: #333333;
}

.Artikelbezeichnung{
        font-family: Verdana, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #5f3b22;
}
.Artikelbescheribung{
        font-family: Verdana,sans-serif;
        font-size: 12px;
        color: #666666;
        margin-left: 10px;
}



/* Bildergalerie*/



.images{
        vertical-align: top;
        margin-left:500px;
        margin-top: 0px;
        z-index: 100;
        position: absolute;
}
.images_border{
        border: 1px solid #777E84;
}
.galerie_image{
        vertical-align: top;
        margin-top: 0px;
        z-index: 1;
        background-color: #000000;
}



/*base*/
td.navigation + td {visibility:hidden}
td.navigation {height: 38px; valign:top;}

span.greeting {vertical-align:top !important; margin-top:6px !important}
table.logobar tbody tr td {height:55px !important;}
td.navigation {width:680px;}
body table table table 	{margin:0px; padding:0;} 

#headerzeile {width: 1002px; height: 50px; position:relative; overflow:hidden; text-align: left; z-index:2000;}



#headernavi {overflow:hidden; position:absolute; z-index:500;}
#headernavi ol {margin:0; padding:0; list-style: none inside; border: 0 none transparent;}
#headernavi ol li {float:left;}
#headernavi ol li a, #headernavi ol li a:visited {display:block; font: bold 12px Arial; text-decoration:none}
#headernavi ol li a:hover {font: bold 12px Arial; text-decoration:none;}
*html #headernavi ol li a {width:1px; white-space:nowrap}

.mitte_oben {width: 815px;}
.t_header {width: 185px;}

#head_bg {position:absolute; z-index:10; width:100%; height:110px; left:0;}
*html body {margin:0px; padding:0px;}





#headernavi ol li a: visited {
 display: inline;
    list-style-type: none;
margin-left:1px;
margin-right:1px;
padding: 0px 35px 0px 20px; 
font-weight:bold; 
font-family:Verdana; 
font-size:12px; 
text-decoration:none;
text-transform:none;
color:#000000; 
line-height:45px;
}

#headernavi ol li a: hover {
 display: inline;
    list-style-type: none;
margin-left:1px;
margin-right:1px;
padding: 0px 35px 0px 20px; 
font-weight:bold; 
font-family:Verdana; 
font-size:12px; 
text-decoration:none;
text-transform:none;
color:#000000; 
line-height:45px;
}





/** Kategorie **/


.kat00 a, .kat00 a:visited,  a.katlink, a.katlink:visited, .s_recat li a, .s_recat li a:visited {

padding:5px 0px 0px 35px;
	line-height:24px;
	line-color: #000000;
	font-size:13px; 
	font-family: Verdana;
	color:#000000;
	text-align:left;
	font-weight:normal ;
	text-decoration:none !important;
	border-bottom:none;
	width:150px !important; 
	display:block;
}








/* Balken hinter der Kopfzeile */













}
a:visited {
text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #000000;
	border: 0;
	font-weight: bold;
}



#info {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	text-align: left;
}

#suche {
	text-align: center;
}

#link {
	color: #000000;
	font-weight: bold;
}
#newsletter {
	color: #0580de;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
#newsletter {
	color: #FFFFFF;
	font-weight: bold;
}
#eer {
	text-align: center;
}
#unten {
	text-align: center;
	color: #F0F;
	font-weight: bold;
	font-size: 18px;
}
.wdw {color: #333333;
}
#dd {text-align: center;
}
#mitte {
	color: #F00;
}
#labell {
	font-size: 12px;
}
#labell {
	font-family: Verdana, sans-serif;
}



#diana {
    background: transparent none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font: 1em "Open Sans",Verdana,sans-serif;
    margin: 5px auto;
    text-shadow: none;
}


#diana img {max-width:100%}
#diana p {margin:5px 0 10px}


/* Galerie */
#diana #egal {display:none}
#diana #egal_smart {white-space:nowrap; width:80%; overflow:auto; display:block}
#diana #egal_smart img {max-width:95%; vertical-align:bottom; margin-top:5px; margin-right:5%; margin-bottom:5px; margin-left:3px;} 
#diana #egal_smart img {
	-webkit-box-shadow: 0px 1px 5px 0px rgba(85, 85, 85, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(85, 85, 85, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(85, 85, 85, 0.75);}
#diana #egal_smart img:last-child {margin-right:3px}
/* // Galerie */


@media (min-width: 800px) { /* Tablet */ 

	
	#headerzeile {width: 513px; position:relative; overflow:hidden;}
	
	
	#diana #egal {display:none}
	#diana #egal_smart {display:block}
	

 /* Galerie */
	#diana #egal {margin:0; width:513px; overflow:hidden; border:none; display: none}
	#diana #egal #eleinwand { width:80000px; float:left; position:relative; left:0; padding-top:5px; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s;}
	#diana #egal #eleinwand span {width:513px; float:left; border:0px solid red; text-align:center}
	#diana #egal #eleinwand span img {max-width: 513px; margin:auto}
	#diana #egal .kleinebilder img { width:76px; height:auto !important; margin: 5px 5px 15px 0; border: none;}


	
}
.kleinebilder img { width:76px; height:auto !important; margin: 5px 5px 15px 0; border: none;}
@media (min-width: 1050px){ /* Desktop */
	
	#diana #egal {display:block}
	#diana #egal_smart {display:none;}
	
	/** Kategorie **/


.kat00 a, .kat00 a:visited,  a.katlink, a.katlink:visited, .s_recat li a, .s_recat li a:visited {

padding:5px 0px 0px 35px;
	line-height:24px;
	font-size:13px; 
	font-family: Verdana;
	color:#000000;
	text-align:left;
	font-weight:normal ;
	text-decoration:none !important;
	border-bottom:none;
	width:150px !important; 
	display:block;
}

	
	
	
	
	
	/* Galerie */
	#diana #egal {
	margin: 0px;
	max-width: 550px;
	overflow: hidden;
	border: none;
	display: block
}
	#diana #egal #eleinwand { width:80000px; float:left; position:relative; left:0; padding-top:5px; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s;}
	#diana #egal .kleinebilder { position:relative; float:left; min-height:115px;}
	#diana #egal #eleinwand span {display:inline-block; max-width:550px; float:left; border:0px solid red; text-align:center}
	#diana #egal #eleinwand span img {
	max-width: 500px;
	margin: auto
}

	#diana #egal_smart {display:none}

}



@media (min-width: 250px) { #diana {width: 225px;}}
@media (min-width: 300px) { #diana {width: 275px;}}
@media (min-width: 350px) { #diana {width: 325px;}}
@media (min-width: 400px) { #diana {width: 375px;}}
@media (min-width: 450px) { #diana {width: 425px;}}	
@media (min-width: 500px) { #diana {width: 475px;}}
@media (min-width: 550px) { #diana {width: 500px;}}	

#diana {overflow:hidden;}







