/* ------------------------------------------------------------------------------
Web2Date

Layout:		KiribatiMixed
Stand:		23.08.2011
Autor der
modifikationen:	Webdesignconsult.de 
--------------------------------------------------------------------------------- */
/* Benutzerfarben:
usercolor.medium = "#FFD324"
usercolor.dark = "#003366"
*/

/* Content-Elemente */
span.shop_id, .shop_preis,
.error  {
	color:			  !important;
	font-weight:		bold;
	font-style:		normal  !important;
}
#center, div.centered, .center, .centered, .sidebarcenter {
	text-align:		center !important;
}

#content table.spalten {
	width:			100% !important;
	border:			1px solid #dedede;
	padding:		3px;
}
#content table.spalten p.spaltentext {
	font-size:		1.15em !important;
}
#content h1   { color: #fff; font-size: 180%; font-family: Georgia, "Verdana", Serif; font-style: normal; font-weight: normal; margin: 0 0 10px; padding: 0 }
#content h2  { color: #fff; font-size: 120%; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; margin: 20px 0 5px; padding: 0; clear: both }
h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0 }
#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 8px 0 4px 0;
	padding: 0;
}

#content p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 160%;
}
#content a {
	text-decoration: none;
	font-weight : bold;
	color: #FFD324;
}
#content a:hover {
	text-decoration: underline;
}
#more {
	margin: 20px 0;
	padding: 0;
	text-align: right;
}


/* Liste */
#content ul.right {
	font-size:		0.9em;
	list-style:		none;
	padding:		0 ;
	margin:			6px 0  6px 0;
}
#content ul.left {
	font-size:		0.9em!important;
	list-style:		none;
	padding:		0 ;
	margin:			6px 0  6px 220px  !important;
}
#content ul.right li, li.sb_teaserlist   {
	list-style:		none;
	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;
}
#content li {
	margin: 0 0 8px 16px;
	padding: 0 0 0 16px;
	line-height: 160%;
}

/* Tabelle */
#content table.cells {
	border: 1px solid ;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #333;
}

#content td.cell {
	border: 1px solid ;
	padding: 4px;
	border-collapse:collapse;
	line-height: 160%;
}

#content td.headercell {
	color:		#fff;
	padding: 4px;
	font-weight: bold;
	background-color: #FFD324;
	border: 1px solid ;
}


/* Bildabsatz */
div.picture {
	margin:			0 auto 10px auto;
	text-align:		center;
}
#content img.picture {
}
#content a:hover img.picture {
}
#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;
}

/* Teaser */
div.teaserelement {
	float:			left;
	padding:		0  0  0  20px;
	margin:			0 ;
}
div.teaser {
	margin:			0 ;
	padding:		2px 0  2px 0 ;
}
div.teaserpicture {
	float:			right;
	padding:		0 ;
	margin:			0  0  10px 10px;
	border:none;
}
p.teasertext {
	margin:			0 ;
	padding:		4px 0  4px 0 ;
}
.teasernav {
	clear:both;
	padding:		4px 0;
	margin:			10px 0;
	text-align:		center;
	border-bottom:		1px solid ;
}
.teasernav a {
	font-weight:		normal !important;
}
.buttoncaption {
	line-height:		200%;
}


/** Für Formulare und Shopseiten **/
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid ;
}

/* 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: 640px;
	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: 320px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 128px;
}

/* 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;
}
/* Plugin-Styles */
p.s2d, td.s2d  {
	color:			#000;
	font-size:		0.9em;
	font-weight:		normal;
	margin:			0 ;
	padding:		2px 0  2px 0 ;
}
p.s2dsmall  {
	font-size:		0.9em;
}
a.s2dsmall, a.s2dinfo  {
	text-decoration:	underline !important;
}

/* Tipp des Tages mit Bild */
.tipppicture {
	float:			left; 
	margin:			-1px   5px    3px   -2px; 
	padding:		0   10px   0  0; 
	width:			50px;
}

/* Plugin Abstimmung */
div.ranka {
	margin:			15px auto;
	width:			200px;
}
p#rankr {
	margin:			5px auto;
}
#id { }

#content div.paragraph {
	padding:		0;
	margin:			10px 0 30px 0;
}
