/* gewählte Designfarben */
/*
usercolor.bright = "#95CAFF"
usercolor.medium = "#7F7F7F"
usercolor.alt.medium = "#0080FF"
usercolor.dark = "#4F4F4F"
*/

#logo {
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					65px;
	margin:					0px;
	padding:				0px;
	background:				#fff url(../images/plogo.gif) no-repeat;
}
#language {
	z-index:				10000;
	position:				absolute;
	left:					90%;
	margin-top:				10px;
	text-align:				right;
}
#commontop {
	position:				absolute;
	left:					170px;
	margin-top:				49px;
	width:					826px;
	padding:				0px;
	height:					16px;
	background-color:			#000;
	text-align:				right;
	text-valign:				top;
}
#commontop P.small  {
	font-size:				90%;
	background-color:			#fff;
	color:					#999;
	display:				inline;
	margin-top:				0px;
	padding:				0px 0px 0px 0px;
}
#commontop a.small {
	font-size:				90%;
	text-decoration:			none;
	background-color:			#fff;
	color:					#999;
	margin:					0px;
	padding:				0px;
}
#gotop {
	position:				fixed;
	bottom:					30px;
	right:					120px;
	height:					20px;
}
#search {
	float:					right;
	width:					129px;
	height:					34px;
	text-align:				left;
	margin:					5px 0px 0px 0px;
	padding:				0px 0px 0px 5px;
	background:				url(../images/pseabgr.gif) no-repeat top left;
}
form.search {
	padding:				0px;
	margin:					0px;
}
form.search input {
	padding:				8px 2px 0px 2px;
	margin:					0px;
}
input.search {
	border:					none;
	width:					100px;
	background-color:			transparent;
	font-size:				85%;
	color:					#fff;
}

#menue {
	position:				absolute;
	top:					65px;
	left:					180px;
	width:					165px;
	height:					580px;
	text-align:				left;
	padding:				0px;
	margin:					0px;
	background:				url(../images/pmenf.gif);
}
#menue ul {
	list-style-type:			none;
	width:					165px;
	margin:					0px;
	padding:				0px;
}
#menue li a img {
	vertical-align:				middle;
}
#menue li {
	display:				inline;
}
#menue li a {
	display:				block;
	text-decoration:			none;
	font-size:				12px;
	font-weight:				bold;
	border-top:				1px solid #95CAFF;
}
#menue li a.sel {
}
#menue li a:hover {
	color:					#0080FF;
	display:				block;
	background:				transparent url(../images/pmenba.gif) no-repeat; 
}

.maintopic {
	padding:				9px 12px 9px 12px;
	color:					#000;
/*	color:					#95CAFF;*/
	font-size:				12px;
	font-weight:				normal;
	background:				transparent url(../images/pmenb.gif) no-repeat; 
}
.maintopicsel {
	padding:				9px 12px 9px 12px;
	color:					#0080FF;
	font-size:				12px;
	font-weight:				bold;
	display:				block;
	background:				transparent url(../images/pmenba.gif) no-repeat;
}
.topic {
	padding:				9px 12px 9px 22px;
	color:					#222B3E;
/*	color:					#95CAFF;*/
	font-size:				12px;
	font-weight:				normal;
	background:				url(../images/pmenbaa.gif) no-repeat;
}
.topicsel {
	padding:				9px 12px 9px 22px;
	color:					#0080FF;
	font-size:				12px;
	font-weight:				bold;
	display:				block;
	background:				transparent url(../images/pmenba.gif) no-repeat;
}
.subtopic {
	padding:				9px 12px 9px 35px;
	color:					#95CAFF;
	font-size: 12px;
	font-weight: normal;
	background:				transparent url(../images/pmenbaa.gif) no-repeat; 
}
.subtopicsel {
	padding:				9px 12px 9px 35px;
	color:					#0080FF;
	font-size:				12px;
	font-weight:				bold;
	display:				block;
	background:				transparent url(../images/pmenba.gif) no-repeat;
}

