/**
 * Copyright © 2007 User Interface Design GmbH. All Rights Reserved.
 *
 * File: uidweb4.css
 *
 * Description: Style sheet for media type 'screen'
 *
 * Last modified at: 23 October 2007
 *
 * Last modified by: Juergen Kayser <juergen.kayser_ext@uidesign.de>
 *
 */


/**************************************** Main ****************************************/

/*
border: 1px solid red;
*/

html {
	background:url(bg_bottom.gif) repeat-y center top;
	height:100%;
	margin-bottom:1px
}

body {
	background: url(bg_radial.jpg) no-repeat scroll center top;
	color:#000;
	font-size:1em;
	margin:0;
	min-height:895px;
	padding:0;
	text-align:center;
}

#container {
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	padding:0;
	position:relative;
	text-align:left;
	width:916px;
}

* html #container {
	height: 100%; /* IE Hack for 100% Height */
}

.container-bg-default {
}

.container-bg-no-sidebar {
}

.container-bg-no-submenu {
	background-image: url(bg_seperator_home.png);
	background-repeat: repeat-y;
	background-position: right;
}

#mainarea {
	float: left;
	width:900px;
	background-color: #fff;
	display:inline;
	line-height:1em;
}
#mainarea #home-img {
	display: block;
	padding-bottom:20px;
}

#header {
	background: url("shadow_header.png") no-repeat left bottom;
	height: 2.7em;
	padding-left:8px
}

#shadow-box {
	background:transparent url("shadow_left_right.png") repeat-y left top;
	float:left;
	height:100%;
	padding:0 8px;
	width:900px
}

img {
	border: 0px;
}

/*
.ie-centering { For centering uls in IE
	clear: both;
	text-decoration: none;
	display: inline-block;
}
*/

.clear { /* IE Fix */
	font-size: 1px;
	height: 1px;
}

.clear-both {
	clear: both;
}

* html .visualIEFloatFix {
	height: 0.01%;
}

.flash {
	border: 1px #F0F0F0 solid;
	margin-right: 6px;
	margin-top: 6px;
	margin-bottom: 0px;
	padding: 0px;
}

form {
	margin: 0px;
}

/**************************************** Language ****************************************/
#language,#language li,#language a,#language #current a {
	float:left;
	display:inline
}
#language {
	padding-left: 0px;
	margin:13px 0 0 9px;	
}
#language ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#language li {
	padding-right:9px;
	padding-left:9px;
}
#language a  {
	color: #808080;
	background-color: transparent;
	/*font-size: 9px;*/
	/*font-size: 9px;*/
	font: normal 0.56em Verdana, arial, sans-serif; 
	text-decoration: none;
}
#language #current a {
	font-weight: bold;
}

/*spacer language*/
.spacer-white {
	background:url(menu_spacer.gif) no-repeat right center
}

/*spacer footer*/
.spacer-black {
	background:url(menu_spacer_black.gif) no-repeat right center
}

/**************************************** Search ****************************************/
#search {
	margin-left: 64px;
	margin-top: 9px;
	float: left;
	display:inline;
	border: 1px solid #d7d7d8;
	background-color: #FFFFFF;
	height: 1.15em;
}
input.search-frame {
	float: left;
	display:inline;
	border: 0 solid #fff;
	color: #808080;
	background-color: #FFFFFF;
	font: normal 0.7em Verdana, arial, sans-serif; 
	text-decoration: none;
	text-indent: 2px;
	margin-top: 1px;
}
input.search-frame:focus {
	color: #404040;
	background-color: #FFFFFF;
}
input.search-button {
	float: left;
	display:inline;
	margin: 5px 5px 4px 5px;
}

p.search-results {
	margin: 0 0 9px -1px;
	padding: 0;
	width: 500px;
	border: 1px solid #f9f9f9;
}
p.search-results a {
	color: #F08400;
	font-weight: bold;
	text-decoration: none;
}
p.search-results a.search-link {
	background:url(more_arrow.gif) no-repeat right center;
	color:#000;
	font-size:1em;
	font-weight:normal;
	padding-right:12px;
	display:inline-block;
	width:98%
}
p.search-results:active,
p.search-results:focus,
p.search-results:hover {
	cursor:pointer
}
p.search-results a:active,
p.search-results a:focus,
p.search-results a:hover,
p.search-results:active a,
p.search-results:focus a,
p.search-results:hover a {
	text-decoration:underline
}
p.search-results .search-link:active,
p.search-results .search-link:focus,
p.search-results .search-link:hover,
p.search-results:active .search-link,
p.search-results:focus .search-link,
p.search-results:hover .search-link {
	color:#808080;
	text-decoration:none
}

