/* Fluct.com 
	body 0.83em: 1px = 0.0753765em
*/

/*** generic ***/
* {
	margin: 0;
	padding: 0;
}
html {
	height:101%; 
	margin-bottom:1px;
	font: .83em/1.394 arial, helvetica, sans-serif;
	color: #333; 
	background: #fff;
	/* -webkit-text-size-adjust: none; */
}
body { 
	margin: 0; /* ie4 */
}
h1 {
	font: 25px/36px 'Muli', Arial, sans-serif;
	letter-spacing: 0;
	color: #333;
}
h2 {
	font-weight: normal;
	font-size: 135%;
	color: #333;
}
h3 {
	font-size: 14px;
}
h4 {
	font-weight: normal;
	font-size: 1em;
}
h4.label {
	font-size: 78% !important;
	font-weight: normal;
}
h6 {
	font-size: 78% !important;
}
a:link {
	color: #009ee0; 
}
a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover { 
	text-decoration: underline;
}
a:visited {
	color: #551A90;
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
	color: #1C277F;
}
img { 
	border: none; 
	font: 11px 'arial narrow', arial, helvetica, sans-serif; 
	color: #666;
}
hr {
	display: none;
}
small {
	font-size: 78%;
}
table {
	font-size: 1em; /* IE 5.x */
}
address {
	font-style: normal;
}
input, select {
	font-family: Tahoma, Verdana; /* Arial prod. too big box in IE */
	font-size: 100%; 
	border: 1px solid #ccc;
	background-color: #fff;
}
input {
	padding: .150em; /* 2px; */
}
input.img {
	padding: 0;
}
option {
	padding: .075em .150em; /* 1px 2px */
}
textarea {
	font-size: 1em;
	line-height: 18px;
	font-family: 'Courier', 'Courier New', monospace;
	padding: 11px;
	border: 1px solid #ccc;
	background-color: #fff;
}

/*** general ***/
.hidden, .wf_backend_hidden {
	display: none;
}
.nowrap {
	white-space: nowrap;
}
.right {
	float: right;
}
.textright {
	text-align: right;
} 
.strong {
	font-weight: bold;
}
.alert {
	color: #ff0090;
}


/**
 * @section column grid
 *
 * en: 8 columns
 */

#content {
	position: relative; 
	z-index: 20; 
	text-align: center;  /*ie<6 */
	background-color: #fff;
}
.sub { /* also for header, footer */
	width: 980px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	/* background: url('../img/raster_8spalter.png') repeat-y;
	background-position: -8px 0px; */
}
#content .sub {
	position: relative; /* ns 7 */
}
.c_1_2, .c_1_3, .c_1_4, .c_1_5, .c_1_6, .c_1_8, .c_3_4, .c_3_6, .c_4_6, .c_5_6, .c_5_8, .c_6_8, .c_7_8 {
	margin-left: 20px;
	display: inline; /* IE */
	min-height: 1px;
} 
.c_1_8 {
	float: left;
	clear: both;
	width: 940px;
	overflow: hidden;
}
.c_1_6 {
	float: left;
	clear: both;
	width: 700px;
	overflow: hidden;
}
.c_1_6_contentwrap {
	float: left;
	width: 720px;
}
.c_1_6_wrap {
	margin-left: 0;
}
.c_1_5 {
	width: 580px;
	float: left;
}
.c_1_4, .c_3_6, .c_5_8 {
	float: left;
	width: 460px;
}
.c_1_3, .c_4_6, .c_6_8 {
	float: left;
	width: 340px;
	overflow: hidden;
}
.c_1_2, .c_3_4, .c_5_6, .c_7_8 {
	float: left;
	width: 220px;
}
.c_1_2 {
	clear: both;
}


/**
 * @section media queries 
 * 

 
@media screen and (max-width: 480px) {
	 .sub {
	 	width: 480px;
	 }
 	.c_1_8 {
		float: left;
		clear: both;
		width: 480px;
		overflow: hidden;
	}
	.c_1_6 {
		float: left;
		clear: both;
		width: 300px;
		overflow: hidden;
	}
	.c_1_6_contentwrap {
		float: left;
		width: 720px;
	}
	.c_1_5 {
		width: 580px;
		float: left;
	}
	.c_1_4, .c_3_6 {
		float: left;
		width: 460px;
	}
	.c_1_3, .c_4_6 {
		float: left;
		width: 340px;
		overflow: hidden;
	}
	.c_1_2, .c_3_4, .c_5_6, .c_7_8 {
		float: left;
		width: 220px;
	}
	.c_1_2 {
		clear: both;
	}
	#header, #header .sub {
		height: 192px !important;
	}
	.tagline {
		margin-top: 27px;
		margin-left: 0 !important;
	}
}
 */

/**
 * @section content
 *
 */
