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

Layout:   	FictionCenter  
Modifiziert,
validiert by:	Webdesignconsult.de  23.11.2009 
--------------------------------------------------------------------------------- */
/* MiniPixel Icons von  icondock.com/free/   */  
  /* gewählte Designfarben */
/*
usercolor.usercolor.alt.dark = "#660033"
usercolor.medium = "#7C8DAE"
usercolor.bright = "#FFFEED"
usercolor.dark = "#330033"

*/

BODY {
	margin:					0px;
	padding:				0px;
	background-color:			#fff;
}
.clearer, .clear, div.clearer {
	clear:					both;
}

/* Content-Elemente */
#content a, #sidebar a, #sidebarleft a {
	text-decoration:			none;
	font-weight:				bold;
	color:					#7C8DAE;
	background-color:			transparent;
}
#content a:hover {
	text-decoration:			none;
	border-bottom:				1px dotted #660033;
	color:					#7C8DAE;
	background-color:			transparent;
}
#sidebar a:hover, #sidebarleft a:hover {
	text-decoration:			none;
	background-color:			transparent !important;
	margin:					0;
	padding:				0;
	color:					#7C8DAE;
}
#content h1 {
	margin:					0;
	padding:				0;
	font-size:				24px;
	color:					#660033;
	background-color:			transparent;
}
#content h2 {
	font-weight:				bold;
	font-size:				1.4em !important;
	margin:					0px;
	color:					#330033;
	background-color:			transparent;
	padding:				10px 0px 3px 0px;	
}
#content h3 {
	font-size:				100%;
	font-weight:				normal;
	margin:					0px;
	padding:				2px 0px 2px 0px;	
	color:					#660033;
	background-color:			transparent;
}
p.shop_dotted {
	margin:					10px 0  0  0  !important;
	border-bottom:				2px dotted #7C8DAE;
}
p.quantum  {
	font-size:				1.1em; 
	color:					#7C8DAE !important;
	text-align:				right;
}
#content p {
	font-size:				1.1em;
	margin:					0;	
	padding:				0  2px 10px 0;	
	line-height:				160%;
	color:					#330033;
	background-color:			transparent;
}
#content .sidepicturetext, #content .picturetext{
	font-size:				0.95em;
	margin:					0px;
	padding:				2px 0px 5px 0px;	
	line-height:				160%;
}
#content .sidepicture {
	float:					right;
	padding:				0;
	margin:					4px 2px 10px 5px;
	width:					220px;
}
/* Flash / Movie-Absatz*/
/* für Absatztyp Medienclip:für Alternativbild des Flash WICHTIG: Die Größe muss mit der des Filmes übereinstimmen*/
div.flashmoviexx {
	margin: 			10px   auto  10px  0px !important;
	border: 			none;
	text-align:			center;
	width:				450px;
}
/* Movie-Absatz*/
div.flashmovie, div.mediamovie, div.quicktimemovie, div.realmemovie {
	text-align: 			center;
	padding: 			10px	0	10px	5px;
	margin: 			10px 	auto 	10px 	auto !important;
	width: 				450px;
}

/* Liste */
#content ul {
	font-size:				1.1em;
	color:					#000;
	background-color:			transparent;
	list-style:				none;
	padding:				0px;
	margin:					6px 0px 6px 0px;
}
#content li {
	padding:				0px 0px 2px 16px;
	background:				url(../images/pbull.gif) no-repeat top left;
}
ul.teaserlist {
	list-style:				none;
	margin:					6px 0 2px 0 !important;
	text-align:				left !important;
	line-height:				22px !important;
	border:					1px solid #dedede;
	border-width:				1px 0 1px 0;
}
ul.teaserlist li {
	padding:				0px 0px 4px 16px !important;
	background:				url(../images/ptbull.gif) no-repeat top left  !important;
}
ul.teaserlist li a {
	color:					#7C8DAE !important;
	text-decoration:			none !important;
	font-weight:				normal !important;
}
ul.teaserlist li a:hover {
	color:					#660033 !important;	
}

