body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #ffffff;
}

body * {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Verdana;
	background-repeat: no-repeat;	
}

ul li{
	list-style: none;
	clear: both;
}

a, a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

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


#wrapper{
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;	
	max-width: 1024px;
		
	background-image: url('/static/chrome/logo.png');
	background-repeat: no-repeat;
	background-position: 5px 85px;
	background-color: #f6f6f6;
	border: 1px solid #999999;
	overflow: hidden;	
}

#footer{
	clear: both;
	background-color: #cccccc;
	height: 24px;
	position: relative;	
}
#footer .content{
	width: auto;
	float: right;
}
#footer a{
	display: block;
	width: auto;
	float: left;
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
}

/* menu & toolbar */

#toolbar{
	background-color: #cccccc;
	height: 24px;
	position: relative;	
}

#menu {
	height: 28px;
	background-color: #673585;
	clear: both;
	position: relative;	
	margin-bottom: 80px;	
}

#menu .content{
	position: relative;	
	margin-left: 10px;
}

#menu li.right{
	float: right;
}

#menu a#menu_special {
    padding-left: 26px;
    background: url('icons/bubble-mini.gif') no-repeat 4px 6px;
}

#page-special #menu_special,
#menu #menu_special:hover {
	color: #222222;
	background-color: #e2d9e7 !important;
	background-image: url('icons/bubble-mini-hover.gif') !important;
}

#menu #menu_special:hover {
	background-color: #fff !important;
}

#menu li{
	float: left;
	width: auto;
	clear: none;
	position: relative;
	overflow: visible;
	display: block;
}

#menu li ul{
	position: absolute;	
	top: 100%;
	left: 0%;
	height: 28px;
	width: 1000px; /* FIXME */
	background-color: transparent;	
	display: none;
}

#menu li:hover ul{
	display: block;
}

#menu li ul li{
}
#menu li ul li a,
#menu li ul li a:visited,
#menu li ul li a:hover{
	background-color: #e2d9e7;
	color: #222222;
}


#menu a, 
#menu a:visited,
#toolbar a,
#toolvar a:visited{
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
	display: block;
	float: left;
	
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
}

#menu a{
	float: none;
}

#page-index #menu_index,
#page-news #menu_news,
#page-media #menu_media,
#page-jobs #menu_jobs,
#page-events #menu_events,
#page-partner #menu_partner,
#page-profiles #menu_profiles,
#page-special #menu_special,
#menu a.selected{
	background-color: #e2d9e7;
	color: #222222;
}

#page-partner .main-column form{
	border-bottom: 1px dotted #a5a5a5;
}

#menu form input.query{
	margin-top: 5px;
	padding: 2px;
}

#toolbar a{
	color: #333333;
	padding-bottom: 0px;
	padding-top: 5px;
	font-size: 10px;
}

#toolbar a.rss{
	padding-left: 16px;
	background-position: 0px 4px;
	margin-left: 10px;
}
#toolbar a.twitter{
	padding-left: 16px;
	background-image: url('/static/chrome/icons/services/twitter.png');
	background-position: 3px 4px;
}

#toolbar a.userinfo{
}

#toolbar .meta{
	position: absolute;
	right: 0px;
	top: 0px;
}

#toolbar .meta div{
	padding-top: 1px;
	margin-left: 10px;
	float: left;
	
	font-size: 10px;
	color: #666666;	
}

#toolbar .meta div a{
	font-size: 10px;
}

#toolbar .meta div span{
	display: block;
	float: left;
	
	padding-top: 5px;
}

#toolbar .auth{
	position: absolute;
	left: 80px;
	top: 0px;
}


#menu a:hover{
	color: #222222;
	background-color: #ffffff;
	opacity: 0.8;
}

/* portal */

.portal-column{
	float: left;
	width: 33.32%;
}

.portal-column .box{
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
}

.portal-column .ads{
	border: none;
}

.portal-column .box h2{
	background-color: #eeeeee;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	padding: 4px;
	padding-left: 15px;
}

.portal-column .box h3{
	font-size: 13px;	
}

.portal-column .externalfeed h3{
	font-size: 11px;
}

.portal-column .externalfeed .meta{
	font-size: 11px;
}

.portal-column .box h3 a{
	color: #333333;
}

.portal-column .box h3 a .date{
	display: block;
	float: right;
	width: 200px;
	text-align: right;
}

.portal-column .box li {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #a5a5a5;
	position: relative;
}

#portal-col1{
	width: 46%;
}

#portal-col2{
	width: 27%;
}