img.opener {
	float: left;
}
#content h1 {
	margin-top: 50px;
	margin-bottom: 40px;
}
#content h1.welcomeblurb {
	font: 24px/36px 'Muli', Arial, sans-serif;
	letter-spacing: 0;
	margin-bottom: 0;
	padding-bottom: 60px;
	color: #333;
	width: 570px;
}
#content h1.welcomeblurb a,
#content h1.welcomeblurb a:visited {
	color: #009ee0;
}
#content h1.nosub {
	margin-bottom: 0;
}
#content h2 {
	clear: both;
}
#content h4.subtitle {
	font-size: 1em;
	font-weight: normal;
	margin-left: 1.16em;
	margin-top: -1.2em;
	margin-bottom: 1.4em;
	width: 58em;
	/* text-transform: uppercase;
	letter-spacing: .06em; */
}
#content p { /* to do !!! not a good idea - give em classes  (no: wiki-p!) - give only margin-bottom */
	/* margin-top: 1em; */
	/* margin-bottom: .8em; */
}
#content .first {
	margin-top: 0;
}
#content p.intro {
	margin-bottom: 1.8em;
}
#content div.page_tip  {
	/* wf text for set, render like subtitle */
	margin-bottom: 3em;
	margin-top: -2.55em;
	font-size: 11px;
}
.page_text {
	font-size: 14px;
}
body#wf_set_full #content div.page_text  { /* evtl div.htmlwrap */ /* old !*/
	/* wf text for set, render like subtitle */
	margin-bottom: 3em;
	margin-top: -3.05em;
	font-size: 11px;
}
/* html, wiki */
#content .htmlwrap {
	margin-bottom: 1.85em; /* like set */
}
#content .page_text .htmlwrap {
	line-height: 23px;
}
#content table.setConsolidated .htmlwrap {
	margin-bottom: 0;
}
#content .htmlwrap>*:first-child {
	margin-top: 0 !important;
}
#content .htmlwrap h1 {
	margin-top: 1.25em;
	margin-bottom: 1em;
	margin-left: 0;
}
#content .htmlwrap h2 {
	margin-top: 1.6em;
	margin-bottom: 1.4em;
	line-height: 1.394;
} 
#content .htmlwrap h3 {
	margin-top: 28px;
	margin-bottom: 18px;
	font-weight: bold;
	line-height: 1.394;
}
#content .htmlwrap h3 a,
#content .htmlwrap h3 a:visited {
	color: #333;
}
#content .htmlwrap h1, #content .htmlwrap h2, #content .htmlwrap h3, #content .htmlwrap h4 {
	clear: both;
}
#content .htmlwrap p {
	margin-top: 1em;
	margin-bottom: 1em;
}
#content table.setConsolidated .htmlwrap p {
	margin: 0;
}
#content .htmlwrap ul {
	margin: 1em 0 1em 1.21em;
}
#content .htmlwrap_one_item ul {
	margin: .2em 0 .2em 1.21em;
}
#content table.setConsolidated .htmlwrap ul {
	margin: 0 0 0 1.3em;
}
#content .htmlwrap ul ul {
	margin: .2em 0 .2em 1em;
}
#content .htmlwrap ol {
	margin: 1em 0 1em 2.8em;
}
#content .htmlwrap ol ol {
	margin: .2em 0 .2em 1.8em;
}
#content .htmlwrap pre {
	margin: 1em 0;
	padding: .6em .4em; 
	font-size: 12px; /* otherwise rendering in ff/mac not so good */
	font-family: monospace;
	background-color: #FCF8D1; 
}
#content .htmlwrap hr {
	display: block;
	border: 0;
	border-top: 1px solid #E1E6C5;
	border-style: solid;
	color: #fff;
	margin-top: 1em;
	margin-bottom: 1em;
}
#content .htmlwrap div.wikitabelletext { 
	margin: 0;
	padding: .4em 0 0 0 !important;
	font-size: 78%;
	line-height: 1.4em;
	color: #666;
	/* font-style: italic; */
}
#content .htmlwrap table.inline_image td {
	padding: 0;
	border: 0;
}
#content .htmlwrap table.inline_image {
	margin-right: 10px;
	margin-bottom: 18px;
}

#content .htmlwrap table.inline_image div.wikitabelletext {
	text-align: right;
}


/* handcrafted table */
#content .htmlwrap table,
#content table.tabelle /* legacy compatibility */ {
	border-collapse: collapse; 
	border-spacing: 0; 
	empty-cells: show;
}
#content .htmlwrap table th,
#content table.tabelle th {
	font-weight: bold; 
	text-align: left; 
	padding: .2em .4em .2em 0;
	vertical-align: top; 
}
#content .htmlwrap table td,
#content table.tabelle td {
	padding: .2em .4em .2em 0;
	vertical-align: top; 
	border-top: 1px solid #E1E6C5;
}
#content .htmlwrap table td.right,
#content table.tabelle td.right, 
#content table td.textright{
	text-align: right;
	float: none;
}
#content table.tabelle li,
#content table.tabelle a,
#content table.tabelle p { 
}

h1 span.separator {
	color: #666;
}
h2.first { /* todo */
	margin-top: 0; /* eg: contact */	
} 
.breadcrumb {
	font-size: 86%;
	height: 20px;
	color: #ccc;
}
.pathBox {
	margin-bottom: 2em;
	padding-top: .6em;
	padding-bottom: .6em;
	font-size: 86%;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
.breadcrumb * {
	background-color: #fff;
}

.breadcrumb a,
.breadcrumb a:visited, 
.pathBox a, 
.pathBox a:visited {
	color: #ccc; /* #008AC4; #0093D1 #009EE0; */
}
.breadcrumb .sep,
.pathBox .sep {
	padding: 0 .10em;
}
.set {
	clear: both;
	margin-bottom: 1.85em;
}
.set h2 { /* exclude topnews, todo: shouldnt have a margin top */
	margin-top: .6em;
	margin-bottom: .85em;
	font-weight: normal;
	font-size: 135%;
	line-height: 1.2;
}
.set p.content, 
.set div.content {
	padding-top: 1.3em;
}
a.setlink {
	font-size: 78%;
}
a.setlink:visited {
	color: #0937A2;
}
.c_6_8 .set h2 {
	margin-top: 0;
}
#content div.img { /* todo: ie! */
	/* line-height: 0; */
	margin-bottom: 1.85em;
	/* margin-bottom: 1.85em;*/
}
#content div.img p, 
.cap div.img_insert p.label {
	/* background-color: #eef; todo: return in ie! */
	margin: 0;
	padding: .4em 0 0 0 !important;
	font-size: 78%;
	line-height: 1.4em;
	color: #666;
}

