/* 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öcke 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ängen */
}
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;
	*/
}

.tdheadernew
{
	/*display:block;*/
	height:308px;
	padding:15px;
	vertical-align:top;
	text-align:right;
	padding-bottom:0px;
	width:802px;
}

.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;
	height:100%;
	
	
}
.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überschrift für index.php inkl. unterem strich, wurde später geändert*/ 
/*
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ür submenü und newsarticle links */
a.redlink:link, a.redlink:visited{
	color: #92013f;
}

a.redlink:hover {
	cursor:pointer; text-decoration: underline;
}


h1.h1price { /* Seitenüberschrift */
	margin: 0;
	padding-top:0px;
	font-weight: normal;
	font-size:24px;
	border-bottom: 0px solid #dfc1d0;
	padding-bottom: 0px;
	/*display:inline;*/
}


h2 {  /* Artikelüberschriften */
	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ÄRLINK */	

.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ählung der Läden */
.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ür 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;
}


    /*Snippet css*/

#Wrap {
	padding: 5px;
	height: 378px;
	width: 760px;
}
.left {
	width: 230px;
	background-color: #e7e7e7;
	padding: 0px;
	float: left;
	margin-right: 4px;
	display: block;
	height: 317px;
}
.bottom {
	clear: left;
	height: 60px;
	width: 760px;
}
.heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #a00000;
	text-decoration: none;
	letter-spacing: 0px;
	background-color: #dbdbdb;
	padding-top: 7px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c3c3c3;
	display: block;
	margin-top: 12px;
	text-align: center;
	text-shadow:0 1px 0 #f6f6f6;
}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: left;
	padding-left: 18px;
	display: block;
	text-shadow:0 1px 0 #f6f6f6;
	margin-top: 18px;
}
.heading2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #a00000;
	text-decoration: none;
	letter-spacing: 0px;
	padding-left: 18px;
	margin: 0px;
	text-shadow:0 1px 0 #f6f6f6;
	display: block;
}
.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	display: block;
	padding-left: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow:0 1px 0 #f6f6f6;
	padding-right: 20px;
	text-align: left;
}
.bottomLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a00000;
	text-decoration: none;
	display: block;
	width: 245px;
	padding-top: 10px;
	padding-left: 18px;
	float: left;
}
.bottomRight {
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 18px;
}
.bottomRight span {
	display: block;
	float: left;
	padding-left: 6px;
}

.transBox {
	background: none repeat scroll 0 0 #000000;
    bottom: 250px;
    float: right;
    height: 30px;
    margin-top: 0;
    opacity: 0.3;
    padding: 8px;
    position: relative;
    width: 200px;
    z-index: 50;
	
}
.transText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin-left: 40px;
}
.transImage {
	display: block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}



.right {
	display: block;
	float: left;
	height: 317px;
	width: 524px;
}

.sharesocial{
	margin-left: 45px;
}

.social{
	vertical-align: top; 
	float: left;
	margin-right: 5px;
}