/* Content und Sidebar-Elemente */

BODY {
	margin: 0px;
	padding: 0px;
	background-color: #262F4A;
	min-width: 992px;
}

#content h1 {
	font-size: 180%;
	font-weight: normal;
	margin: 0px 10px 10px 10px;
	padding: 2px 0px 4px 10px;
	background-color: #4A5475;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	color: #fff;
}

#content h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 2px 10px;
	color: #262F4A;	
}

#basket {
	border-bottom: 1px dotted DarkSlateBlue;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#contentmax h1 {
	font-size: 160%;
	font-weight : normal;
	margin: 0px;
	padding: 0px 0px 2px 10px;	
	color: #262F4A;
}

#sidebar h2 {
	font-size: 100%;
	font-weight: bold;
	margin-right: -20px;
	padding: 6px 0px 2px 8px;	
	height: 20px;
	color: #ffffff;
	background-color: #333333;
	border-bottom: 1px #ffffff solid;
}	

#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 10px;	
	color: #ffffff;
}

#content h4 {
	font-size: 90%;	font-weight : normal;
	margin: 0px;
	padding: 2px 0px 2px 6px;	
	color: #262F4A;
}

#content p {
	margin: 0px;
	padding: 2px 0px 2px 14px;	
	line-height: 160%;
}

#sidebar{
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	line-height: 160%;
}

#tippleft p {
	margin: 0px;
	padding: 2px 2px 2px 8px;	
	line-height: 160%;
}

#sidebar p, #sidebar h2, #tippleft p, #tippleftwarenkorb p  {
	color: #FFFFFF !important;
}

#sidebar a, #tippleft a, #tippleftwarenkorb a {
	text-decoration: none;
	font-weight : bold;
	color: #FFFFFF;
}

#content a {
	text-decoration: none;
	font-weight : bold;
	color: #3D4976;
}

#content a:hover, #sidebar a:hover {
	text-decoration: underline;
}

#content .sidepicture, #contentmax .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 10px 10px;
	width: 160px;
}

#content .clearer {
	clear: both;
}

#moretop {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	text-align: right;
	line-height: 120%;
	font-family: arial;
	font-size: 11px;
	border-bottom: 1px dotted DarkSlateBlue;
}

#moretop a {
	text-decoration: none;
	font-weight : normal;
	color: #3D4976;
}

#more {
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 20px 0px;
	text-align: right;
	line-height: 120%;
	font-family: arial;
	font-size: 11px;
	border-top: 1px dotted DarkSlateBlue;
}

#more a {
	text-decoration: none;
	font-weight : normal;
	color: #3D4976;
}

#infobox {
	color: #fff;
	font-size: 90%;
	font-weight: normal;
}

#infobox a {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	font-weight: normal;
}

#infobox a:hover {
	color: #fff;
	text-decoration: underline;	
}

/* Liste */

#content ul, #sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 10px;
}

#content li, #sidebar li {
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

/* Tabelle */

#content table.cells {
	border: 1px solid #ededed;
	margin: 0px 0px 0px 10px;	
}

table.completewidth, td.completewidth {
	width: 100%;
}

#content td.cell {
/* 	background-color: #F8F8F8; */
}

#content td.cell a {
	font-size: 100%;
}



#content td.headercell {
	font-weight: bold;
}



/* Teaser */

div.teaser1 {
	border-bottom: 1px solid #666666;
	margin: 0px 0px 10px 0px;
}

div.teaserelement {
	float: left;
	background-color: #F8F8F8;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

div.teaserelement h3 {
	background-color: #666666;
	padding-top: 0px;
	border-top: 1px solid #666666;
}

div.teaser {
	margin: 2px 0px 2px 16px;
	padding: 0px;
}

div.teaser p {
	font-size: 80%;	
}

div.teaserpicture {
	float: right;
	padding: 0px;
	margin: 0px 5px 5px 7px;
	border: none;
}

p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

a.teaserlink {
	font-size: 100%;
}

.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}



div.infobutton img {
	margin-bottom: 5px;
	margin-left: 12px;
	filter:alpha(opacity=100); 
	opacity: 1;
}

div.infobutton img:hover {
	opacity: 0.8;
}

div.preisinfobutton img {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 12px;
	filter:alpha(opacity=65); 
	opacity: 0.65;
}

div.preisinfobutton img:hover {
	filter:alpha(opacity=100); 
	opacity: 1;
}