/** homepage **/

img.billboard_bg {
	width: 100%;
	height: auto;
	min-width: 980px;
	min-height: 541px;

}

/** public home **/
img.shadow {
	padding-bottom: 3px;
	background: #fff url('/img/img_shadow.gif') bottom left repeat-x; 
}
.img_700_225 {
	font-size:1em; 
	width: 52.763em; 
	height: 16.959em;
}
a.promo, a.promo:visited {
	color: #333;
}
a.promo p {
	clear: both; 
	float: left; 
	margin-top: 1.08em; 
	width: 100%
}
a.promo span.more {
	color: #009EE0;
	font-weight: bold;
}

.wf_stat_box { 
	background-color: #fff;
}
.wf_stat_box table.counter {
	border-collapse: collapse; 
	border-spacing: 0; 
	empty-cells: show;
}
.wf_stat_box table.counter tr.data {}
.wf_stat_box table.counter tr.data td.sum { 
	width: 9.045em;
	height: 4.371em;
	vertical-align: bottom;
	margin-bottom: .5em;
}
.wf_stat_box span.inner {
	line-height: 1;
}
.wf_stat_box .annotation {
	color: #999;
	font-size: 86%;
	margin-top: 1.65em;
}
.wf_stat_box span.time {
	/* display: block; */
	padding-right: 0.2em;
}
address.welcome {
	padding-top: 1.3em;
}
address.welcome a, 
address.welcome a:visited {
	color: #000;
}
address.spoc {
	font-size: 86%; 
	line-height: 1.65em; 
	margin-top: 1em; 
	color: #555;
}
address.spoc a, 
address.spoc a:visited {
	color: #555 !important;
}

#warning {
	padding: 20px;
	overflow: hidden;
	border-top: 1px solid #FFDBEF;
	border-bottom: 1px solid #FFDBEF;
	color: #310A20;
	background-color: #FFEBF6;
}
#feedback {
	padding: 20px;
	width: 100%; 
	overflow: hidden;
	border-top: 1px solid #DAE0B8;
	border-bottom: 1px solid #DAE0B8;
	color: #310A20;
	background-color: #E6EBD0;
}
#warning h3,
#feedback h3,
#warning p,
#feedback p {
	float: left; 
	width: 89%;
}
#warning h3, #warning p {
	font-size: 14px;
	margin-bottom: 4px;
}
#feedback h3, #feedback p {
	font-size: 14px;
	margin-bottom: 4px;
}
 
/* set preview */
div.preview {
	padding-bottom: 1.2em;
	margin-top: .1em;
	clear: both;
}
.preview p {
	margin: 0 !important;
}
.preview h4 { 
	font-size: 1em;
	font-weight: bold;
}
.preview h4 a, .preview h4 a:visited {
	color: #000;
}
.preview h4.label { 
	font-size: 78%;
	margin-top: .8em;
}
/* .preview a.img, 20071114_car: no block level element*/
.preview div.img {
  	float:left;
}
.preview div.img {
	margin-right: 1em;
	margin-top: .415em;
	margin-bottom: .415em;
	/* margin-bottom: 1.2em; */
}
.preview .after_img{
	padding-left: 7em;
}

/*** navigation public, simple ***/
.navi_public {
	font-size: 14px;
}
.navi_public ul {
	list-style: none;
}
.navi_public a,
.navi_public a:visited {
	color: #999;
}
.navi_public li {
	border-bottom: 1px solid #efefef;
	padding: 10px 15px 10px 13px;
}
.navi_public li:first-child {
	border-top: 1px solid #efefef;
}
.navi_public li.active {
	background: url('/img/arrow_right.gif') no-repeat 2px 15px;
}
.navi_public li.active a {
	font-weight: bold;
}


