/* Zuruecksetzen der Standard Browser Stile */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* globals */
body
{
	font-weight: normal;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #333;
	background: #5E6669 url(../images/elBgBody.jpg) repeat-x;
}
div, td, th, p, span
{
/*	font-weight: normal;
	text-decoration: none;
*/	font-family: arial, sans-serif;
/*	font-size: 11px;*/
	color: #333;
}
th
{
	font-weight: bold;
}

a
{
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	color: #0091dc;
}

a.elNoStyle, a.elNoStyle:hover
{
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}

a:hover	
{
	text-decoration: underline;
}

h1 a, h2 a
{
	color: #666;
}

img
{
	border: 0;
}

b, strong {
	font-weight: bold;
}
label, div.elLabelSpacer
{
	float: left;
	width: 100px;
	font-weight: bold;
	color: #666;
}
span#counter1 {
	color: #666;	
}
div.elFormLarge label, div.elFormLarge div.elLabelSpacer
{
	width: 180px;
    padding-bottom:5px;
    padding-right:5px;
}

sup {
    font-size: 0.9em;
    vertical-align: top;
}

}
input, textarea, select
{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #7f7f7f;
	float: left;
	margin: 0 4px 4px 0;
}

h1
{
	margin: 0 0 4px 0;
	font-size: 16px;
	font-weight: bold;
	color: #666;		
	text-align: left;
}

h2
{
	font-size: 11px;
	color: #666;
	font-weight: bold;
	text-align: left;
}
#elRelevantContent h2, #elRelevantWBTs h2, #elRelevantCourses h2
{
	margin: 0 0 4px 0;
}

h3, h4, h5
{
	font-size: 11px;
	font-weight: bold;
	color: #a9a9a9;		
	text-align: left;
}

h1.elSeparator, h2.elSeparator
{
	border-bottom: 1px solid #e7e3e7;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	/* hier erstmal kein clear:both; */
}

h1.elSeparatorBig, h2.elSeparatorBig
{
	border-bottom: 3px solid #e7e3e7;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	/* hier erstmal kein clear:both; */
}

td
{
	vertical-align: top;
	text-align: left
}

img.elNavArrowRight
{
	margin: 0 0 0 4px;
}

/* den ggf. abschaffen, weil die Bilder in den DIV eingesperrt werden ... */
img.elImgTeaserContent
{
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
}
div.elImgTeaserContent
{
	float: left;
	width: 90px;
	height: 62px;
	overflow: hidden;
	margin: 0 10px 5px 0;
}
div.elHochformatKlein
{
	width: 46px;
	height: 62px;
}

/* Hinweis: sollte wg. Ticket #196 eigentlich unnoetig geworden sein - steht aber noch in ein paar files drin.  */
div.elFloatingLeftText
{
	width: 296px;
	float: left;
	overflow: hidden;
	padding: 14px 0 0 0;
}

p.elArticleDetailsText
{
	font-size: 11px;
	margin: 0 0 4px 0;
}

p.elSeparator
{
	line-height: 1px; font-size: 1px; /* vorwiegend wg. IE's */
	border-bottom: 1px solid #e7e3e7;
	height: 1px;
	clear: both;
	margin: 0 0 4px 0;
}
div.elSeparator
{
	border-bottom: 1px solid #e7e3e7;
}
p.elSeparatorWhite, div.elSeparatorWhite
{
	border-bottom: 1px solid #fff;
}
p.elSeparatorBig
{
	line-height: 1px; font-size: 1px; /* vorwiegend wg. IE's */
	border-bottom: 3px solid #e7e3e7;
	height: 1px;
	clear: both;
	margin: 0 0 5px 0;
}
div.elSeparatorBig
{
	border-bottom: 3px solid #e7e3e7;
}

p.elDateCreated
{
	margin: 0 0 4px 0;
}
#elRelevantContent p.elDateCreated, #elRelevantWBTs p.elDateCreated
{
	margin: 0 0 0 0;
}

p.elAuthor
{
	margin: 0 0 4px 0;
}

.elName
{
	text-decoration: none;
	font-weight: bold;
}

a.elIcon
{
	font-size: 11px;
	float: right; display: block;
	margin: 0 0 4px 10px;
}
div.elContentRightActions a.elIcon
{
	margin: 0 0 4px 0;
	margin-left: 18px;
	text-indent: -18px;
}
a.elInactive
{
	cursor: text;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
img.elIcon
{
	margin: 0 2px 0 0;
	padding: 0;
	border: 0;
	vertical-align: text-bottom;
	background-color: #fff;;
}
td.elIcon
{
	width: 16px;
}

p.elTags, p.elCopy
{
	margin: 0 0 5px 0;
}

div.elTeaserCopy
{
	float: left;
	overflow: hidden;
	width: 180px;
	margin: 0 0 5px 0;
}
div.elCopyNebenHochformatKlein
{
	width: 224px;
}
div.elTeaserCopyRecomm
{
	width: 130px;
}

/* kmb_marker: sollten wir wieder abschaffen können, wenn wir striktes Top-2-Bottom-Margin machen; der p.elSeparator sollte ein festes Bottom-Margin bekommen! */
.elTopBottomMargin
{
/*	margin: 10px 0 10px 0; */
	margin: 0;
}
p.elTags a
{
	color: #a9a9a9;
}
/* kmb_marker: "active" ist für die blauen Tags - die "semantischen Tags". "active" ist allerdings keine so gute Bezeichnung, weil es mit der Pseudoklasse verwechselbar ist. */
p.elTags a.active
{
	color: #0091dc;
}

p.elRating, p.elRatingNo, p.elYourRating, div.elRating
{
	width: auto;
	text-align: right;
	float:right;
	color: #333;
	padding: 0;
	margin: 0;
}

p.elRatingNo
{
	width: 75px;
	text-align: center;
	background: transparent url(../images/elRatingNo.gif) no-repeat center center;
  white-space: nowrap;
}
p.elRatingNoBlue
{
	background: transparent url(../images/elRatingNoBlue.gif) no-repeat;
}

p.elYourRating
{
	width: 150px;
	font-size: 11px;
	text-align: left;
	float: left;
}

p.elAnswers
{
	float:right;
	margin: -6px 8px 0 0;
}

div.elForm a, div.elForm .dijit, div.elForm .dijitInline
{
	float: left;
	margin: 0 4px 4px 0;
}
div.elForm .dijit
{
	width: 370px;
}
form.elForm2Cols .dijit, div.elForm2Cols .dijit, div.elForm2Cols .dijitInlineTable
{
	width: 185px;
}
div.elForm .elShortInput
{
	width: 206px; /* z.B. neben Captcha */
}

div.elForm
{
	clear: both;
}
div.elFormMargin
{
	margin: 0 0 4px 0;
}

div.elFormSubmit
{
	width: 472px;
}
div.elFormSubmitLarge
{
	width: 552px;
}
form.elForm2Cols div.elFormSubmit, div.elForm2Cols div.elFormSubmit
{
	width: 604px;
}
.elSearchResults div.elFormSubmit
{
	width: 583px;
}

div.elFormSubmit input, div.elFormSubmit a
{
	float: right;
	margin: 6px 0px 10px 10px; /* testweise */
}

div.elContentRightActions
{
	margin: 12px 5px 0 0;
	visibility: hidden;
}
div.elContentRightActions ul
{
	margin: 0 0 10px 0;
}
div.elContentRightActions ul ul
{
	margin: 5px 0 10px 18px;
}
/* /globals */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* Content */	
div#elContent
{
	background: url(../images/elBgHeaderArea.gif) repeat-y;
	width: 864px;
	padding-bottom: 20px;
	z-index: 10;
	position: relative;
}

div#elContentLeft
{
	overflow: hidden;
	position: relative;
	width: 655px;
	margin: 0 0 0 1px;
	float: left;
	z-index: 20;
}
	
div#elContentRight
{
	overflow: hidden;
	position: relative;
	width: 208px;
	float: right;
	z-index: 10;
}

#elRecommendations h1 {
font-size:13px;
}