/* Tabelle */
#content table.content {
	width:					99% !important;
	font-size:				9pt !important;
	border:					1px solid #ccc;
}
#content tr.header, #content td.rowheader {
	font-weight:				bold !important;
	color:					#fff;
	background-color:			#7C8DAE;
	padding:				6px  0  6px  5px;
	text-transform:				uppercase;
}
#content tr.header a, #content td.rowheader a {
	font-weight:				bold !important;
	color:					#fff !important;
}
#content td.colheader {
	padding:				0.2em 0.4em 0.2em 0.4em !important;
	background-color:			#FFFEED;
	color:					#660033;
	font-weight:				bold;
	padding:				6px  0  6px  5px;
	border:					1px solid #ccc;
}
#content td.cell{
	background-color:			#7C8DAE;
	color: 					#FFFEED;
	padding: 				5px;
	line-height:				150%!important;
	border:					1px solid #ccc;
}
#content tr.even td.cell{
	background-color:			#FFFEED;
	color: 					#330033;
}
#content td.tablepic {
	background-color:			#7C8DAE;
	padding: 				5px;
	text-align:				center;
}
#content tr.odd td.cell {
	background-color:			#7C8DAE;
	color: 					#fff;
}
#content tr.odd td.cell a {
	color: 					#330033 !important;
}
#content tr.odd td.cell a:hover {
	color: 					#fff !important;
}
#content table.spalten {
	width:					100% !important;
	font-size:				9pt !important;
	border:					1px solid #ccc;
	padding:				3px;
}

/* Teaser */
div.teaserelement {
	float:					left;
	padding:				0 20px 0  0;
	margin:					0;
}
div.teaser {
	margin:					0;
	padding:				2px 0 2px 0;	
}
div.teaserpicture {
	float:					left;
	padding:				0px;
	margin:					4px 10px 10px 0;
	border:					none;
}
p.teasertext {
	margin:					0;
	padding:				4px 0 4px 0;
}
.teasernav {
	clear:					both;
	padding:				2px 0 2px 0;
	margin:					0;
	text-align:				center;
}


/* Kontaktformular */
/** Für Formulare und Shopseiten **/
table.formtab h3 { 
	margin: 			10px  20px 5px  0px !important; 
	border:				none;
	font-size:			1.1em !important; 
	color:				#330033;
	background-color: 		transparent;
	text-transform:			uppercase;
}
fieldset.mainform  {
	margin: 			0.05em   auto   0.55em   0; 
	padding: 			0.5em; 
	background-color: 		transparent;
	color: 				#000; 
	border: 			1px solid #7C8DAE;
	clear: 				both;
 	display: 			block;
	width:				560px;
}
fieldset legend {
	padding-left: 			0.5em; 
	padding-right: 			0.5em; 
	color:				#330033;
	background-color:		transparent;

}
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border:				1px solid #7C8DAE;
	background-color:		#fff;
}
p.formnote {
	color: 				#990000 !important; 
	font-size:			9pt !important; 
	background-color:		transparent;
	clear:				both;
	padding: 			0.2em; 
}
/* 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  !important;
	color:				#A70C0C  !important;
}
table.formtab pluginwidth, td.completewidth {
	width:				476px;
}
.field_anrede, .tx {
	margin-left:			3px;
	border: 			#7C8DAE 1px solid; 
	background-color:		#F4F4F4;
	color:				#330033;  
	font-weight:			bold;
	padding:			4px	10px	4px	10px;	  
	font-size:			1.0em; 
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	letter-spacing:			0.1em;
}
/* Breite der Formularfelder */
.field_anrede,
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width:				336px;
	background-color:		#F4F4F4;
	color:				#330033;
}
/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height:				112px;
}
/* Farbliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h,.h {
	color:				#A70C0C;
	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;
}

/* Plugin-Styles */
P.s2d  {
	font-size:			120%;
	color:				#330033;
	font-weight:			bold;
	margin:				0px;
	padding:			2px 0px 2px 0px;
	line-height:			200%;
}
p.s2dsmall  {
	font-size:			80%;
}
a.s2dsmall, a.s2dinfo  { 
font-weight:		normal !important;
	text-decoration:		underline !important;
}

