/* ------------------------------------------------------------------------------
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"

*/

#wrapper {
	margin-left:				auto; 
	margin-right:				auto;
	width:					985px; 
	text-align:				left;
}
#links {
	float:					left;
	width:					780px;
}
* html #links { padding: 0px !important; margin: 0px !important; }

#rechts {
	float:					right;
	width:					205px;
}
#content {
	width:					580px;
	padding:				10px 10px 10px 0;
	margin-right:				6px;
	background-color:			#fff;
	position:				relative;
	color:					#330033;
	float:					right;
}
* html #content { 
	padding-left:				10px;
	width:					560px;
} 
#sidebar {
	position:				absolute;
	top:					29px;
	left:					780px;
	width:					197px;
	padding:				0 5px 10px 0;
	border:					1px solid #660033;
}

#sidebartop {  
	position:				absolute;
	width:					204px;
	height:					25px;
	margin:					-25px 0 0 -1px;
	padding:				0;
	background:				url(../images/psito.gif) no-repeat right top;
}
*+ html #sidebartop {  
	position:				relative;
}

#sidebarleft {  /* integriert in den Container #topic */
	width:					152px;
	padding:				0 5px 10px 10px;
	margin-top:				4px;
	border-left:				1px solid #660033;
	border-right:				1px solid #660033;
	border-bottom:				1px solid #660033;
}
* html #sidebarleft {
	margin:					0 5px 4px 1px;
	padding:				0 0 2px 5px;	
}


#searchshop {
	position:				relative;
	width:					205px;
	height:					160px;
	margin:					0;
	padding:				0;
	background:				#7C8DAE url(../images/perb.gif) no-repeat top right;
	float:					left;
}
#search {
	position:				relative;
	width:					160px;
	text-align:				left;
	margin:					8px 0px 0px 10px;
	padding:				0px;
}
form.search {
	padding:				0;
	margin:					0;
}
form.search input {
	padding:				2px 0px 2px 4px;
	margin:					0;
	vertical-align:				middle;
	font-size:				80%;
}
input.search {
	border:					#660033 1px solid;
	width:					100px;
	background-color:			#fff;
	color:					#7C8DAE;
}
#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;
}
#htmlheader h1 {
	font-size:				10px;
	color:					#7C8DAE;
}
#sitename {
	positon:				absolute;
	top:					20px;
	height:					40px;
	width:					300px;
	background:				transparent url(../images/pname.gif) no-repeat bottom left;
	padding:				0;
	margin:					0;
}
#maintopic ul {
	list-style-type:			none;
	margin:					0;
	padding:				0;
	color:					#FFFEED;
	background-color:			transparent;
}
*+ html #maintopic ul {
	padding:				0 8px 5px 0;
}
#maintopic li {
	display:				inline;
}
#maintopic li a {
	margin-right:				-4px;
	padding:				6px 8px 1px 8px;
	background:				transparent url(../images/pmbgr.gif) no-repeat top right;
	text-decoration:			none;
	font-weight:				bold;
 	color:					#FFFEED;
	border-right:				1px solid #fff;
}

#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:					#FFFEED;
}	
#eyecatcher {
	width:					758px;
	height:					160px;
	margin:					0px;
	padding:				0px;
	background-color:			#7C8DAE;	
	float:					left;
} 
.eyecatcher0 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye1.jpg) no-repeat; 
} 
.eyecatcher1 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye1.jpg) no-repeat; 
} 
.eyecatcher2 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye2.jpg) no-repeat; 
} 
.eyecatcher3 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye3.jpg) no-repeat; 
} 
.eyecatcher4 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye4.jpg) no-repeat; 
} 
.eyecatcher5 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye5.jpg) no-repeat; 
} 
.eyecatcher6 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye6.jpg) no-repeat; 
} 
.eyecatcher7 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye7.jpg) no-repeat; 
} 
.eyecatcher8 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye8.jpg) no-repeat; 
} 
.eyecatcher9 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye9.jpg) no-repeat; 
} 
.eyecatcher10 { 
	width:					758px;
	height:					160px;
	background:				#7C8DAE url(../images/peye10.jpg) no-repeat; 
} 
	