#portal-col3{
	width: 27%;
}


/* TODO: .action vs. .actions ? */
.portal-column .action li a,
.portal-column .actions li a {
	display: inline-block;
	padding-left: 15px;
	background: url('/static/chrome/icons/action.gif') no-repeat 0px 4px;
}

.portal-column .action li img,
.portal-column .actions li img {
	vertical-align: top;
}

.portal-column .box .content{
	padding-left: 15px;	
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.portal-bar .portal-column{
	width: 16.66%;	
}

* + html .portal-bar .portal-column{
	width: 16.65%;
}

.portal-bar .portal-column .box{
	height: 120px;
}

.portal-bar .button{
	left: 15px;
	bottom: 10px;
	position: absolute;
}

.portal-bar .portal-column.tagcloud{
	width: 49.98%;
}

#portal-videos .portal-column{
	width: 100%;
}
#portal-videos .portal-column .box{
	margin-left: 10px;
	height: 160px;
}

#portal-videos .box a.video{
	display: block;
	float: left;
	margin-right: 10px;
}
#portal-videos .box a.video img{
	height: 90px;	
	display: block;
}
#portal-videos .box a.video span{
	display: block;
	font-size: 11px;
	overflow: hidden;
	max-width: 200px;
}

.portal-column .box .box-glyph {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 10;
}

.portal-column .box li img {
	vertical-align: middle;
}

.portal-column .headless .content{
	padding-top: 10px;
	padding-bottom: 10px;
}

.socialhooks{
	padding: 10px;
}
.socialhooks img, .event .socialhooks img{
	float: none;
}

#portal-col1{
	clear: both;
}

#portal-col1 .box{
	margin-left: 10px;
}

#portal-col1 .wide-box{
	margin-left: 0px;
	border-left: none;
	padding: 0px;
	background-color: #8042a7;
}

.main-column{
	width: 67%;
}

.sidebar-column{
	width: 33%;
}

#highlight1, #highlight2{
	padding-bottom: 10px;
}
#highlight1 h2, #highlight2 h2{

}
#highlight1 h3, #highlight2 h3{
	background-color: transparent;
	padding: 5px;
	padding-left: 15px;
}
#highlight1 h3 span, #highlight2 h3 span, #highlight3 h3 span{
	display: block;
	font-size: 13px;
}
#highlight1 h3{
	font-size: 18px;
}
#highlight1 img{
	float: left;
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#highlight2 img{
	width: 100%;
}

#highlight3 img, #highlight4 img{
	width: 100px;
}

#loginbox{
	background-color: #673585;
	position: relative;
	padding: 15px;
}

#loginbox h2{
	color: #ffffff;
	background-color: transparent;
	float: left;
	width: 50%;
}

#loginbox form{
	margin-left: 60px;
	width: auto;
}

#loginbox form .button{
	position: absolute;
	left: 15px;
	top: 15px;
	width: 50px;
 	font-size: 12px;
	color: #ffffff;
	font-variant: small-caps;
	background-color: transparent;
}

#loginbox form .text{
	margin-bottom: 5px;
 	width: 100%;
	display: block;
	padding: 3px;	
	font-size: 12px;
	width: 100%;
	background-color: #eeeeee;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
}

#loginbox a{
	color: #ffffff;
	font-size: 12px;
	display: block;
	margin-left: 60px;
}

#loginbox a span{
	text-decoration: underline;
}


h3 img{
	float: left;
	margin-right: 10px;
}

.companylist h3{
	font-size: 12px;
	font-weight: normal;
}
.companylist h3 img{
	float: none;
	display: block;
	margin-bottom: 0.5em;
	max-width: 120px;
}

.companylist .premium{

}

.joblist .new {
	background: url('icons/pictos/neu.gif') no-repeat 0px 13px;
	padding-left: 32px;
}

.joblist {
	margin-bottom: 1em;
}

li{
	clear: both;
}

th, td{
	text-align: left;
	padding-right: 1em;
}

.clear{
	clear: both;
	float: none;	
}

/* content */


#content{
	position: relative;
}

body.page #content{
	margin-left: 10px;
}

form{
	display: block;
}
form .field{
	padding: 0.2em;
	clear: both;
}
form .field label{
	width: 24%;
	text-align: right;
	display: block;
	float: left;
	padding: 0.3em;	
	padding-left: 0px;
	padding-right: 1%;
	padding-top: 0.7em;	
	color: #666666;
	font-size: 11px;	
	font-weight: bold;
}

form .premium-fields .field label{
	color: #cccccc;
}

