body {
  text-align: center;
}

#wrapper {
  margin: 0 auto;
  width: 89.091em;
  text-align: left;
}


/* head */

.head {
  position: relative;
  margin: 0 1.818em;
  width: 85.455em;
  height: 13.455em;
}

.head li {
  float: left;
  display: inline;
}


/* logo */

.logo {
  position: absolute;
  left: 0;
  top: 2.364em;
}


/* locale */

.locale {
  width: 8.909em;
  height: 2.727em;
  padding-left: 0.727em;
}

.locale select {
  width: 7em;
}

.locale fieldset {
  margin-top: 0.455em;
}


/* meta */

.meta {
  height: 2.727em;
  width: 60em;
}

.meta li {
  float: right;
  margin-top: 0.364em;
  padding: 0.364em 0.818em 0.273em;
  border-right: 0.091em solid #f2f2f2;
}


/* search */

.search {
  display: inline;
  width: 30.636em;
  height: 3.273em;
  color: #999;
  background: #f2f2f2;
  border-left: 0.091em solid #fff;
}

.search fieldset {
  position: relative;
  margin: 0 1.091em;
}

#searchQuery {
  position: relative;
  top: 0.818em;
  width: 12.455em;
  border: solid #fff;
  border-width: 0.182em 0.455em 0.364em;
}

.search button {
  top: 0.818em;
  margin: 0 0.091em;
}

.search .checkbox {
  position: absolute;
  top: 1em;
  right: -0.091em;
}


/* settings */

.settings {
  width: 25em;	
}

.fontsize {
  height: 3.273em;
  padding: 0 1.091em 0 0.364em;
  color: #9a9a9a;
  background: #f2f2f2;
}

.fontsize li {
  margin-top: 0.909em;
  padding-left: 0.364em;
}

.settings form {
  height: 3.273em;
  color: #9a9a9a;
  background: #f2f2f2;
}

.settings fieldset {
  margin-left: 1.091em;
}

.settings select {
  position: relative;
  top: 1em;
}

.settings button {
  top: 0.818em;
}

#pageOptions {
	width: 13em;
}


/* main navigation */

.navigation {
  margin-top: 3.727em;
  width: 75em;
  border-bottom: 0.818em solid #009241;
}

.navigation .item {
  padding: 0.091em 1.273em 0.455em;
  border-right: 0.091em solid #f2f2f2;  
}

.navigation .first-item {
  padding-left: 0.818em;
}

.navigation .last-item {
  padding-right: 0;
  border: none !important;
}

.navigation .menu-linklist {
  display: none;
  z-index: 50;
  position: absolute;
  top: 11.364em;
  left: 0;
  width: 85.455em;
  padding-bottom: 1.364em;
  color: #fff;
  background-color: #e77409;
}

.navigation .menu-list {
  margin: 1.636em 0 0 -0.091em;
  padding-left: 2em;
}

.navigation .menu-list-left,
.navigation .menu-list-center {
  width: 29em;
  border-right: 0.091em solid #f09c53;
}

.navigation .menu-list-center,
.navigation .menu-list-right {
  border-left: 0.091em solid #f09c53;
}

.navigation .menu-list ul {
  width: 13.455em;
}

.navigation .menu-list ul li {
  float: none !important;
  display: block;
  padding: 0 0 0.455em !important;
  border: none;
}


/* seperator */

.separator {
  margin-top: 2.364em;
  position: relative;
}


/* key visual */

.keyvisual-welcome {
  position: relative;
  left: 1.818em;
}



.keyvisual-content {
  position: absolute;
  top: -2.364em;
  left: 16.546em;
}

.keyvisual-rotator {
  position: relative;
  overflow: hidden;
}

.keyvisual-rotator-project-top {
  position: relative;
}


.keyvisual-project {
	position: absolute !important;
}

.keyvisual-rotator-project-main {
  top: 0 !important;
  left: 0 !important;
}

.keyvisual-rotator-project-main img, .keyvisual-rotator-project-top img {
  position: absolute !important;
  top: 0;
  left: 0;
}