div#elContentRight a.elIcon
{
	float: none;
}


div.elContentLeftDetailVersion
{
	position: relative;
	width: 642px;
	margin: 11px 0 10px 0;
	float: left;
	z-index: 20;
	background: url(../images/elTabContentShadowBg.gif) repeat-y 11px 0px;
}
div.elContentDetail
{
	overflow: hidden;
	position: relative;
	padding: 20px 10px 10px 10px;
	margin: 0 0 0 12px;
	border: 1px solid #c3c3c3;
	width: 603px;
}
div.elContentDetailBottom
{
	width: 629px;
	height: 10px;
	margin: 0 0 0 12px;
	background: url(../images/elTabContentShadowBottomBg.gif) no-repeat left bottom;	
}

#elGroup_info
{
	position: relative;
	padding: 5px 0 0 13px;
	font-weight: bold;
}

#group_logo {
	position: absolute;
	top: -120px;
	left: 5px;
}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */



/* MainArea	*/	
div#elMainArea
	{
	position: relative;
	top: 20px;
	left: 10px;
	width: 952px;
	}
div#elMainArea p#elMainTopEdge
	{
	position: relative;
	top: 0;
	left: 0;
	font-size: 1px;
	height: 7px;
	width: 864px;
	background: url(../images/elBgMainArea.gif) no-repeat 0 0;
	margin: 0;
	}
div#elMainArea div#elHeaderArea
	{
	position: relative;
	top: 0;
	left: 0;
	background: #fff;
	width: 864px;
	height: 184px;
	background: url(../images/elBgHeaderArea.gif) repeat-y;
	margin: 0 0 0 0;
	}
div#elMainArea p#elMainBottomEdge
	{
	position: relative;
	top: 0;
	left: 0;
	font-size: 1px;
	height: 7px;
	width: 864px;
	background: url(../images/elBgMainArea.gif) no-repeat 0 -7px;
	margin: 0;
	z-index: 10;
	}
div#elMainArea a#elLogo img
	{
	border: none;
	position: relative;
	top: 12px;
	left: 12px;
	}
	
/* serviceNav */	
div#elServiceNav
{
	position: relative;
	top: -20px;
	left: 354px;
	width:500px;
	margin:0px;
	padding:0;
}
div#elServiceNav a
{
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 1px;
	color: #999;
	padding: 0 0 0 22px;
	text-decoration: none;
    float: right;
}
div#elServiceNav a:hover
	{
	}
div#elServiceNav a.active, div#elServiceNav a.current 
	{
	color: #0091dc;
	}

/* topNav	*/		
div#elTopNav
	{
	position: absolute;
	font-weight: bold;
	top: 94px;
	right: 10px;
	display: block;
	}
	
div#elTopNav a
	{
	letter-spacing: 1px;
	color: #333;
	display: block;
	float: left;
	padding: 9px 20px 8px 20px;
	background: url(../images/elBgTopNav.gif) no-repeat 0 -74px;
	text-decoration: none;
	height: 13px;
	}
	
div#elTopNav a.first
	{
	background: url(../images/elBgTopNav.gif) no-repeat -1px -74px;
	}
	
div#elTopNav a:hover
	{
	color: #F0F0F0;
	background: url(../images/elBgTopNav.gif) no-repeat 0 -37px;
	}
	
div#elTopNav a.first:hover
	{
	color: #F0F0F0;
	background: url(../images/elBgTopNav.gif) no-repeat -1px -37px;
	}
	
div#elTopNav a:active, div#elTopNav a.current
	{
	color: #F0F0F0;
	background: url(../images/elBgTopNav.gif) no-repeat 0 0;
	}
	
div#elTopNav a.first:active
	{
	color: #F0F0F0;
	background: url(../images/elBgTopNav.gif) no-repeat -1px 0;
	}
	
/* subNav	*/	
div#elSubNavArea
	{
	position: absolute;
	top: 124px;
	left: 1px;
	width: 862px;
	height: 30px;
/*	background: url(../images/elBgSubNavArea.gif) no-repeat;*/
	background-color: #E2E1E2;;
	}

div#elSubNav
	{
	text-align: right;
	float: right;
	padding: 7px 11px 0 0;
	}

div#elSubNav a
{
	padding: 0 0 0 18px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #333;
	text-decoration: none;
}

div#elSubNav a:hover
	{
	color: #333;
	}
	
div#elSubNav a:active, div#elSubNav a.current
	{
	color: #0091dc;
	}
	
/* searchArea */		
div#elSearchArea
{
	position: relative;
	top: 110px;
	left: 1px;
	width: 862px;
	height: 30px;
	background: url(../images/elBgSearchArea.gif) no-repeat;
	font-size: 10px;
	vertical-align: middle; 
}
	
div#elSearch
{
	position: relative;
	margin: 0 0 0 10px;
	width: 400px;
	height: 30px;
	font-size: 10px;
}
	
.elSearchForm
{
	border: 1px solid #7f7f7f;
}
	
a.elSearchForm
{
	font-weight: normal; /* FIXME */
	color: #fff;
	border: none;
}

/*	Content Basics */
a.elNavMore
{
	padding: 0 0 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #0091DC;	
}
	
a.elSemTag
{
	font-size: 11px;
	font-weight: bold;
	color: #0091DC;
	padding: 0 5px 0 0;
}
	
a.elDefTag
{
	font-size: 11px;
	color: #999;
	margin: 0 5px 0 0;
}

.elImgTeaserBig
{
	float: left;
	margin: 0 26px 0 0;
}


/* ArticleTeaserBigPublic: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigPublic
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}


/* ArticleTeaserBigCourse: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.ArticleTeaserBigCourse
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}


/* elArticleTeaserBigWbt: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigWbt
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div#elContentLeft div.elArticleTeaserBigCourse
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}


/* ArticleTeaserBigDownloads: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigDownloads
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBigDownloads h1
{
	padding: 0 0 7px 0;
}
	

/* ArticleTeaserBigExperts: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigExperts
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBigExperts h1
{
	padding: 0;
}
	
div.elArticleTeaserBigExperts p.elSince
{
	padding: 14px 0 1px 0;
}
	
div.elArticleTeaserBigExperts p.elOrganisation
{
	padding: 0 0 7px 0;
}
	
div.elArticleTeaserBigExperts p.elActivity  
{
	padding: 0 0 7px 0;
}

div.elArticleTeaserBigExperts p.elActivity img 
{
	padding: 3px 0 0 0;
}
	

/* ArticleTeaserBigGroups: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigGroups
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBigGroups h1
{
	padding: 0 0 7px 0;
}
	
div.elArticleTeaserBigGroups p.elMembers  
{
	padding: 0 0 7px 0;
}

/* ArticleTeaserBigExperts: Bereinigung Stufe 1 erledigt */
div.elArticleTeaserBigExperts div.elFloatingLeftText
{
	width: 459px;
}

/* ArticleTeaserBigBlog: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigBlog
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBigBlog div.elFloatingLeftText
{
	width: 459px;
}

div.elArticleTeaserBigBlog p.elTitle
{
	padding: 0 0 4px 0;
}
	

/* ArticleTeaserBigWiki: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigWiki
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBigWiki h1, div.elArticleTeaserBigWiki p.elDateModified 
{
	padding: 0 0 7px 0;
}
	

/*	ArticleTeaserBigNews: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigNews
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBigNews p.elTags
{
	border-top: 1px solid #e7e3e7;
}


/*	todo ArticleTeaserBig */
/* FRAGE: Wo genau wird der verwendet? In den aktuellen jspx'n finde ich ihn nicht. */
div#elContentLeft div.elArticleTeaserBig
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBig h1
{
	padding: 14px 0 0 0;
}
	

