/*(c)09.2009 com2 Gmbh, TN, www.com-com.com v2.2 */

/*~~ Tag Definitions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#temp {
	color: #cfcfd0;
}



html * { font-size: 100.01%; }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input, select {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a;}
body {font-size: 0.6em;} 


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%; padding-bottom: .005em; } /*v-scrollbar for moz*/
body { background: #fff; }

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted, strong.highlighted { color: #c41921; }

p, ul, ol { margin-top: 0; margin-bottom: 13px; line-height: 155%; }	
table { table-layout: fixed; empty-cells: show; position:relative; }
	td { empty-cells: show; }
	
blockquote{ color: #7ea8ce; font-style: italic; margin:0; padding: 0; }
	blockquote .author{font-weight: bold; }

h1 { margin: 0; padding: 0;  }
h2 {padding: 0 0 18px; margin: 0; font-size: 1.2em; color: #7ea8ce; font-weight: bold;  }
	h2.collapsed { color: #7a7a7a; background: transparent url(/gif/chrome/collapsed.gif) no-repeat right center; }
	h2.opened { background: transparent url(/gif/chrome/opened.gif) no-repeat right center;	}
	h2.short { width: 435px; } /*zB oberhalb der Kategorien*/
	h2.opened a:link, h2.opened a:visited, h2.opened a:hover, h2.opened a:active { display: block;	}
	h2.collapsed a:link, h2.collapsed a:visited, h2.collapsed a:hover, h2.collapsed a:active { color: #7a7a7a; display: block;	}
h3 {font-size: 1.1em; color: #7a7a7a; margin: 0 0 10px; padding: 0; font-weight: bold; }
	h3.collapsed { line-height: 30px; border-bottom: 2px dotted #9B9B9B; margin: 10px 0 20px; }
	h3.male img, h3.female img { margin: 0 0 -2px 2px; }
	h3.collapsed input { float: right; margin-top:5px; =margin-top: 0; }
	h3.collapsed span { float: right; font-weight: normal; color: #cfcfd0; margin-right: 15px; }
h4 {font-size: 1.1em; font-weight: bold; color: #7a7a7a; margin: 0 0 5px; padding: 0; line-height: 110%; }



/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a, input {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color : #7ea8ce; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

a.more:link, a.more:visited, a.more:hover, a.more:active  { background: transparent url(/gif/chrome/link_more.gif) left center no-repeat; padding: 0 0 0 10px; }
a.unSorted:link, a.unSorted:visited, a.unSorted:hover, a.unSorted:active  { background: transparent url(/gif/chrome/sortedNot.gif) left center no-repeat; padding: 0 0 0 26px; }
a.upSorted:link, a.upSorted:visited, a.upSorted:hover, a.upSorted:active  { background: transparent url(/gif/chrome/sortedUp.gif) left center no-repeat; padding: 0 0 0 26px; }
a.downSorted:link, a.downSorted:visited, a.downSorted:hover, a.downSorted:active  { background: transparent url(/gif/chrome/sortedDown.gif) left center no-repeat; padding: 0 0 0 26px; }


/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small, .footer {  }
.bildText, .subHeader {  color: #9B9B9B;  }
.subHeader { padding-bottom: 10px;}
.footer {  }
	.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { text-align:right; display: block; padding: 0 15px 0 0; margin: 10px 0; background: transparent url(/gif/chrome/footerLinkBg.gif) right center no-repeat; color: #8a8a8a; }
	.footer a:hover, .footer a:active {  }
.right 	{ float: right;  }
.grey { color: #cfcfd0; }
.black { color: #000; }
.blue { color: #7ea8ce; }
.unRead { font-weight: bold; }
img.right{ float: right; margin: 0 0 5px 5px; }
img.left{ float: left; margin: 0 5px 5px 0; }

hr{ height: 1px; color: #8a8a8a; background: #8a8a8a; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px; }
.hr { margin: 15px 0; height: 1px;  line-height: 1px; overflow: hidden; clear: left; border-bottom: 1px dotted #8a8a8a; }
	.hr hr {display: none;}
	
dl{ margin:0 0 15px; }
	dt, dd { padding: 4px 7px; margin: 0; }
	dt { background-color: #f7f7f7; border-bottom: 1px dotted #9b9b9b; vertical-align: middle; }
		dt.alternate { background-color: #fff; }
	dd { padding-left: 65px; }

dl.categories {}
	dl.categories dt{ }
		dl.categories dt img { margin-right: 10px; float: left; }
		dl.categories dt a:link, dl.categories dt a:visited, dl.categories dt a:hover, dl.categories dt a:active { display: block; width: 240px; height: 40px; line-height: 40px; background: transparent url(/gif/chrome/collapsed.gif) right center no-repeat; color: #7a7a7a; text-decoration: none; }
		dl.categories dt a:hover, dl.categories dt a:active, 
		dl.categories dt.active a:link, dl.categories dt.active a:visited, dl.categories dt.active a:hover, dl.categories dt.active a:active { background-image: url(/gif/chrome/opened.gif); color: #7ea8ce; }
	dl.categories dd.last-child { padding-bottom: 20px; border-bottom: 1px dotted #9b9b9b;  }


		dl.my dt a:link, dl.my dt a:visited, dl.my dt a:hover, dl.my dt a:active { width: 400px; height: 38px; line-height: 115%; background: none; padding-top: 2px; }
		dl.portraits dt a:link, dl.portraits dt a:visited, dl.portraits dt a:hover, dl.portraits dt a:active { width: 400px; height: 50px; line-height: 115%; background: none; padding-top: 2px; }
		dl.simple dt a:link, dl.simple dt a:visited, dl.simple dt a:hover, dl.simple dt a:active { width: 400px; height: auto; line-height: 115%; background: none; padding-top: 2px; }
	
		.homepage .grey {color: #9b9b9b; }
		.homepage dl dt{ padding: 0; background-color: #fff; margin-bottom: 5px; }
		.homepage dl dt a:link, .homepage dl dt a:visited, .homepage dl dt a:hover, .homepage dl dt a:active { width: auto; }
		.homepage dl dt a:hover, .homepage dl dt a:active { background-color: #f7f7f7; }
		
		.homepage dl.inline dt span { xwidth: 400px; height: 50px; display: block; padding-top: 2px; }
			.homepage dl.inline dt span span { display: inline; }
		.homepage dl.inline dt a:link, .homepage dl.inline dt a:visited, .homepage dl.inline dt a:hover, .homepage dl.inline dt a:active { display: inline; width: auto; height: auto; line-height: 115%; background: none; text-decoration: underline; }

#hTicker{ border-top: 2px solid #cfcfd0; background: #fff; height: 20px; }	
	#hTicker div { padding: 4px 0; float: left; }
	#hTicker div.header { border-right: 1px dotted #8a8a8a; width: 15%; padding-left: 20px; margin-right: 10px; }	
	#hTicker div.content { width: 80%; }
	#hTicker em {font-style: normal; color: #c41921; }	
	#hTicker a:link, #hTicker a:visited, #hTicker a:hover, #hTicker a:active { color: #c41921; }	
		
	
/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* OPTIC0 reset */
table.optic00 { width: auto; table-layout: auto; }
	table.optic00 td, table table.optic00 td,  table.optic00 th { table-layout: auto; vertical-align: middle; padding: 0; }


/* OPTIC1 standard - margins and positioning only */
table.optic01 { width: 100%; }
	table.optic01 tr.alternate { background-color: #efefef; }
	table.optic01 td, table.optic01 th { 
		padding: 3px;
		vertical-align: top;
	}
	table.optic01 th { font-size: 1.1em; }
/* OPTIC2  2spaltig mit viel Raum (zB Fremdprofil)*/
table.optic02 {margin-bottom: 40px; width: 100% }
	table.optic02 td { padding: 30px 3px 8px; vertical-align: top; border-bottom: 1px dotted #cfcfd0; }
	table.optic02 td.first-child { width: 34%;}
		table.optic02 h3 {margin: 0; }
		table.optic02 p { line-height: 115%; }

/* OPTIC3  einfache alternierende Tabelle mit trennlinien (zB Kontakte)*/
table.optic03 {margin-bottom: 40px; width: 100%; background: #f7f7f7;}
	table.optic03 a:link, table.optic03 a:visited, table.optic03 a:hover, table.optic03 a:active { color: #7a7a7a; }
	table.optic03 a.button:hover, table.optic03 a.button:active { color: #fff; }

	#leftCol td div.greyFilling table.optic03 a:link, #leftCol td div.greyFilling table.optic03 a:visited, 
	#leftCol td div.greyFilling table.optic03 a:hover, #leftCol td div.greyFilling table.optic03 a:active { color: #9B9B9B; }
	#leftCol td div.greyFilling table.optic03 { margin: 0 -11px; width: 188px; }	
	#leftCol td div.greyFilling table.optic03 td { padding: 2px; color: #9B9B9B; }	

	table.optic03 td, table.optic03 th { padding: 7px 3px; vertical-align: top; border-bottom: 1px dotted #cfcfd0; }
	table.optic03 td.header { font-size: 1.1em; font-weight: bold; /*f�r ths im content*/ }
	table.optic03 tr.last-child td { border-bottom: none; }
	table.optic03 tr.alternate { background-color: #fff; }
	table.optic03 th { border-bottom-style: solid; font-size: 1.1em; background-color: #fff; }
		table.optic03 h3 { }
		table.optic03 p { line-height: 115% }
		table.optic03 img { }
		table.optic03 input.icon { margin: 2px 0 1px; }

/*~~ twoCols - 2 Spalten L�sung ohne Table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.twoCols {}
	.twoCols .hr { margin-bottom: 25px; }
	.twoCols .col1 { width: 34%; float: left; }
	.twoCols .col2 { width: 66%; float: left; }



/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
#minWidth { width: 935px; background: #fff; margin: 0 0 0 15px; padding: 95px 0 0; min-height: 100%; position: relative; }

#topTable{width:100%}
#topTable td{ vertical-align: top;  }
#topTable td.right{text-align: right;padding-right:2px;float:right;}
#topTable td.logo{height:62px;width:230px}
#topTable td div.logo{height:62px;width:230px}

#commonTop{ width:100%;float:none;clear:both}
#commonTop .login{ float:right;}
#mainTable td { vertical-align: top; }
	#leftCol { width: 715px; padding-right: 12px; }
			#topNav { margin: 0; padding: 0; background: #58595a; height: 28px;  position: relative;  margin: 0 0 38px; font-size: 1.1em; }
					#topNav li {
						margin: 0; padding: 0;
						display: inline; 
						list-style: none;
					}
					* html #topNav li { behavior: expression( this.onmouseover = new Function("this.className += ' hover';"), this.onmouseout = new Function("this.className = this.className.replace(' hover', '');"),this.style.behavior = null);} /* ie6- */

					#topNav li a:link, #topNav li a:visited, #topNav li a:hover, #topNav li a:active {
						font-weight: bold;
						color: #fff;
						padding: 0 0 0 12px;
						height: 28px; width: 100px;
						line-height: 28px;
						float: left;
						text-decoration: none;
						border-right: 3px solid #fff;
					}
					#topNav li a:hover, #topNav li a:active,
					#topNav li.active a:link, #topNav li.active a:visited, #topNav li.active a:hover, #topNav li.active a:active {
						background-color: #7ea8ce; 
					}
					#topNav:hover li.active a:link, #topNav:hover li.active a:visited, #topNav:hover li.active a:hover, #topNav:hover li.active a:active,
					#topNav.hover li.active a:link, #topNav.hover li.active a:visited, #topNav.hover li.active a:hover, #topNav.hover li.active a:active {
						background-color: #5784ac;
					}

/*~~ Level 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
				#topNav ul {
					display: none;
					position: absolute;
					height: 28px; width: 100%;
					left: 0; top: 28px;
					margin: 0; padding: 0;
					border-top: 3px solid #fff;
					background: #7ea8ce;
					font-size: .9em;
				}
				* html #topNav { behavior: expression( this.onmouseover = new Function("this.className += ' hover';"), this.onmouseout = new Function("this.className = this.className.replace(' hover', '');"),this.style.behavior = null);} /* ie6- */

				
				#topNav li.active ul { display:block; }
				#topNav:hover li.active ul, #topNav.hover li.active ul { display: none !important; }
				#topNav:hover li:hover a:link, #topNav:hover li:hover a:visited, #topNav:hover li:hover a:hover, #topNav:hover li:hover a:active, 
				#topNav.hover li.hover a:link, #topNav.hover li.hover a:visited, #topNav.hover li.hover a:hover, #topNav.hover li.hover a:active { background: #7ea8ce;  } 
					#topNav:hover li:hover ul, #topNav.hover li.hover ul   { display:block !important; } 

					#topNav ul li a:link, #topNav ul li a:visited, #topNav ul li a:hover, #topNav ul li a:active { width: auto; padding: 0 10px; border-right: 1px solid #e5eef5;  }
					
					#topNav ul li a:hover, #topNav ul li a:active,
					#topNav ul li.active a:link, #topNav ul li.active a:visited { background: #f2f6fa !important; color: #7ea8ce !important; } 
					
					#topNav:hover ul li.active a:link, #topNav:hover ul li.active a:visited, 
					#topNav.hover ul li.active a:link, #topNav.hover ul li.active a:visited {
						background-color: #a2c4d7 !important; color: #fff !important;
					}
					#topNav:hover ul li.active a:hover, #topNav:hover ul li.active a:active, 
					#topNav.hover ul li.active a:hover, #topNav.hover ul li.active a:active {
						background-color: #f2f6fa !important; color: #7ea8ce !important;
					}

/*~~ Contents ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textBlock{ /*dient der einr�ckung von text ohne box*/
	padding: 0 0 0 15px;
}

/*~~ BOX ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.box { border: 2px solid #cfcfd0; margin: 0 0 10px; background-color: #fff; padding: 0 12px 0;	}
	.box p { line-height: 115%;}
	.box h2 { margin-top: 10px; }
	.box h4 { background-color: #cfcfd0; margin: 0px -12px 10px; padding: 5px 12px; color:#7A7A7A; }
.box ul { _margin-top: 0 !important; /*hotfix wegen verschwundenen borders*/	}

.box select { width: 100%; margin-bottom: 10px; }
	
	
.greyFilling { background-color: #f7f7f7; }
	.box .buttonGroup { margin: 0 -12px !important; padding: 2px 11px; background: #fff; border-top: 2px solid #cfcfd0; }
	.box input.button, .box a.button:link, .box a.button:visited, .box a.button:hover, .box a.button:active { color: #7a7a7a; }
.blueFilling { background-color: #e5eef5; border-color: #7ea8ce; }
	.blueFilling h3 { color: #7ea8ce; margin-top: 10px; }
	.blueFilling h4 { background-color: #7ea8ce; color: #fff; }
	.blueFilling input.button,  .blueFilling a.button:link, .blueFilling a.button:visited, .blueFilling a.button:hover, .blueFilling a.button:active { color: #7ea8ce; }
	.blueFilling .buttonGroup { border-top-color: #7ea8ce; }
/*	.blueFilling ul.linkList { border: none; }
		.blueFilling ul.linkList li { border: none; }
*/.whiteFilling { background-color: #fff; border-color: #7ea8ce; }

div.homepage h4 { background-color: #fff; border-bottom: 2px solid #cfcfd0; color: #7ea8ce; }
	div.homepage { padding-bottom: 10px; }

div.animation h4 { background-color: #cfcfd0; color: #7a7a7a; }
	div.animation { border-width: 4px; color: #000; }
	div.animation .textInput { width: 165px; }
	div.animation table { =table-layout: auto; border-bottom: 13px solid #fff; }
	div.animation td { =width: 165px; }
	div.animation object { margin: 0 -12px 10px; }


	
td.imgCell {	/*Zelle in der nur ein Bild angezeigt wird*/ width: 125px;	}
	td.imgCell img{	/*Zelle in der nur ein Bild angezeigt wird*/ border: 2px solid #7a7a7a; margin-right: 10px;	}
	td.imgCell td { border: none;	}
td.groupsCell{ width: 220px;}

td.adCell {	/*Zelle in der Werbung angezeigt wird*/ text-align: right;	}
	td.adCell img { border: 2px solid #7a7a7a;  margin-right: 18px;}
	td.banner300x500 img { margin: 0 -12px 0 0;} /*special handling f�r rectBanner*/

/*~~ ConnectionBar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.connectionBar { background-color: #fff; border-bottom: 2px solid #cfcfd0; padding: 0 12px; margin: 0 -12px 10px; }
	.connectionBar table, .connectionBar td { table-layout: auto; }
	.connectionBar img { margin-left: 8px; }
	.connectionBar h2 { margin: 0; padding-bottom: 6px; color: #7a7a7a; }
	.connectionBar h3, .connectionBar p { width: 72px; height: 24px; padding: 0 1px 0 4px; margin: 0; overflow: hidden; color: #7ea8ce; }
	.connectionBar h3 { font-size: 1em; }
	.connectionBar p { font-size: 1em; background: transparent url(/gif/chrome/connectionBar-arrow.gif) right bottom no-repeat; }

				

/*~~ ##### RECHTE SPALTE ##### ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#rightCol td.imgCell {	width: 40px; text-align: right; }
	#rightCol td.imgCell img {	border-width: 1px;	}

#rightCol .footer a:link, #rightCol .footer a:visited, #rightCol .footer a:hover, #rightCol .footer a:active {
	padding: 0; background: none; color: #7ea8ce;
}
				
/*~~ BOX:RIGHTCOL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#rightCol .box { border: 4px solid #7ea8ce; padding: 0 11px; }
#rightCol .smallBorder { border: 1px solid #cfcfd0; padding-top: 11px; }
	#rightCol .box h2 { background: #7ea8ce; color: #fff; margin: 0 -11px 11px; padding: 5px 11px 6px; }
	#rightCol .box h3 { font-size: 1.1em; font-weight: bold; }
	#rightCol .smallBorder h3 { font-size: 1em; font-weight: bold; }
	#rightCol .box p {  }


/*~~ BOX:OnlineMembers ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#rightCol .onlineMembers { /*special box mit Anzahl der Online-Members*/
	background: #e5eef5 url(/gif/chrome/membersOnline-bg.gif) 20px center no-repeat;
	border-width: 2px !important;
	color: #7ea8ce;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
					
/*~~ BOX:LOGIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			#rightCol .login { /*besondere Abart der ".box"*/		padding: 0 5px 5px;	}
				#rightCol .login h2 { margin: 0 -5px 5px; }
				#rightCol .login input { margin: 0 0 7px; width:180px; }
				#rightCol .login a.right:link, #rightCol #login a.right:visited, #rightCol #login a.right:hover, #rightCol #login a.right:active, 
				#rightCol .login p, #rightCol .login label { }
			
				.formBox { border: 2px solid #7ea8ce; background: #e5eef5; margin: 0 0 28px; padding: 16px 16px 0; position: relative; }
					.formBox h3 { color: #7ea8ce; }

/*~~ BannerLink ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	a.bannerLink:link, a.bannerLink:visited, a.bannerLink:hover, a.bannerLink:active { display: block; margin-bottom: 10px; }
		a.bannerLink img { border: 2px solid #8a8a8a; }

/*~~ MiniGallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			table.miniGallery { margin: 0 -4px; table-layout: auto;}
				table.miniGallery td { padding: 1px;  table-layout: auto; }
				
/*~~ LinkList ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			ul.linkList { margin: 0 0 10px; padding: 0; list-style: none; border-top: 1px dotted #cfcfd0; font-size: 1.1em; }
			.box ul.linkList { margin: -10px -11px 0; }
			ul.linkList li.last-child { border-bottom: none; }
			
			#leftCol .box ul.linkList { border-top: none; }
				ul.linkList li { margin: 0; padding: 0; list-style: none; xdisplay: inline; border-bottom: 1px dotted #cfcfd0; position: relative; }
					ul.linkList li span { float: right; padding-right: 10px; }
					ul.linkList a:link, ul.linkList a:visited, ul.linkList a:hover, ul.linkList a:active { 
						display: block; 
						background: transparent url(/gif/chrome/linkList_help.gif) 0 0 no-repeat;
						min-height: 22px; _height: 22px;
						padding: 4px 0 0 45px;
						text-decoration: none;
						color: #9b9b9b;
					}
					ul.linkList a:hover, ul.linkList a:active, 
					ul.linkList li.active a:link, ul.linkList li.active a:visited, ul.linkList li.active a:hover, ul.linkList li.active a:active { 
						background-position: 0 -26px; color: #7ea8ce;
					}
					ul.linkList li.guided a:link, ul.linkList li.guided a:visited, ul.linkList li.guided a:hover, ul.linkList li.guided a:active { background-image: url(/gif/chrome/linkList_guided.gif);}
					ul.linkList li.add a:link, ul.linkList li.add a:visited, ul.linkList li.add a:hover, ul.linkList li.add a:active { background-image: url(/gif/chrome/linkList_add.gif);}
					ul.linkList li.lz a:link, ul.linkList li.lz a:visited, ul.linkList li.lz a:hover, ul.linkList li.lz a:active { background-image: url(/gif/chrome/linkList_lz.gif);}

					ul.linkList li.contact a:link, ul.linkList li.contact a:visited, ul.linkList li.contact a:hover, ul.linkList li.contact a:active { background-image: url(/gif/chrome/boxLinkList_kontakt.gif);}
					ul.linkList li.request a:link, ul.linkList li.request a:visited, ul.linkList li.request a:hover, ul.linkList li.request a:active { background-image: url(/gif/chrome/boxLinkList_anfrage.gif);}
					ul.linkList li.settings a:link, ul.linkList li.settings a:visited, ul.linkList li.settings a:hover, ul.linkList li.settings a:active { background-image: url(/gif/chrome/boxLinkList_einstellungen.gif);}
					ul.linkList li.messages a:link, ul.linkList li.messages a:visited, ul.linkList li.messages a:hover, ul.linkList li.messages a:active { background-image: url(/gif/chrome/boxLinkList_nachrichten.gif);}

					ul.linkList li.members a:link, ul.linkList li.members a:visited, ul.linkList li.members a:hover, ul.linkList li.members a:active { background-image: url(/gif/chrome/leftLinkList_members.gif);}
					ul.linkList li.topics a:link, ul.linkList li.topics a:visited, ul.linkList li.topics a:hover, ul.linkList li.topics a:active { background-image: url(/gif/chrome/leftLinkList_topics.gif);}
					ul.linkList li.edit a:link, ul.linkList li.edit a:visited, ul.linkList li.edit a:hover, ul.linkList li.edit a:active { background-image: url(/gif/chrome/leftLinkList_edit.gif);}
					ul.linkList li.comment a:link, ul.linkList li.comment a:visited, ul.linkList li.comment a:hover, ul.linkList li.comment a:active { background-image: url(/gif/chrome/leftLinkList_comment.gif);}
					ul.linkList li.star a:link, ul.linkList li.star a:visited, ul.linkList li.star a:hover, ul.linkList li.star a:active { background-image: url(/gif/chrome/leftLinkList_star.gif);}
					ul.linkList li.average a:link, ul.linkList li.average a:visited, ul.linkList li.average a:hover, ul.linkList li.average a:active { background-image: url(/gif/chrome/leftLinkList_average.gif);}
					ul.linkList li.leftAdd a:link, ul.linkList li.leftAdd a:visited, ul.linkList li.leftAdd a:hover, ul.linkList li.leftAdd a:active { background-image: url(/gif/chrome/leftLinkList_add.gif);}
					
					ul.linkList a.infoLink:link, ul.linkList a.infoLink:visited, ul.linkList a.infoLink:hover, ul.linkList a.infoLink:active {
						background: none !important; position: absolute; right: 10px; top: 8px; width: auto; height: auto; padding: 0; margin: 0;
					} 
					
					.blueFilling ul.linkList li.newGroup a:link, .blueFilling ul.linkList li.newGroup a:visited, .blueFilling ul.linkList li.newGroup a:hover, .blueFilling ul.linkList li.newGroup a:active { background-image: url(/gif/chrome/blueLinkList_newGroup.gif); color: #7ea8ce; }
					.blueFilling ul.linkList li.newGroup a:hover, .blueFilling ul.linkList li.newGroup a:active { color: #8a8a8a; }
					.blueFilling ul.linkList li.edit a:link, .blueFilling ul.linkList li.edit a:visited, .blueFilling ul.linkList li.edit a:hover, .blueFilling ul.linkList li.edit a:active { background-image: url(/gif/chrome/blueLinkList_edit.gif); color: #7ea8ce; }
					.blueFilling ul.linkList li.edit a:hover, .blueFilling ul.linkList li.edit a:active { color: #8a8a8a; }
					
				ul.linkList div { padding: 13px; }
					ul.linkList div h2, ul.linkList div p { font-size: 1em; padding: 0; }
					ul.linkList div p { font-size: .9em;  }

/*~~ simpleLinkList - keine Grafiken ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */					
	ul.simpleLinkList{ margin: 0 0 10px; padding: 0; list-style: none;  }
	.box ul.simpleLinkList{ margin: -10px -11px 0; }
		ul.simpleLinkList li { margin: 0; padding: 0; list-style: none; display: inline;  }			
			ul.simpleLinkList li a:link, ul.simpleLinkList li a:visited, ul.simpleLinkList li a:hover, ul.simpleLinkList li a:active {
				 display:block; color: #9b9b9b; border-bottom: 1px dotted #cfcfd0; text-decoration: none; padding: 3px 11px;
			}			
			ul.simpleLinkList li a:hover, ul.simpleLinkList li a:active { background-color: #fff; color: #7ea8ce; }
			ul.simpleLinkList li.last-child a:link, ul.simpleLinkList li.last-child a:visited, ul.simpleLinkList li.last-child a:hover, ul.simpleLinkList li.last-child a:active { border-bottom: none;}			

			
/*~~ MiniLinkList ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			ul.miniLinkList { margin: 0; padding: 0; list-style: none; line-height: 130%;}
				ul.miniLinkList li { margin: 0; padding: 0; list-style: none; }					
					ul.miniLinkList a:link, ul.miniLinkList a:visited, ul.miniLinkList a:hover, ul.miniLinkList a:active  { 
						padding: 0 0 0 12px; background: transparent url(/gif/chrome/mini_dot.gif) left center no-repeat; 
					}
					ul.miniLinkList li.add a:link, ul.miniLinkList li.add a:visited, ul.miniLinkList li.add a:hover, ul.miniLinkList li.add a:active  { background-image: url(/gif/chrome/mini_plus.gif) }
					ul.miniLinkList li.save a:link, ul.miniLinkList li.save a:visited, ul.miniLinkList li.save a:hover, ul.miniLinkList li.save a:active  { background-image: url(/gif/chrome/mini_download.gif) }
					ul.miniLinkList li.message a:link, ul.miniLinkList li.message a:visited, ul.miniLinkList li.message a:hover, ul.miniLinkList li.message a:active  { background-image: url(/gif/chrome/mini_letter.gif) }
					ul.miniLinkList li.report a:link, ul.miniLinkList li.report a:visited, ul.miniLinkList li.report a:hover, ul.miniLinkList li.report a:active  { background-image: url(/gif/chrome/mini_exclamation.gif) }

/*~~ Number nav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */					
		.numberNav { text-align: right; background: #fff; padding: 10px; margin: 0 -11px; }
			.numberNav a:link, .numberNav a:visited, .numberNav a:hover, .numberNav a:active { color: #8a8a8a; }
			.numberNav a.active:link, .numberNav a.active:visited, .numberNav a.active:hover, .numberNav a.active:active { font-weight: bold; }
				

/*~~ Reiter ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
	
.reiterHead { height:35px; background: #cfcfd0; }
	.reiterHead ul { margin: 0; padding: 0;}
		.reiterHead li { margin: 0; padding: 0; display: inline; }
			.reiterHead a:link, .reiterHead a:visited, .reiterHead a:hover, .reiterHead a:active {
				float: left;
				height: 33px; line-height: 33px;
				border-left: 2px solid #cfcfd0;
				background: #f7f7f7 url(/gif/chrome/reiterKante.gif) no-repeat right top;
				padding: 0 15px; margin: 0;
				color: #7a7a7a;
				font-weight: bold;  font-size: 1.1em;
				text-decoration: none;
				overflow: hidden;
			}
			.reiterHead a:hover, .reiterHead a:active {color: #7ea8ce; background-color: #fff; } 
			.reiterHead li.active a:link, .reiterHead li.active a:visited, 
			.reiterHead li.active a:hover, .reiterHead li.active a:active { background-color: #fff; color: #7ea8ce; height: 35px !important;  }

			.reiterHead li.twoRows a:link, .reiterHead li.twoRows a:visited, .reiterHead li.twoRows a:hover, .reiterHead li.twoRows a:active {
				line-height: 13px; text-align: center; padding-top: 3px; height: 30px !important;
			}
			.reiterHead li.twoRows.active a:link, .reiterHead li.twoRows.active a:visited, .reiterHead li.twoRows.active a:hover, .reiterHead li.twoRows.active a:active { height: 32px !important; }
			
			
.reiterBox { border: 2px solid #cfcfd0; border-top: none; padding: 12px 12px; min-height: 200px; margin-bottom: 25px; }
	.reiterBox h2 { border-bottom: 1px solid #cfcfd0; margin: 0 -12px 12px; padding: 0 12px 7px; }
			
		#footer {
			border-top: 2px dotted #9b9b9b;
			padding: 54px 0; margin: 7px 0 0;	
			color: #9b9b9b;
			xfont-size: .8em;   
		}	


/*~~ Rechte Spalte ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
	#rightCol { width: 204px; } 
		#rightCol p { xfont-size: .8em;    } 
		#rightCol h2 { color: #58595a; margin-bottom: 10px; } 
		#dayInfo{ color: #7a7a7a; xfont-size: .8em; margin-top: 0px; height:19px; text-align: right;  }
		#searchBox { padding: 3px 0 0 5px; margin-bottom: 7px; background: #c41921; color: #fff; height: 25px; }
			#searchBox input { width: 120px; border-color: #9b0c13 !important; margin-top: 1px; }
			#searchBox input.button { width: auto; border: none !important; background: #c41921 url(/gif/chrome/searchGo.gif) right center no-repeat !important; font-weight: bold; color: #fff !important; padding: 0 10px 3px 5px !important; =padding: 0 15px 0 5px !important; margin-top: 2px; }

/*~~ Funktionsnavigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#func { margin: 0; padding: 0; background: #cfcfd0; height: 28px; margin: 0 0 3px; }
			#func li {
				margin: 0; padding: 0;
				display: inline; 
				list-style: none;
			}
			#func li a:link, #func li a:visited, #func li a:hover, #func li a:active {
				xfont-size: 0.8em;   
				color: #7a7a7a;
				height: 28px; width: 83px;
				line-height: 28px;
				float: left;
				text-decoration: none;
				border-left: 2px solid #fff;
				border-right: 2px solid #fff;
				text-align: center;
			}
			#func li a:hover, #func li a:active {
				background-color: #a2c4d7; color: #fff;
			}
			#func li.first a:link, #func li.first a:visited, #func li.first a:hover, #func li.first a:active { width: 64px; border:none;}
			#func li.last a:link, #func li.last a:visited, #func li.last a:hover, #func li.last a:active { width: 72px;border:none;}

	

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0; display: inline; }
input, textarea  { border: 1px solid #7ea8ce; padding: 0px 2px; } 
input { background: #fff; xbackground: #fff url(/gif/chrome/inputShade.gif) repeat-x; height: 14px; padding-top: 3px; }
select { border: 1px solid #7ea8ce; padding: 0; height: 19px; }
.textInput:active {	border: 1px solid #c41921 !important; }
input.selector { border: none !important; margin-top:0; background: none; }
label.public{ background: transparent url(/gif/chrome/publicLabel.gif) right center no-repeat; }

input.button, .cssForm input.button, .button, input.buttonImportant, .cssForm input.buttonImportant, .buttonImportant,
a.button:link, a.button:visited, a.button:hover, a.button:active {
	margin: 0; padding: 2px 15px 2px 15px;
	overflow: visible;	
	width: auto;
	height: 18px;
	background: #fff !important;
	border: 1px solid #7ea8ce;
	color: #7ea8ce !important;
	font-weight: bold;
	xfont-size: .8em;
	text-decoration: none;
} 
input.button:hover, .cssForm input.button:hover, .button:hover, a.button:hover, a.button:active { background-color: #7ea8ce !important; color: #fff  !important; }
input.buttonImportant, .cssForm input.buttonImportant, .buttonImportant {
	background: #7ea8ce url(/gif/chrome/buttonImportant_arrow.gif) right center no-repeat !important;
	color: #fff !important; font-weight: bold;
	height: 22px;
	padding: 0 25px 3px 2px;
	text-align: left;
	width: auto !important;
	font-size: 1em;
}
input.buttonImportant:hover, .cssForm input.buttonImportant:hover, .butbuttonImportantton:hover { background-color: #5784ac !important; color: #fff !important; }

div.starRanking { margin-bottom: 10px; }
input.star{ background: transparent url(/gif/chrome/star.gif) no-repeat; width: 14px !important; height: 14px !important5; text-indent: -5000em; overflow: hidden; border: none !important; padding: 0; margin: 0 !important; padding-top: 14px;  }
input.star.active{ background-position: 0 -14px; }


.cssForm table input { float:left !important; width:210px; }
.cssForm table label { float:left !important;  }

input.icon { color:#fff; font-size: 0.01em; letter-spacing: 0.001em; overflow: hidden; background: transparent url(/gif/chrome/icon_message.gif) no-repeat; width: 20px; height:18px; padding-top: 18px; border: none !important; cursor: pointer; cursor: hand; }
input.icon:hover { background-position: 0 -18px; }
input.editor { background: transparent url(/gif/chrome/editor_b.gif) no-repeat; width: 15px; height:15px; padding: 15px 0 0 0; border: none !important; margin-top:2px; }
input.editor:hover { background-position: 0 0; background-color: #e5eef5; border: 1px solid #a2c4d7 !important; margin-top:1px;}
input.editorDisabled { filter:alpha(opacity=40);  -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; cursor:no-drop;  }

.markedElement { border-bottom: 1px dotted #9b9b9b; margin: 0 10px 5px 0; padding-bottom: 2px; }
	.markedElement label { margin-bottom: 0 !important; }
	.markedElement input { margin-bottom: 0 !important; }


/*~~ InfoLayer neben den FormElementen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.infoLayer { position: absolute; left: 455px; border: 4px solid #7ea8ce; width: 185px; padding: 0 11px 11px 11px; background: #fff; margin-top: -17px; }
	.infoLayer .arrow { background: transparent url(/gif/chrome/infoLayerArrow.gif) no-repeat; width: 11px; height: 23px; position:absolute; left: -15px; top: 11px; }
	.infoLayer h2 { background: #7ea8ce; color: #fff !important; margin: 0 -11px 11px  !important; padding: 2px 11px 6px  !important }
	.infoLayer p { xfont-size: .8em; color: #8a8a8a; margin-bottom: 10px; line-height: 115%; }
/*.infoLayer { position: absolute; left: 469px; border: 4px solid #74a7c4; width: 195px; padding: 0 11px; background: #fff; margin-top: -17px; }*/

.errorLayer { border-color: #c41921; }
	.errorLayer h2 { background-color: #c41921; }
	.errorLayer .arrow { background-image: url(/gif/chrome/errorLayerArrow.gif);}
	


	
#devLayer{ left: 960px; top: 20px; width: 130px; position: fixed; _position: absolute; z-index: 1000; }

/*======================= CSSFORMS ================================*/

.cssForm div.fieldset { width: 460px; padding: 0 0 0 8px; border: 1px solid #cfcfd0; margin-bottom: 15px; } /* 'A' */
	.cssForm h3.legend { border-bottom: 1px solid #cfcfd0; height: 20px; padding: 7px 8px 0; margin: 0 0 15px -8px; color: #7ea8ce; }
.cssForm label { width: 225px; color:#58595a; color: #58595a; border-bottom-color: #cfcfd0; margin-right: 10px; margin-bottom: 7px; _position: relative;  } /* 'B' */
.cssForm .rightCol {padding-left:205px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 210px; margin-bottom: 7px; _position: relative;  /* 'A'-'B'-10px='C' */ }
.cssForm select {	width: 216px; }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 116px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm input.halfSize, .cssForm select.halfSize,.cssForm textarea.halfSize { width: 115px; margin-right: 5px; }
.cssForm input.smallSize, .cssForm select.smallSize,.cssForm textarea.smallSize { width: 62px; margin-right: 5px; }
.cssForm input.restSize, .cssForm select.restSize,.cssForm textarea.restSize { width: 137px; margin-right: 5px; }
.cssForm .assignment select {width: 112px;} /* ('A'-'B'-130px)/2 */

input.button { width: auto !important; }
.cssForm .selectorGroup label { line-height: 125%; }
.cssForm label.error { color: #c41921; }

.buttonGroup { padding: 15px 0 25px 225px; margin: 0 !important; }
.cssForm .inputEnhance { float: left; margin-bottom: 7px; } /*benutzt um text neben einem inputfeld anzuzeigen*/
	.cssForm .inputEnhance input, .cssForm .inputEnhance label { margin: 0 0 0 5px; float: none; }