/* Global reset */
*               { margin: 0; padding: 0; }
img             { border: 0; }

/* Paddings & margins */
.margin-top     { margin-top: 10px }
.margin-bottom  { margin-bottom: 10px }
.margin-left    { margin-left: 10px }
.margin-right   { margin-right: 10px }
.padding-top     { margin-top: 10px }
.padding-bottom  { margin-bottom: 10px }
.padding-left    { margin-left: 10px }
.padding-right   { margin-right: 10px }
.padding-both   { padding: 10px 0 }
.no-padding     { padding: 0; margin: 0 }

/* Floats */
.left           { float: left }
.right          { float: right }
.clear          { clear: both }

/* Text positions */
.text-left      { text-align: left }
.text-right     { text-align: right }
.text-center    { text-align: center }
.middle         { vertical-align: middle }

/* Popular selectors styles */
p               { text-align: left; }

h1              { font: normal 25px "Trebruchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; } 
h2              { font: normal 22px "Trebruchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; }
h3              { font: bold 16px "Trebruchet MS", Arial, Helvetica, sans-serif; } 

a               { color: #ff6600; text-decoration: none; outline: none; cursor: pointer; }
a:hover         { text-decoration: underline; }
:focus          { -moz-outline-style: none; }

ul, ol          { padding: 10px 0 10px 35px; }
ul li, ol li    { padding: 3px 0; }


/**************************************************************
	Layers
**************************************************************/	
html {	
	background: url(../images/right-bg.gif) center center repeat-y;	
	height: 100%;
}

body {
	font: 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #2d2e2e;
	text-align: center;	
	line-height: 150%;
	background: url(../images/top-bg.gif) repeat-x;
	height: 100%;
}

#body {
	position: relative;
	min-height: 100%;
}

* html #body {
	height: 100%; 
}	

/*************************** 
* 	Container
****************************/
#container { width: 960px; padding-bottom: 75px; margin: 0 auto; text-align: left; }	
.LB_window { top: 220px !important }
	
	/*************************** 
	* 	Top 
	****************************/
	#top { height: 166px; background: url(../images/top/bg.gif) 112px 56px no-repeat; }	
		
		/* Menu */	
		/*#top ul { float: left; width: 720px; padding: 13px 0 0; height: 43px; }*/
		#top ul { float: left; width: 630px; padding: 13px 0 0; height: 43px }
		#top ul li { float: left; margin: 0; padding: 0 7px 0 0; list-style: none; }
		
		#top ul li a { padding: 5px 7px; color: #b5b5aa; font: 12px/38px "Trebruchet MS", Arial, Helvetica, sans-serif; }	
		#top ul li a strong {  }
		
		#top ul li a:hover { text-decoration: none; background: #383939; }	
		#top ul li a:hover strong {  }
		
		#top ul .current a, #top ul .current a:hover { float: left; height: 43px; color: #2d2e2e; padding: 0 0 0 2px; background: url(../images/top/l.gif) no-repeat; }	
		#top ul .current a strong { float: left; height: 43px; padding: 0 15px 0 13px; background: url(../images/top/r.gif) right 0 no-repeat; }
		
		/* Nav */
		#top ol { float: right; padding: 15px 0 0; font-size: 11px; line-height: 35px; }
		#top ol li { display: inline; list-style: none; }
		#top ol li a { padding: 3px 0 3px 23px; color: #93938b; margin-left: 7px; background: left center no-repeat; }
		#top ol li em { font-style: normal; color: #ff6600 }
		
			#top .login a { background-image: url(../images/top/login.gif) }
			#top .register a { background-image: url(../images/top/register.gif) }
			#top .admin a { background-image: url(../images/top/login.gif) }
			#top .logout a { background-image: url(../images/top/login.gif) }
			#top .settings a { background-image: url(../images/top/login.gif) }
			#top .activate a { background-image: url(../images/top/login.gif) }
			#top .messages a { background-image: url(../images/top/messages.gif) }
			#top .friends a { background-image: url(../images/top/friends.gif) }
		
		/* Logo */
		#top h1 { float: left; width: 376px; height: 59px; padding-top: 28px; text-indent: -99999px; }	
		#top h1 a { display: block; height: 59px; background: url(../images/top/logo.gif); }
		
		/* Search */
		#top form { float: right; width: 240px; height: 85px; padding-top: 25px; _padding-top: 24px; background: url(../images/top/form.gif) 0 bottom no-repeat; }
		#top form span { float: left; padding: 3px; margin-right: 10px; background: #f2f2ed; }		
		#top form span input { width: 175px; padding: 4px 7px; color: #ff6600; font-size: 11px; border: 1px solid #b4b4a6; border-right: 0; border-bottom: 0; } 
		#top form .submit { float: right; width: 31px; height: 24px; padding-top: 24px; margin-top: 2px; border: 0; font-size: 0;  text-indent: -99999px; background: url(../images/top/submit.gif) no-repeat; cursor: pointer; }
		#top form p { height: 30px; }
		
		#question { clear: both; height: 30px; padding-top: 25px; font-size: 11px; background: url(../images/top/question.gif) 0 20px no-repeat; }
		#question a { float: right; height: 29px; line-height: 29px; padding: 0 10px; border: 1px solid #b4b4a6; border-bottom: 0; background: #f9f9f6; }
		
	/*************************** 
	* 	Content
	****************************/
		
		/* Flash messages */
		.flash { margin-bottom: 10px;  border: 3px solid #97978b; background: #f3f4ef url(../images/misc/flash.gif); }
		.flash div { min-height: 90px; _height: 90px; padding: 10px 0 0 115px; background: 10px 10px no-repeat; }
		.flash h1 { font-size: 20px; padding: 10px 0 0; margin: 0; }
		.flash.flash-error h1, .flash.flash-warning h1 { color: #c00000 }
		.flash.flash-notice h1, .flash.flash-empty h1 { color: #626262 }
		.flash.flash-error, .flash.flash-warning { border-color: #c00000; } 
		.flash.flash-error div, .flash.flash-warning div { background-image: url(../images/content/flash-error.gif) }
		.flash.flash-notice div { background-image: url(../images/content/flash-notice.gif) }
		
		.flash.flash-empty { min-height: 90px; _height: 90px; padding: 10px 0 0 115px; margin-top: 10px; border: 0; background: 10px 10px no-repeat #f3f4ef url(../images/content/empty.gif) }
		
		/* Link */
		.link { float: left; padding-left: 1px; height: 18px; line-height: 18px; color: #fff; font-size: 11px; background: url(../images/content/link-left.gif) 0 0 no-repeat; }
		.link strong { float: left; height: 18px; padding: 0 10px; font-weight: normal; background: url(../images/content/link-right.gif) right 0 repeat-x; }
		.link.icon strong { padding-left: 0; }
		.link.icon strong em { padding-left: 20px; background: 5px center no-repeat; font-style: normal }
		
		.link:hover { background-position: 0 bottom; text-decoration: none; }
		.link:hover strong { background-position: right bottom; }
		
		.link.right { float: right; }		
			/*
			.link.dark { background-image: url(../images/content/link-dark-left.gif) }
			.link.dark strong { background-image: url(../images/content/link-dark-right.gif) }
			.link.light { background-image: url(../images/content/link-light-left.gif) }
			.link.light strong { background-image: url(../images/content/link-light-right.gif) }	
			*/ 		
		
		.link.active { background-image: url(../images/content/link-light-left.gif); cursor: default }
		.link.active strong { background-image: url(../images/content/link-light-right.gif); cursor: default }
		.link:hover.active { background-position: 0 0 }
		.link:hover.active strong { background-position: right 0 }
		
		.link.m-left { margin-left: 5px; }
		.link.m-right { margin-right: 5px; }
		
		/* Link icons */
		.link.icon.top strong em { background-image: url(../images/icons/top.gif) }
		.link.icon.lupe strong em { background-image: url(../images/icons/lupe.gif) }
		.link.icon.hand strong em { background-image: url(../images/icons/hand.gif) }
		.link.icon.add strong em { background-image: url(../images/icons/add.gif) }
		.link.icon.join strong em { background-image: url(../images/icons/join.gif) }
		.link.icon.register strong em { background-image: url(../images/icons/register.gif) }
		.link.icon.login strong em { background-image: url(../images/icons/login.gif) }
		
		/* List */	
		.list { padding: 0; /*margin-bottom: 15px;*/ }
		.list li { padding: 7px 10px; margin: 0; list-style: none; vertical-align: bottom; border-right: 1px solid #c8c8bd; border-left: 1px solid #c8c8bd; border-bottom: 1px solid #c8c8bd; background: 12px 14px no-repeat; overflow: hidden; height: 100%; }
		.list li a { color: #000; }
		.list .even { background-color: #f9f9f6; }
		.list li .label { float: left; width: 150px; color; #b3b3a8; }
		
		.list.arrowed li { padding: 10px 15px 10px 30px; background-image: url(../images/content/arrow.gif); }
		.list.closed { border-top: 1px solid #c8c8bd; }		
		.list li .date { display: block; padding-left: 15px; color: #b4b4a6; font-size: 11px; background: url(../images/content/arrow.gif) left center no-repeat; }
		.list li .link { color: #fff; }		
		.list .important { font-weight: bold; }
		
		.list.half { width: 339px }
		.list.no-right { border-right: 0 }
		.list.no-left { border-left: 0 }
		.list small { color: #fff; padding: 1px 4px; background: #ff5d00 }
		.list small.arrow { padding-left: 15px; background: transparent url(../images/content/arrow.gif) 0 center no-repeat; }
		
		#container .list .more { padding: 10px 10px; background: none; }
		
		/* Link arrow */
		.arrow { padding-left: 15px; background: url(../images/content/arrow.gif) 0 center no-repeat; }
		a.arrow { color: #2d2e2e; }
		
		/* Headers */
		h1 span, h2 span { float: right; font: normal 12px Arial, Tahoma, Helvetica, sans-serif; letter-spacing: 0; }
		h1 span .link, h2 span .link { margin: 8px 0 0 10px; }
		h1 span .arrow, h2 span .arrow { position: relative; top: 8px; }
		
		/* Breadcrumbs */
		.breadcrumbs { font-size: 11px; margin-bottom: 15px; }
		.breadcrumbs a { color: #000; }
		
		/* Pagination */
		.pagination { height: 20px; padding: 10px 5px 10px 10px; background: #e8e8de; border-top: 1px solid #c8c8bd; border-right: 1px solid #c8c8bd; border-left: 1px solid #c8c8bd; }
		.pagination.under { border-top: 0; border-bottom: 1px solid #c8c8bd; }
		.pagination .link { margin-right: 5px; }
		.pagination big { float: left; margin-right: 15px; font-size: 12px; }
		.pagination em { font-style: normal; float: left; height: 18px; width: 5px; text-indent: -999999px; }
		.pagination .prev strong, .pagination .next strong { width: 3px; } 
		.pagination .prev em { background: url(../images/misc/pag-prev.gif) 0 7px no-repeat }
		.pagination .next em { background: url(../images/misc/pag-next.gif) right 7px no-repeat }
		
		
		/* Content */
		.form { padding: 10px 15px; background: #f2f2ed; border-bottom: 1px solid #dfdfda; border-right: 1px solid #dfdfda; }
		.form .description { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dfdfda; } 
		
		/* Registration loader */
		#regloader { position: absolute; top: 404px; padding-left: 300px; z-index: 999999 }
		#regloader p { font-weight: bold; border: 1px solid gray; padding: 10px 10px 10px 35px; background: #fff url(../images/misc/loader.gif) 10px center no-repeat }
		
		/* blog content */
		.blog-content p { margin-bottom: 10px }
		.blog-content .alignleft { float: left; margin: 0 10px 10px 0; }
		.blog-content .alignright { float: right; margin: 0 0 10px 10px; }
		
		/*************************** 
		* 	Content column
		****************************/
		#content { float: left; width: 680px; padding: 20px 20px 70px 0; min-height:639px; }		
			
			/* Headers */
			#content h1, #content h2 { margin-bottom: 8px; padding-top: 7px }
			
			/* Top topics */
			#top-topics { height: 180px; margin-bottom: 15px; background: #ff6600; border-top: 1px solid #c54f00; }
			#top-topics dt { float: left; clear: left; width: 200px; height: 60px; line-height: normal; font-weight: bold; border-right: 1px solid #c54f00; background: #e8e8de; }
			#top-topics dt a { display: block; padding: 15px 0 0 15px; height: 45px; color: #2d2e2e; border: 1px solid #fff; border-bottom: 0; }
			
			#top-topics .current { background: transparent; border: 0; border-left: 1px solid #c54f00; }
			#top-topics .current a { border: 0; color: #fff; }
			#top-topics #t2.current, #top-topics #t3.current { border-top: 1px solid #c54f00; }
			#top-topics #t2.current { height: 59px; }
			
			#top-topics dd { float: right; width: 470px; height: 180px;}
			#top-topics dd p { height: 140px; padding: 10px; margin: 10px 10px 0 0; border-right: 1px solid #c54f00; border-bottom: 1px solid #c54f00; background: #fff; }	
			#top-topics dd p img { float: left; padding: 1px; border: 1px solid #e8e8de; margin: 0 15px 2px 0; }
			#top-topics dd p .link { margin-top: 0; }
			#top-topics dd p span { display: block; height: 125px; line-height: 140% }
			
			/* News */
			.news { overflow: hidden; height: 100%; border-bottom: 1px solid #cacac0 }
			.news .list { float: right; width: 260px; margin: 0; /*border-left: 1px solid #cacac0*/ }
			.news .list .more { padding: 10px; border-bottom: 0; }
			.news img { float: left; margin-right: 15px; }
			.news .content { float: left; width: 300px; }
			.news.wp .content { float: none; width: auto; padding: 15px 0; }
			.news.wp .content p { margin-bottom: 10px }
			.news .content h3 a { color: #000; font-size: 14px; }
			.news .content .date, span.date { color: #9ea1a1; font-size: 11px; margin-bottom: 5px; }
			
			.forums .user-avatar { position: relative; }
			.interviews .list img,
			.forums .user-avatar img { float: left; width: 35px; height: 35px; padding: 1px; margin-right: 10px; border: 1px solid #cacac0  }
			.interviews .list .date, .interviews .list a { float: left; width: 170px; }
			.interviews .list a { width: 190px; } 
			
			.forums .date, .forums .title { float: left; width: 580px; margin: 0 }
			.forums .title img { vertical-align: middle }

			.mplace-lf .user-avatar img { float: left; width: 35px; height: 35px; padding: 1px; margin-right: 10px; border: 1px solid #cacac0  }
			.mplace-lf .date, .mplace-lf .title { float: left; width: 580px; margin: 0 }
			.mplace-lf .title img { vertical-align: middle }
			
			.recomendations img { float: left; padding: 1px; margin-right: 10px; border: 1px solid #cacac0 }
			
			/* Comments */
			.comment li { padding: 10px; }
			.comment img { float: left; padding: 1px; border: 1px solid #cacac0; }
			.comment small { float: right; width: 590px; font-style: normal; color: #9ea1a1; font-size: 11px; line-height: normal; margin-bottom: 10px; }
			.comment p { float: right; width: 610px; }
			
			/* Profile (view of user profile) */
			#profile { margin-bottom: 15px; }
			#profile .tabs { padding: 0 10px; margin-bottom: 10px; height: 50px; border-bottom: 2px solid #b2b4a6; }
			#profile .tabs li { float: left; height: 50px; padding: 0; margin-right: 5px; list-style: none; position: relative; top: 2px; }
			#profile .tabs li a 
				{ float: left; width: 90px; text-align: center; height: 42px; line-height: 42px; padding: 0 0; margin-top: 5px; font-weight: bold; color: #393b3a; 
				  background: #e3e3db url(../images/content/tab-bg.gif) 0 bottom repeat-x; text-decoration: none; }
			#profile .tabs li a:hover
				{ height: 47px; margin: 0; }			
			#profile .tabs .current a, #profile .tabs .current a:hover 
				{ height: 49px; line-height: 49px; margin: 0; padding: 0 0; background: #fff; border: 1px solid #b2b4a6; border-bottom: 0; }			
			#profile .sub-section 
				{ overflow: hidden; height: 100%; padding: 20px; background: #f5f6f2; border: 1px solid #b2b4a6 }
			
				#profile .avatar { float: left; width: 130px; margin-right: 10px; }
				#profile .avatar img { display: block; padding: 1px; background: #fff; border: 1px solid #c9cbc1; }
				#profile .avatar a { font-size: 11px; }
				
				#profile .section { float: left; width: 240px; }
				#profile .section.sep { min-height: 130px; _height: 130px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #cacac1 }
				#profile .section ul { padding: 5px 0; border-bottom: 1px solid #cacac1 }
				#profile .section ul li { list-style: none; padding: 0 0 0 15px; }
				#container #profile h3 span.right { font-size: 11px; font-weight: normal; letter-spacing: none; }
				
				#profile #my-profile {  }
				#profile #my-profile .list { width: 310px; border: 0 }
				#profile #my-profile .list li { min-height: 20px; _height: 20px; border-left: 0; border-right: 0 }
				#profile #start-site .read-more { display: block; float: right; font-size: 11px }
				
				#profile span { background: transparent }
				
				#profile #start-site { padding: 20px; }
				#profile #start-site .avatar img { width: 122px; height: 122px }
				#profile #start-site .user-content { float: left; width: 490px }
				#profile #start-site .user-content h3 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cacac1 }
				#profile #start-site .user-content em { color: #ff6600; font-style: normal; background-position: 0 4px }
				#profile #start-site .user-content p { float: left; width: 200px; min-height: 70px; _height: 70px; padding-right: 20px; margin-bottom: 5px; border-right: 1px solid #cacac1 }
				#profile #start-site ul { float: right; width: 245px; padding: 14px 0 0; }
				#profile #start-site ul li { clear: both; list-style: none; padding: 0 }
				#profile #start-site .user-content  ul li .link em { color: #fff; background-position: 5px center }
				#profile #start-site ul li .link { margin-bottom: 8px }
				
				#profile #start-site dl { clear: both }
				#profile #start-site dl dt { float: left; padding: 5px 0; width: 20%; font-weight: bold; border-top: 1px solid #cacac1 }
				#profile #start-site dl dd { float: left; padding: 5px 0; width: 80%; border-top: 1px solid #cacac1 }
				
				#profile #settings h2 { padding-bottom: 10px; border-bottom: 1px solid #cdcdc3 }
				
			/* Users (view of profiles, eg. in FRIENDS module) */
			#users { margin: 15px 0; }
			#users img { float: left; width: 35px; height: 35px; padding: 1px; margin-right: 10px; border: 1px solid #cacac1; }
			#users h4 { font-size: 12px; }
			#users h4 a { padding-left: 15px; background: url(../images/content/arrow.gif) 0 center no-repeat; }			
			#users p { color: #b4b4a6 }
			#users p span { margin-right: 15px; }
			#users span.right .link { margin: 10px 0 0 5px; }
			#users span.right .status { float: left; margin: 10px 0 0 5px; font-size: 11px; color: #cacac1 }
			
			/* Marketplace */
			.filter { height: 30px; /*margin-top: 15px;*/ padding: 10px 0 10px 100px; background: #e8e8de; border: 1px solid #cacac1; border-bottom: 0 }
			.filter .input { margin-right: 20px; }
			.filter select { width: 300px; }
			.filter .submit { margin-top: 5px; }
			
			/* Messages */
			.messages-filter { position: relative; padding: 10px; margin-bottom: 1px; border: 1px solid #d7d7ce; background: #f5f5f1; height: 50px; }
			.messages-filter .forms { float: right; margin: 0 0 10px; padding: 5px 0; width: 350px; }
			.messages-filter .forms select { float: left; font-size: 11px; width: 200px; margin-right: 10px; }
			.messages-filter .forms .submit { float: left; }			
			.messages-filter .actions { position: absolute; top: 15px; left: 10px; }
			.messages-filter p { height: 20px; position: absolute; bottom: 10px; font-size: 11px; }			
			.messages-filter .action { margin-right: 10px; }
			
			.messages-select { padding: 10px; height: 20px; font-size: 11px; border: 1px solid #d7d7ce; border-top: 0; background: #f5f5f1; }
			.messages-select .action { margin-right: 10px; }
			
			#c-mail table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; /*border: 1px solid #cacac0;*/ }
			#c-mail table tr th 
				{ padding: 10px 15px; text-align: left; font-weight: bold; color: #2d2e2e; border-right: 1px solid #fff;  
				  background: #dcdcd5 url(../images/content/table-bg.gif) 0 bottom repeat-x; } 
			#c-mail table tr td
				{ padding: 10px; border-right: 1px solid #cacac0; border-bottom: 1px solid #cacac0; }
			#c-mail table tr:hover td,
			#c-mail table .active td { background: #f8f8f8 }
			#c-mail table .unread td a { font-weight: bold; }
			#c-mail table .mail-title { width: 300px; }
			#c-mail table .mail-title a { color: #616363 }
			#c-mail table .mail-sender { padding-left: 0; } 
			#c-mail table .mail-sender img { float: left; width: 35px; height: 35px; padding: 1px; margin-right: 5px; border: 1px solid #cacac0; }
			#c-mail table .mail-sender .nick { float: left; line-height: 39px; } 
			#c-mail table .mail-timestamp { width: 61px; border-right: 1px solid #CACAC0; font-size: 11px; color: #b4b4a6; }
			#c-mail table .mail-timestamp em { font-style: normal; margin-left: 10px; }
			#c-mail table .mail-checkbox { padding-right: 0; border-right: 0; border-left: 1px solid #CACAC0; }	
			
			.messages-actions { padding: 10px; height: 20px; font-size: 11px; border: 1px solid #d7d7ce; border-top: 0; background: #f5f5f1; }
			
			/* Experiences (on profile page) */
			#experiences { position: relative; }
			#experiences li { padding: 10px; }
			#experiences .left { float: none; width: 480px; height: 70px; /*margin-right: 15px;*/ border-right: 1px solid #d5d5cd; }
			#experiences .left div { float: right; width: 360px; margin-bottom: 20px; }
			#experiences .left a { float: left; }
			#experiences .exp-info a { width: 300px; }
			#experiences .left span { display: block; clear: both; color: #b4b4a6; }
			#experiences .left img { float: left; padding: 1px; margin-right: 10px; border: 1px solid #d5d5cd; }
			#experiences dl { float: right; width: 150px; }
			#experiences dl dt { float: left; width: 50px; }
			#experiences dl dd { float: right; width: 150px; border-bottom: 1px solid #eaeae7 }
			
			#experiences .exp-big { position: absolute; left: 115px; padding-left: 13px; z-index: 999; background: url(../images/misc/arr.gif) 0 15px no-repeat }
			#experiences .exp-big img { position: relative; z-index: 999; border: 3px solid #cacac0; padding: 0 }
			#get_program {  }
			
			/* I offer
			#ioffer { overflow: hidden; height: 100%; width: 678px; margin-bottom: 10px; border: 1px solid #d5d5cd; border-top: 0 }
			#ioffer dt { float: left; width: 130px; padding: 10px 0 0 20px; border-top: 1px solid #d5d5cd; font: bold 22px "Trebruchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; }
			#ioffer dd { float: left; width: 518px; padding: 15px 10px 10px 0; border-top: 1px solid #d5d5cd }
			*/
			 
			/* Program */
			#program { overflow: hidden; height: 100%; padding: 15px 10px; margin-bottom: 10px; border-top: 1px solid #cacac0; border-bottom: 2px solid #cacac0; background: #f9f9f9 }
			#program dl { float: right; width: 430px; }
			#program dt { font-weight: bold; padding-top: 5px; border-top: 1px solid #cacac0; }
			#program dd { padding-bottom: 5px; color: #616363; }
			#program dt.dl { float: left; width: 260px; padding-top: 5px; border-top: 1px solid #cacac0; }
			#program dd.dl { float: left; width: 170px; padding-top: 5px; border: 0; border-top: 1px solid #cacac0; }
			#program .big { font-size: 22px }
			#program .big em { display: block; font-size: 12px; margin-top: 5px; font-style: normal; }
			#program .user-bar { padding-top: 10px; border: 0 }
			#program .header { clear: both; padding-top: 15px; padding-bottom: 18px; }
			
			.ja, .nein { width: 30px; padding: 0 3px; color: #fff; font-size: 11px; text-align: center; }
			.ja { background: #54D30B; }
			.nein { background: #d20000;  }
			
			#program .program-details ul { overflow: hidden; height: 100%; padding: 10px 0; }
			#program .program-details li { float: left; width: 106px; height: 40px; padding: 10px 0; margin: 0; list-style: none; text-align: center; border-right: 1px solid #eae9e4; }
			#program .program-details li strong { display: block; margin-bottom: 5px; }
			#program .program-details li.last { border: 0; }
			
			#program .program-cookies ul { overflow: hidden; height: 100%; padding: 10px 0; }
			#program .program-cookies li { float: left; width: 212px; height: 40px; padding: 10px 0; margin: 0; list-style: none; text-align: center; border-right: 1px solid #eae9e4; }
			#program .program-cookies li strong { display: block; margin-bottom: 5px; }
			#program .program-cookies li.last { border: 0; }
			
			#program .side { width: 210px; }
			#program .side img { border: 1px solid #cacac0;  }
			#program .side ul { padding: 0 }
			#program .side ul li { border-bottom: 1px solid #cacac0; list-style: none; overflow: hidden; height: 100% }
			#program .side ul li h3 { font-size: 12px; margin-bottom: 2px }
			#program .side .user-link { color: #616363; padding-left: 15px; background: url(../images/content/arrow.gif) 0 center no-repeat; }
			#program .side ul li span { float: left; margin: 0 5px 5px 0; padding: 1px 2px; font-size: 11px; color: #fff; line-height: 100%; background: #ff5d00 }
			#program .side ul .vote { padding: 5px; font-size: 11px; color: #ababa6; background: #eaeae1 }
			
			#program dt.networks, #program dd.networks { border-bottom: 0; }
			#program dd.networks img { float: left; width: 30px; padding: 1px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #d5d5cd; }
			#program .margin-bottom { margin-bottom: 15px; }
			
			#categories { overflow: hidden; height: 100%; border: 1px solid #d5d5cd; background: url(../images/content/categories.gif) }
			#categories .list li { float: left; width: 195px; overflow: visible; height: auto; padding-right: 0; border: 0; }
			
			#programs-list li { overflow: hidden; height: 100%; }
			#programs-list .info { float: left; width: 445px; line-height: 30px; margin-right: 15px; }
			#programs-list .arrow { float: left; line-height: 30px; }
			#programs-list .d { float: right; line-height: 30px; color: #B4B4A6; }
			#programs-list img { float: left; width: 30px; padding: 1px; margin-right: 10px; border: 1px solid #d5d5cd; }
			
			/* Comments */
			.comments dt, .comments dd { float: left; padding: 10px 0; border-top: 1px solid #d9dad5 }
			.comments .first { border: 0; }
			.comments dt { width: 130px; padding-left: 15px; background: url(../images/misc/comment-arr.gif) right center no-repeat; }
			.comments dt img { float: left; width: 32px; height: 32px; padding: 1px; margin-right: 10px; border: 1px solid #aaa; }
			.comments dt span { float: left; font-size: 11px; color: #969696; }
			.comments dt span a { display: block; color: #4280c3; font-size: 12px; }
			.comments dd { width: 535px; }
			.comments dd p { padding: 0 15px; min-height: 40px; _height: 40px; border-left: 1px solid #d9dad5; }
			.comments dd h4 { display: block; padding: 0 15px; margin: 0; border-left: 1px solid #d9dad5; border-bottom: 0; font-size: 12px; }
			.comments dd span { min-height: 10px; _height: 10px; }
			
			/* impressum */
			#impressum { overflow: hidden; height: 100%; border-top: 1px solid #ecece8; border-bottom: 1px solid #ecece8 }
			#impressum h3 { font-size: 12px; font-weight: bold }
			#impressum img { display: block; margin: 10px 0 }
			#impressum p { color: #616363; line-height: 120% }
			#impressum p span { float: left; width: 40px; clear: left }
			#impressum div { height: 250px; padding: 10px 5px }
			#impressum .left { width: 310px; margin-right: 40px; border-right: 1px solid #ecece8 }
			#impressum .right { float: left; width: 250px } 
			
			/* Home avatars */
			#home-post-list .user-avatar { float: left; position: relative; width: 40px; height: 40px; margin-right: 10px; }
			#home-post-list .user-avatar:hover { text-decoration: none; }
			#home-post-list .user-avatar .rcff-hover { left: 0; }
			
		/*************************** 
		* 	Right column
		****************************/
		#right { float: right; width: 240px; padding: 20px 0; }		
			
			/* Header */
			#right h2 { clear: both; padding: 5px 10px; margin-bottom: 10px; font-weight: bold; font-size: 14px; background: #e0e0d3 url(../images/right/h2.gif) repeat-y; }
			#right p { padding: 5px 10px 10px; *margin-bottom: 5px }
			#right .link { margin-bottom: 10px; }
			#right .list { border: 0; padding-bottom: 10px; overflow: hidden; height: 100%; }
			#right .list li { border-right: 0; border-left: 0 }
			
			/* Friends */
			#programs img, #friends img { padding: 1px; border: 1px solid #aaa; background: #fff; margin: 0 1px 1px; }
			#friends { padding: 0 0 10px 10px; }
			#friends img { width: 35px; height: 35px; vertical-align: bottom; }
			#programs img { margin: 0 3px 3px 0; }
			
			/* Tooltips */
			#right .avatar-link { float: left; position: relative; text-decoration: none }
			.rcff-hover { position: absolute; z-index: 999; height: 43px; padding-left: 13px; margin: 0 0 0 35px; background: url(../images/misc/tooltip-left.gif) no-repeat }
			.rcff-hover span { display: block; height: 43px; font-size: 11px; color: #cdcdc3; line-height: 12px; padding: 0 13px 0 10px; background: url(../images/misc/tooltip-right.gif) right 0 no-repeat }
			.rcff-hover span em { display: block; padding-top: 8px; white-space: nowrap; font-weight: bold; color: #2d2e2e; font-style: normal; }
			.rcff-hover span div { white-space: nowrap; }
			/*
			.rcff-hover { position: absolute; z-index: 999; height: 18px; line-height: 18px; margin: 12px 0 0 35px; background: #b1b1a3 url(../images/misc/tooltip.gif) no-repeat }
			.rcff-hover span { display: block; color: #fff; font-size: 10px; padding: 0 10px; white-space: nowrap; background: url(../images/misc/tooltip.gif) right 0 no-repeat }
			*/
			
			#right .reg { font-size: 11px; color: #616363 }
			#right .reg .link { margin-top: 5px }
			#right .register-desc { padding-bottom: 5px; overflow: hidden; height: 100%; border-bottom: 1px solid #b4b4a6 }
			
			/* Newsletter */
			#right .forms { margin: 5px 0; background: #eaeae2 }
			#right .forms ul { padding: 5px 10px 15px; }
			#right .forms li span { padding: 0 }
			#right .forms li span input { width: 190px; font-size: 11px; }
			#right .forms p { padding: 10px 0 0 10px }
			
			
/*************************** 
* 	Footer
****************************/	
#footer { clear: both; position: relative; margin-top: -75px; height: 75px; color: #b4b4a6; background: #2d2e2e url(../images/footer/bg.gif) repeat-x; }
#footer ul, #footer p { position: absolute; left: 50%; width: 480px; } 

#footer ul { padding: 0; margin: 29px 0 0 -480px; text-align: left; }
#footer ul li { float: left; padding:  5px 10px; list-style: none; border-right: 1px solid #434441; }
#footer ul .top { border: 0; }
#footer ul li a { color: #93938c }
#footer ul li .link { color: #fff; }

#footer p { padding-top: 29px; text-align: right; line-height: 25px; background: url(../images/top/form.gif) 240px 0 no-repeat; }
#footer p span { float: left; width: 325px; padding-right: 25px; }
#footer p a { float: left; width: 117px; height: 25px; background: url(../images/footer/cs.gif) no-repeat; }
#footer p a:hover { text-decoration: none; }
#footer p a strong { visibility: hidden; }

/**************************************************************
 *	phpBB
 **************************************************************/
 
	/* Forum info */
	.forum-info { padding: 10px; margin-bottom: 25px; background: #ff6600; border-top: 1px solid #c54f00; border-right: 1px solid #c54f00; }
	.forum-info h3, .forum-info h3 a { color: #fff; }
	.forum-info .inner { padding: 10px; margin-top: 10px; background: #fff; border-bottom: 1px solid #c54f00; border-right: 1px solid #c54f00; }
	.forum-info p { padding: 5px 0; border-top: 1px solid #e8e8de; }
	.forum-info .first { border: 0; padding-top: 0; }
	
	.forum-info .forum-icon { float: left; width: 210px; font-size: 11px; padding: 2px 0; line-height: 16px; }
	.forum-info .forum-icon img { vertical-align: middle; margin-right: 5px; }
	
	/* Cropper */
	#cropper { border: 0; background: #f2f2ed }
	#cropper h3 { color: #2d2e2e }
	#cropper .avatar-preview { width: 215px; border-right: 1px solid #ccccc2; }
	#cropper .first { float: right; width: 400px; }
	#cropper .inner { border-color: #ccccc2 }
	#cropper .submit { padding: 10px 0 0 0 }
	#cropper .avatar-container { padding-bottom: 10px; min-height: 10px }
	
	/* Forum list of forums. topics etc.  */
	#forum li { overflow: hidden; height: 100%; padding: 10px 15px; }
	
	#forum h4 { line-height: 18px; font-size: 12px; }
	#forum h4 a {  }
	#forum h4 .imgfolder { float: left; margin-right: 12px; vertical-align: middle; }
	
	#forum .description { margin-left: 24px; line-height: normal; }
	
	#forum .info { margin: 10px 0 0 24px; font-size: 11px; color: #b4b4a6; }
	#forum .info span { margin-right: 10px; }
	#forum .info .last { float: right; margin: 0; }
	#forum .info .last strong { margin: 0 0 0 10px; }
	#forum .info a { color: #808068; }
	
	/* Posts */
	#posts li { overflow: hidden; height: 100%; padding: 10px 15px; }
	
	#posts .profile { float: left; width: 165px; }
	#posts .profile .rank { display: block; font-size: 11px; }
	#posts .profile img { display: block; padding: 1px; margin-bottom: 15px; border: 1px solid #cacac0 }
	#posts .profile .info { font-size: 11px; }
	
	#posts .post { float: right; width: 475px; }
	#posts .post .message { clear: both; padding: 10px 0; }
	#posts .post .links { margin-top: 10px; padding-top: 10px; border-top: 1px solid #000 }
	#posts .post .links .link { margin-right: 5px; }
	#posts .post .right .link { margin-left: 5px; }
	
	/* Header */
	#content .forum-name { margin-bottom: 0; line-height: normal; }
	
	/* Jumpbox */
	.jumpbox { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #c8c8bd; text-align: right; }

 	/*  * instead of a text link for "Choose date"
 	*   */
	a.dp-choose-date {
		float: left;
		width: 16px;
		height: 16px;
		padding: 0;
		margin: 5px 3px 0;
		display: block;
		text-indent: -2000px;
		overflow: hidden;
		background: url(../images/calendar.png) no-repeat; 
	}
	a.dp-choose-date.dp-disabled {
		background-position: 0 -20px;
		cursor: default;
	}
	/* makes the input field shorter once the date picker code
	 *  * has run (to allow space for the calendar icon
	 *   */
	input.dp-applied {
		width: 140px;
		float: left;
	}
	
	#recaptcha_widget_div .recaptcha_input_area_text { float: none; line-height: 100%; }
	#recaptcha_widget_div span { float: none; background: transparent; padding: 0; }


.password-metter{display:none;margin-left:193px;float:left;}
#scorebar {
	height:16px;
        background-image:url(/images/pgradient.jpg);
        background-position:0 0;
        background-repeat:no-repeat;
	position:absolute;
	width:100px;
	z-index:0;
}
#scorebarBorder {
	background:white none repeat scroll 0 0;
	border:1px solid white;
	height:16px;
	margin-bottom:2px;
	width:100px;
	float:left;
}
#score {
	color:#000000;
	font-size:85%;
	position:absolute;
	text-align:center;
	width:100px;
	z-index:10;
}
#complexity{
	float:left;
	font-weight:bold;
	margin-left:4px;
}