/*	todo ArticleTeaserContent */
div#elContentLeft div.elArticleTeaserContent
{
	width: 286px;
	float: left;
	margin: 0 10px 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
	

/* ArticleTeaserContentPublic: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserContentPublic
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
div#elContentLeft div.elArticleTeaserContentPublicRight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentPublic h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}


/* ArticleTeaserContentWiki: Bereinigung Stufe 1 erledigt */
div.elArticleTeaserContentWiki
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}

div.elArticleTeaserContentWikiRight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentWiki h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}


/* ArticleTeaserContentBlog: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserContentBlog
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}

div#elContentLeft div.elArticleTeaserContentBlogRight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentBlog h1
{
	font-size: 13px;
	margin: 0 0 2px 0;
}


/*	ArticleTeaserContentGroups: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserContentGroups
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}

div#elContentLeft div.elArticleTeaserContentGroupsRight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentGroups h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}

/*	ArticleTeaserContentQnA und die rechte Spalte: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserContentQnA
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
/* kmb_marker: Die Bezeichnung kann man ggf. in Stufe 2 der Bereinigung verallgemeinern */
div#elContentLeft div.elArticleTeaserContentQnARight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentQnA h1
{
	font-size: 13px;
	margin: 0 0 5px 0;
}

/*	ArticleTeaserContentLogin, ArticleTeaserBigLogin: Bereinigung Stufe 1 erledigt */

div#elContentLeft div.elArticleTeaserBigLogin
{
  position: relative;
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div#elContentLeft div.elArticleTeaserContentLogin
{
  width: 580px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
}

div#elContentLeft div.elArticleTeaserBigLogin ul, ul.usual
{
  list-style-position: inside;  
  list-style-type: disc;
  margin-bottom: 10px;
}

div#elContentLeft div.elArticleTeaserBigLogin ul li, ul.usual li
{
  float: none;
  font-size: 11px;
}

div#elContentLeft div.elArticleTeaserBigLogin div#elRegisterNow
{
  position: absolute;
  left: 514px;
  top: 150px;
}

/*	ArticleTeaserBigReleaseInfo: Bereinigung Stufe 1 erledigt */

div#elContentLeft div.elArticleTeaserBigReleaseInfo
{
  position: relative;
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
  background-color: #e4e4e4;
  text-align: center;
}

div#elContentLeft div.elArticleTeaserBigReleaseInfo h1#releaseinfo
{
	color: #0091dc;
  top: 70px;
}

div#elContentLeft #elReleaseInfoBox
{
  position: relative;
  background: url(../images/bg_releaseinfo.gif) no-repeat;
  width: 631px;
  height: 347px;
}

div#elContentLeft #elReleaseInfoBox ul
{
  float: left;
  margin-right: 18px;
}

div#elContentLeft #elReleaseInfoBox ul li
{
  width: 145px;
  padding: 2px 6px 2px 12px;
  background-color: #b9d2df;
  opacity: 0.5;
  color: #333;
  font-weight: bold;
  font-size: 11px;
  margin: 1px;
}

div#elContentLeft #elReleaseInfoBox ul li.header
{
  text-align: center;
  width: 159px;
  padding: 6px 2px 6px 2px;
  font-size: 12px;
}

div.elQnADetails {
  padding: 10px;
}

div.elQnADetailsQuestion ul li {
  float: left;
  width: 300px;
  margin: 10px 0px 10px 0px;
}

div.elQnADetailsQuestion {
  padding-bottom: 10px;
}

div.elQnADetailsQuestion img {
  float: left;
  margin: 0px 10px 10px 0px;
}

div.elQnADetailsSolutions ul li {
  float: left;
  width: 200px;
  margin: 10px 0px 10px 0px;
}

div.elSolution {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e7e3e7;;
}

div.elSolution img {
  float: left;
  margin: 0px 10px 10px 0px;
}

/* Forum Styles */

/* ArticleTeaserBigBlog: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserBigForum
{
	width: 637px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/elTeaserVerlauf.gif) no-repeat right bottom;
}

div.elArticleTeaserBigForum div.elFloatingLeftText
{
	width: 459px;
}

div.elForumDetails {
  padding: 10px;
}

div.elForumDetails td {
  padding: 4px;
	border-bottom: 1px solid #e7e3e7;
	line-height: 16px;
}

div.elForumDetails td.caption {
  padding: 2px 4px 2px 4px;
  background-color: #eeeeee;
  font-weight: bold;
  border: none;
}

div.elForumDetails td.sepright {
	border-right: 1px dotted #e7e3e7;  
}

div.elForumDetails h1.medium {
  margin-top: 6px;
	font-size: 14px;
}

div.elForumDetails div.elForumLastPost {
  clear: both; 
  float: right; 
  text-align: right; 
  margin-top: 4px;
}

div.elForumDetails div.elForumImage {
  float: left; 
  width: 60px; 
  margin-right: 2px;
  padding: 4px;
}

div.elForumDetails div.elForumPostData {
  float: left; overflow: hidden;
  width: 508px; 
  border-left: 1px dotted silver; 
  padding: 4px;
}

div.elPubLastPosts {
  padding: 10px;
}

div.elPubLastPosts h1.medium {
  margin-top: 6px;
	font-size: 12px;
}

div.elPubLastPosts div.elNoMark {
  padding: 4px 0px 4px 0px;
}

#preview ul, div.elForumPostData ul {
	margin: 0 0 0 14px;
}
#preview li, div.elForumPostData li {
  list-style-position: outside;  
  list-style-type: disc;
}

div.elForumDetails .elForumWriteLeft {
  float: left; 
  width: 126px; 
  height: 280px; 
  padding: 4px 14px 4px 0px; 
  line-height: 16px;
}

div.elForumDetails .elForumWriteLeft label {
  float: right; 
  text-align: right;
}

div.elForumDetails .elForumWriteRight {
  float: left; 
  width: 440px; 
  padding: 4px 10px 4px 10px;
}

div.elForumDetails .elForumWriteRight .elFormatButtons{
  margin: 10px 0px 10px 0px; 
  padding: 6px; 
  background-color: #eee; 
  width: 430px;
}

div.elForumDetails .elForumEmoticonsBox {
  width: 120px; 
  height: 200px; 
  background-color: #eeeeee; 
  padding: 2px;
}

/* Ticket #424 - das Listproblem - brauchen wir aber ggf. gar net, weil es nicht valides HTML ist */
div.elForumDetails ul
{
  list-style-position: inside;  
}
div.elForumDetails ul li
{
	margin-left: 0;
	padding-left: 0;
}

div.elFirstMark {
  background-color: #cfedfb; 
  padding: 4px; margin: 0 0 4px 0;
}

div.elNoMark {
  background-color: transparent; 
  padding: 4px; margin: 0 0 4px 0;
}

div.elAcceptedMark {
  background-color: #fbf198; 
  padding: 4px; margin: 0 0 4px 0;
}

div.elAuthorCommentMark {
  background-color: #fbf198; 
  padding: 4px; margin: 0 0 4px 0;
}

/*	ArticleTeaserContentNews und die rechte Spalte: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserContentNews
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
/* kmb_marker: Die Bezeichnung kann man ggf. in Stufe 2 der Bereinigung verallgemeinern */
div#elContentLeft div.elArticleTeaserContentNewsRight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentNews h1
{
	font-size: 13px;
	margin: 0 0 5px 0;
}



/* ArticleTeaserContentDownloads: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserContentDownloads
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
div#elContentLeft div.elArticleTeaserContentDownloadsRight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentDownloads h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}


/* ArticleTeaserContentExperts: Bereinigung Stufe 1 erledigt */
div#elContentLeft div.elArticleTeaserContentExperts
{
	width: 283px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
div#elContentLeft div.elArticleTeaserContentExpertsRight
{
	float: right;
	margin: 0 10px 0 0;
}

div.elArticleTeaserContentExperts h1
{
	font-size: 13px;
	padding: 0 0 0 0;
}


/*	ArticleTeaserContent: Bereinigung Stufe 1 erledigt */
div.elArticleTeaserContent h1
{
	padding: 0 0 0 0;
}	

div#elContentLeft div#elMainContent
{
	position: relative;
	width: 644px;
	margin: 11px 0 0 11px;
}


/* Tabbing */
.elContentContainer
{
	position: relative;
	border: 0;
	background: url(../images/elTabContentShadowBg.gif) repeat-y left top;
	width: 634px;
}


/* Top right corner */
.elContentTopRight {
	width: 8px;
	height: 10px;
	background: url(../images/elTabContentShadowTopRightBg.gif) no-repeat;
	float: right;
}   

/* Bottom shadow */
.elContentBottom
{
	width: 632px;
	height: 10px;
	margin-left: 2px;
	background: url(../images/elTabContentShadowBottomBg.gif) no-repeat left bottom;	
}

.elContentArea
{
	width: 624px;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

/* Need this to reuse the content box and add top border */
.elContentAreaBoxTop
{
	border-top: 1px solid #c3c3c3;
}
div.elContentRow
{
	width: 100%;
	background: url(../images/elTabContentAreaBg.gif) no-repeat 311px 0;
	float: left;
}

/*Tab Elements*/
.elTabBar
{
	position: relative;
	width: 626px;
	height: 23px;
	overflow: hidden;
}
.elTabBarBorder
{
	position: absolute;
	left: 0; top: 22px;
	z-index: 190;
	display: block; width: 625px;
	border-top: 1px solid #c3c3c3;
}
.elTabBarContent
{
	position: absolute;
	left: 0; top: 0px;
	z-index: 200;
}
.elTabBar ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.elTabBar ul li
{
	float: left;
	background: url(../images/tabs/elTabBg.gif) no-repeat right top;
}
.elTabBar ul li a
{
	display: block;
	padding: 4px 28px 8px 10px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #999;
}
.elTabBar ul li a:hover {}
.elTabBar ul li.firsttab a {
	padding: 4px 28px 8px 22px;
	background: url(../images/tabs/elTabFirstBg.gif) no-repeat;
}
.elTabBar ul li.lasttab {
	background: url(../images/tabs/elTabLastBg.gif) no-repeat right top;
}
.elTabBar ul li.lasttab a {
	padding: 4px 28px 8px 10px;
}
.elTabBar ul li#current
{
	margin-left: -18px;
	background: url(../images/tabs/elTabCurrentBg.gif) no-repeat right top;
}
.elTabBar ul li#current a {
	padding: 4px 28px 8px 28px;
	background: url(../images/tabs/elTabCurrentLeftBg.gif) no-repeat;
	color: #0091DC;
}
.elTabBar ul li#lasttabcurrent {
	margin-left: -18px;
	background: url(../images/tabs/elTabCurrentLastBg.gif) no-repeat right top;
}
.elTabBar ul li#lasttabcurrent a {
	padding: 4px 28px 8px 28px;
	background: url(../images/tabs/elTabCurrentLeftBg.gif) no-repeat;
	color: #0091DC;
}
.elTabBar ul li#firsttabcurrent {
	background: url(../images/tabs/elTabCurrentBg.gif) no-repeat right top;
}
.elTabBar ul li#firsttabcurrent a {
	background: url(../images/tabs/elTabCurrentFirstBg.gif) no-repeat;
	color: #0091DC;
}


