/* CSS Document */


body {


    font-family: 'Lucida Grande', 'Lucida Sans',Geneva,Arial, Verdana, Helvetica, Sans-Serif,'Trebuchet MS';


	font-size: 12px;


	line-height:19px; /* zuvor: 17 */


	vertical-align:top;


	padding: 0;


	margin: 0;


	padding-top:17px;





  background-color: #FFFFFF;


  background-image: url(newbg.gif);


  background-repeat: no-repeat;


  background-position: center 1px;


  height: 100%;


	


}





.content {


	vertical-align:top;


	text-align:justify;


}





.lcontent {


	/* die textblöãke in listen wie dem blog */


	vertical-align:top;


	text-align:justify;


	display:block;


}





/* Haupttabelle */


.tbmain


{


	width:802px; 


	word-wrap:break-word;


	background: url(bg.gif) repeat-y top; border: none;


	height:790px; /* damit die Blumen nicht im leeren häîgen */


}


td{


 vertical-align:top;


}





td.middle


{


	vertical-align:middle;


}





.tdheader


{


	background: url(empty.jpg) no-repeat bottom center;


	background-repeat:no-repeat;	


	background-position:top;


	


	/*display:block;*/


	


	border:0px solid;


	


	height:308px;


	padding:15px;


	vertical-align:top;


	text-align:right;


	padding-bottom:0px;


width:802px;


	











	


	/*height:320px;


	height:320;


	*/


}


.tdfooter


{


	height:63px; /* zuvor 63 */


	background: url(bgfooter.gif) no-repeat bottom; border: none;


}


.tdcontent


{


	text-align:left;


	padding: 15px; 


	padding-top:0px;


	word-wrap:break-word;


}


.tdright


{


	align:left;


	vertical-align:top;


	padding: 7px;


	padding-top:20px;


	padding-bottom:20px;


	width:185px;


	word-wrap:break-word;


	background-color:#FBF7EF;


	display:none;


	/*


	background-color:grey;


	*/


	


}


tdrightborder


{


	width:100%; display:none;


}


.divright


{


float: left;


	padding:5px;


	align:left;


	width=185px;


	height:100%;


	background-color:#FBF7EF;


	display:none;


}





/*  Fonts */





small {


	font-size: 10px; 


	color:#A7A7A7;


	}


small.centered


{


	text-align:center;


}





h1, h2, h3,h4 {


	font-family:  'Trebuchet MS','Lucida Grande','Lucida Sans',Helvetica, Arial, Verdana, Sans-Serif;


	color:#92013f; 


	font-weight: normal;


	}





/*Seitenüâerschrift füò index.php inkl. unterem strich, wurde späôer geäîdert*/ 


/*


h1 {


	margin: 0;


	padding-top:0px;


	font-weight: normal;


	font-size:24px;1


	border-bottom: 1px solid #dfc1d0;


	padding-bottom: 8px;


	


}


*/


/* Spalten in CSS: http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#spaltenlayout */


h1 {


	margin: 0;


	padding-top:0px;


	font-weight: normal;


	font-size:24px;


	border-bottom: 1px solid #dfc1d0;


	padding-bottom: 8px;


}


/*ohne linie, wird in index und product info verwendet, damit man auch ein submenûþeinblenden kann*/


h1.woline {


	margin: 0;


	border:0px;


	padding-top:0px;


	font-weight: normal;


	font-size:24px;


	display:inline;


	/*float:left;*/


	width:500px;


	


	/*border-bottom: 1px solid #dfc1d0;*/


	/*padding-bottom: 8px;*/


}





.tbltitle


{


	border-bottom: 1px solid #dfc1d0; width:100%;


	height:28px;


}








.tdrtitle


{	


	text-align:right;


	vertical-align:bottom;


	vertical-align:baseline;


	padding-top:5px;


}





/* füò submenûþund newsarticle links */


a.redlink:link, a.redlink:visited{


	color: #92013f;


}





a.redlink:hover {


	cursor:pointer; text-decoration: underline;


}








h1.h1price { /* Seitenüâerschrift */


	margin: 0;


	padding-top:0px;


	font-weight: normal;


	font-size:18px;


	border-bottom: 0px solid #dfc1d0;


	padding-bottom: 0px;


	/*display:inline;*/


}