/**************************************** Menu ****************************************/
#menu {
	display: inline;
	float: left;
	font-size: 0.7em;
	margin: 0 0 0 17px;
	min-height: 333px;
	padding: 0;
	width: 141px;
	background: transparent url(bg_img_menu.png) no-repeat right top;
}

#menu ul {
	margin: 0;
	padding: 0 9px 0 0;
	list-style: none;
	width:auto;
}

#menu li {
	margin: 0;
	padding-bottom: 0;
}

#menu #menu-active{
  margin-bottom: 15px;
}

#menu a {
	background-color: transparent;
	color: #808080;
	font-family: Verdana, arial, sans-serif; 
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	vertical-align: bottom;
	display: block;
	padding-top:0;
	margin-top:0;
	margin-bottom: 19px;
}

#menu a:hover,
#menu a:focus,
#menu a:active {
	color:#F08400;
}

#menu #menu-active a {
	font-weight: bold;
	color:#F08400;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}

#menu #menu-active a:hover,
#menu #menu-active a:focus,
#menu #menu-active a:active {
  color:#F08400;
}

#menu #menu-passive a {
	font-weight: bold;
	color:#404040;
	padding-left: 0;
	margin-bottom: 0;
}

#menu #menu-passive a:hover,
#menu #menu-passive a:focus,
#menu #menu-passive a:active {
  color:#F08400;
}

#menu ul ul {
	margin-bottom: 19px;
	margin-top: 12px;
	padding:0;
	margin-left:5px;
	margin-top: 0;
}

#menu ul ul li{
	color: #000000;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif; 
	font-weight: normal;
	font-size:1em;
	text-decoration: none;
	margin:0;
	padding:0;
}

#menu ul ul li a{
  padding-left: 7px;
}

#menu #menu-active li a:hover,
#menu #menu-active li a:focus,
#menu #menu-active li a:active {
 	color:#F08400;
}

#menu #menu-active li a,
#menu #menu-passive li a {
	font-weight: normal;
	color:#404040;
	margin-left: 1px;
	padding-left:7px;
	padding-bottom: 0px;
	margin-top:8px;
	background: url(list_img.gif) no-repeat left 7px;
}
#menu #menu-passive li a:hover,
#menu #menu-passive li a:focus,
#menu #menu-passive li a:active {
	color:#F08400;
}

#menu li #menu-active a {
	font-weight: bold;
	color:#f08400;
}

#menu ul ul #menu-active{
	margin-bottom: 8px;
}

#menu li #menu-active a:hover,
#menu li #menu-active a:focus,
#menu li #menu-active a:active {
  color:#F08400;
}

/**************************************** Content ****************************************/

#content {
	font-family: Verdana, arial, sans-serif;
	font-size: 0.7em;
	padding:2px 0 27px 26px;
	float:left;
	min-height:560px;
	margin:0;
	display:inline
}

.default {
	width: 450px;
}

.no-submenu {
	width: 581px;
}

.no-sidebar {
	width: 682px;
}

h1,
h1 a { 
	color: #404040; 
	background-color: transparent;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding:0;
}
h1{
	font-size: 1.27em;
	margin: 0 0 17px 0;
}

h1 a { 
	font-size: 1em;
	margin: 0;
}

