/* ------------------------------------------------------------------------------
Web2Date

Layout:		CREEK  29.01.2012
Modification:	Webdesignconsult.de    
--------------------------------------------------------------------------------- */
/*
picturebordercolor = "#dddddd"
usercolor.medium = "#952F2D"
usercolor.dark = "#000000"
usercolor.alt.dark = "#c0c0c0"
usercolor.bright = "#ffd700"

*/

/* Content-Elemente */

/* Diverses */
div.clearer, .clearer, .clear  {
	clear:				both;
	margin: 			0 0  20px 0;
}
div.center, .center  {
	text-align:			center;
	margin: 			10px auto;
}

#sidebar h2 {
	font-size:		19px;
}
#content h1 {
	font-family:		Corbel;
	font-weight:		normal;
	font-size:		30px;
	margin:			10px 0;
	padding:		0;
	color:			#666;
	letter-spacing:		-2px;
}
#content h2 {
	font-family:		Corbel;
	letter-spacing:		-1px;
	font-size:		19px;
	font-weight :		normal;
	margin:			10px 0 5px 0;
	padding:		0;
	color:			#952F2D;
}
#content h3 {
	font-size:		100%;
	font-weight:		bold;
	margin:			8px 0 4px 0;
	padding:		0;
}
#content h3.teasertext {
	padding:		0 10px !important;
	text-transform:		uppercase;
	margin-bottom:		0 !important;
}

#content p {
	margin:			0 0 10px 0;
	padding:		0;
	line-height:		160%;
}
#content a,
#sidebar a {
	text-decoration:	none;
	font-weight:		bold;
	color:			#952F2D;
}
#content a:hover,
#sidebar a:hover  {
	text-decoration:	underline;
}
#content .sidepictureright {
	float:			right;
	padding:		0;
	margin:			10px 0 10px 20px;
	width:			216px;
}
#content .sidepictureleft {
	float:			left;
	padding:		0;
	margin:			10px 20px 10px 0;
	width:			216px;
}
.sidepicture  {
	margin-bottom:			0;
}

p.picturecaption {
	width:				200px;
	font-weight:			bold;
	display:			block;
	padding: 			0 4px 2px 0 !important;
	color:				#952F2D !important;
	background-color:		#fff;
	margin:				0 !important;;
}
span.sidepicturetext {
	width:				200px;
	font-weight:			normal;
	display:			block;
	padding: 			0 4px 2px 0 !important;
	color:				#666 !important;
	background-color:		#fff;
}
p.picturetext {
	font-weight:			normal;
	display:			block;
	padding: 			2px 4px 2px 8px;
	color:				#666 !important;
	background-color:		#fff;
}

/* Picture */
#content img.picture {
	padding:		0 16px 16px 0;
	background:		url(../images/pshadow.gif) no-repeat bottom right;
}
/* Liste */
#content ul,
#content ul.right,
#content ul.left,
#content ul.teaser_ul,
#sidebar ul,
#sidebar ul.SBbullet3 {
	list-style:		none;
	padding:		0 ;
	margin:			6px 0 20px 0 ;
	line-height:		150%;
}
#content ol {
	margin:			6px 23px 20px 23px ;
	line-height:		150%;
	padding:		0 ;
}
#content ul.bullet1 li, 
#content ul.bullet3 li, 
#content ul.bullet2 li,
#content ul.teaser_ul li{
	list-style-type:	none;
	font-weight:		normal;
	padding:		2px 0 2px 16px;
}
#content ul.bullet3 li,
#content ul.teaser_ul li { 	/* Standard-Liste */
	padding:		0 0  0 16px;
	background:		url(../images/pbull.gif) no-repeat 0  2px;
}

/* Liste (Bullets beispielsweise von http://www.webstylepress.com/designing-elements-bullets-icons-download/)*/
#content ul.bullet1 li {
	background:		url('../downloads/pic_bullet2.png') no-repeat 0 6px; /*Wahlbullet 1 */
}
#content ul.bullet2 li {
	background:		url('../downloads/pic_bullet4.png') no-repeat 0 6px; /*Wahlbullet 2 */
}
#content ol.count {
	font-weight:		normal;
	padding:		0;
	margin:			6px 0 0 23px  !important;
}
#content ol.count li,
#sidebar ol.count li  {
	background:		none;
	padding:		2px 0;
}
#sidebar ul.SBbullet1 li,
#sidebar ul.SBbullet3 li,
#sidebar ul.SBbullet2 li {
	list-style-type:	none;
	font-weight:		normal;
	padding:		0 0  0 16px;
}
#sidebar ul.SBbullet3 li,
li.sb_teaserlist  { 		/* Standard-Liste */
	padding:		0 0  0 16px;
	background:		url(../images/pbull.gif) no-repeat 0 2px;
}
#sidebar ul.SBbullet1 li {
	background:		url('../downloads/pic_bullet2.png') no-repeat 0 6px; /*Wahlbullet 1 */
}
#sidebar ul.SBbullet2 li {
	background:		url('../downloads/pic_bullet4.png') no-repeat 0 6px; /*Wahlbullet 2 */
}
#sidebar ol.count {
	font-size:		1.1em;
	font-weight:		normal;
	padding:		0 0 20px 10px;
	margin:			6px 0 0 16px;
}
ul.sidebarteaser {
	list-style:		none !important;
	text-align:		left  !important;
	padding:		0  0  0  5px;
}
*+ html ul.sidebarteaser {
	margin-left:		0;
}
* html ul.sidebarteaser {
	margin-left:		5px;
}
#content p,
#sidebar p {
	margin:			0 0 10px 0;
	padding:		0;
	line-height:		160%;
}

