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

Layout:   	FictionCenter  
Modifiziert,
validiert von:	Webdesignconsult.de  24.03.2010  
--------------------------------------------------------------------------------- */
/*
usercolor.usercolor.alt.dark = "#419226"
usercolor.medium = "#0000CC"
usercolor.bright = "#FFFEDB"
usercolor.dark = "#208000"

*/
body {
	margin:					0;
	padding:				0;
	background-color:			#F3F3F3;
	font-size:				90%;
	color:					#444;
}
.clearer, .clear, div.clearer {
	clear:					both;
}
#contentfull a, #content a, #sidebar a, ul.teaserlist li a {
	color:					#0000CC ;
	background-color:			transparent;
	text-decoration:			none !important;
	font-weight:				normal;
}
#contentfull a:hover, #content a:hover, #sidebar a:hover, #contentfull ul.teaserlist li a:hover {
	color:					#208000 ;	
	background-color:			transparent;
	border-bottom:				1px dotted #0000CC;
}
tr.odd td.cell a, tr.header td.rowheader a  {
	font-weight:				bold !important;
	color: 					#208000 !important;
	border-bottom: 				1px dotted #fff !important;
}
tr.odd td.cell a:hover, tr.header td.rowheader a:hover  {
	border-bottom: 				1px dotted #fff !important;
	color:					#FFFEDB !important;
}

#top_image {
	float:					left;
	height:					50px;
	width:					985px;
	margin:					0  0  10px  0;
	background:				#FFFEDB  url(../images/phead.gif) no-repeat top left;
}
#wrapper {
	width:					985px; 
	text-align:				left;
	padding:				0 28px; 
	background:				#FFFEDB url(../images/pbackground.gif)  repeat-y;
	margin-left:				auto; 
	margin-right:				auto;
}
#links {
	float:					left;
	width:					780px;
}
* html #links {
	padding:				0 !important;
	margin:					0 !important;
}
#rechts {
	float:					right;
	width:					205px;
}

#searchshop {
	position:				relative;
	top:					-160px;
	width:					205px;
	height:					160px;
	margin:					0;
	padding:				0;
	background:				#0000CC url(../images/perb.gif) no-repeat top right;
	float:					left;
}
* html #searchshop {
	height:					160px;
	overflow:				hidden;
}
#sidebar {
	position:				relative;
	top:					-140px;
	left:					1px;
	width:					197px;
	padding:				0 5px 10px 0;
	border:					1px dotted #0000CC;
	border-top:				none;
	border-right:				none;
	margin:					0 ;
	float:					left;
}
* html #sidebar {
	top:					-140px;
	width:					199px;
	padding:				0;
	border:					none;
}
#sidebartop {  
	position:				relative;
	width:					204px;
	height:					25px;
	margin:					0;
	padding:				0  0  3px  0  ;
	background:				url(../images/psito.gif) no-repeat right top;
}
* html #sidebartop {  
	width:					204px;
	margin:					0 0 20px 0;
	padding:				0;
}
#search {
	position:				relative;
	width:					160px;
	text-align:				left;
	margin:					8px 0 10px 10px;
	padding:				0;
}
*+ html #search {
	margin:					8px 0 -4px 10px;
}
* html #search {
	margin:					8px 0 -4px 10px;
}
input.search {
	border:					#419226 1px solid;
	width:					120px;
	background-color:			#fff;
	color:					#333;
	font-weight:				bold;
	padding:				3px;
}
#topic {
	position:				relative;
	width:					170px;
	padding:				0;
	margin:					10px 0 0 0;
	float:					left;
}

#maintopic {
	width:					985px;
	text-align:				left;
	padding:				5px 0px 0px 0px;
	margin:					0px;
	height:					20px;
	position:				relative;
	float:					left;
	z-index:				48;
}
#htmlheader {
	position:				absolute;
	top:					60px;
	left:					885px;
	text-align:				right;
	width:					100px;
}
#maintopic ul {
	list-style-type:			none;
	margin:					0;
	padding:				0;
	color:					#FFFEDB;
	background-color:			transparent;
}
*+ html #maintopic ul {
	padding:				0 8px 5px 0;
}
#maintopic li {
	display:				inline;
}
#maintopic li a {
	margin-right:				-4px;
	padding:				6px 8px 5px 8px;
	background:				transparent url(../images/pmbgr.gif) no-repeat top right;
	text-decoration:			none;
	font-weight:				bold;
 	color:					#FFFEDB;
	border-right:				1px solid #FFFEDB;
}