h2,
h2 a {
	color: #808080;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif; 
	font-weight: bold;
	text-decoration: none;
}
h2 { 
	font-size: 1.27em;
	margin: 0 0 8px 0;
	padding-top: 1px;
}
h2 a{
	font-size: 1em;
}
h2 a:hover,
h2 a:focus,
h2 a:active {
	color: #808080;
	text-decoration: underline;
}
.anchor:hover,
.anchor:focus,
.anchor:active {
  text-decoration: none;
}
b a.anchor {
	color: #000000;
	font-weight:bold;	
}
h2 b {
	font-family: Verdana, arial, sans-serif; 
	font-weight: bold;
	font-size: 1em;
}
.right h2,
h3,
h2 { 
	color: #f08400;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif; 
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin: 8px 0 8px 0;
}
.right h3{
  margin-top:1px;
}
.right h2{
  margin-top:1px;
}
h3 a { 
	color: #f08400;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif; 
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}
h4,
h4 a { 
	color: #f08400;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
h4{
	margin: 0 0 9px 4px;
	font-size: 1.09em;
}
h4 a {
	font-size: 1em;
}
p { 
	color: #000000;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif; 
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	padding: 0 0 8px 0;
	margin: 0;
}

p.warning {
	font-weight: bold;
	color: #B31B2C;
	background-color: transparent;
}
p.right {
	text-align: right;
}
p.left {
	text-align: left;
}
p.center {
	text-align: center;
}
p.float-left {
	float: left;
	padding: 0;
	margin: 2px 0 0 0;
	display:inline;
}
p.float-right {
	float: right;
	padding: 0;
	margin: 0;
	display:inline;
}
p b{
  color:#808080;
}

img.image-right {
	margin: 4px 0 3px 9px;
	padding:0;
}

a { 
	color: #406880; 
	font-family: Verdana, arial, sans-serif; 
	font-weight: normal;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

#content ul { 
	padding: 0 0 16px 20px;
	margin: 0;
}
#content li { 
	color: #000000;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif; 
	font-weight: normal;
	font-size:1em;
	text-decoration: none;
	padding-bottom:2px;
}
#content ol { 
	padding: 0 0 16px 20px;
	margin: 0 0 0 10px;
}
#content ol li { 
	padding-bottom: 8px;
}
#content ol ol { 
	list-style-type: lower-latin;
	padding: 0 0 0 20px;
	margin: 0;
}
#content ol ol li { 
	padding-top: 8px;
	font-size: 1em;
}

.more {
	background: url(more_arrow.gif) no-repeat right 4px;
	padding-right: 12px;
}
.goto-top{
	margin-bottom: 39px;
	margin-top:0;
	padding:0;
}
a.extern {
	background: url(external_link.png) no-repeat left 4px;
	padding-left:11px;
	padding-top:0;
	display:inline-block;
}

ul a.extern {
	display:inline;
}

img.extern {
	margin: 0 0 0 3px;
}

a.pdf,.pdf a {
	background:url(pdf.gif) no-repeat left top;
	padding:3px 0 3px 20px;
}
.pdf {
  margin-bottom: 9px;
}

a.resize,a.resize_new {
	background:url(icon_resize.gif) no-repeat right bottom;
	padding-right:16px;
}

a.resize_new {
	color:#000
}

a.resize_new:hover,
a.resize_new:focus{
  color: black;
  text-decoration: none;
}
/*
span.img-caption {
	color: #585858;
	font-size: 0.85em;
	text-align: left;
	margin-bottom: 15px;
	float: left;
}*/

b.orange {
	color: #F08400; 
	background-color: transparent;
}

/* IE Hacks for "background-image disapears if link is on new line" */
* html .more {
	padding-left: 1px;
}

* html .extern {
	padding-left: 1px;
}

#content #default {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	clear: left;
}
#content .left {
	width: 143px;
	float: left;
	display:inline;
	margin: 11px 0 0 0;
	padding-right: 12px;
}
.default .left{
	display:block;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 100%;
}

#content #imagebar h1 {
	width: 385px;
}

#content #imagebar .left {
	clear: both;
	float: left;
	width: 385px;
	margin: 0;
	padding-right: 35px;
}

#content #imagebar .right {
	margin-right: auto;
	margin-left: auto;
}

#content #imagebar .right .image {
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	width: 215px;
	float: right;
	clear: right;
}

#content #iconlist .left {
	width: auto;
	float: left;
	margin: 3px 0 0 1px;
	padding-right: 12px;
}

#content #iconlist .right {
	float: left;
	margin: 0;
	width: 335px;
}

#content #imagelist-big .left {
	width: auto;
	float: left;
	margin: 0;
	padding-right: 12px;
}

#content #imagelist-big .right {
	float: left;
	margin: 0;
	width: 540px;
}

#content #imagelist-small .right {
	float: left;
	margin: 0 0 10px 0;
	width: 272px;
}

#content #imagelist-small .left {
	background:url("img_border_shadow.png") no-repeat left top;
	display:inline;
	float:left;
	height:94px;
	margin:2px 0 0 -4px;
	padding:8px 26px 8px 8px;
	text-align:center;
	width:128px
}

#content #imagelist-small .left img{
	display: inline;
}