.keyvisual-rotator img {
  position: absolute;
  top: 0;
  left: 0;
}

.separator .teaser {
  position: absolute;
  left: 4em;
  bottom: 3em;
  float: left;
  padding: 1em 2em 1.636em;
  color: #000;
  background: #fff;
  opacity: 0.75;
  filter: alpha(opacity = 75);
}


/* slogan */

.slogan {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 1.818em;
}


/* quickguide */

.quickguide {
  width: 85.455em;
  height: 5.455em;
  border: solid #b2dec5;
  border-width: 0 1.818em;
  color: #fff;
  background: #009241 url('../gfx/borders/dot.green.jpg') 0 0 repeat;
}

.quickguide .container {
  position: absolute;
  right: 0;
  height: 5.45em;
  padding-right: 1.55em;
  width: 42.55em;
}

.quickguide h2 {
  float: right;
  padding: 1.273em 0.7em 0 0.4em;
  width: 11em;
  text-align: right;
}

.quickguide form {
  z-index: 40;
  position: relative;
  float: right;
  margin-top: 0.85em;
  width: 14.818em;
}

.quickguide select {
  margin-left: 0.727em;
  width: 12.273em;
}

.quickguide .apps {
  z-index: 30;
  position: absolute;
  top: 3.636em;
  right: 1.818em;
  height: 4.546em;
}

.quickguide .apps li {
  float: right;
  padding-left: 0.182em;
  color: #000;
  background: transparent url('../gfx/controls/apps.background.gif');
}

.quickguide .apps li.last {
  padding: 0;
}


/* breadcrumbs */

.breadcrumbs {
  position: relative;
  display: block !important;
  z-index: 20;
  padding: 1.273em 1.364em;
  color: #666;
  background: #eee;
}

.breadcrumbs h2,
.breadcrumbs ul,
.breadcrumbs li {
  display: inline;
}

.breadcrumbs h2,
.breadcrumbs li {
  padding-right: 0.636em;
  white-space: nowrap;
}

.breadcrumbs img {
  position: relative;
  left: 0.091em;
}


/* main */

.main {
  position: relative;
  margin: 0 1.818em;
  padding-bottom: 1em;
  width: 85.455em;
  border-bottom: 0.091em solid #f0f0f0;
}

.main .portals,
.main .content-wrapper {
  padding-top: 1em;
  width: 64.091em;
}

.main .teasers {
  width: 64.182em;
}

.main .content {
  width: 42.727em;	
}

.main .service,
.main .lefthand,
.main .margin {
  width: 21.363em;
}

.main .service,
.main .lefthand {
  padding-top: 1em;
}

.main .tagcloud {
  width: 21.273em;
}

.main .tagcloud,
.main .teasers {
  margin-top: 1em;
  border-top: 0.909em solid #f2f2f2;  
}


/**
 * Preliminary
 */

.preliminary .return {
  height: 1.455em;
  padding: 0.546em 2em 0.364em;
  border-bottom: 0.091em solid #ccc;
}


/**
 * sub navigation
 */

.subnavigation h2 {
  padding-top: 0.636em;
  padding-left: 1em;
  line-height: 0.455em;
  border-left: 0.273em solid #00a1e1;
}

.subnavigation form {
  height: 3.546em;
  margin: 0.455em 1.818em 0;
  background: transparent url('../gfx/borders/dotted.double.grey.gif');
}

.subnavigation fieldset {
  position: relative;
  top: 0.273em;
  height: 3em;
  color: #000;
  background: #fff;
}

.subnavigation select {
  position: relative;
  top: 0.636em;
  width: 15.182em;
}

.subnavigation button {
  position: absolute;
  top: 0.727em;
  right: 0;
}