/*** navigation personalization ***/
div.navi {
	margin-top: 2.26em;
	margin-bottom: 8em;
}
body#home_public div.navi, body#portal div.navi {
	margin-top: 4.7em;
}
.navi ul.navi {
	list-style: none;
	line-height: 2em;
}
.navi ul.navi ul {
	list-style: none;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
.navi ul.navi li {
	margin: 0; 
	padding: 0;
}
.navi ul.navi li a,
.navi ul.navi li a:visited {
	padding-bottom: .2em;
	display: block;
	color: #888;
}
.navi ul.navi ul li {
	font-weight: normal;
	border-top: 1px solid #F2F2F2;
}
.navi ul.navi ul li a {
	padding-bottom: 0 !important;
}
.navi ul.navi ul li a {
	display: inline-block;
	color: #888;
}
.navi ul.navi ul li a:visited {
	color: #888;
}
.navi ul.navi ul li.first {
	border-top: none !important;
}
.navi ul.navi ul ul {
	border: 0 !important;
	margin-bottom: .7em;
}
.navi ul.navi ul ul ul {
	margin-bottom: 0;
}
.navi ul.navi ul ul li {
	margin: 0; 
	padding:0;
	font-weight: normal; 
	line-height: 1.55em;
	border: none; /* experimental */
}
.navi ul.navi ul ul li a {
	margin-left: 1em;
}
.navi ul.navi ul ul ul li {
	margin: 0; padding: 0;
}
.navi ul.navi ul ul ul li a {
	margin-left: 2em;
}
.navi ul.navi ul ul ul ul li a {
	margin-left: 3em;
}
.navi ul.navi ul ul ul ul ul li a {
	margin-left: 4em;
}
.navi ul.navi ul ul li.active {
	background: url('/img/arrow_right.gif') no-repeat 0.45em .630em;
}
.navi ul.navi ul ul ul li.active {
	background: url('/img/arrow_right.gif') no-repeat 1.45em .630em;
}
.navi ul.navi ul ul ul ul li.active {
	background: url('/img/arrow_right.gif') no-repeat 2.45em .630em;
}
.navi ul li.active a.active {
	color: #666 !important;
	font-weight: bold !important;
}
.navi ul.shortcuts li a:link,
.navi ul.shortcuts li a:visited {
	color: #444;
}
a.navi:link, a.navi:visited {
	color: #333;
}
.cap ul.navi {
	margin-bottom: 0;;
}
.cap .navi ul {
	padding-bottom: .6em; /* margin-bottom: .8em; not working in ie5.0*/
	border: none;
}
.cap .navi ul li {
	border: none;
	padding: 0;
	padding-top: .155em;
	padding-bottom: .155em;
}

div.sitemap {
	border-top: 1px solid #E1E6C5;
	border-bottom: 1px solid #E1E6C5;
	padding-top: .8em;
	padding-bottom: 1em;
	margin-bottom: 2.6em;
}

/* search set */
.cap fieldset {
	border: none;
	margin: 0;
	padding: 0.5em 0 0.3em 0;
}
.cap fieldset input.button {
	border: none;
	background: #E9EDD4;
	color: #1C277F;
	width: auto;
}


/**
 * @section portfolio
 *
 */
.media {background-color: #f5f5f5; padding: 20px 20px 20px; margin-bottom: 27px}

.media a {display: block}
.media h3 { margin-top: 2px; margin-bottom: -10px;}
a.worktitle, a.worktitle:hover, a.worktitle:visited { color: #000; font: 18px/58px 'Muli', Arial, sans-serif; }
p.bu { margin-top: 4px; color: #888; line-height: 26px;}
div.project_data { margin-top: 80px; }
.project_data p {font-size: 11px; line-height: 18px; color: #888; margin-top: 4px !important; margin-bottom: 1px !important;} 
.project_data strong {font-weight: bold;}
.project_data span {display: inline-block; margin-left: 5px; margin-right: 5px; color: #aaa;}
div.testimonial { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; color: #888; margin-top: 80px; font-size: 11px; text-align: center;}
p.quote { font: 24px/36px 'Muli', Arial, sans-serif; }


/**
 * @section header
 *
 */
#header {
	color: #000;
	text-align: center; /*  ie<6 */
	overflow: hidden;
	height: 96px;
	margin-bottom: 27px;
}
#header .sub {
	height: 96px; 
}
#header .header_top {
	padding-top: 15px;
	height: 15px;
	overflow: visible;
}
#header .header_top p {
	font-size: 86%;
}
#header .header_top .sep {
	color: #cacaca;
	padding-left: .3em;
	padding-right: .3em;
}
#header .header_top a:link,  
#header .header_top a:visited {
	color: #000;
}
#header p.personalization {}
#header p.language {
	color: #777;
}
#header p.language a:link, 
#header p.language a:visited {
	color: #777;
}
#header p.language a.active {
	color: #777;
	font-weight: bold;
}
#user_switching {
	width: 340px;
	height: 40px;
	position: absolute; 
	z-index: 101;
	padding: 11px 0px 0px 0px;
	font-size: 11px;
}
#user_switching .field {
	float: left;
	display: block;
	margin-right: 20px;
}
#user_switching label {
	display: block;
	margin-top: 2px;
	color: #555;
}
#user_switching #us_password {
	width: 94px;
	margin: 0 !important;
}
#user_switching .button {
	display: block;
	float: left;
	margin: 0;
	margin-top: .1em;
	padding: 0;
	border: 0;
	color: #0089E0;
	text-align: left;
	line-height: 1em; /* exp */
	width: auto;
	font-size: 13px;
}
#header .header_bottom {
	height: 65px;
	border-bottom: 1px solid #009EE0; 
}
#header a#logo{
	float: left;
	margin-top: 1.7em;
	display: block;
}
.tagline {
	color: #000;
	margin-top: 28px;
	margin-left: 45px;
	font-size: 11px;
	float: left;
	font-family: 'Muli';
}
#header ul.navigation {
	margin-top: 27px;
}
#header ul.navigation li {
	list-style: none;
	float: left;
	padding: 0 0 0 29px;
}
#header ul.navigation li:first-child {
	padding: 0;
}
#header ul.navigation li a {
	font-size: 14px;
	display: block;
	white-space: nowrap;
	color: #bbb;
}
#header ul.navigation li a:active,
#header ul.navigation li a:visited {
	color: #bbb;
	
}
#header ul.navigation li a.active,
#header ul.navigation li a:hover {
	color: #000 !important;
	text-decoration: none;
}
#header ul.navigation li a:hover {
	padding-top: 1px;
}


/**
 * @section footeradd
 *
 * en: additional info above footer
 */
  