#content .teaser:hover a,
#content .teaser:focus a{
  color: #808080;
  text-decoration: none;
}
#content .teaser:hover .teasertext,
#content .teaser:focus .teasertext{
  color: #808080;
  text-decoration: none;
}
#content .teaser:hover h3 a,
#content .teaser:focus h3 a{
  text-decoration: underline;
  color: #f08400;
}
#content .teaser:hover .headline,
#content .teaser:focus .headline{
  text-decoration: underline;
  color: #f08400;
}
#content .teaser:hover p,
#content .teaser:focus p{
  color: #808080;
}
#content .teaser-nolink:hover p,
#content .teaser-nolink:focus p{
  color: #000000;
}
#content .teaser:hover p .extern,
#content .teaser:focus p .extern{
  color: #000000;
}
#content .teaser p a{
  color: #000000;
}


#content #imagelist-huge .left {
	width: auto;
	float: left;
	margin: 0px;
	padding-right: 12px;
}

#content #imagelist-huge .right {
	float: left;
	margin: 0px;
	width: 490px;
}

.previous-project {
	background:url(project_previous.gif) no-repeat left center;
	padding-right:0;
	padding-left:19px;
	margin-left:10px;
	margin-right:10px
}
.next-project {
	background:url(project_next.gif) no-repeat right center;
	padding-right:19px;
	padding-left:0;
	margin-left:10px;
	margin-right:10px
}

.disabled {
	color: #000000;
	background-color: transparent;
}

.project-overview {
	background: url(project_overview.gif) no-repeat left center;
	padding-right: 0px;
	padding-left: 19px;
	margin-left: 10px;
	margin-right: 10px;
}

/**************************************** Footer ****************************************/

#footer {
	background:url(bg_bottom.gif) repeat scroll center center;
	height:78px;
	clear:both;
	color:#000;
	width:100%
}

* html #footer {
	bottom: -1px; /* IE Hack: For IE bottom: 0; is the same as bottom: 1px; */
}

#footer_container {
	background:url(bg_footer.gif) no-repeat left top;
	height:100%
}

#footer ul {
	padding-top: 8px;
	list-style: none;
	margin: 0px;
}
#footer li {
	float: left;
	color: #404040;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif;
	font-weight: normal;
	font-size:0.56em;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	display:inline;
}
#footer a  { 
	 color: #404040;
	 background-color: transparent;
	 font-family: Verdana, arial, sans-serif; 
	 font-weight: normal;
	 font-size:1em; 
	 text-decoration: none;
}

#footer ul#de {
	padding-left: 192px;
}
#footer ul#en {
	padding-left: 208px;
}

/**************************************** Sidebar ****************************************/

#sidebar {
	margin:-1px 0 0 0;
	padding:0 34px 0 0;
	float:right;
	width:184px;
	display:inline;
}

.sidebar-box {
	width: 184px;
	padding: 0 0 20px 0px;
}

.sidebar-box h1,
.sidebar-box h2,
.sidebar-box h2 a {
	color: #f08400;
	background-color: transparent;
	font-family: Verdana, arial, sans-serif; 
	font-weight: bold; 
	text-decoration: none;
	padding: 0;
}
.sidebar-box h1 {
	font-size: 1em;
	margin: 0 0 0 4px;
}
.sidebar-box h2 {
	font-size: 0.69em;
	margin: 0 0 0 4px;
}
.sidebar-box h2 a{
	font-size: 1em;
	margin: 0;
}
.sidebar-box p {
	font-size: 0.69em;
	margin:0 0 0 5px;
	padding:5px 0 0;
	clear:left;
}
.sidebar-box ul {
	padding: 12px 0 0 0;
	margin: 0 0 0 19px;
}
.sidebar-box li {
	font-family: Verdana, arial, sans-serif; 
	font-weight: normal; 
	font-size: 0.7em;
	text-decoration: none;
}

#sidebar p.float-left{
	background:url(img_border_shadow.png) no-repeat left top;
	height:96px;
	margin: 0;
	padding:8px 0 12px 5px;
	text-align:center;
	width:133px;
}
#sidebar img.image-left{
	display: inline;
	padding-bottom: 0
}
.sidebar_img .img{
  padding-bottom: 1px;
}
#sidebar .img-caption{
    margin-left: 0px;
    height: auto;
    text-align: left;
    font-size: 0.69em;
    line-height: 1.4em;
}
/**************************************** Location ****************************************/

.contact {
	float: left;
	width: 225px;
}