#maintopic li a.sel {
	background:				url(../images/pmbgra.gif) no-repeat top right;
}
#maintopic li a:hover {
	background:				transparent url(../images/pmbgra.gif) no-repeat top right;
	color:					#FFFEDB;
}
#eyecatcher {
	width:					758px;
	height:					160px;
	margin:					0;
	padding:				0;
	background-color:			#0000CC;	
	float:					left;
} 
* html #eyecatcher {
	background-color:			#FFFEDB;
} 	
.eyecatcher0 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye0.jpg) no-repeat; 
} 
.eyecatcher1 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye1.jpg) no-repeat; 
} 
.eyecatcher2 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye2.jpg) no-repeat; 
} 
.eyecatcher3 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye3.jpg) no-repeat; 
} 
.eyecatcher4 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye4.jpg) no-repeat; 
} 
.eyecatcher5 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye5.jpg) no-repeat; 
} 
.eyecatcher6 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye6.jpg) no-repeat; 
} 
.eyecatcher7 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye7.jpg) no-repeat; 
} 
.eyecatcher8 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye8.jpg) no-repeat; 
} 
.eyecatcher9 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye9.jpg) no-repeat; 
} 
.eyecatcher10 { 
	width:					758px;
	height:					160px;
	background:				#0000CC url(../images/peye10.jpg) no-repeat; 
} 
#topic ul {
	list-style-type:			none;
	margin:					0;
	padding:				4px 0px 4px 0px;
	color:					#FFFEDB;
}
#topic li {
	display:				inline;
}
#topic li a {
	margin:					1px 0px 0px 0px;
	padding:				4px 0px 4px 8px;
	background:				#0000CC url(../images/per.gif) no-repeat top right;
	text-decoration:			none;
	font-weight:				bold;
 	color:					#FFFEDB;
	display:				block; 
}
#topic li a img {
	display:				block; 
}
#topic li a.sel {
	background-color:			#419226;
	display:				block; 
}
#topic li a.sub {
	background-color:			#0000CC;
	padding:				4px 0px 4px 25px;
	display:				block; 
}
#topic li a.subsel {
	background-color:			#419226;
	padding:				4px 0px 4px 25px;
	display:				block; 
}
#topic li a:hover {
	background-color:			#419226;
	display:				block; 
}
#commontop {
	position:				relative;
	width:					985px; 
	text-align:				right;
	margin:					5px 0 5px 0;
	padding:				0px;
	float:					right;
}

#commontop p.small  {
	font-size:				90%;
	color:					#419226;
	background-color:			transparent;
	display:				inline;
}
#commontop a {
	font-size:				90%;
	text-decoration:			none;
	line-height:				160%;
	font-weight:				normal;
	color:					#419226;
	background-color:			transparent;
	display:				inline;
}
#youarehere p.small  {
	font-size:				90%;
	color:					#0000CC;
	background-color:			transparent;
	display:				inline;
}
#youarehere a.small {
	font-size:				90%;
	text-decoration:			none;
	color:					#0000CC;
	background-color:			transparent;
}
#youarehere a:hover, #commontop a:hover {
	text-decoration:			none; 
	border-bottom:				1px dotted  #419226;
}
#more {
	margin:					20px 0  0  0;
	padding:				10px 0  0  0;
	text-align:				center;
}
#more a.small {
	font-size:				90%;
	font-weight:				normal;
	text-decoration:			none;
	color:					#0000CC;
	background-color:			transparent;
}
#shopcontrol {
	font-size:				100%;
	position:				relative;
	width:					190px;
	float:					left;
	margin:					8px 0px 0px 10px;
}
* html #shopcontrol { 
	width:					180px; 
}
#shopcontrol a {
	text-decoration:			none;
	line-height:				100%;
	font-weight:				bold;
	color:					#FFFEDB;
	background-color:			transparent;
	display:				inline;
}
#shopcontrol a:hover {
	text-decoration:			none; 
	border-bottom:				1px dotted  #FFFEDB;
	line-height:				100%;
	font-weight:				bold;
	color:					#FFFEDB;
	background-color:			transparent;
	display:				inline;
}
#quantum {
	position:				relative;
	width:					185px;
	float:					left;
	margin:					5px 0px 0px 15px;
}
* html #quantum {
	width:					170px; 
}
#quantum p {
	font-size:				0.85em;
	line-height:				140%;
	color:					#FFFEDB;
	background-color:			transparent;
}
#footer {
	clear:					both; 
	width:					980px;
	text-align:				center;
	margin:					0;
	padding:				0 3px ;		
	color:					#FFFEDB;
	background-color:			#0000CC;
	text-decoration:			none; 
	font-size:				90%; 
}		
#footer p {
	line-height:				160%;
	padding-top:				2px;
	margin:					0;
}
#footer a {
	color:					#FFFEDB;
	background-color:			transparent;
	text-decoration:			none; 
}
#footer a:hover {
	color:					#FFFEDB;
	background-color:			transparent;
	text-decoration:			none; 
	border-bottom:				1px dotted  #FFFEDB;
}
#printfooter  {
	display:				none;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content:				"."; 
	display:				block; 
	height:					0; 
	clear:					both; 
	visibility:				hidden;
}
.clearfix{
	display:				inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
p.shop_dotted {
	margin:					10px 0  0  0  !important;
	border-bottom:				2px dotted #0000CC;
}
/* Plugin-Styles */
p.s2d  {
	font-size:				100%;
	color:					#208000;
	font-weight:				bold;
	margin:					0;
	padding:				2px 0 2px 0;
	line-height:				200%;
}
p.s2dsmall  {
	font-size:				80%;
}
a.s2dsmall, a.s2dinfo  {
	text-decoration:			none !important;
}

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

}
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border:				1px solid #0000CC;
	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: 			#0000CC 1px solid; 
	background-color:		#F4F4F4;
	color:				#208000;  
	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:				#208000;
}
/* 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;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content:			"."; 
	display:			block; 
	height:				0; 
	clear:				both; 
	visibility:			hidden;
}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix  {
	display:			block;
}
/* End hide from IE-mac */