#plaintext, #htmlheader {
	position:				absolute;
	top:					60px;
	left:					885px;
	text-align:				right;
	width:					100px;
}
#plaintext a {
	text-decoration:			none;
	color:					#4F4F4F;
}	
#eyecatcher {
	width:					180px;
	height:					550px;
	margin:					0px;
	padding:				0px;
	background:				#ffffff url(../images/logo_sonic.jpg) no-repeat 0px 0px;	
	position:				absolute;
	top:					0px;
	left:					0px;
}
#eyecatchershade {
	position:				absolute;
	top:					0px;
	left:					173px;
	width:					1px;
	height:					550px;
	margin:					0px;
	padding:				0px;
	background:				transparent url(../images/peyesh.gif) no-repeat right;	
	filter:					alpha(opacity=10);
	-moz-opacity:				0.10;
	opacity:				0.10;
	z-index:				400;
}
#eyecatchershade1 {
	position:				absolute;
	top:					0px;
	left:					174px;
	width:					1px;
	height:					550px;
	margin:					0px;
	padding:				0px;
	background:				transparent url(../images/peyesh.gif) no-repeat right;	
	filter:					alpha(opacity=20);
	-moz-opacity:				0.20;
	opacity:				0.20;
	z-index:				401;
}
#eyecatchershade2 {
	position:				absolute;
	top:					0px;
	left:					175px;
	width:					1px;
	height:					550px;
	margin:					0px;
	padding:				0px;
	background:				transparent url(../images/peyesh.gif) no-repeat right;	
	filter:					alpha(opacity=30);
	-moz-opacity:				0.30;
	opacity:				0.30;
	z-index:				402;
}
#eyecatchershade3 {
	position:				absolute;
	top:					0px;
	left:					176px;
	width:					1px;
	height:					550px;
	margin:					0px;
	padding:				0px;
	background:				transparent url(../images/peyesh.gif) no-repeat right;	
	filter:					alpha(opacity=40);
	-moz-opacity:				0.40;
	opacity:				0.40;
	z-index:				402;
}
#eyecatchershade4 {
	position:				absolute;
	top:					0px;
	left:					177px;
	width:					3px;
	height:					550px;
	margin:					0px;
	padding:				0px;
	background:				transparent url(../images/peyesh.gif) no-repeat right;	
	filter:					alpha(opacity=50);
	-moz-opacity:				0.50;
	opacity:				0.50;
	z-index:				402;
}
#youarehere  {
	font-size:				100%;
}
#youarehere P.small  {
	color:					#999;
	display:				inline;
}
#youarehere a.small {
	text-decoration:			none;
	color:					#999;
}
#youarehere a:hover, #commontop a:hover {
	text-decoration:			underline;
}

#more_oben {
	float:					right;
	margin-bottom:				10px;
	color:					#999;
}
#more {
	text-align:				center;
	color:					#999;
}
#more_oben a.small, #more a.small {
	font-size:				80%;
	font-weight:				normal;
	text-decoration:			none;
	color:					#0080FF;
}

#more a.next, #more_oben a.next {
	background:				transparent url(../images/pnxt.gif)  no-repeat bottom right;
	padding:				0px 15px 0px 15px;
	font-size:				80%;
	font-weight:				normal;
	text-decoration:			none;
	color:					#0080FF;
}
#more a.prev, #more_oben a.prev {
	background:				transparent url(../images/pprv.gif)  no-repeat  bottom left;
	padding:				0px 15px 0px 15px;
	font-size:				80%;
	font-weight:				normal;
	text-decoration:			none;
	color:					#0080FF;
}



/* Formate für Sitemap von rudolf*/
#sitemap  {
	clear:				both;
	position:			relative;
	margin-left:			0px !important;
	width:				450px;
	line-height:			180%;
	padding-top:			8px;
	font-size:			0.85em;
}
#sitemap .sitemap1 a,#sitemap .sitemap2 a,#sitemap .sitemap3 a {
	text-decoration: 		none;
	background-color:		transparent;
}
#sitemap a.sitemap1:hover,#sitemap a.sitemap2:hover,#sitemap a.sitemap3:hover {
	background-color: 		#7F7F7F;
	color:				#fff !important;
	text-decoration:		none;
}
#sitemap .sitemapoben{
	text-align:			left;
	padding:			10px;
}
#sitemap .sitemaphome{
	text-align:			left;
	font-weight:			bold;
	margin-left:			0px;
}
#sitemap a.sitemaphome{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/bluelink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#79B933 !important;
}
#sitemap a.sitemaphome:hover{
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
#sitemap .sitemap1{
	text-align:			left;
	font-weight:			bold;
	margin-left:			16px;
	margin-top:			0px;
}
#sitemap a.sitemap1{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#0080FF !important;
}
#sitemap a.sitemap1:hover{
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
#sitemap .sitemap2{
	text-align:			left;
	font-weight:			bold;
	margin-left:			32px;
	padding-top:			1px;
}
#sitemap a.sitemap2{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/greenlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#495A3D!important;
}
#sitemap a.sitemap2:hover{
	background-image:		url(../images/bluelink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
#sitemap .sitemap3{
	text-align:			left;
	margin-left:			50px;
	padding-top:			0px;
}
#sitemap a.sitemap3{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#742E51!important;
}
#sitemap a.sitemap3:hover{
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