/* Text */
.texttabs {
	margin:				10px 0 10px 0;
	padding:			4px 0;
}
.texttab {
	text-decoration:		none;
	padding:			6px 10px;
	background-color:		#ccc;
	color:				#952F2D;
	font-weight:			normal;
}
.texttab:hover {
	text-decoration:		none;
	color:				#fff !important;
}
.texttabsel {
	background-color:		#952F2D;
	color:				#fff;
}
#content p.emphasizeleft {
	padding-left:			10px;
	border-left:			10px solid #999999;
}
#content p.emphasizeright {
	padding-right:			10px;
	border-right:			10px solid #999999;
}
#content p.emphasize {
	border-left:			10px solid #999999;
	padding-left:			16px;
	margin:				10px 0;
}

/* Tabelle */
#content table.cells {
	border: 1px solid #dddddd;
	border-collapse: collapse;
	border-spacing: 0px;
}

#content td.cell {
	border: 1px solid #dddddd;
	padding: 4px;
	border-collapse:collapse;
	line-height: 160%;
}

#content td.headercell {
	color: #ffffff;
	padding: 4px;
	font-weight: bold;
	background-color: #952F2D;
}


/* Teaser */
/* neue Listen-Teaser */
div.sb_teaser   {
	margin:		0 auto;
	padding:	0.1em;
	list-style:	none;
	border-radius:	8px;
	border:		thin solid #999999;
}
div.entryindex ul li p.excerpt {
	margin:		2px 4px 0 5px  !important;
	display:	none;
}
div.entryindex ul {
	padding:	0;
	margin:		10px  0 10px  0 ;
}
div.entryindex ul li {
	margin:		0 auto;
	padding:	0.5em;
	list-style:	none;
	width:		90%;
	border-radius:	8px;
	border:		thin solid #dddddd;
}

div.entryindex ul li h3 {
	font-size:	1.1em;
	margin:		2px 2px 0 0  !important;
	padding:	2px 0 2px 0;
}
div.entryindex ul li h3 a {
	font-size:	1.1em;
	border-bottom:	none;
	text-decoration:none;
}
div.entryindex ul li:hover h3 a,
div.entryindex ul li:focus h3 a {
	border-bottom:		1px solid #952F2D;
	text-decoration:	none  !important;
}

span.shop_id, .shop_preis,
.teaser_error, .error  {
	color:			#952F2D  !important;
	font-weight:		bold;
	font-style:		normal  !important;
}

h4 {
	font-size:		1.1em;
	background-color:	transparent;
	color:			#952F2D;
	margin:			10px 0 0 0  !important;
}
*+ html h4 a.teaserlink {
	font-size:		1.0em;
}
h2 a.teaserlink {
	font-size:		0.8em  !important;
}
div.teaser {
	margin:			0 ;
	padding:		2px  0  2px  0 ;
}
div.teaserelement {
	float:			left;
	padding:		0  ;
	margin:			0 15px 11px 0 ;
	border:			thin solid #dddddd;
	border-radius:		8px;
}
.teasertext,
p.error {
	padding:		5px  10px !important;
}
p.teasertext {
	line-height:		150% !important;
}
div.teaserpicture {
	margin-top:		0;
	float:			right;
	padding:		0  8px 2px 8px;
	border:			none;
	clear:			both;
}
a.teaserlink  {
	text-align:		left;
}
ul.teaser_ul {
	text-align:		left;
	font-size:		1.1em;
	color:			#000;
	background-color:	transparent;
	background-image:	none;
	list-style:		none;
	padding:		10px 0 0 0;
	margin:			10px 0 6px 0;
	display:		block;
}
ul.teaser_ul li  {
	list-style:		none;
	padding:		2px 0  2px 16px;
	background:		url(../images/pbull.gif) no-repeat top left;
}

/* Teaser ORIGINAL
div.teaserelement {
	float: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

div.teaser {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

div.teaserpicture {
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 10px;
	border: none;
}

p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}
.teasernav {
	clear: both;
	padding: 4px 0;
	margin: 10px 0;
	text-align: center;
	border-bottom: 1px solid #dddddd;
}
.teasernav a {
	font-weight: normal !important;
} */

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */
p.s2d  {
	font-size: 180%;
	color: #952F2D;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}
p.s2dsmall  {
	font-size: 80%;
}

/** Für Formulare und Shopseiten **/
table.formtab td.title { /* Breite für Titel dr Formularfelder */
	width:				200px;
}
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border:				1px solid #dddddd;
}
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {
	border:				1px solid #A70C0C;
	background-color:		#F5E5E5;
}

/* Tabellenbreite */
table.pluginwidth {
	width:				590px;
	margin:				auto;
}
table.completewidth, td.completewidth {
	width:				100%;
}
/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width:				420px;

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height:				118px;
}

/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */
.h {
	color:				#A70C0C;
	font-weight:			bold;
	text-align:			left;
}
/*Formular required */
span.required  {
	color:				#952F2D;
	font-weight:			bold;
}
/* Focus und Mausover von Formularelementen, immer identisch */
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
	background-color:		#99302E;
	color:				#fff;
	letter-spacing:			0.1em;
	font-weight:			bold;
} 
/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left:			3px;
	padding-right:			3px;
	margin:				0;
}
table.formtab td.title {
	width:				200px;
}