/*form .field label .helptext,*/
form .helptext {
	display: block;
	font-weight: normal;
	font-size: 9px;
}

form .field .taginput label{
	display: inline;
	color: #000000;
	font-weight: normal;
	float: none;
	width: auto;
}

form .inputwrapper{
	display: block;
	float: left;	
}

form .field .taginput label:after{
	content: "";
}

form .field input, form .field textarea, form .field select{
	border: 1px solid #a5a5a5;
	width: 60%;
	padding: 5px;
	font-size: 12px;
}

form .field.disabled input, 
form .field.disabled textarea, 
form .field.disabled select{
	background-color: transparent;
	border-color: #cccccc;
	color: #cccccc;
}

form .field input[type='checkbox'],
form .field input[type='radio'] {
	width: auto;
}

form .field input.checkbox {
	width: auto;
}

form .captcha {
	margin-left: 21%;
}

form .field.captcha .errors{
	margin-left: 0em;
}

form .taxonomy div.taxonomy_group{
	float: left;
	width: 70%;
	padding-bottom: 1em;
}

form .taxonomy div.taxonomy_group .tag{
	display: block;
}

form .taxonomy div.taxonomy_group .tag input{
	margin-right: 5px;
}

form .taxonomy div.taxonomy_group .tag .label{
	padding-bottom: 3px;
	display: block;
	width: auto;
	display: inline;
}

form .taxonomy div.taxonomy_group .tag .children{
	padding: 0.5em;
	margin: 0.5em 0 1em;
	clear: both;
	background: #f8f8f8;
	border: 1px solid #ccc;
	overflow: hidden;
}
form .taxonomy div.taxonomy_group .children .tag{
	width: auto;
	clear: both;
	float: none;
	border: none;
	padding: 0;
	white-space: nowrap;
	color: #444;
}

form #contactAttributes th label{
	font-weight: normal;
	font-size: 11px;
	width: 100px;
	padding: 3px;
}

form #contactAttributes th label img{
	padding-right: 3px;
}

form #contactAttributes td input{
	width: 100%;
	font-size: 0.8em;
}

form .field option{
	padding-left: 0.3em;
}
form .field.errors input{
	border-color: #dd0000;
}
form .field .errors, form .field .note{
	margin-left: 22%;
}
form .errors p,
form .note p
{
	font-size: 0.9em;
	font-style: italic;
	color: #666666;
}

form .field .errors p,
form .field .note p {
	padding-left: 2em;
}

form .buttons{
	height: 30px;
	width: 84%;
	padding-left: 1.4em;
}
form .buttons span{
	display: block;
	float: right;
	margin-left: 1em;
}

form .buttons span input,
form input.button,
input[type='button'],
input[type='submit'],
input[type='reset'] {
	cursor: pointer;
}

a.button,
form .buttons span input,
form input.button {
	border: 1px solid #26182e;
	border-top: 1px solid #c4afc9;
	border-left: 1px solid #9c7b9e;
	border-bottom: 1px solid #020202;
	border-right: 1px solid #26182d;
	background-image: url(/static/chrome/button_background.png);
	background-repeat: repeat-x;
	background-position: 0px -2px;
	height: 22px;
	padding-right: 4px;
	padding-left: 4px;
	color: #ffffff;
	overflow: hidden;
	width: auto;
	font-size: 12px;
}
a.button{
	height: 18px;
	padding-top: 4px;
}

form .field .taginput{
	float: left;
	width: 250px;
}

form.profile .field textarea{
	height: 20em;
	font-family: "Courier New";
	font-size: 0.9em;
}

form .bigtext textarea{
	height: 40em;
}

form.profile .field textarea.short-textarea{
	height: 10em;
}

form.profile table.services {
	width: 80%;
}

form.profile table.services th,
form.profile table.services td {
	vertical-align: top;
}

/* comments */

form.comments textarea{
	border: 1px solid #eeeeee;
	width: 100%;
	height: 10em;
	margin-bottom: 1em;
}


form .agb a{
	color: #673585;
	text-decoration: underline;
}

.vcard .type{
	display: none;
}

.vcard table,
table.light {
	margin: 1em 0;
}

.vcard th,
table.light th {
	font-weight: normal;
	color: #777;
}

.partner-link {
	float: right;
	width: 190px;
}

.partner-link .fn {
	display: none;
}

.eventlist .event-image-small {
	float: right;
	width: 120px;
}

.feed li{
	margin-bottom: 1em;
	padding: 4px;
}