.footeradd {
	color: #888;
	font-size: 14px;
	padding-bottom: 25px;
	-webkit-font-smoothing: antialiased;
}
.footeradd h3 {
	font-weight: normal;
	font-size: 14px;
}
.footeradd a, .footeradd a:visited {
	color: #888;
}
.footeradd .contact, 
.footeradd .login {
	margin-top: 42px;
}
.footeradd .contact address.address{
	float: left; 
	width: 160px; 
	margin-top: 15px;
}
.footeradd .contact address.fon_mail { 
	float: left; 
	width: 220px;  
	margin-top: 15px;
}
.footeradd .contact .social {
	float: left;
	margin-top: 15px;
}
.footeradd .contact .more {
	float: left; clear: both; margin-top: 20px;
}
.login {}
.login fieldset {
	margin-top: 15px;
	border: 0;
}
.login label {
	display: none; 
	float: left; 
	width: 5em;
	margin-bottom: 1.2em;
	padding-top: .1em;
}
.login input {
	width: 150px;
	height: 16px;
	margin: 0; 
	margin-bottom: 1.2em;
	color: #999;
	-webkit-font-smoothing: antialiased;
}
.login .button {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	color: #aaa;
	text-align: left;
	line-height: 1em; /* exp */
	width: auto;
	font-family: Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
.login_annotation {
	float: left;
	display: block; 
	color: #aaa; 
	font-size: 86%;
	margin-top: 0em;
}


/**
 * @section footer
 *
 */
#footer {
	margin-top: 1.12em;
	text-align: center;  /* ie<6 */
}
#footer .c_1_8 {
	color: #aaa;
	height: 4.5em;
	padding-top: .8em;
	border-top: 1px solid #E3E3E3;
}
#footer .c_1_6 {
	margin-left: 0;
}
#footer a, #footer a:visited{
	color: #aaa;
}
#footer .sep {
	color: #dedede;
	padding-left: .3em;
	padding-right: .3em;
}
#footer ul {
	display: block;
	border-top: 1px solid #E3E3E3;
	margin-top: 0em;
	margin-left: 1.23em;
	padding-top: .9em;
	list-style: none;
}
#footer ul li {
	font-size: 78%;
	float:left;
	padding: 0 .8em 0 .8em;
	border-left: 1px solid #ddd;
}
#footer ul li.first {
	padding-left: 0;
	border: 0;
}
#footer ul li span {}
#footer ul a {}
#footer ul li img {
	vertical-align: top; 
	padding-right: .1em;
}
#footer p {
	clear: both;
	font-size: 86%;
}

/**
 * @section webfriend 
 *
 * en: webfriend customized classes
 */
.setDetail_light {
	margin-bottom: 3em;
	padding-bottom: 0;
	float: left; 
	overflow: hidden;
	clear: both;
}
.setDetail_light .field {
	margin-top: 8px;
	margin-bottom: 8px;
	float: left; 
	overflow: hidden;
	clear: both;
}
.setDetail_light .field .clear {
	display: none;
}
.setDetail_light .field .fieldTitle {
	font-size: 86%;
	color: #666;
}
.setDetail_light .field .fieldTitle h4 {
	font-weight: normal;
}
.setDetail_light .field .fieldContent {}
.setDetail_light .field .fieldContent img {
	margin-top: .5em;
	border: 1px solid #e0e0e0;
}
.setDetail_light .field .fieldContent .setConsolidated {
	width: 15%;
}
.setDetail_light .field .fieldContent .setConsolidated td {
	border: 0 !important;
	padding-top: 0;
	padding-right: .2em;
	padding-bottom: 0;
	font-size: 105%;
}

.setBox { /* experimental for ie */
	display: inline; /* IE */
	float: left;
	overflow: hidden;
	width: 100%;
}

/*** webfriend *********************************************************************************/
.setBox #set {
	margin-bottom: 2em;
}
/* wf set consolidated */
table.setConsolidated {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}
table.setConsolidated .setTitleBox,
table.setConsolidated .setFooterBox {
	margin-bottom: .45em;
	width: 100%;
	overflow: hidden;
}
/* depr.
body#portal table.setConsolidated .setTitleBox {
	margin-bottom: .45em;
} */
table.setConsolidated .setTitleBox h2.setTitle {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	float: left;
	margin-top: .25em;
	margin-right: 1em;
	margin-bottom: .4em;
}
/* 
.preview table.setConsolidated .setTitleBox h2.setTitle {
	font-weight: normal;
} */
table.setConsolidated .setNavigation {
	display: block;
	float: left;
	vertical-align: middle;
}
.setConsolidated tr.columnTitle th {
	font-size: 86%;
	font-weight: normal;
	color: #555;
	padding-right: 1em;
	padding-bottom: .25em;
	text-align: left;
	/* line-height: 1.5em;  exp */
	white-space: nowrap; /* exp */
}
table.setConsolidated tbody td {
	/* background-color: white; */
	/* color: #222; */
	font-size: 86%;
	text-align: left;
	border-top: 1px solid #F2F2F2;
	padding-top: .45em;
	padding-bottom: .55em;
	padding-right: 1.6em;
	vertical-align: top;
}
table.setConsolidated tbody tr.first td {
	border-top: 1px solid #E3E3E3;
}
table.setConsolidated tbody td.navi {
	padding-right: 0;
}
table.setConsolidated tbody td.navi a {
	margin-right: .3em;
}
table.setConsolidated tfoot td {
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #fff;
}
table.setConsolidated td.setFooter {
	font-size: 1em;
	padding-top: 1.1em;
	padding-right: 0;
}
table.setConsolidated td.setText {
	/* combined w htmlwrap */
	color: #444;
	padding: .59em 15em .59em 0; /*r: 23em*/
	font-size: 1em;
	line-height: 1.394em;
	border-top: 1px solid #E3E3E3;
	/* background:url('../img/raster_masse.png') no-repeat;
	background-position: -15px 260px;
	background-color: #fee; */
}
table.setConsolidated td.setText h1 {
	margin-top: .7em !important;
}