.button {
	filter:alpha(opacity=100); 
	opacity: 1;
}

.button:hover {
	opacity: 0.8;
}

div.teaserpicture img, div.teaserpicture2 img, div.teaserpicture3 img, #content .sidepicture img, .infobutton img, #content td.cell img {
	filter:alpha(opacity=100); 
	opacity: 1;
}

div.teaserpicture img:hover, div.teaserpicture2 img:hover, div.teaserpicture3 img:hover, #content .sidepicture img:hover, .infobutton img:hover, #content td.cell img:hover {
	opacity: 0.8;
}


.s2d {
	text-decoration: none;
/*	color: #3D4976;*/
}

.s2d a {
	text-decoration: underline;
	color: #3D4976;
}

.s2d a:hover {
	text-decoration: underline;
	font-weight : bold;
	color: #3D4976;
}

/* Absatztype Formular */

input.box {
	border : 1px solid #dedede;
	width: 328px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	border : 1px solid #dedede;
	width: 328px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	overflow: auto;
}

form.formular .formcaption {
	width: 200px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #666666;
	line-height: 160%;
	padding: 2px 0px 10px 204px !important;
}

.buttoncaption {
	line-height: 200%;
}

/* ZULETZT ANGESEHEN */

.s2dh3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 8px;	
	height: 18px;
	color: #ffffff;
	background-color: #333333;
	border-bottom: 1px #ffffff solid;
}

.s2dt  {
	width: 160px;
}

td.s2d1 img {
	margin-top: 3px;
	border: 1px solid #505050;
	filter:alpha(opacity=100); 
	opacity: 1;
}

td.s2d1 img:hover {  
	Opacity: 0.8;
}

#sidebar td.s2d1 a {
	font-weight: normal;
	line-height: 11px;
}

td.s2d1 a:hover {
	font-weight: normal;
}

td.s2d1  {
	font-size: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
/* ENDE ZULETZT ANGESEHEN */

/* Plugin-Styles */

P.s2d  {
	font-size: 120%;
/*	color: #3D4976;*/
	font-weight : bold;
	/*	color: #3D4976;*/
	margin: 0px;
	padding: 2px 0px 2px 0px;
/*	line-height: 140%;*/
}

P.s2dsmall  {
	font-size: 80%;
}

/* Scrollbalken im FF immer anzeigen */
html {height: 100%; margin-bottom: 0.1px;}

/* Grundpreisberechnung  */
#baseprice {
		font-size: 80%;
		padding: 0px 2px 2px 2px;
		margin: -10px 0px 0px 90px;
		line-height: 100%;color: #bebebe;		
}

#baseprice:hover {
		color: black;
}

#basepricerabatt1, #basepricerabatt2, #basepricerabatt3, #basepricerabatt4, #basepricerabatt5 {
		font-size: 80%;
		margin: 0px 0px 0px 90px;
		padding: 2px 2px 2px 2px;
		line-height: 100%;
		border-top: 1px solid #CECECE;color: #bebebe;
}

#basepricerabatt1:hover, #basepricerabatt2:hover, #basepricerabatt3:hover, #basepricerabatt4:hover, #basepricerabatt5:hover {
		color: black;
}
/* Ende Grundpreisberechnung  */ 



/* Breite bei Spezialfeldern */
	td.triplewidth {
	 min-width: 224px;
	}
	
/* Hinweis unter teaser PAngV */
div.teaserpangv {
	margin: 0px 0px 20px 22px ! important; 
	border: none;
	width: 748px;
	font-size: 10px;
	color: #bebebe;
}

#textcols {
	border: 1px dotted ;
	padding: 4px 2px 4px 2px;
	margin-bottom: 10px;
	margin-left: 7px;
	width: 438px;
	background-color: #fff /*#EDEDED*/;	
/*	position: relative; 
	z-index: 999; */
}

#textcols a {
	border-right: 1px solid ;
	padding: 0px 6px 0px 3px;
	font-weight: normal;
}

#textcols a:hover {
/*	color: #B22222;*/
}

#textcolp3t3, #textcolp3t4 {
	width: 450px;
/*	position: relative; 
	z-index: 998; */
}


#textcolh3t1.active, #textcolh3t2.active, #textcolh3t3.active, #textcolh3t4.active  {
	 color: black;
	 font-weight: bold;
}