a.rss{
	padding-left: 16px;
	background-image: url('/static/chrome/icons/feed_14x14.png');
	background-position: 0px 2px;
	display: block;
	background-repeat: no-repeat;
}

a.more, a.comments{
	text-decoration: underline;
}

.vcard .email, .vcard .url{
	display: block;
}

.vcard {
	margin-top: 1em;
	margin-bottom: 1em;
}

.main-column .content > h3{
	font-size: 15px;
}

.main-column .content{
	margin-top: 10px;
	color: #333333;
}


.pagination{
	clear: both;
	margin-bottom: 1em;
	margin-top: 1em;
}

table.social th{
	font-weight: normal;
	text-align: right;	
}
.description a{
	font-weight: normal;
	text-decoration: underline;
}
.description img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.description img.thumbnail{
	max-width: 120px;
	z-index: 1000;
}

.description table.details{
	margin-bottom: 10px;
}

.description table.details th{
	font-weight: normal;
	font-style: italic;
	text-align: right;
	vertical-align: top;
}
.description table.details td{
	padding-bottom: 5px;
}

.text a{
	font-weight: bold;
	color: #666666;
}

.text h4{
	margin-top: 1.5em;
}
.text p, .description p{
	margin-bottom: 1em;
}
.portal-column .box .description ul{
	margin-left: 2em;
	list-style: disk;	
}
.portal-column .box .description ul li{
	display: list-item;
	list-style-type: disc;
	border-bottom: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.profilelist .employer, .profilelist .position{
	float: left;
	width: 35%;
}

.profilelist .city{
	float: left;
	width: 15%;
}

ul.profilelist{
	margin-bottom: 1em;
}

.profilelist li{
	display: block;
	clear: both;
}
.profilelist li img{
	float: left;
}
.profilelist li .text{
	float: left;
	margin-left: 5px;
	width: 80%;
}

/* feeds */
ul.entries li .meta{
}

ul.entries img{
	max-width: 120px;
}

/* pagination */
.pagination {
	font-size: 0.8em;
}

.searchform input{
}
.searchform .date{
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.searchform .date input{
	width: 6em;
}
.searchform input.searchinput{
	float: left;
	display: block;
	border: 1px solid #cccccc;
	padding: 0.2em;
	width: 160px;	
}
.searchform .button{
	float: left;
	display: block;
	width: auto;
	margin-left: 1em;
}

.tagcloud .t1{
	font-size: 1em;
}
.tagcloud .t2{
	font-size: 1.1em;
}
.tagcloud .t3{
	font-size: 1.2em;
}
.tagcloud .t4{
	font-size: 1.3em;
}

.meta{
	margin-bottom: 1em;
}

.content .info{
	margin-bottom: 1em;
	margin-left: 135px;	
}

p a{
	text-decoration: underline;
}

li h4{
	margin-bottom: 10px;
}

.section{
	margin-top: 2em;
}

.partner h3{
	font-size: 16px;
}
.partner .fn{
	display: none;
}

h1.tags{
	border-bottom: 1px dotted #cccccc;
	font-size: 16px;
}

input.search{
	border: 1px solid #cccccc;
	margin-bottom: 1em;
}

#calendar{
	width: 21em;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #cccccc;	
}
#calendar h3{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
}
#calendar div{
	width: 3em;
	float: left;
	text-align: right;
}

#calendar div a, #calendar div span{
	padding: 2px;
	display: block;
}

#calendar div span{
	font-size: 0.9em;
	color: #666666;
	padding-right: 0.5em;
}

#calendar div.range a{
	background-color: #ffff00;
}

#calendar .next{
	padding-left: 5px;
}
#calendar .prev{
	padding-right: 5px;
}

#calendar div.clear{
	float: none;
}

form.searchform{
	display: block;
	clear: both;
}

.eventlist h3, .eventlist h4{
	margin-bottom: 0;
}

.eventlist .type{
}
.eventlist .description{
	padding-top: 1em;
}
.eventlist .date{
	width: 20%;
	position: absolute;
}
.eventlist li .body{
	margin-left: 20%;
	width: 80%;
}
.eventlist .details{
	margin: 0;
	padding: 0;
}

table.taxonomies td{
	padding-bottom: 1em;
	padding-right: 2em;
}
table.taxonomies td.name{
	width: 100px;
}

table.datasources td{
	padding-bottom: 0.5em;
	font-size: 0.9em;
}

/* tags */

.t221, .t123, .t222, .t223, .t8{
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	width: 170px;
	height: 22px;
	margin-bottom: 10px;
}