/* Search & Login Area */		
div#elSearchLoginArea
{
	position: absolute;
	top: 153px;
	left: 1px;
	width: 862px;
	height: 30px;
	background: url(../images/elBgSearchArea.gif) no-repeat;
	font-size: 10px;
	vertical-align: middle; 
}

div#elSearch, div#elLogin, div#elLoggedin
{
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 30px;
	font-size: 10px;
	overflow: hidden;
}

div#elLogin
{
	left: 400px;
	width: 460px;
}

div#elLoggedin
{
	left: 400px;
	width: 460px;
}
	
div#elSearch select, div#elSearch input
{
	/* breite direkt angegeben, weils sonst net klappt */
	font-size: 9px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
  
div#elSearch ul, div#elLogin ul, div#elLoggedin ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

div#elSearch li 
{
	margin: 8px 8px 0 0;
	float: left; 
}


div#elLogin ul li 
{
	float: right; 
}
 
div#elLoggedin ul li 
{
	float: left; 
}

li#overnull
{
	color: #0091dc;
	font-weight: bold;
}
  
div.elOuterBoxFrame
{
  float: left;
}

div.elContentBoxWrapLeft
{
	/* brauchen wir wohl nimmer im CSS */
}

div.elDragBox
{
	margin: 0 11px 0 3px;
	width: 308px;
	float: left;
	background: url(../images/elDragBoxShadowBg.gif) repeat-y left top;
}

div.elDragBoxLeft, div.elDragBoxRight
{
	width: 308px;
	background: url(../images/elDragBoxShadowBg.gif) repeat-y left top;  
	margin: 0;
}

div.elDragBoxLeft
{
	margin: 0 11px 0 3px;
}  
  
div.elDragBoxHeader
{
	background: url(../images/elDragBoxHeaderBg.gif) repeat-y left top;
	width: 308px;
	height: 25px;
}
  
div.elDragBoxTopRight 
{
	width: 8px;
	height: 10px;
	background: url(../images/elTabContentShadowTopRightBg.gif) no-repeat;
	float: right;
}   

.elDragBoxBottom 
  {
	width: 306px;
	height: 10px;
	margin-left: 2px;
	background: url(../images/elDragBoxShadowBottomBg.gif) no-repeat left bottom;	
  }

.elDragBoxContent 
{
	width: 280px;
	height: 200px;
	overflow: hidden;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 10px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	background-color: #fff;
}  
.elDragBoxContent h1
{
	font-size: 13px;
	margin: 0 0 2px 0;
}
.elDragBoxContent p.elDateCreated
{
	margin: 0 0 2px 0;
}

.elDragBoxClosedList
{
	background:transparent url(../images/elDragIcon.gif) no-repeat scroll 0 0;
	display: block;
	padding: 0 0 5px 23px;
	margin: 0 0 2px 0;
} 
div.elDragBoxHeader ul li
{
  color: #a9a9a9;
  font-weight: bold;  
  padding: 5px 5px 0px;
}

div.elDragBoxSource
  {
  display: block;
}

div#dragheremsg {
	width: 300px;
	height: 100px;
	font-weight: bold;
	border: 1px solid #c3c3c3;
	padding: 10px;
	margin-left: 14px;
}

a.elMinimizeIcon
{
  margin: 1px 2px 2px 0;
}

a.elDragIcon
{
  margin: 1px 6px 2px 0;
}

a.elCloseIcon
{
  border: 2px;
  margin: 1px 10px 2px 0;
}
div.elDragBoxContentHead
	{
	background-color:#f4f4f3; 
	width: 295px;
	padding: 5px 0px 5px 5px; 
	margin: -10px 0px 5px -10px;
	border-bottom: 1px solid #c3c3c3;
}
div.elDragBoxContentHead .elAuthor, div.elDragBoxContentHead .elTitle
{
	margin-left: 6px;
}


/* My Profile CSS */
div.elMyProfileSections
{
	padding: 10px;
}  

div.elMyProfileSections p.elLabel
{  
	float: left;
	width: 100px;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #a9a9a9;
}

