/*   header
================================================ */
#header { float:left; position:relative; left:35px; width:735px; }
#header a#logo { float:right; width:225px; height:50px; line-height:105px; margin-top:4px; }

/*   layout
================================================ */
#container { margin:2em auto; width:990px; text-align:left; }
#outside { clear:left; }

/*   breadcrumbs
================================================ */
#breadcrumbs { float:left; width:735px; height:2.7em; background:#cbcbcb url(/skins/espresto/img/bg_hline_fff.gif) repeat-x left top; border-bottom: 1px white solid; }
#breadcrumbs ul { list-style-type:none; list-style-image:none; height:100%; margin-left:1.5em; }
#breadcrumbs li { float:left; padding-right:0.5em; height:2.5em; line-height:2.5em; }
#breadcrumbs a  { line-height:2.5em; }

/*   general navigation
================================================ */
ul.navi { }
ul.navi li { margin:0; padding:0; font-size: 12px; }
ul.navi a { text-decoration:none; font-size: 12px; }
ul.navi a:hover { text-decoration:underline; }

/*   top navigation
================================================ */
ul.navi.top { float:left; margin:2em 0 3em 0; }
ul.navi.top li { float:left; padding-right:1em;  }
ul.navi.top li.last { padding-right:0; }
ul.navi.top a { line-height:1.5em; color:#4b4b4b; }
ul.navi.top a:hover { text-decoration:underline; }
ul.navi.top li.selected {  }
ul.navi.top li .search-button { margin-left:0.5em; }

/*   main navigation
================================================ */
#mainnavicontainer { clear:left; width:735px; height:40px; overflow:visible; }

ul.navi.main { position:absolute; width:735px; height:40px; }
li.navimain { float:left; display:block; height:100%; background:#cbcbcb url(/skins/espresto/img/bg_vline_fff.gif) repeat-y right top; }

li.navimain.de.item1 { width:110px; }
li.navimain.de.item2 { width:98px; }
li.navimain.de.item3 { width:105px; }
li.navimain.de.item4 { width:96px; }
li.navimain.de.item5 { width:111px; }
li.navimain.de.item6 { width:73px; }
li.navimain.de.item7 { width:68px; }
li.navimain.de.item8 { width:74px; }

li.navimain.en.item1 { width:92px; }
li.navimain.en.item2 { width:89px; }
li.navimain.en.item3 { width:122px; }
li.navimain.en.item4 { width:100px; }
li.navimain.en.item5 { width:113px; }
li.navimain.en.item6 { width:75px; }
li.navimain.en.item7 { width:70px; }
li.navimain.en.item8 { width:74px; }

li.navimain a { display:block; width:100%; height:21px; padding:13px 0 6px 0; text-align:center;
	text-decoration:none; white-space:nowrap; border:none; }
li.navimain a:hover { background:#dedede url(/skins/espresto/img/bg_vline_fff.gif) repeat-y right top; }
li.navimain.selected a { font-weight:bold; }
li.navimain.last { background:#fff url(/skins/espresto/img/bg_vline_cbcbcb.gif) repeat-y right top; }
li.navimain.last a { background-image:url(/skins/espresto/img/bg_hline_cbcbcb.gif);
	 background-repeat:repeat-x; background-position:left top; }
li.navimain.last a:hover { background:none; background-color:#dedede; }

/*  tagit, wiki main navigation */
ul.navi.main.subdomain li.navimain { width:147px; }

/* xwiki main navigation */
ul.navi.main.subdomain.esp-xwiki li.navimain.item1 { width:100px; }
ul.navi.main.subdomain.esp-xwiki li.navimain.item2 { width:108px; }
ul.navi.main.subdomain.esp-xwiki li.navimain.item3 { width:136px; }
ul.navi.main.subdomain.esp-xwiki li.navimain.item4 { width:109px; }
ul.navi.main.subdomain.esp-xwiki li.navimain.item5 { width:92px; }
ul.navi.main.subdomain.esp-xwiki li.navimain.item6 { width:102px; }
ul.navi.main.subdomain.esp-xwiki li.navimain.item7 { width:88px; }

/*   left navigation
================================================ */
ul.navi.left { margin:1.5em 0 0 0; padding:0; }
ul.navi.left li { /*padding-left:0.7em; text-indent:-0.7em;*/ padding-top:0.5em; line-height:1.1em; }
ul.navi.left ul.navi li { padding-left:0.7em; }
ul.navi.left li a:hover { color:#fff; text-decoration:none; }
ul.navi.left li a.active,
ul.navi.left li a.inpath { color:#fff; }

/*   bottom navigation
================================================ */
ul.navi.bottom { float:left; width:735px; margin:15px 0; }
ul.navi.bottom li { float:right; padding-right:1em; }
ul.navi.bottom li.copyright { padding-right:0; color:#666; }
ul.navi.bottom li.selected { }
ul.navi.bottom a { color:#4b4b4b; }
ul.navi.bottom a:hover { text-decoration:underline; }

/*   homepage
================================================ */
#page-homepage #main { width:735px; position:relative; top:1px; left:35px; background-color:#cbcbcb; height:55px; }
#page-homepage #maincontent { position:absolute; left:-35px; top:55px; width:990px; height:223px; overflow:hidden; }

#page-homepage #maincontent div.bgleft { float:left; width:413px; height:223px; }
#page-homepage #maincontent div.bgright { position:absolute; left:413px; width:577px; height:223px; }
#page-homepage #maincontent a.teaser { display:block; position:absolute; top:0; left:419px; width:350px; height:223px;
	text-decoration:none; }
#page-homepage #maincontent a.teaser:hover span.p { color:#b30015; }
#page-homepage #maincontent a.teaser span.p img.arrow { width:9px; height:9px; }
#page-homepage #maincontent span { display:block; position:relative; top:1em; }
#page-homepage #maincontent span.h1 { width:280px; height:155px; margin:0 0 0 1em; font:28px/38px Helvetica, Arial, sans-serif; }
#page-homepage #maincontent span.h1.en { font:24px/32px Helvetica, Arial, sans-serif; }

#page-homepage #maincontent span.p { text-align:right; padding-right:1.5em; font:13px/18px Helvetica, Arial, sans-serif; }
#page-homepage #teaserblocks { clear:both; height:137px; padding:30px 0 5px 0; background-color:#cbcbcb; }
#page-homepage .teaser.block { float:left;  }

#page-homepage .teaser.block.two {  background-image:url(/skins/espresto/img/bg_hp_teaser_border.gif);
	background-repeat:repeat-y; background-position:left top; }
#page-homepage .teaser.block.three { float:right; }

#page-homepage .hp-teaser-bottom { color:#fff; background-color:#666; min-height:40px; padding:3px 15px; }
#page-homepage .hp-teaser-bottom span.p {  }
#page-homepage .hp-teaser-bottom strong { color:#fff; }

#page-homepage #hp-top-para {  }
#page-homepage #hp-top-para p { margin:0; padding:10px 15px; }

#page-homepage #hp-content { width:735px; position:absolute; top:278px; }

#page-homepage #content-para { position:relative; height:auto; min-height:30px; background-color:#cbcbcb;
	/* ie6 border */ border-top:1px solid #cbcbcb; }
#page-homepage #content-para p { margin:0; padding:29px 15px 30px; font:15px/18px Helvetica, Arial, sans-serif; }

#page-homepage #content-blocks { }

#page-homepage.espresto #col-content-block { position:relative; z-index:1; width:735px; height:auto;
	background:url(/skins/espresto/img/bg_hp_col-content-block.gif) repeat-y 0 0; }
#page-homepage.mywiki #col-content-block { z-index:1; width:735px;
	background:url(/skins/espresto/img/bg_hp_col-content-block_solid.gif) repeat-y 0 0; }
#page-homepage #col-content-block img.hp-img { border: none; }
#page-homepage #col-content-block img.hp-img.border { padding:2px; border: 1px solid #666; }
#page-homepage div.col-content { /* ie6 z-index-bug */ position:relative; z-index:1; }
#page-homepage div.col-content h2 { margin-top:0; padding-top:15px; }
#page-homepage div.col-content.left { float:left;  width:350px; padding-left:15px;  }
#page-homepage div.col-content.right { float:right; width:305px; padding-right:15px; display:inline; }


/*   homepage teaser/ left side teaser
================================================ */
.teaser.block { position:relative; height:137px; }

.teaser.block .hdl { display:block; font:bold 12px/16px Arial, Helvetica, sans-serif; padding:3px 15px; }
.teaser.block p { margin:0; padding:0; }

.teaser.block p,
.teaser.block span.p,
.teaser.block table { display:block; position:relative; left:15px; font-size:1em; }

.teaser.block.one { clear:left; width:187px; color:#fff; background-color:#c33; }
.teaser.block.one a { color:#fff; }
.teaser.block.one a:hover { text-decoration:underline; }
.teaser.block.one p,
.teaser.block.one span.p { width:157px; }

.one.first { height:92px; }
#page-homepage .one.first { height:61px; }
.one.second { height:76px; }

.teaser.block.two { width:199px; color:#000; background-color:#dedede; }
.teaser.block.two p,
.teaser.block.two .p { width:169px; }

.teaser.block.three { width:344px; color:#fff; background-color:#666; }
.teaser.block.three a { color:#fff; }
.teaser.block.three table.pressreports,
.teaser.block.three table.wdg-content { table-layout:auto; width:314px; }
.teaser.block.three table.pressreports td,
.teaser.block.three table.wdg-content td { white-space:nowrap; }
.teaser.block.three td.date { padding:0 0.5em 0 0; float:right; width:6.5em; }
.teaser.block.three td.shorttitle { }

.teaser.block span.more { color:#fff; font-weight:normal; }

#teaser-sites { float:left; }
.teaser .pressreports { margin-bottom:10px; }

/*   hubpage or contentpage
================================================ */
div.content { margin:1em 1.5em; padding:0; }
div.content p a { white-space:nowrap; }

/* main content table */
#main { position:relative; left:35px; width:955px; }
#main td.left { width:187px; }
#main td.right { width:242px; }
#main td.center { width:548px; background-color:#f8f8f8;}
#page-hubpage #main td.center { background-color:#dedede; }

#main tr#top td.left,
#main tr#top td.right,
#main tr#images td.left,
#main tr#bottom td.left { background-color:#b7b7b7; }
#main tr#top td.left { height:155px; min-height:155px; }
tr#bottom td.left { vertical-align:bottom; }


/* ___ marginalspalte ___ */
#main td.right .content h3 { color:#000; }
#main td.right .content .right-content-list li { margin-bottom: 2em; }
#main td.right .content img { margin: 0 auto; }
div.right-sep {
	background-image: url(/skins/espresto/img/bg_hline_fff.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
span.right-sep {
	font-size: 12px;
	margin-left: 10px;
	padding: 0 3px;
	background-color: #b7b7b7;
	color: #fff;
}

#main tr#images img.bg { z-index:1; } /* Opera 8 */
#main tr#images td.left { height:174px; } /* for IE 5.5 */
#main tr#images td.left img.bg { position:relative; left:-31px; }

div.contentmain { margin:1em 3.5em; padding:0; }
div.contentmain p { line-height:1.4em; }

div.contentmain.footertext { background-color:#dedede; margin:3em 0 0 0; padding:0; }
div.contentmain.footertext h2 { border-bottom:1px solid #fff; margin:0; padding:0.5em 3.5em; }
div.contentmain.footertext p,
div.contentmain.footertext ul { padding:0.75em 3.5em; }

table.teaserlist { position:relative; left:40px; width:622px; height:176px; background-color:#666;
	z-index:1; /* Opera 8 */ }

table.teaserlist td { height:58px; width:336px; }
.large-teaser table.teaserlist td { height:116px; }
table.teaserlist td.first-col { width:286px; }
table.teaserlist a { display:block; width:256px; height:100%; padding:0 15px; color:#fff; text-decoration:none; }
table.teaserlist a:hover { background-color:#4b4b4b; }
table.teaserlist span.hdl { display:block; margin:0; padding:3px 0 0 0; text-decoration:underline; font-size: 12px; }
table.teaserlist span.p { text-decoration:none; }

/*   references
================================================ */
#page-hubpage-references ul.teaserlist {
	left:0;
	width:470px;
	height:auto;
	margin-top:30px;
}
#page-hubpage-references ul.teaserlist li {
	clear:left;
	margin-bottom:10px;
	padding:0 0 20px 0;
}
#page-hubpage-references ul.teaserlist div.teaser {
	display:block;
	float:left;
	width:170px;
	height:auto;
	margin:0 30px 0 0;
	padding:0;
	color:#000;
}
#page-hubpage-references ul.teaserlist h2 {
	margin:0 0 6px 0;
	background:url(/skins/espresto/img/list_bullet_red.gif) no-repeat left center;
	padding-left:15px;
}
#page-hubpage-references ul.teaserlist h2 a {
	font-size:12px;
	text-decoration:underline;
}
#page-hubpage-references ul.teaserlist h2 a:hover {
	text-decoration:none;
}
#page-hubpage-references ul.teaserlist p {
	margin:5px 0 5px 15px;
	color:#666;
}
#page-hubpage-references ul.teaserlist div.logo {
	float:left;
	display:block;
	width:270px;
}
#page-hubpage-references ul.teaserlist div.logo img.image-center {
	margin:0;
	display:inline;
}
#page-hubpage-references ul.teaserlist div.logo img.center {
	margin:0 auto 40px auto; /* override */
}
#page-hubpage-references ul.teaserlist.references-without-image li {
	clear:none;
	float:left;
	margin-bottom:0;
}
#page-hubpage-references ul.teaserlist.references-without-image div.teaser {
	width:200px;
	height:80px;
}
#page-hubpage-references ul.teaserlist.references-without-image div.logo {
	display:none;
	width:0;
}

/*   press
================================================ */
#page-press tr#top td.center  { background-color:#dedede; }
#page-press tr#images table { table-layout:auto; }
#page-press tr#images td { padding-bottom:1em; }
#page-press tr#images td.date a { font-weight:bold; white-space:nowrap; padding-right:1em;}
#page-press tr#images td.title a {  }
#page-press h2.pressreports { position:relative; top:-2.5em; margin:0; padding:0.5em 3.5em; border-top:1px solid #fff;  }

#page-press div.contentmain.footertext { margin-top:-2.5em; }

p.pressfooter { margin-top:2em; }
div.pressbacklinks  { margin-top:3em; }
div.pressbacklinks a { margin-bottom:1em; line-height:2em; }
div.press-img { float:left; border-left:1px white solid; width:290px; }
div.contentmain.press { float:left; margin:0 0 0 15px; width:228px; }

table.pressarchivelinks { }

ul.press-teaser-list { }
ul.press-teaser-list li { clear:left; display:block; }
a.press-teaser-date { display:block; float:left; width:85px; text-align:right; overflow:visible; white-space:nowrap; font-weight:bold; }
a.press-teaser-text { display:block; float:left; position:relative; left:10px; width:376px; margin-bottom:1em; text-decoration:none; }
a.press-teaser-text:hover span.more { text-decoration:underline; }

ul.pressarchivelist { }
ul.pressarchivelist li { display:block; float:left; width:110px; }
ul.pressarchivelist li a { white-space:nowrap; color:#000; }
ul.pressarchivelist li a.active { color:#666; }

/*   archive teaser
================================================ */
.teaser-list { padding-top:10px; }
.archive-teaser { padding-bottom:25px; }
.archive-teaser .teaser-content { float:right; }
.archive-teaser .teaser-hdl { padding-bottom:5px; }
.archive-teaser .teaser-hdl h2 { color:#666; margin:0; }
.archive-teaser h2 a,
.archive-teaser h2 a:visited { color:#666; font-size:12px; font-weight:bold; text-decoration:underline; }
.archive-teaser h2 a:hover { text-decoration:none; }
.archive-teaser .teaser-image { float:left; }
.archive-teaser .teaser-image img { padding:2px; border:1px solid #666; }
.archive-teaser .teaser-para { padding-top:5px; }
.archive-teaser .teaser-para p { margin:0; }
.archive-teaser .metainfo { font-style:italic; }

/*   pagination navigation
================================================ */
.pagination-navigation { width:470px; text-align:center; padding:0; margin: 0 auto; }
.pagination-navigation ul.navi { text-align:left; list-style-type:none; display:inline; margin:0; }
.pagination-navigation ul.navi li { display: inline; }
.pagination-navigation ul.navi li a { color:#cc3333; }
.pagination-navigation ul.navi li a:hover { text-decoration:underline; }
.pagination-navigation ul.navi li.high { }
.pagination-navigation ul.navi li.high a { font-weight:bold; margin:2px; text-decoration:underline; }

/*   initiatives
================================================ */
.logo-links { clear:both; margin-top:2em; }
.logo-links img.image-center { margin:0 5px 20px 50px; display:inline; }

/*   sitemap
================================================ */
#page-sitemap div.contentmain { margin:1em 0 1em 3.5em; padding:0; }
#page-sitemap .clear { height:1.5em; }

/* 2 columns */
ul.sitemap { float:left; width:230px; margin:0 10px 0 0; }
ul.sitemap.lastcol { margin:0; }
ul.sitemap li h2 { margin:1.5em 0 0 0; }
ul.sitemap ul { margin:0; list-style-position:inside; list-style-type:square; }
ul.sitemap li li { color:#c33; text-indent:-1.5em; padding:0.5em 1em 0 1.5em; line-height:1.5em; }
ul.sitemap li li li { color:#b7b7b7; line-height:1.1em; }
ul.sitemap a { color:#000; }

/*   search
================================================ */
#search-doclang-chooser { margin-top:2em; height:2em; line-height:2em; }
#search-doclang-chooser input#doclang_all { margin-left:0.5em; }
#search-doclang-chooser input.radio { margin:0; padding:0; vertical-align:-0.2em; }
#search-doclang-chooser label { padding:0 0.5em 0 0;  }

#search-field { margin:1em 0 3em 0; }
#search-field .search-button { margin-left:0.5em; }

div.prev-next { height:1.5em; }
div.prev-next.first { margin-top:2em;  }
div.prev-next.last { margin-bottom:2em;  }
div.prev-next a.prev { float:left; }
div.prev-next a.next { float:right; }

#search-result { width:43em; margin:0.5em 0; table-layout:fixed;
	border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; }
#search-result td { padding:1em 0; }
#search-result span.hdl { display:block; font-size:109.09%; font-weight:bold; }
#search-result span.paragraph { display:block; margin:0.2em 0; line-height:1.2em; }
#search-result td.nr { text-align:right; width:4em; }
#search-result td.data { width:39em; }
#search-result td.data span.url { color:#c33; }

#search-result td.data a { display:block; position:relative; left:2em; padding:0 0em; width:37em; }
#search-result td.data a:hover { position:relative; left:1em; padding-left:1em; padding-right:1em;
	text-decoration:none; background-color:#dedede; }

#search-result span.highlight { padding:0 0.2em; background-color:#dedede;}

/*   tagit, wiki homepage teasers
================================================ */
.hp-block { position:absolute; left:0; top:0; width:330px; height:226px; background-color:#b7b7b7; }
.hp-block .overlay { display:block; position:absolute; left:0; top:0; width:44px; height:44px;
	background-color:#fff; vertical-align:0; filter:alpha(opacity=20);
	-moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2; z-index:21; }

.hp-block h2 { margin:0; padding:0; height:44px; background-color:#39393c; }
.hp-block h2 a { display:block; color:#fff; white-space:nowrap; height:100%; text-indent:14px;
	letter-spacing:0.1em; font-size:24px; line-height:45px;
}
.hp-block-left { position:absolute; left:0; top:44px; width:175px; height:182px; }
.hp-block-right { position:absolute; left:175px; top:44px; width:155px; height:182px; }

.hp-block.block2 { left:330px; }
.hp-block.block2 h2 { background-color:#666; }
.hp-block.block3 { left:660px; }
.hp-block.block3 h2  { background-color:#c33; }

ul.hp-block-list { margin:15px 7px 0 20px; padding:0; list-style-type:square; list-style-position:outside; }
ul.hp-block-list li { margin:0 0 1em 0; padding:0; font-size:14px; }
ul.hp-block-list li * { font-size:14px; }

.hp-block img.internal, .hp-block img.external { display:none; }