#youarehere {
	position:				relative;
	width:					590px;
	height:					15px;
	margin:					10px 0 0 0;
	padding:				0;
	float:					right;
}
#topic {
	position:				relative;
	width:					170px;
	padding:				0;
	margin:					10px 0 0 0;
	float:					left;
}
#topic ul {
	list-style-type:			none;
	margin:					0;
	padding:				4px 0px 4px 0px;
	color:					#FFFEED;
}
#topic li {
	display:				inline;
}
#topic li a {
	margin:					1px 0px 0px 0px;
	padding:				4px 0px 4px 8px;
	background:				#7C8DAE url(../images/per.gif) no-repeat top right;
	text-decoration:			none;
	font-weight:				bold;
 	color:					#FFFEED;
	display:				block; 
}
#topic li a img {
	display:				block; 
}
#topic li a.sel {
	background-color:			#660033;
	display:				block; 
}
#topic li a.sub {
	background-color:			#7C8DAE;
	padding:				4px 0px 4px 25px;
	display:				block; 
}
#topic li a.subsel {
	background-color:			#660033;
	padding:				4px 0px 4px 25px;
	display:				block; 
}
#topic li a:hover {
	background-color:			#660033;
	display:				block; 
}

#commontop {
	position:				relative;
	width:					985px;
	text-align:				right;
	margin:					5px 0px 20px 0px;
	padding:				0px;
	float:					right;
}
#commontop p.small  {
	font-size:				90%;
	color:					#660033;
	background-color:			transparent;
	display:				inline;
}
#commontop a {
	font-size:				90%;
	text-decoration:			none;
	line-height:				160%;
	font-weight:				normal;
	color:					#660033;
	background-color:			transparent;
	display:				inline;
}
#youarehere p.small  {
	font-size:				90%;
	color:					#660033;
	background-color:			transparent;
	display:				inline;
}
#youarehere a.small {
	font-size:				90%;
	text-decoration:			none;
	color:					#660033;
	background-color:			transparent;
}
#youarehere a:hover, #commontop a:hover {
	text-decoration:			none; 
	border-bottom:				1px dotted  #7C8DAE;
}
#more {
	margin:					20px 0  0  0;
	padding:				10px 0  0  0;
	text-align:				right;
}
#more a.small {
	font-size:				90%;
	font-weight:				normal;
	text-decoration:			none;
	color:					#7C8DAE;
	background-color:			transparent;
}
#shopcontrol {
	font-size:				100%;
	position:				relative;
	width:					190px;
	float:					left;
	margin:					20px 0  0  10px;
}
* html #shopcontrol { 
	width:					180px; 
}
#shopcontrol a {
	text-decoration:			none;
	line-height:				100%;
	font-weight:				bold;
	color:					#FFFEED;
	background-color:			transparent;
	display:				inline;
}
#shopcontrol a:hover {
	text-decoration:			none; 
	border-bottom:				1px dotted  #FFFEED;
	line-height:				100%;
	font-weight:				bold;
	color:					#FFFEED;
	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:					#FFFEED;
	background-color:			transparent;
}
#footer {
	clear:					both; 
	width:					580px;
	margin-left:				170px;
	text-align:				center;
	padding:				10px 3px 6px 3px;	
	color:					#000;
	background-color:			transparent;
	text-decoration:			none; 
	font-size:				90%; 
	border-top:				1px solid #7C8DAE;
}	
#footer p {
	line-height:				14px;
	padding-top:				2px;
	margin:					0px;
}
#footer a {
	color:					#7C8DAE;
	background-color:			transparent;
	text-decoration:			none; 
}
#footer a:hover {
	color:					#000;
	background-color:			transparent;
	text-decoration:			none; 
	border-bottom:				1px dotted  #7C8DAE;
}
#printfooter  {
	display:				none;
}


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

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