.location {
	float: right;
	margin-right: 60px;
}

.location ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.location li {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-top: 7px;
	margin-bottom: 10px;
}

.location li.car {
	background-image: url(uid_car.gif);
}

.location li.plane {
	background-image: url(uid_plane.gif);
}

.location li.train {
	background-image: url(uid_train.gif);
}

/**************************************** Sitemap ****************************************/

#sitemap {
	margin-bottom: 15px;
	font-size: 1.0em;
}

#sitemap ul {
	padding-bottom: 0px;
}

#sitemap li {
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left:10px;
	background:url(bullet_grafic.png) no-repeat 0 0.4em;
	list-style:none outside none;
}

#sitemap ul li {
	background-position: 0% 0.7em;
}

#sitemap ul li ul li {
	background-position: 0% 0.9em;
}

#sitemap a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: underline;
}

#sitemap ul ul a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: underline;
}

#sitemap ul ul ul a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	text-decoration: underline;
}

/**************************************** Forms ****************************************/

#contact {
	width: 480px;
}

#content #contact .left {
	width: 100px;
	height: auto;
	float: left;
	display:inline;
	margin: 0px;
	padding: 6px 4px 0 0;
}

#content #contact .left p {
	color:#808080;
}

#content #contact .right {
	float: left;
	display:inline;
	width: 372px;
	clear:none;
}

#content h3.contacth3{
  color: #808080;
}
#content h3.contacth3 b{
  color: #404040;
}

#content #contact .right input {
	background:url(textfeld.gif) no-repeat center center;
	padding:8px 5px 8px 14px;
	width:353px;
	height:13px;
	margin:0;
	border-color:transparent;
	color:#404040;
	border-width:0;
	font-size: 1em;
	font-family: Verdana, arial, sans-serif; 
}
#content #contact .right textarea {
	background:url(textarea.gif) no-repeat scroll center center;
	padding:7px 5px 6px 14px;
	border-width:0;
	width:353px;
	height:177px;
	border-color:transparent;
	color:#404040;
	overflow:auto;
	font-size: 1em;
	font-family: Verdana, arial, sans-serif; 
}
#content #contact .right .button {
	background:#fff url(send_button.gif) no-repeat center center;
	padding:6px 5px 8px;
	margin-top:5px;
	width:102px;
	height:30px;
	color:#404040;
	font-weight:normal;
	font-size:1em;
	border-color:transparent;
	float:right
}
#content #contact .right .button:hover,
#content #contact .right .button:focus{
  	font-weight:bold;
}
.extra-width {
	width: 250px;
}

#required-text{
	color:#808080;
	display:inline;
	float:left;
	margin:12px 4px 0;
}

/**************************************** Home ****************************************/

#home {
	float:left;
	font-size:0.7em;
	margin:0 0 27px;
	min-height:560px;
	padding:0;
	width:742px;
}

#home #default {
	margin: 0px;
	border-width: 0px;
	padding: 0px;
}

#home-img {
	margin: 0;
	padding: 0;	
}

#home #left {
	float:left;
	margin:0;
	padding:2px 0 27px 26px;
	width:450px;
}

#home #right {
	float:right;
	font-size:1.42857em;
	margin:-1px 0 0;
	padding:0 34px 0 0;
	width:184px;
}

#home #right p img {
	display:inline;
	margin:0;
	padding:0;
}

#home #right p.float-left{
	background-image:url("img_border_shadow.png");
	background-position:left top;
	background-repeat:no-repeat;
	height:96px;
	margin:0;
	padding:8px 0 12px 5px;
	text-align:center;
	width:133px;	
}

#home #right h2 {
	background-color:transparent;
	color:#F08400;
	font-family:Verdana,arial,sans-serif;
	font-size:0.69em;
	font-weight:bold;
	margin:0 0 1px 4px;
	padding:0;
	text-decoration:none;
}

.home-sidebar-box {
	margin-right: 0;
	padding: 0;
}

.home-sidebar-box .left {
	width: auto;
	float: left;
	margin: 0px;
	padding-right: 12px;
}

.home-sidebar-box .right {
	float: left;
	margin: 0px;
}

#sidebar-home {
	padding-left: 10px;
}

#sidebar #sidebar-home .left {
	width: auto;
	float: left;
	margin: 3px 0px 0px 1px;
	padding-right: 12px;
}

#sidebar #sidebar-home .right {
	float: left;
	margin: 0px;
	width: 195px;
}