h2 {  /* Artikelüâerschriften */


	margin: 10px 0 0 0;


	font-size:18px;


}





h2.pagetitle {


	margin-top: 30px;


}





#sidebar h2.firsth2 {


	margin: 10px 0 0;


	padding: 0;


	font-size:10px;


	line-height:13px;


	}


	


#sidebar h2 {


	margin: 24px 0 0;


	padding: 0;


	font-size:10px;


	line-height:13px;


	}


		


#sidebar .content


{


	font-size:10px;


	line-height:13px;





}	





h3 {


	padding: 0;


	margin: 30px 0 0;


	margin: 5px 0px 5px 0;


	}





.topspace {


/* oben mehr platz */


	margin-top:30px;


	}


	





h3.comments {


	padding: 0;


	margin: 40px auto 20px ;


	}





h4 { /* Submenue */


	text-align:right;


	display:inline;


	color: #A7A7A7;	


	font-size:12px;


	float:right;


	vertical-align:bottom;


	vertical-align:text-bottom;


	margin-top:6px;


}





/* End Headers */





div.hl { /* headline div */


	


	


	vertical-align:bottom; 


	border-bottom: 1px solid #dfc1d0;


	padding-bottom: 8px;


	height:22px;


}








/* Begin Images */


p img {


	padding: 0;


	max-width: 100%;


	}





/*	Using 'class="alignright"' on an image will (who would've


	thought?!) align the image to the right. And using 'class="centered',


	will of course center the image. This is much better than using


	align="center", being much more futureproof (and valid) */





img {   border: 0px; }





img.centered {


	display: block;


	margin-left: auto;


	margin-right: auto;


	}


	


img.alignright {


	padding: 4px;


	margin: 0 0 2px 7px;


	display: inline;


	/*border-left:10px;border-top:0px; border-bottom:5px; border-right:0px; border-style:solid; border-color:white;*/


	


}





img.alignleft {


	padding: 4px;


	margin: 0 7px 2px 0;


	display: inline;	


/*	border-left:0px;border-top:0px; border-bottom:5px; border-right:7px; border-style:solid; border-color:white;*/


	}





.rounded


{


/* runte Ecken gehen nur mittels Einbettung des Bildes in eine DIV: 


	<div  style="background:url('images/dyn/pic/news/14_sport_th.jpg'); width: 150px; height: 197px; -moz-border-radius: 15px; -webkit-border-radius: 15px;"></div> */


 	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;


}





.alignright {


	float: right;


	}


	


.alignleft {


	float: left


	}


/* End Images */





.center {


	text-align: center;


	}





a img {


	border: none;


	cursor:pointer;


	}


	


/* die bilder auf produkte, die erst beim hover gut sichtbar werden, transparenzeffekt! */


.untrans


{


	/*opacity: 0.40;-moz-opacity:0.4; -khtml-opacity:0.4; filter:alpha(opacity=40);*/


	opacity: 1;-moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);


	cursor:pointer;


}	





.untrans:hover


{


	/*opacity: 1;-moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);*/


	opacity: 0.60;-moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60);


	cursor:pointer;


}	





	


/* Links*/





h1 a, h1 a:hover, h1 a:visited{


	text-decoration: none;


	color: white;


	cursor:pointer;


	}








h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {


	


	}





h2 a, h2 a:hover, h2 a:visited,  h3 a, h3 a:hover, h3 a:visited {


	text-decoration: none;cursor:pointer;


	}





.entry p a:visited {


		color:#C46704;


	}





#sidebar {





		font-size:10px;


	}





small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {


	font-size:10px;


	}


	


code {


	font-size:10px;


	}





acronym, abbr, span.caps


{


	font-size:10px;


	letter-spacing: .07em;


	}





a, h2 a:hover, h3 a:hover {


		text-decoration: none;


		color:#C46704;


		


		color:#A63637;/* dunkelrot */


		color:#A9A9A9; /* graue  linkfarbe! */


		color:#C46704;


		cursor:pointer;


		color:#2e68b2;


}





a:hover {


	


	text-decoration: underline;cursor:pointer;


	}


	


/*  PRIMÄÒLINK */	