div.elMyProfileSections p.elData
{
	float: left;
	width: 190px;
	font-size: 11px;
	margin: 0 4px 4px 0;
}

p.elDataNarrow
{
	float: left;
	width: 160px;
	margin: 0 0 4px 10px;
}

div#elSpiderHelp
{
    display: none;
    background-color:#fff;   
}

/* hier wieder allgemeine Sachen? */
div.elfloatLeft
{
  float: left;
}

div.elfloatRight
{
  float: right;
}
 
 
div.elContentRightBox
{  
	position: relative;
	margin: 6px 6px 0 0;
	width: 190px;
}


div.elContentRightBoxAction
{
	width: 203px;
	margin: 10px 0 0 0;
}
div.elContentRightBoxActionAdmin
{
	margin: 30px 0 0 0;
}
 
div.elContentRightBoxAction ul li 
{ 
	padding: 5px 5px 5px 5px;
}
 
div.elContentRightBoxAction ul li a
{
	color: #a9a9a9;
	font-weight: bold;
	font-size: 11px; 
}
div.elContentRightBoxActionAdmin ul li a
{
	color: #0091dc;
}

div.elContentRightBoxActionAdmin ul li a.Inactive
{
	color: #ccc;
	text-decoration:none; 
}
 
 
 
div.elContentRightBoxHeader
  {
  background: url(../images/elContentRightBoxHeaderBg.gif) repeat-y left top;
  width: 203px;
  height: 24px;
  margin-bottom: 10px;
  }

div.elContentRightBoxHeader ul li
  {
  color: #0091dc;
  font-weight: bold;  
  padding: 5px 5px 5px 5px;
  }
  
.elTagCloudContent
  {
  display: block;
  position: relative;
  width: 190px;
  background-color: #fff;   
  }

.elTagCloudContent a
  {
  }

a.elTagCloud
  {
  color: #a9a9a9;
  vertical-align: bottom;
  font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;  
  }

a.elTagCloudSem
  {
	color: #0091dc;
  vertical-align: bottom;
  font-weight: bold;
	letter-spacing: 0;
	line-height: 20px;    
  }

a.elTagCloudSize1
  {
  font-size: 10px;
  }

a.elTagCloudSize2
  {
  font-size: 13px;
  }

a.elTagCloudSize3
  {
  font-size: 16px;
  }

a.elTagCloudSize4
  {
  font-size: 19px;
  }

a.elTagCloudSize5
  {
  font-size: 22px;
  }

a.elTagCloudSizeSmall1
  {
  font-size: 9px;
  }

a.elTagCloudSizeSmall2
  {
  font-size: 10px;
  }

a.elTagCloudSizeSmall3
  {
  font-size: 11px;
  }

a.elTagCloudSizeSmall4
  {
  font-size: 13px;
  }

a.elTagCloudSizeSmall5
  {
  font-size: 15px;
  }

.elContextContent
  {
  position: relative;
  width: 183px;
  border-bottom: 1px solid #cccdc2;
  padding: 4px;
  color:#666;
	font-size: 11px;
	line-height: 13px;  
	} 

.elContextContent a 
  {
  font-weight: bold;
	color: #0091dc;
  }

.elContextObjects
  {
  display: block;
  }

.elContextObjectsExtended
  {
  display: none;
  }

.elContextObjects li, .elContextObjectsExtended li 
  {
  padding: 2px;
	color: #0091dc;
  }

.elContextObjects ul, .elContextObjectsExtended ul
  {
  padding-left: 20px;
  list-style-type: disc;
  margin: 6px 0px 6px 0px;
  }

.elClubInfo {
    float: left;
    width: 210px;
    height: 220px;
    border: 1px dotted silver;
    background-color: #eeeeee;
    margin-right: 4px;
    padding: 10px;
}

.elClubInfo_checked {
    background-color: #ffffff;
}

.elClubInfo ul
{
    list-style-position:outside;
    list-style-type:disc;
    padding-left: 20px;
}

div.elFooterWrap
{
    margin-bottom: 10px;
    width: 952px;
}

div.elFooterMenu
{
	margin: 30px 0px 20px 1px;
	float: left;
	width: 106px;
}

div.elFooterMenuRight
{
	width: 200px;
	border-left: 1px solid white;
}

div.elFooterMenu a, div.elFooterMenuRight a
{
	font-weight: normal;
	color: #fff;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
}

a.elFooterMenuMain
  {
  font-weight: bold;
  }

span.elReleaseInfo
  {
	padding-left: 10px;
	font-weight: normal;
	color: #fff;
	font-size: 11px;  
  } 

span.elReleaseInfo a
  {
	font-weight: normal;
	color: #fff;
	font-size: 11px;  
  font-weight: bold;
  } 

/* Article Details */



/* Article Details Members */


div.elArticleDetailsMembers
  {
  padding: 10px;
  }  
 

 div.elArticleDetailsMembers table.elEN td
  {
  font-size: 11px;
  vertical-align: middle;
  } 

/* rauswerfen ?? */  
div.elArticleDetailsMembers td.elOwner
  {
    margin: 0px;
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-weight: bold;
  color: #333;
  }

div.elArticleDetailsMembers td.elModerator
  {
    margin: 0px;
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-weight: bold;
  color: #333;
  }  
  
 div.elArticleDetailsMembers td.elMember
  {
    margin: 0px;
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-weight: bold;
  color: #a9a9a9;
  } 

 
 div.elArticleDetailsMembers td.elCaption
  {
  height: 26px;
  background-color: #fff;
  color: #a9a9a9;
  font-weight: bold;
  padding: 0px 8px 0px 8px;
  border-bottom: 1px solid #ccc;  
  } 

 div.elArticleDetailsMembers tr.elMl1
  {
  background-color: #fafafa;
  }

 div.elArticleDetailsMembers table.elEN
  {
  width: 600px;
  }
 



/* todo Article Details Public */


div.elArticleDetailsPublic
  {
  padding: 10px;
  }  
  
div.elArticleDetailsPublic ul
  {
  margin-top: 10px;
  }

div.elArticleDetailsPublic li
  {
  float: left;
  font-size: 11px;
  color: #333;
  }

/* fixme */
div.elArticleDetailsPublic li.elSeparator
  {
  float: left;
  margin: 0px 20px 0px 20px;
  border-left: 1px solid #999;
  height: 10px;
  }
 
  
div.elArticleDetailsPublic .dojoxRating
  {
  margin-top:-10px;
  }


/* todo Article Details Download */
div.elArticleDetailsDownload
  {
  padding: 10px;
  }

div.elArticleDetailsDownload ul
  {
  margin-top: 10px;
  }

div.elArticleDetailsDownload li
  {
  float: left;
  font-size: 11px;
  color: #333;
  }

/* fixme */
div.elArticleDetailsDownload li.elSeparator
  {
  float: left;
  margin: 0px 20px 0px 20px;
  border-left: 1px solid #999;
  height: 10px;
  }

div.elArticleDetailsDownload .dojoxRating
  {
  margin-top:-10px;
  }


/* todo Article Details Experts */
div.elArticleDetailsExperts
  {
  padding: 10px;
  }
  
  
div.elArticleDetailsExperts ul
  {
  margin-top: 10px;
  }

div.elArticleDetailsExperts li
  {
  float: left;
  font-size: 11px;
  color: #333;
  }

/* fixme */
div.elArticleDetailsExperts li.elSeparator
  {
  float: left;
  margin: 0px 20px 0px 20px;
  border-left: 1px solid #999;
  height: 10px;
  }
 
 .elArticleDetailsExpertsImg
  {
  margin: 0px 20px 14px 0px;
  float: left;	
  }
 
/* Article Details News */
div.elArticleDetailsNews
{
	padding: 10px;
}

div.elArticleDetailsNews em, div.elArticleDetailsNews i
{
font-style:italic;
}