#postit{
	visibility:			hidden;
	z-index:			1000;
	cursor:				pointer;
	position:			absolute;
	left:				100px;
	top:				-80px;
	width:				253px;
	margin-left:			200px;
}
#postit h3 {
	font-size:			100%;
	font-weight:			normal;
	margin:				0;
	padding:			0 0 2px 0;	
	color:				#7C8DAE;
	background-color:		transparent;
}
.sticky_note_container {
	float:				right;
	width:				253px;
	margin-right:			10px;
	margin-left:			40px;
}
.sticky_note {
	 width:				253px;
	 background:			url(../images/pnote_middle.gif) repeat-y;
	 margin:			0px;
	 padding:			10px 0  0  10px;
}
.sticky_note_content {
	 padding:			5px;
}
.sticky_note_footer {
	width:				253px;
	background:			url(../images/pnote_finish.gif) 0% 100% no-repeat;
	margin:				0;
	padding:			0;
}

/* Sidebar-Elemente */
#sidebar div.sb_pic, #sidebar div.img, .sbpicture {
	text-align:				center;
	padding-left:				5px;
	margin:					5px  auto  8px  auto;
} 
#sidebarleft img {
	width:					146px;
	padding:				0 0 2px 0;
	margin:					5px  auto  4px  auto;
}
#sidebar h2 {
	margin:					0  2px 0 0;
	padding:				5px 0 2px 5px;	
	font-size:				1.0em !important;
	text-transform:				uppercase;
	width:					197px;
	background:				transparent url(../images/psbh2.gif) no-repeat top left;
	text-decoration:			none;
	font-weight:				bold;
	color:					#FFFEED;
}
#sidebarleft h2 {
	width:					158px;
	margin:					0 5px 4px -10px;
	padding:				5px 0 2px 10px;		
	text-decoration:			none;
	font-weight:				bold;
	color:					#FFFEED;
	background:				transparent url(../images/psbh2.gif) no-repeat top left;
	font-size:				1.1em !important;
	text-transform:				uppercase;
}
* html #sidebarleft h2 {
	margin:					0 5px 0 -10px;
	padding:				5px 10px 0 10px;		
}

#sidebarleft h2 a, #sidebar h2 a {
	background:				transparent !important;
	color:					#FFFEED;
}
#sidebar h3 {
	margin:					0  0 0 0;
	padding:				5px 0 2px 5px;	
	font-size:				1.0em !important;
	text-transform:				uppercase;
	width:					197px;
	background:				transparent url(../images/psbh3.gif) no-repeat top left;
	text-decoration:			none;
	font-weight:				bold;
	color:					#7C8DAE;
}
#sidebarleft h3 {
	margin:					0 5px 4px -10px;
	padding:				5px 0 2px 10px;		
	text-decoration:			none;
	font-weight:				bold;
	color:					#7C8DAE;
	background:				transparent url(../images/psbh3.gif) no-repeat top left;
	font-size:				1.1em !important;
	text-transform:				uppercase;
	width:					156px;
}
#sidebarleft h3 a, #sidebar h3 a {
	background-color:			transparent !important;
	color:					#7C8DAE;
}
#sidebarleft h3 a:hover, #sidebar h3 a:hover {
	background-color:			transparent !important;
	color:					#330033 !important;
}
#sidebar p, 
#sidebarleft p {
	text-align:				left;
	line-height:				120%;
	color:					#330033;
	background-color:			transparent;
}
#sidebar p {
	margin:					0 5px 0 5px;
	padding:				5px 4px 5px 6px;	
}
#sidebarleft p {
	margin:					0 4px 0 2px;
	padding:				5px 0 5px 0;	
}
* html #sidebarleft p {
	margin:					0 0 0 0;
	padding:				5px 0 5px 0;	
}

/* Liste */
#sidebar ul, ul.sb_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:					0 0 6px 10px;
	display:				block;
}
#sidebarleft ul, #sidebarleft ul.sb_teaser_ul {
	text-align:				left;
	font-size:				1.1em;
	color:					#000;
	background-color:			transparent;
	background-image:			none;
	list-style:				none;
	padding:				0;
	margin:					0 0 6px 0;
	display:				block;
}
#sidebar li, li.sb_teaserlist, #sidebarleft li, #sidebarleft li.sb_teaserlist   {
	padding:				0 0 2px 16px;
	background:				url(../images/pbull.gif) no-repeat top left;
	display:				block;
}
#sidebar li a, #sidebarleft li a, ul.sb_teaser_ul, li.sb_teaserlist a {
	margin:					0;
	padding:				0;
 	color:					#330033;
	background-color:			transparent;
}