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

Layout:   	WideCenter für 7. Himmel  03.02.2011
Modification:	Webdesignconsult.de    
--------------------------------------------------------------------------------- */
/*
usercolor.medium = "#8F8F5D"
usercolor.alt.medium = "#824E00"
usercolor.bright = "#F0F0DF"
usercolor.alt.bright = "#878758"
usercolor.dark = "#474747"

*/

/* Content und Sidebar-Elemente */

h1 {
	font-size:		160%;
	font-weight:		bold;
	color:			#8F8F5D;
	background-color:	transparent;
	margin:			0 0 10px 0;
}
h2 {
	font-size:		16px;
	font-weight:		bold;
	margin:			0;
}
#content h2 {
	padding:		10px 0  2px 0 ;	
	color:			#8F8F5D;
	background-color:	transparent;
	text-transform:		uppercase;
	leeter-spacing:		0.1em;
}
h3 {
	font-size:		100%;
	font-weight:		bold;
	letter-spacing:		0.15em;
	margin:			0 ;
	padding:		2px 0  2px 0 ;	
	color:			#474747;
	background-color:	transparent;
}
#content p {
	font-size:		90%;
	padding:		0  0  10px 0 ;	
	line-height:		160%;
}
#content a {
	text-decoration:	none;
	color:			#824E00;
	background-color:	transparent;
}
#content a:hover {
	text-decoration:	none;
	color:			#8F8F5D;
	background-color:	transparent;
	border-bottom:		1px #8F8F5D dotted;
}

/* Liste */
#content ul.right {
	font-size:		0.9em;
	list-style:		none;
	padding:		0 ;
	margin:			6px 0  6px 10px;
}
#content ul.left {
	font-size:		0.9em!important;
	list-style:		none;
	padding:		0 ;
	margin:			6px 0  6px 220px  !important;
}
#content ul.right li   {
	padding:		2px 0  2px 16px;
	background:		url(../images/pbull.gif) no-repeat top left;
}
#content ul.left li   {
	padding:		2px 0  2px 16px;
	background:		url(../images/pbull.gif) no-repeat top left;
}
span.hidden {
	display:		none;
}

/* Tabelle */
#content table.content {
   	width:				100% !important;
	font-size:			9pt !important;
	margin-top:			0;	
}
#content table.content,
tr.header td.rowheader,
tr.odd td.colheader,
tr.even td.colheader,
td.cell,
tr.odd td.cell,
td.tablepic, td.picturecell_termine   {
	border:				1px #824E00 solid;
}
tr.header td.rowheader{
	text-transform:			uppercase;
	padding:			4px;	
	font-weight:			bold;	
	background-color:		#F0F0DF;
	color:				#824E00 ;
}
tr.odd td.colheader{
	font-weight:			bold !important;
	background-color:		#eee;	
	padding:			5px;	
}
tr.even td.colheader{
	font-weight:			bold !important;
	background-color:		#F0F0DF;	
	color:				#666;
	padding:			5px;	
}
td.cell {
	padding:			4px;	
	margin:				0;
	line-height:			130%!important;
}
tr.odd td.cell{
	background-color:		#eee;
	color: 				#666;	
}
td.tablepic, td.picturecell_termine {
	background-color:		#eee;
}

#content table.spalten {
	width:				100% !important;
	border:				1px solid #878758;
	padding:			3px;
}

/* Bildabsatz */
div.picture {
	padding:		5px;
	margin:			0 auto 10px auto;
	text-align:		center;
}

/* Teaser */
/* Formate für Pseudoliste für Teaser_caption, wegen des Directputs*/
p.wieListe a {
	background:			url(../images/pbull.gif) no-repeat top left;
	padding:			0 0 2px 16px  !important;
	line-height:			90% ;
	font-weight:			bold;
}
.teaser_error  {
	color:				#474747;
	font-weight:			bold;
	font-style:			normal  !important;
}
div.teaser {
	margin:			0px;
	padding:		2px 0px 2px 0px;
}
div.teaser, div.teaserborder {
	margin:			0px;
	padding:		2px 0px 2px 4px;
}
div.teaserborder {border:1px solid #ff8000;}

a.teaserlink  {
	text-align:		left;
}

div.teaserelement, 
div.teaserhintergrund  {
	float:			left;
	padding:		0 16px 0   0  ;
}
div.teaserelement  {
	margin:			0 12px 16px 0;
}
div.teaserhintergrund {
	border:			1px solid #824E00;
	margin:			1px 0 16px 0;
	padding:		5px;
	background:		#878758 url(../images/pteaser.gif) repeat-x scroll top left;
}
div.teaserpicture {
	padding:			5px;
	margin:				0 auto;
	text-align:			center;
	height:				auto;
	float:				none;
	clear:				both;
}
div.teaserpicturefloat {
	float:				right;
	padding:			6px  5px 10px   3px;
	border:				none;
	clear:				both;
}
div.teaserelement p {
	text-align:			left;
	margin:				0 0 0 4px;
	padding:			4px 0 0 4px;
}
.teasernav {
	clear:			both;
	padding:		2px 0   2px 0  ;
	margin:			0  ;
	text-align:		center;
}

/* Lookup */
a.teaserlookuplink   {
	color:			#824E00  !important;
	font-weight: 		bold !important;
}
a.teaserlookuplink:hover   {
	color:			#8F8F5D  !important;
}
.currentletter  {
	color:			#8F8F5D;
	font-weight:		bold;
	font-size:		1.3em;
	font-style:		italic;
}

/* Rahmen und Farbe Formularelemente Highlight */
select.txh,
input.txh,
.textarea.txh,
.txh {
	background-color:		#F5E5E5;
}

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

a.s2dsmall, a.s2dinfo  {
	text-decoration:underline !important;
}

/** Für Formulare und Shopseiten **/

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid #474747;
	background-color: #F0F0DF;
}

/* Weitere Styledefinitionen für Formularelemente */
/* 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: 670px;
	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: 335px;
}

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

/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color: #A70C0C;
	font-weight: bold;
	text-align: center;
}

/* 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: #FFFFFF;
} */

/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}
#more {
	margin:			0  ;
	padding:		20px 0 ;
	text-align:		right;
}

div.more, div.more a {
	width:			16px;
	margin-right:		5px;
	margin-left:		5px;
	padding-top:		10px;
	float:			right;
	z-index:		100;
}

#sidebar .sidepic {
	padding: 0;
	margin: 4px 0  4px 0 ;
}
div.sidebar_hr {
	border-bottom: 			0.01em dotted #8F8F5D;
	padding:			0      0     10px   0 ;
	margin:		0      0     20px   10px;
	width:		90%;
}
#sidebar h2 {
	font-size:		0.8em;
	padding:		2px 0  2px 0 ;	
	color:			#fff;
	text-transform:		uppercase;
}
#sidebar a {
	text-decoration:	none;
	color:			#fff;
	background-color:	transparent;
}
#sidebar a:hover {
	text-decoration:	none;
	color:			#824E00;
	background-color:	transparent;
	border-bottom:		1px #fff dotted;
}
#sidebar p {
	font-size:		90%;
	padding:		0  0  10px 0 ;	
	line-height:		160%;
}
#sidebar ul {
	font-size:		90%;
	list-style:		none;
	padding:		0 ;
	margin:			6px 0  6px 10px;
}
#sidebar li   {
	padding:		2px 0  2px 16px;
	background:		url(../images/pbull.gif) no-repeat top left;
}
 /* definiert im w2d 7 CSS*/
#sidebar img {  /* this is really important, don't touch */
}
#sidebar .sb_pic { /* Breite in config.ccml definiert */
}