div.elArticleDetailsNews strong, div.elArticleDetailsNews b
{
font-weight:bold;
}

div.elArticleDetailsNews ul
{
margin: 10px 0px 10px 20px;
list-style-type: disc;
}

div.elArticleDetailsNews ol
{
margin: 10px 0px 10px 20px;
list-style-type: decimal;
}

div.elArticleDetailsNews li
{
	/* float: left;
	font-size: 11px; */
	color: #333;
}

/* fixme */
div.elArticleDetailsNews li.elSeparator
{
	float: left;
	margin: 0px 20px 0px 20px;
	border-left: 1px solid #999;
	height: 10px;
}

div.elArticleDetailsNews .dojoxRating
{
	margin-top:-10px;
}

/* ...... */
.elArticleDetailsImg
{
margin: 0px 20px 20px 0px;
float: left;	
}

.elArticleDetailsImg a
{
font-size: 9px;
text-decoration: none;
}


div.elArticleDetails
{
padding: 10px;
}

div.elArticleDetails ul
{
margin-top: 10px;
}

div.elArticleDetails li
{
float: left;
color: #999;
font-size: 11px;
}

/* fixme */
div.elArticleDetails li.elSeparator
{
float: left;
margin: 0px 20px 0px 20px;
border-left: 1px solid #999;
height: 10px;
}

img.elArticleDetails
{
margin: 0px 20px 20px 0px;
float: left;
}

div.elArticlePartnerImg
{
margin: 0px 20px 5px 0px;
padding: 0px 0px 40px 0px;
float: left;
width: 120px;
}

div.elArticlePartner
{
float: left;
width: 460px;
margin-bottom: 10px;
}

/* ArticleResultsPublic */ 
div.elArticleResultsPublic
{
padding: 10px;
}

div.elArticleResultsPublic p
{
font-size: 11px;
color: #333;
}

div.elArticleResultsPublic h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}

div.elArticleResultsPublic ul
{
	margin-top: 10px;
}

div.elArticleResultsPublic li
{
	float: left;
	font-size: 11px;
	color: #333;
}

/* fixme */
div.elArticleResultsPublic li.elSeparator
{
	float: left;
	margin: 0px 20px 0px 20px;
	border-left: 1px solid #999;
	height: 10px;
}

/* ArticleResultsBlog */ 
div.elArticleResultsBlog
{
	padding: 10px;
}

div.elArticleResultsBlog p
{
	font-size: 11px;
	color: #333;
}

div.elArticleResultsBlog h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}


/* ArticleResultsWiki */ 
div.elArticleResultsWiki
{
	/* kein padding */
}

div.elArticleResultsWiki p
{
font-size: 11px;
color: #333;
}

div.elArticleResultsWiki h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}

div.elArticleResultsWiki p.elDateModified
{
	padding: 0 0 5px 0;
}


/* ArticleResultsPublic */ 
div.elArticleResultsExperts
{
padding: 10px;
}

div.elArticleResultsExperts p
{
font-size: 11px;
color: #333;
}

div.elArticleResultsExperts h1
{
	font-size: 13px;
}


/* fixme */
div.elArticleResultsExperts li.elSeparator
{
float: left;
margin: 0px 20px 0px 20px;
border-left: 1px solid #999;
height: 10px;
}

/* ArticleExperts */ 

div.elArticleExpertsList
{
padding: 10px;
}

div.elArticleExpertsList h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}

/* ArticleResultsDownlaods */ 
div.elArticleResultsDownloads
{
padding: 10px;
}

div.elArticleResultsDownloads p
{
font-size: 11px;
color: #333;
}

div.elArticleResultsDownloads h1
{
	font-size: 13px;
	padding: 0 0 5px 0;
}

div.elArticleResultsDownloads ul
{
	margin-top: 10px;
}

div.elArticleResultsDownloads li
{
	float: left;
	font-size: 11px;
	color: #333;
}

/* fixme */
div.elArticleResultsDownloads li.elSeparator
{
	float: left;
	margin: 0px 20px 0px 20px;
	border-left: 1px solid #999;
	height: 10px;
}

/* ArticleResultsNews */ 
div.elArticleResultsNews
{
	padding: 10px;
}
/* kmb_marker */
div.elArticleResultsNews p
{
	font-size: 11px;
}

div.elArticleResultsNews h1
{
	padding: 0 0 5px 0;
}	

/* fixme */
div.elArticleResultsNews li.elSeparator
{
float: left;
margin: 0px 20px 0px 20px;
border-left: 1px solid #999;
height: 10px;
}


/* ArticleResultsPublic */   
div.elDiscussionPosting
{
	font-size: 11px;
	margin: 30px 0px 0px 12px;
}

/* fixme: zweimal die gleiche id ist keine gute Idee. Tritt im Wiki auf */
div#elContentRight p#elIconLink
{
	float: left;
	margin: 10px 0 0 0;
}

.dojoxRating ul {
    padding:0;
    margin:0;
    width:65px;
}

.dojoxRatingStar {
top: -1px;
background: transparent url(../images/elRatingStarEmpty.gif) no-repeat;
background-position:top center;
height:12px;
width:13px;
float:left;
}

.dojoxRatingStarChecked {
background-image:url(../images/elRatingStarFull.gif);
}

.dojoxRatingStarHover {
background-image:url(../images/elRatingStarFull.gif);
opacity:.5;
}


/* Paging */
div.elPaging
{
	position: relative;
	clear: both;
	margin: 0 6px 10px 0;
}

div.elPaging ul
{
	float: right;
}

div.elPaging li
{
	float: left;
	padding: 0 4px 0 4px;
	font-size: 11px;
	color: #a9a9a9;
	font-weight: normal;
}
div.elPaging li a
{
	font-weight: normal;
}
div.elPaging li a:hover
{
	text-decoration: none;
}
div.elPaging li a span
{
	color: #a9a9a9;
}

div.elForumDetails div.elPaging
{
	margin: 8px 6px 0 0;
}


/* Messages Styles */
div.elMessagesContent
{
	margin-top: 10px;
	padding: 10px;
}

div.elMessagesContent table.elMessages
{
	margin-top: 16px;
}

table.elMessages td
{
	padding: 8px;
	font-size: 11px;
	color: #333;
	vertical-align: middle;
}

div.elMessagesContent td.elMessagesCaption
{
	height: 26px;
	background-color: #fff;
	color: #a9a9a9;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 8px 0px 8px;
	border-bottom: 1px solid #ccc;  
}

div.elMessagesContent td.elMessagesHorizLine
{
	padding: 0;
	border-bottom: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
}  

div.elMessageLine
{
	clear: both;
}

div.elMessageLine li
{
float: left;
border: 1px dotted black;
font-size: 11px;
color: #333;
padding: 8px;
}

tr.elMl1
{
background-color: #fafafa;
}

tr.elMl0
{
background-color: #f5f5f5;
} 


ul.elENIcons li
{
float: right;
padding: 10px;
}

table.elEN
{
width: 600px;
}

table.elEN td
{
padding: 8px;
font-size: 11px;
color: #333;
vertical-align: middle;
}  

table.elMessageHeader
{
}

div.elMessageBody
{
margin-left: 4px;
display: block;
}

div.elMessageBody div.elMessageText
{
margin: 10px 0px 10px 0px;
}

div.elMessageBody a
{
float:right;
margin-left: 10px;
margin-right: 10px; /* IE7 */
}

table.elMessageHeader td
{
padding: 0 4px 4px 4px;
font-size: 11px;
color: #333;
vertical-align: top;  
}

/* Unread Messages */
span.elMsgFont_true
{
font-weight: bold;
}

/* ERROR DIV */