.primarylink {


	vertical-align:top;


	/*display: block;*/


	display:inline;


	


	/*margin: -15px 0 0 0;


	padding-top:317px;*/


	


	padding-top:0px;


	text-align: right;


	font-weight: normal;


	font-size:14px;


	color:#92013f;


	cursor:pointer;


	


	border-bottom: 1px solid #dfc1d0;


	padding-bottom: 8px;





}





.primarylink a{


	color: #92013f;


}


a.active {


	border-bottom: 4px solid white;cursor:pointer;


}


a.hover {


	text-decoration: none;cursor:pointer;


}





.whitetext {color:#FFFFFF;}





.whitetext a{ color:#FFFFFF;}


	


	


/*  LISTEN */


ul, li{


/*deaktiviert, da sonst lightview nicht geht, es scheint aber keinen einfluss auf die funktion der website zu haben!*/


	/*


	list-style: none;


	text-indent: -16px;


	


	list-style-type: none;


	list-style-image: none;


	padding-left: 8px;


	padding-top:0px;


	*/





}


ol{


	list-style: none;


	text-indent: 0px;


	list-style-type: none;


	list-style-image: none;


	padding-left: 0px;


	padding-top:0px;	


}


.orange


{


	color:#C46704;


}





/* at the beginning hidden divs */


.dn


{


	display:none;


}





hr{


	display:none;


}


hr.visible


{


	border: none 0;  border-top: 1px solid #dfc1d0; color:#dfc1d0; height: 1px; width:771px;


	display:block;


}





hr.white


{


	display:block;


	border: none 0;  border-top: 1px solid #ffffff; color:#ffffff; height: 1px; width:771px;


}





/* Tabellenformatierung  */


.ListHeader


{


		background-color: white;


		color: #92013f;


		border-bottom: 1px solid #dfc1d0;


		


	    padding-bottom: 0px;


}


.List0


{


		color: #92013f;


		border: 1px solid #dfc1d0;


		border-top: 0px solid;


		color:#000000;


}


.List1


{


	background-color:#F7F7F7; /* hellgrau */


	color: #92013f;


	border: 1px solid #dfc1d0;


	border-top: 0px solid;


	color:#000000;


}





/* Augzäèlung der Lääen */


.List2


{


	background-color:#F5F5F5;


	font-size:10px;


}





.List3


{





	font-size:10px;


}








/* FORMULAR-ELEMENTE */


select, input, checkbox, textarea, radio


 {  





	  font-family: 'Lucida Grande','Lucida Sans',Geneva,Arial, Verdana, Helvetica, Sans-Serif,'Trebuchet MS';


	  font-size: 12px;


	/*  color:#C46704;*/


	 font-style:normal;


	/*  margin-top: 0px;


	  margin-right: 0px;


	  margin-bottom: 0px;


	  margin-left: 0px;*/


	  border: 1px solid;


	  /*border-color:#C46704;*/


	  border-color:#dfc1d0;


}





input.noborder  /* Füò Buttons */


{


/*	margin:2px;*/


	border:0px;


}





.tdFLeft {


vertical-align:middle; 


width:100px;


	


}





.fn {


                 font-size: 85%;


                 position:relative;


                 top:-2px;


                 margin-right:4px;


                 }


				 


/* jcarousel */


#wrap {


    /*color: #404040;*/


    /*margin: 0 12%;*/


    /*margin: 20px 40px;*/





}





div.autosize { display: table; width: 1px; }


div.autosize > div { display: table-cell; }





div.shoppingcart


{


border: 0px; position: absolute;  top: 45px;  left: 50%; margin-left:385px; border: 1px solid #A7A7A7; padding: 5px; 


		


		-moz-box-shadow: 1px 2px 3px #A7A7A7;  


		-khtml-box-shadow: 1px 2px 3px #A7A7A7; 


		-webkit-box-shadow: 1px 2px 3px #A7A7A7;


		filter: DropShadow(color=#A7A7A7, offx=2, offy=3);


		box-shadow: 1px 2px 3px #A7A7A7;


			


		-moz-border-radius: 7px;


		-moz-border-radius-topleft: 0px;


		-khtml-border-radius: 7px;


		-khtml-border-radius-topleft: 0px;


		-webkit-border-radius: 7px;


		-webkit-border-top-left-radius: 0px;


		


		opacity: 0.90;-moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=90);


		background-color:#FFFFFF;


}


div#flashArea {


	/left: 0;

}