.t221{
	background-image: url(/static/chrome/icons/software/information.gif);
}

.t123{
	background-image: url(/static/chrome/icons/software/lotus.gif);
}

.t222{
	background-image: url(/static/chrome/icons/software/rational.gif);
}

.t223{
	background-image: url(/static/chrome/icons/software/tivoli.gif);
}

.t8{
	background-image: url(/static/chrome/icons/software/websphere.gif);
}

.t263, .t264, .t265, .t266, .t267{
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;	
}

.t263{
	background-image: url(/static/chrome/icons/partner/authorised_training_provider.jpg);
	width: 99px;
	height: 41px;
}

.t264{
	background-image: url(/static/chrome/icons/partner/built_on_express.gif);
	width: 136px;
	height: 56px;
}

.t265{
	background-image: url(/static/chrome/icons/partner/beacon_2008_winner.jpg);
	width: 136px;
	height: 83px;
}

.t266{
	background-image: url(/static/chrome/icons/partner/businesspartner.jpg);
	width: 102px;
	height: 55px;
	
}

.t267{
	background-image: url(/static/chrome/icons/partner/premier_business_partner.jpg);
	width: 123px;
	height: 75px;
	
}

.taxonomy7 .comma, .taxonomy8 .comma{
	display: none;
}

ul.taxonomy-list,
ul.taxonomy-list li,
ul.taxonomy-list li ul.children,
ul.taxonomy-list li ul.children li {
	list-style: none;
	display: block;
	width: auto;
	border: 0px none !important;
	padding: 0 !important;
}

ul.taxonomy-list,
ul.taxonomy-list ul.children {
	margin-left: 1em;
}

ul.taxonomy-list span.tag {
	display: inline-block;
	padding-left: 15px;
	background: url('/static/chrome/icons/tag.gif') no-repeat 0px 4px;
}

ul.taxonomy-list ul.children span.tag {
	color: #555;
	background: none;
}

ul.taxonomy-list li ul.children {
	margin: 0.2em 1em 1em;
}

.event img{
	float: right;
}

#google_map{
	overflow: hidden;
}

#twitterfeed h2{
	position: relative;
}
#twitterfeed h2,#twitterfeed h2 a{
	display: block;
	height: 60px;
	background-color: #ffffff;
}

#twitterfeed .meta {
	display: none;
}

#twitterfeed h3 {
	font-weight: normal;
	font-size: 0.9em;
}

#twitterfeed h3 a {
	padding-left: 15px;
	background: url('/static/chrome/icons/tag.gif') no-repeat 0px 4px;
	display: block;
}

#twitterfeed h2 a {
	background-image: url(/static/chrome/icons/twitter-follow-me.png);
	background-position: -11px 0px;
	text-indent: -1000px;	
}

#twitterfeed h2 .followers{
	position: absolute;
	left: 152px;
	top: 44px;
	display: block;
	width: 60px;
	text-align: right;
	color: #666666;
	font-size: 10px;
}

.profile-image {
	margin: 1em 1em 0 0;
}

.partner-logo {
	margin-bottom: 1em;
}

.mediathek li.media {
	padding-left: 48px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.mediathek .video			{ background-image: url('/static/chrome/icons/pictos/video.png'); }
.mediathek .praesentation	{ background-image: url('/static/chrome/icons/pictos/praesentation.png'); }
.mediathek .whitepaper		{ background-image: url('/static/chrome/icons/pictos/whitepaper.png'); }
.mediathek .webcast			{ background-image: url('/static/chrome/icons/pictos/webcast.png'); }
.mediathek .podcast			{ background-image: url('/static/chrome/icons/pictos/podcast.png'); }
.mediathek .buch			{ background-image: url('/static/chrome/icons/pictos/buch.png'); }

.gift_validation .result{
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #cccccc;
}

.gift_validation_success h3{
	color: #22cc22;
}

.gift_validation_success img{
	float: left;
	margin-right: 1em;
}

.gift_validation_error h3{
	color: #cc2222;
}

.gift_token_display{
	font-weight: bold;
}

table.bill caption {
    display: none;
}

table.bill {
    margin: 1em 0;
    padding-left: 1.5em;
    width: 60%;
}

table.bill th {
    font-weight: normal;
    color: #444;
    text-align: left;
}

table.bill td {
    text-align: right;
}

table.bill tr.separator td {
    border-bottom: 1px solid #CCC;
}

table.bill tr.total td {
    border-bottom: 3px double #888;
    font-weight: bold;
    color: #000;
}