div.error {
background:url(../images/elErrorRoundRed16.gif) no-repeat 0 1px;
color:red;
font-size:12px;
font-weight:bold;
margin: 0;
padding: 2px 0 2px 22px;
}

div.message {
background:url(../images/elInfoRoundBlue16.gif) no-repeat 0 1px;
color:#0091DC;
font-size:12px;
font-weight:bold;
margin: 0;
padding: 2px 0 2px 22px;
}

div#feedbackmessageholder
{
position: absolute;
top: 137px;
left: 10px;
}

div#globalLoader
{
position: absolute;
top: 8px;
left: 10px;
display:none;
}

/* semantic tag*/
span.semtag{
color: #0091dc;
}


/* topic elements */

#toc {
border: 1px solid #D8D8E7;
margin: 0.2em auto 0.2em 0;
padding: 0.5em 0.8em 0.5em 0.8em;
background-color: #fff;
}
#toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
}
#toc ul ul {
margin-left: 1em;
}
#category-index {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 10px 5px 10px 5px;
margin-top: 1em;
clear: both;
}
#topic-file-download {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 10px 5px 10px 5px;
margin-top: 1em;
clear: both;
}


/* Contact Formular */
/* kmb_marker */
#elContact, #elRegistration, #elBookmarks
{
	padding: 10px;
}
.elFormTable td
{
	padding: 0 0 8px 0;
}
.elFormTable td.elLeft
{
	width: 162px; /* war 122px, ist aber ziemlich knapp bei manchen Bezeichnungen */
}
.elFormTable td.elRight
{
	width: 292px;
	text-align: right;
}
.elFormTable td.elRightAlignLeft
{
	text-align: left;
}
.elFormTable td.elRight2
{
	padding: 0 0 0 10px;
}


/* elExtendedSearch: hier machen wir das label laenger, weil die beschreibung sehr ausfuehrlich sind */
div.elExtendedSearch label, div.elExtendedSearch div.elLabelSpacer
{
	width: 228px;
}
div.elExtendedSearch .dijit
{
	width: 242px;
}

/* ---- */
div.elSearchResult
{
font-size: 11px;
line-height: 16px;
margin-bottom: 10px;
}

div.elSearchResult ul li
{
float: left;
color: #333;
font-size: 11px;
}

span.elSearchFacts
{
font-weight: bold;
color: #333;		
}


div#elPrice
{
    float: right;
    text-align: center;
    background-color: #0091dc;
    width: 120px;
    border: 2px dotted white;
    padding: 6px;
    color: #eeeeee;
    font-size: 11px;
    font-weight: bold;
    line-height: 19px;
    margin: 0px 0px 10px 10px;
	cursor: pointer;
}

div#elPrice:hover
{
    background-color: #00a8ff;
}

div#elPrice p.caption
{
    background-color: white;
    color: #0091dc;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    vertical-align: center;
    padding: 1px;
    -moz-border-radius: 8px;
}

div#elPrice p.abo
{
    font-size: 14px;
    color: white;
    font-weight: bold;
}









/* Kalenderstyles */
.dijitCalendarContainer .calendarDayWithBlog 
{
	background-color: #0091dc !important;
}
.dijitCalendarContainer .calendarDayWithBlog .dijitCalendarDateLabel
{
	color: #fff;
}


/* reset der dojo-buttons */

.tundra .elFormSubmit .dijitButton
{
  float: right ! important;
  display: inline;
  width: auto ! important;
  margin-left: 10px ! important;
}

.tundra .elFormSubmit .dijitButtonText div
{
  width: 65px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  /* line-height: 11px; */
}

.tundra .elFormSubmit .dijitReset
{
	background-image: none; 
	padding: 0px ! important;
	margin: 0;
	border: none;
}

.tundra .elFormSubmit .dijitReset .dijitInline
{
	background-color: #0091dc;
}

.tundra .elFormSubmit .dijitButtonText
{
	color: #fff;  
  padding: 1px 2px 3px 2px;
  width: 65px;
  /* line-height: 11px; */
  height: 14px;
  text-align: center;
  /* border: 1px dotted black; */
}

.el120Button .dijitButtonText
{
  width: 120px ! important; 
}

.elAutoButton .dijitButtonText
{
  width: auto ! important;
  padding-left: 6px ! important;
  padding-right: 6px ! important;  
  color: #fff ! important;
}

.elAutoButton .dijitButtonText div
{
  color: #fff ! important;
}

a.elButton
{
	display: block;
	background-color: #0091dc;
	width: 65px;
	height: 15px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	/* line-height: 16px; */
	text-align: center;
	vertical-align: middle;
	margin: 6px 0px 10px 10px;
	padding-top: 1px;
}
a.elButtonNoMargin
{
	margin: 0;
}
a.elButtonAuto, input.elButtonAuto
{
	width: auto; /* fuer die etwas laengeren Texte */
	padding-left: 15px; /* absichtlich hier diese Schreibweise! */
	padding-right: 15px;
}

/* generelle Submit-Buttons (vor allem wichtig fürs Wiki) */
input.elButton, .elFormTable td.elRight input.elButton
{
	display:inline;
	background-color: #0091dc;
	border: none;
	width: 65px;
	height: 16px;
	color: #fff;
	 font-weight: bold; 
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	margin: 6px 0px 10px 10px;
/*	padding: 0 0 2px 0;*/
/*	padding-top: 1px;*/
}

/* Ads */
div#eladSkyscraper
{
	position: absolute; 
	left: 880px; 
	top: 180px; 
	width:120px; 
	height: 600px;
}

div#eladRectCR
{
	width:203px; 
	height: 190px;
}

/* Ausnahme fuer MyProfile, damit der "Edit"-Button oben steht */
div.elContentPaneProfile, div.elSearchResults
{
	position: relative;
	overflow: visible;
	border-bottom: 3px solid #e7e3e7;
	margin-bottom: 10px;
}
div.elSearchResult
{
	margin: 0 0 8px 0;
}

div.elContentPaneProfile[id=contentpublication]
{
	border-bottom: 0px;
}

div.elFormSubmitTop
{
	position: absolute;
	top: -29px;
}

/* speziell im Profil und im Suchergebnis */
.elFormSubmitTop .elButton
{
	visibility: hidden;
}
.elSearchResults .elFormSubmitTop .elButton
{
	visibility: visible;
}

/*Kennzeichnungs von User Publications in den Listen*/
a.elEditorialApprovedIcon {
	background-color:transparent;
	background-image:url('../images/icons/elEditorialApprovedLabel.gif');
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:20px;
	display:block;
}

a.elExpertAcceptedIcon {
	background-color:transparent;
	background-image:url('../images/icons/elExpertAcceptedLabel.gif');
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:20px;
	display:block;
}

/* Umgestaltung der Standard ProgressBar */
.tundra .dijitProgressBarEmpty
{
	background:#fff url(../images/progressBarEmpty.png) repeat-x left center;
	border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2;
}
.tundra .dijitProgressBarTile
{	
	background:#f0f0f0 url(../images/progressBarFull.png) repeat-x left center;
}

.tundra .dijitProgressBarLabel
{
	font-weight: bold;
	color:#333;
	visibility: hidden;
}

.tundra .dijitProgressBarFull
{
	border: 0px;
}

.tundra div.elRating .dijitProgressBarFull
{
	background-color: #000;
}
.tundra div.elRating .dijitProgressBarEmpty
{
	background:#fff url(../images/progressBarEmptySmall.gif) repeat-x left center;
	border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2;
	height: 6px;
	background-position: 0px 0px;
}
.tundra div.elRating .dijitProgressBarTile
{	
	background:#f0f0f0 url(../images/progressBarFullSmall.gif) repeat-x left center;
	height: 6px;
	background-position: 0px 0px;
}