/* table subset */
table.setConsolidated table.subset {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 98%;
	/* not width: 100%; (ie6) */
}
table.setConsolidated table.subset td {
	margin: 0;
	padding: 0;
	border: 0 !important;
	font-size: 100%;
	/* margin-right: 2em; for ie6 and 100% width for subset */
}
table.setConsolidated table.subset td.fieldTitle {
	padding-right: .7em;
	width: 10%;
	color: #555;
}
table.setConsolidated div.subsetField {}
table.setConsolidated div.subsetField a {
	font-weight: bold !important;
	letter-spacing: 0.01em;
}

.setEdit, 
.setDetail {
	width: 70.854em; /* 940px; */
}
.setEdit {
	background-color: #F5F5F5;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.setDetail {
	background-color: #FbFbFb;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.setEdit	.setTitleBox,
.setDetail	.setTitleBox,
.setEdit	.setFooterBox,
.setDetail	.setFooterBox {
	margin: 0;
	padding-top: .6em;
	padding-bottom: .4em;
    background-color: #E7E7E7;                
}
.setEdit .setTitleBox h2.setTitle, 
.setDetail .setTitleBox h2.setTitle {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	display: block;
	float: left;
	width: 16.582em; /* 220px */
	padding-top: .25em;
	padding-left: 1.507em;
	margin: 0;
}
.setEdit 	.field,  
.setDetail 	.field {
	width: 69.346em; /* 940px; */
	margin-top: .75em; 
	padding-bottom: 1em;
	padding-left: 1.507em;
	border-bottom: 1px dashed #e6e6e6;
	clear: both;
	overflow: hidden;
}
.setEdit 	.field	.fieldTitle,
.setDetail	.field	.fieldTitle {
 	float:left; 
	width: 15.075em; /* 200px 220px */
	overflow: hidden;
	font-weight: normal;
}
.setEdit	.field	.fieldTitle strong, 
.setDetail	.field	.fieldTitle strong {
	font-weight: normal;
}
.setEdit 	.field 	.fieldContent, 
.setDetail 	.field 	.fieldContent { 
	float: left;
	width: 51.0em; /* reduced 51.256em; | 700 px -1.507em*/
	margin-left: 1.507em; /* 20px; */
	font-weight: normal;
	padding-right: 1.507em;
}
.setEdit 	.field	.fieldContent select {}
.setEdit 	.field	.fieldContent textarea {}
.setEdit 	.field	.fieldContent label {
    font-size: 11px;
    color: #777;
    margin-top: .3em;
    display: block;
}
.setEdit 	.field	.fieldComment,
.setDetail	.field	.fieldComment {
	color:#333;
	padding-top: .13em;
	padding-right: .2em;
	font-size: 11px;
	line-height: 1.2em;
	color: #777;
}
.setEdit 	.field	.fieldContent .textcounter {}
.setEdit 	.field	.fieldContent   .fieldComment,
.setDetail	.field	.fieldContent   .fieldComment {
    display:inline;
}
/** 
 * @section field file (upload)
 *
 */
.autoimage, .autoimage_substitute {
    border: 1px solid #ccc;
    margin-left: 0;
    margin-bottom: 3px;
    padding: 1px;
    background-color: #fff;
}
.autoimage_substitute {
	border: 1px solid #999;
    opacity: 0.3;
    filter: alpha(opacity = 30); /* for ie */
}
div.fieldFileDefaultPreview, div.fieldFileDefaultPreviewNoFile {
    font-size: 12px;
    margin-left: 3px;
    margin-bottom: 3px;
}
td.textright div.fieldFileDefaultPreview, div.fieldFileDefaultPreviewNoFile {
	float: right;
}
.fieldFileDefaultPreview {
    color: #c6c6c6;
    background-image: url(/wf/img/field_file_default_small.png);
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 6.22em;
    text-align:center;
    height: 87px;
    width: 66px;
}
.fieldFileDefaultPreviewNoFile {
    background: #fdfdfd;
    border: 1px solid #ccc;
    height: 6.08em;
    width: 4.605em;
}
.fieldFileInfo {
    background-color: #F2F2F2;
    border: 1px solid #dbdbdb;
    margin-top: 1.7em;
    float: left;
    position: relative; 
}
.fieldFileAvailable {
    height: 100%;
    width: 100%;
}
.fieldFileProgress {
    margin-top: 1.05em;
    margin-left: 1.05em;
    margin-right: 1.05em;
}
.fieldFileProgress p.filename,
.fieldFileProgress p.filesize {
    margin: .55em 0;
    color: #4b4b4b;
    font-size: .85em;
    line-height: 1.25em;
}
.fieldFileProgress p.filename {
    margin-top: 0.85em;
}
.fieldFileProgress .upload_progress {
    background: #fff;
    border: 1px solid #cdcdcd;
    height: 11px;
    float: left;
    margin-right: 1em;
    padding: 1px;
    width: 211px;
}
.fieldFileProgress .upload_progress_bar {
    background: #c0e7ff;
    background-image:url('/wf/img/progressbar_zebra_blue.gif');
    background-repeat:repeat-x;
    height: 11px;
    width: 1%;
}
.fieldFileProgress a {
    color: #0973CB;
    cursor: pointer;
    font-size: .85em;
}
span.fieldFileDocument {
    position: relative;
    float: left;
}
td.fieldFileDocumentEdit {
	padding-top: 10px;
    padding-left: .85em;
}
.fieldFileDocument img {
    background: #fff;
    padding: 1px;
    border: 1px solid #ccc;
    cursor: pointer;
}
td.fieldFileDocument img,
td.fieldFileDocument .mediaplayer,
td.fieldFileDocumentEdit img, 
td.fieldFileDocumentEdit .mediaplayer {
    margin-bottom: .7em;
}
.fieldFileDocumentEdit span,
.fieldFileDocumentEdit a {
	float: left;
	cursor: pointer;
}
.fieldFileDocument img.defaultImage,
.fieldFileDocumentEdit img.defaultImage {
    border: none;
    padding: 0;
    margin-bottom: 0;
}
.fieldFileDocumentInfo {
    color: #444;
    font-size: .85em;
    padding-bottom: .7em;
    padding-left: .8em;
    padding-right: .8em;
    vertical-align: bottom;
}
.fieldFileDocument .fieldFileOverlay,
.fieldFileDocumentEdit .fieldFileOverlay {
    color: #bfbfbf;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    text-align: center;
}
.fieldFileDocument .fieldFileOverlay {
    left: 0;
    top: 70px;
    width: 6.51em;
}
.fieldFileDocumentEdit .fieldFileOverlay {
    left: 0;
    top: 78px;
    width: 7.51em;
}
.fieldFileInfo .fieldFileActions {
    list-style: none;
    position: absolute;
    right: .85em;
    top: .85em;
    margin: 0;
}
.fieldFileInfo .fieldFileActions li {
    float: left;
    margin-left: .35em;
}
.fieldFileInfo .fieldFileActions a {
    cursor: pointer;
}
.fieldFilePreview:hover {
    text-decoration: none;
}


/* subset */
.setEdit 	.field	.field,
.setDetail 	.field 	.field {
	border: 0;
	margin: 0 !important;
	margin-bottom: 1em !important;  /* car 20080220 */
	padding: 0 !important;
	width: 51.0em;
}
.setEdit 	.field	.field	.fieldTitle,
.setDetail	.field	.field	.fieldTitle {
	font-weight: normal;
	float: none;
	margin: 0;
	width: 100%;
	padding-bottom: .6em;
}
.setEdit 	.field 	.field	.fieldContent { 
    margin: 0;
	width: 100%;
}
.setDetail 	.field 	.field	.fieldContent { 
 	margin: 0;
	width: 98% !important;
	padding: .4em;
	border: 1px solid #eee;
	background-color: #fff;
}
.field_in_text .field .fieldTitle h4 {
	/* experimental */
	font-size: 135%;
	font-weight: normal;
	margin: 1em 0;
}
.setDetail table.setConsolidated tbody td {
	/* color: #222; */
	font-size: 100%;
	text-align: left;
	border-top: 0;
	padding-top: 0;
	padding-bottom: .55em;
	padding-right: 1em;
	vertical-align: top;
}
span.mandatory strong {
	color: #E313BE !important;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}
.textcounter {
	margin: .4em 0 0 0;
	font-size: 11px;
	color: #777;
}
.textcounter div.number {
 	padding: .06em .4em; 
 	margin: 0 .5em 0 0; 
	float: left; 
	text-align: right;
	color: #555;
	background-color: #fff;
}
.setEdit .colon {
    margin-left:-0.4em;
    padding-right:.3em;
}
.fieldSetAddSetItem {
	margin-bottom: .4em;
}
.fieldSetAddSetItem span {
	vertical-align: middle;
}
.fieldSetAddSetItem span img, 
.fieldSetAddSetItem span input {
	height: 1.2em;
	margin-left: .4em;
}

ul.annotation {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #999;
	display: inline;
	float: left;
	width: 100%;
	overflow: hidden;
}
ul.annotation li {
	float: left;
	list-style: none;
	margin-right: 20px;
}

span.annotation {}

.setEdit .setNavigation, 
.setDetail .setNavigation {
	display: block;
	vertical-align: middle;
	margin-left: 18.090em; /* 240px; */
}
.setDetailNavigation {
	padding: .8em 1.4em;
	border-bottom: 1px dashed #e6e6e6;
} 
.setNavigation img,
.setDetailNavigation img {
	margin-right: .5em;
}
.setNavigation input {
	height: 17px;
	margin-right: .5em;
	border: 0;
}
.setNavigation .setAutosaveProgress {
	margin-left: .8em;
	line-height: .5em;
	display: none;
}
.setNavigation .setAutosaveProgress .setAutosaveProgressText {
	vertical-align: top;
	line-height: 1.6em;
	color: rgb(119, 119, 119);
}
.fluct_set_detail_navigation {
	margin-left: 0; 
	margin-bottom: 1em;
	padding: .4em;
	background-color: #e4e4e4;
}
div.setInfo {
	clear: both;
	font-size: 86%;
	font-weight: normal;
}
.setConsolidated div.setInfo {
	/* margin-top: -0.2em; */
	margin-bottom: 1.8em; /* 1.6 */
}
.setEdit div.setInfo,
.setDetail div.setInfo {
	padding-bottom: .1em;
	padding-left: 1.752em;
}
body#portal div.setInfo {
	/* display: none; depr. */
}
.setInfoItem {
	padding-right: 1em;
	display: block;
	float: left;
}
.setInfoItemSearchField {}
.setInfoItemResults {
	padding-right: .2em !important;
	/* clear: both; */
}
.setInfoItemResultsAll {
	padding-left: .1em;
}
.setInfoItemResultsAll a {
	padding: 0 .1em;
	/* padding: 0 .4em; */
}
dl.setInfoSearchWordsAnnotation {
	font-size: 86%;
	font-weight: normal;
	line-height: 1.85em;
	margin-top: 2em;
	margin-bottom: 1em;
}
dl.setInfoSearchWordsAnnotation dt {
	width: 1.3em;
	float: left;
}
.setInfoSearchWordsAnnotation dd {
	color: #777;
}
.searchAnnotationMarker {
	font-weight: normal;
	color: #777;
}
.setFooterNaviResult {
	font-size: 86%;
	padding: .2em 0;
	padding-bottom: 1.4em;
}
.setFooterNaviResult a {
	padding: .3em .8em;
	font-weight: normal;
	/* font-weight: normal; */
	/* padding: .1em .2em .1em .3em; */
	margin: 0;
	border-left: 1px solid #ddd;
	line-height: 2em;
}
.setFooterNaviResult a:first-child {
	margin-left: .5em;
}
.setFooterNaviResult a:hover {
	color: #000;
	text-decoration: underline;
}
.setFooterNaviResult a.active {
	color: #000;
	text-decoration: underline;
}
.setFooterNaviResult div {
	float: left;
}
.setFooterNaviResult div.right {
	float: right;
}
.setFooterNaviResult div.right a {
	border: 0;
}

table.fieldDate {
	border-collapse: collapse;
	border-spacing: 0;
}
table.fieldDate td {
	/* vertical-align: middle; */
}
table.fieldDate td.dateSeparator {
	padding: .15em .5em;
	vertical-align: top;
	color: #333;
}
td.fieldDateDay {}
td.fieldDateDay input {
	margin-right: 1em;
}
td.fieldDateDay select, td.fieldDateMonth select {
	margin-right: 1em;
	/* height: 1.50em; */
}
td.fieldDateMonth input {
	margin-right: 1.2em;
}
td.fieldDateYear input, td.fieldDateHour input, td.fieldDateMinute input {}

/* wf search */
.searchBox { 
	/* padding: .59em; */
	margin: 0;
	margin-bottom: 1em;
	color: #222;
	background: #fff;
	display: block;
	/* width: 57.94em; */
	border: 0;
}
.searchBox input { }
.searchBox input.quick_searchfield {
	width: 21.5em;
}
.searchBox input.button {
	border: none;
	background: #fff;
	color: #aaa; /* #0089E0; */
	font-size: 20px; /* 14px */
	width: auto;
	float: left;
	margin-top: .95em;
	padding: 0;
	cursor: pointer;
}
.searchBox div.field {
	float: left;
	margin-right: 1.8em;
	margin-bottom: 0em;
	height: 4.8em;
	
}
.searchBox div.field label {
	font-size: 78%;
	color: #666;
	display: block;
	margin-top: .1em;
}
.searchBox .fieldContent {}
.searchBox .field h3 {
	font-size: 86%;
	color: #666;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: .3em;
}
.searchBox a.link,
.searchBox a.link:visited {
	font-size: 86%;
	color: #777;
	text-decoration: underline
}
/* Error */
.setError {
	margin-top: 2.9em;
	margin-bottom: 1em;
	padding: 1em;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #FFDBEF; /* #FFCCE9; */
	border-bottom: 1px solid #FFDBEF;
	color: #FF0090;
	background-color: #FFEBF6; /* #FFDEF1; */
}
.setErrorImgBig {
	height: 2.2em;
	margin: .4em .4em;
}
.setErrorHeader { 
	font-weight: bold; 
	vertical-align: super;
}
.setError ul {
	margin-top: .2em;
	margin-left: 1.55em; 
	padding: .2em 1em;
}
.setError li {
	margin-top: .2em; 
	margin-left: 0em;
}
.setErrorField {
	color: #000;
}
.setErrorDescription {}
p.fieldError {
	color: #FF0090;
	margin-bottom: .4em;
}
span.fieldErrorText {padding-left: .4em;}	
p.fieldWarning {}
span.fieldWarningText {}

/* wf customized */
table.setConsolidated .dserie,
table.setConsolidated .projekt {
	font-style: italic;
}
table.setConsolidated a.current {
	/* text-transform: uppercase; */
	font-weight: bold;
}

/*** tmp ***/

.buddylist h2,  .chart h2, .wf_stat_box h2 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin-top: .25em;
	margin-right: 1em;
	margin-bottom: 1em;
}
.buddylist table {}
.buddylist table td {
	vertical-align:top;
	padding: .2em .8em .2em 0;
	font-size: 86%;
}
.buddylist div.buddyname {
	border-bottom: 1px solid #E3E3E3; 
	padding-bottom: 3px; 
	color: #555;
	float: left;
	width: 260px;
	overflow: hidden;
}
.buddylist div.buddydata {
	border-bottom: 1px solid #E3E3E3; 
	padding-top: 6px; 
	padding-bottom: 6px;  
	float: left;
	width: 260px;
	overflow: hidden;
}

/*** hacks ***/