.subnavigation ul {
  padding: 0 1.818em;
}
.subnavigation li {
	border-bottom: 0.091em solid #fff;
}
.subnavigation .open .last {
  border: 0;
}
.subnavigation .open .open .last,
.subnavigation .open .open .open .last {
	border-bottom: 0.091em solid #fff;
}
.subnavigation ul ul {
  padding: 0;
}
.subnavigation ul a {
  color: #000;
  display: block;
  padding: 0.364em 1.001em;
  overflow:hidden;
}
.subnavigation ul li a:hover,
.subnavigation ul li.active a {
	background: #E87B04 url(../gfx/misc/navigation.orange.gif) top right repeat-x;		
	color: #fff;
}
.subnavigation ul .open {
	border: solid #EBEBEB;
}
.subnavigation ul .active ul .open {
	border:0;	
}
.subnavigation .open .open ul {
	border-top:	 0.091em solid #FFFFFF;
}
.subnavigation ul .active ul a {
	background: #F4F4F4;
	color:#000;
}
.subnavigation ul .open li:first-child a {
	background: #F4F4F4 url(../gfx/misc/navigation.orange.arrow.gif) -6px 0 no-repeat;
}
.subnavigation ul .active ul .active ul a {
	background: #D5D5D5;		
}
.subnavigation ul .active ul a:hover,
.subnavigation ul .active ul .active a:hover {
	background:#555555;
	color:#fff;
	font-weight:bold;
}
.subnavigation .active ul .active ul .active ul li.active a,
.subnavigation .active ul a.leaf,
.subnavigation .active ul .active a.leaf {
	color: #fff;
	background-color: #555;
}
/*
.subnavigation ul .active ul .active a {
	background:#E8E8E8;
}
*/
.subnavigation .active ul .active ul .active ul .active ul .active ul a {
  padding-left: 8em;
}

.subnavigation .active ul .active ul .active ul .active ul a {
  padding-left: 6.4em;
}

.subnavigation .active ul .active ul .active ul a {
  padding-left: 4.8em;
}

.subnavigation .active ul .active ul a {
 	padding-left: 3.185em;
}

.subnavigation .active ul a {
	padding-left: 2.093em;
}

/**
 * Service
 */

.service .linklist {
  padding-top: 1.273em;
  border-top: 0.091em solid #fff;
  border-bottom: 0.091em solid #ddd;
}

.service .linklist .body {
  margin: 0;
}

.service .first {
  padding-top: 0;
  border-top: none;
}

.service .last {
  border-bottom: none;
}


/**
 * Options
 */

.options p {
  padding: 0 1.818em;
}


/* footer */

.footer {
  margin: 0 1.818em;
  padding-bottom: 1em;
  width: 85.455em;
  text-align: center;
  border-top: 0.091em solid #ebebeb;
}

.footer li {
  display: inline;
  padding: 0.182em 0.273em 0.273em 0.636em; 
  border-left: 0.091em solid #eee;
}

.footer li.first,
.footer .certificates li {
  border: none;
}

.footer-meta {
  padding: 0.727em 0 0.818em;
}

.certificates {
  padding-top: 1.546em;
}

.footer .certificates img {
  vertical-align: top;
}


/**
 * Layout customization
 */

.lyt-content .lefthand,
.lyt-content .content-wrapper {
  margin-top: 2em;
}

.lyt-project .content-wrapper {
  padding-top: 0;
}

.lyt-project .breadcrumbs {
  position: absolute;
  width: 26.818em;
}

.lyt-project .preliminary {
  position: relative;
  padding: 0;
}

.lyt-project .breadcrumbs h2,
.lyt-project .breadcrumbs .item-1,
.lyt-project .breadcrumbs .item-4,
.lyt-project .breadcrumbs .item-5,
.lyt-project .breadcrumbs .item-6,
.lyt-project .breadcrumbs .item-7 {
  display: none;
}

.lyt-project .lefthand {
  margin-top: 6em;
}

.lyt-project .options .lefthand {
  margin-top: 2em;
}

.lyt-project .options .content-wrapper {
  margin-top: 2em;
  padding-top: 1em;
}


.lyt-project .panorama .teaserList {
  margin: 0;
}

.lyt-project .content {
  width: 64.091em;
}

.lyt-content-2col .content {
  width: 64.091em;
}