/* TopTeaser: generalisiert */
div.elTeaserBigImgDiv
{
	width: 314px;
	height: 200px;
	overflow: hidden;
	float: left;
	margin: 0 26px 0 0;
}
div.elTeaserBigTxtDiv
{
	padding: 14px 0 4px 0;
	width: 308px;
	float: left;
	overflow: hidden;
}

a.elListActive, a.elListActive:hover
{
font-weight: normal; color: #666666; text-decoration: none;
}

.nihilo .dijitTooltipConnector {

	border:0px;
	z-index: 500002;
}

.soria .dijitTooltipConnector {

	border:0px;
	z-index: 500002;
}

.tundra .dijitTooltipConnector {

	border:0px;
	z-index: 500002;
}

TEXTAREA.dijitReset {

	margin:0;
	border:0;
	padding:0;
	font: inherit;
	color: inherit;
}

.dj_ie TEXTAREA.dijitTextBox,
.dj_ie .dijitInputField TEXTAREA {
    font-size: 100%;
	font-family: inherit;
    margin-top:0;
	margin-bottom:0;
    behavior: expression(
		function(self){
			var cs, e;
			try{
				if(self.currentStyle.fontFamily=='inherit'){
					cs = self.parentNode.currentStyle || document.documentElement.currentStyle;
					self.style.fontFamily = cs.fontFamily;
				}
				self.style.behavior = null;
			}catch(e){}
		}(this)
	);
}

.dj_ie .dijitInputField TEXTAREA {
	margin: -1px 0 !important;
}

.dj_iequirks .dijitInputField TEXTAREA {
	margin-top: -3px !important;
}

.dijitTextBox textarea:focus {
	outline: none;
}

.dijitTextBox TEXTAREA {
	padding:0;
	border-left: solid black 1px;
	display:inline;
	position:static !important;
	border:0 !important;
	margin:0 !important;
	vertical-align:0em !important;
	visibility:visible !important;
	background-color:transparent !important;
	background-image:none !important;
	width:100% !important;
	overflow: auto;
}

/* Override drop zone styles */
.tundra .dojoDndItemBefore {
	border-top: 0;
	border-left: 2px solid #336699;
}
.tundra .dojoDndItemAfter {
	border-bottom: 0;
	border-right: 2px solid #336699;
}

.flagen
{
	background-image: url(../images/flags/en.gif);
    background-repeat: no-repeat;
	width: 16px;
	height: 11px;
	text-align: center;
}

.flagde
{
	background-image: url(../images/flags/de.gif);
    background-repeat: no-repeat;
	width: 16px;
	height: 11px;
	text-align: center;
}

.elDojoShowOnLoad {
	visibility: hidden;
}

/* dojo-tree-layout */
.tundra .dijitTreeRow img.dijitTreeExpandoOpened, .tundra .dijitTreeRow img.dijitTreeExpandoClosed
{
	margin: 0 -6px 0 22px;
}
div.elTreeOutput
{
	margin-left: -20px;
}
.tundra .dijitTreeLabel
{
	margin: 0 0 0 4px;
}

.tundra .dijitTreeLabel {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0091dc;
}

.tundra .dijitFolderOpened {
  display: none;
}

.tundra .dijitFolderClosed {
  display: none;
}
.tundra .dijitTreeExpandoOpened, .tundra .dijitFolderOpened {
	background: url(../images/icons/elFolderOpened.gif) no-repeat !important;
}
.tundra .dijitTreeExpandoClosed, .tundra .dijitFolderClosed {
	background: url(../images/icons/elFolderClosed.gif) no-repeat !important;
}
.tundra .dijitLeaf {
	background: url(../images/icons/elCategories.gif) no-repeat;
}

.tundra .dijitValidationIcon {
background:transparent url(../images/warning.png) no-repeat scroll center center;
width:14px;
}

div.elTreeShowAll {
  padding: 1px 0px 2px 20px; margin: 0px 0px -12px 1px;
  border-bottom: 1px dotted #bfbfbf;
  width: 160px;
}

div.elTreeShowAll a:hover {
  background-color: #e2ebf2;
  text-decoration: none;
}

div.elTreeShowAll a.active {
  background-color: #e2ebf2;
  text-decoration: none;
}


.elLargetFormInput input {
    height: 1.5em;
}

div.elPaymentHomeDetail label {
    width: 200px;
}

div.elPaymentHomeSaveBox {
    border: 1px solid silver; 
    background-color: #f5f5f5; 
    padding: 6px; 
    width: 300px;
}

/* Styles for bills (pdf compatible) */

table td.elBillAddress
{
font-size: 16px;
}

table td.elBillContent th
{
border-bottom: 1px solid #999; 
border-right: 1px solid #999;
text-align: center;
}

table.billLines
{
border-left: 1px solid #999; 
border-bottom: 1px solid #999;
}

table.billLines td
{
border-right: 1px solid #999;
}

td.elBillRight div.text
{
font-size: 9px;
margin-top: 10px;
line-height: 14px;
}

td.elBillRight label
{
margin-top: 10px;
font-size: 9px;
font-weight: normal;
}

table.elBillSumme
{
border: 1px solid #999;
}

.tundra .dijitButtonNode {
	padding: 0;
	border: 0;
	background: #0091DC;
}
 
.tundra .dijitButtonNode button { 
	height: 16px;
}

.tundra .dijitButtonText {
  padding: 0 15px 0 15px; 
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
  height: 14px;
  left: 0px;
  top: 0px;
  
  margin-bottom: 1px;
}

.tundra .dijitButtonHover .dijitButtonNode,
.tundra .dijitButtonNodeHover,
.tundra .dijitToggleButtonHover .dijitButtonNode,
.tundra .dijitDropDownButtonHover .dijitButtonNode,
.tundra .dijitComboButtonHover .dijitButtonContents,
.tundra .dijitComboButtonDownArrowHover .dijitDownArrowButton,
.tundra .dijitComboBoxHover .dijitDownArrowButton,
.tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton,
.tundra .dijitSpinnerDownArrowHover .dijitDownArrowButton {
	color: #ffffff;
	background: #0091DC;
	border: 0;
}

.tundra .dijitButtonHover .dijitButtonText {
  text-decoration: underline;
}

.tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton,
.tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton,
.tundra .dijitButtonActive .dijitButtonNode,
.tundra .dijitToggleButtonActive .dijitButtonNode,
.tundra .dijitDropDownButtonActive .dijitButtonNode,
.tundra .dijitComboButtonActive .dijitButtonContents,
.tundra .dijitDownArrowActive .dijitDownArrowButton,
.tundra .dijitComboBoxActive .dijitDownArrowButton {
  background: #0091DC;
  border: 0;
}

/* Replace white drop down arrow */
.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
	background-image: url("../images/comboArrowDown.gif");
}

div.elMembershipInfoColumn {
	width: 185px;
	padding: 20px 7px 20px 7px;
	float: left;
}
div.elMembershipInfoColumnSep {
	border-right-style: solid;
	border-right-color: #E7E3E7;
	border-right-width: 1px;
}

div.elMembershipInfoColumn h2 {
	font-size: 14px;
	font-weight: normal;
}

div.elPremiumConfirmColumn {
	width: 270px;
	padding: 20px 7px 20px 7px;
	float: left;
}

div.elPremiumConfirmColumn h2 {
	font-size: 14px;
	font-weight: normal;
}

div.faq_answer {
    padding-left: 20px;
    padding-top: 5px;
    display: none;
    line-height: 18px
}

div.faq_answer img{
    vertical-align: text-bottom;
}

a.faq_question {
    line-height: 18px
}

div.faq_answer b {
    color: #999999;
}

div.faq_answer b.blue {
    color: #0091DC;
}

div.elForm div.taglist {
    float:left;
    width:450px;
}

div.elForm div.taglist a{
    float: none;
    margin: 0;
}