body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font: 0.75em/1.25em Arial, Verdana, Helvetica, sans-serif;
    text-align: center;
    color: #000;
}

p, h1, h2, h3, h4 {
    margin-top: 0;
}

h1 {
    font-size: 2em;
    line-height: 1.25em;
}

h1.title {
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    height: 43px;
}

h2 {
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 1em;
    margin-bottom: 0.5em;
}

a {
    color: #2A7DD1;
    text-decoration: none;
}
a:hover {
    color: #000;
}

img, a img {border: 0 none;}

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

hr {
	color: #343434;
	background-color: #343434;
	height: 1px;
	border: 0;
	margin-bottom: 1em;
}

ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul li {
    padding-left: 10px;
    background: url("/media/images/layout/li-dot.gif") no-repeat 0 .5em;
    margin-bottom: 0.2em;
}

ol li {
    background-image: none;
    padding-left: 0;
}

#accesskeys, .invis {
    position: absolute;
    top: -9999px;
}

dl.geschichte dd {
    margin-left: 50px;
}

dl.leitbild dd {
    margin-left: 135px;
}

dl dt {
    float: left;
}

dl dd {
    margin-bottom: 1em;
}

table {
	margin: 0 0 1em 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0
}

th { font-weight: bold; text-align: left; }

td {
	vertical-align: top;
	font-size: 1em;
	padding: 0;
}

table.tNews td {
    padding-right: 8px;
    padding-bottom: 5px;
}


/* Formular------------------------------------------------------ */

form {
    margin: 0 0 1em 0;
    padding: 0;
}

ol.form {
    margin: 0;
    padding: 0;
}

ol.form li {
    list-style-type: none;
    margin: 0 0 6px 0;
    padding: 0;
    text-align: right;
}

ol.form li label {
    display: block;
    width: 100px;
    float: left;
    text-align: left;
    padding-top: 2px;
}

body.print ol.form li label {
    width: 200px;
}

span.highlight {
    color: #2A7DD1;
}

p.formtext {
    margin-left: 107px;
}

body.print p.formtext {
    margin-left: 207px;
}

ol.form li input.formField, ol.form li textarea {
    width: 290px;
    background-color: #F1FAE6;
    border: 1px solid #ABCC76;
    padding: 3px 0;
    font-size: 1em;
}

body.print ol.form li input.formField, body.print ol.form li textarea {
    width: 315px;
}

ol.form li textarea {
    height: 100px;
}

ol.form li input.zip {
    width: 50px;
}

ol.form li input.location {
    width: 232px;
}

div.buttons {
    text-align: right;
}

div.buttons input {
    background-color: #5F857A;
    color: #fff;
    font-weight: bold;
    border: 1px solid #5F857A;
    font-size: 1em;
    padding: 2px;
}


/* Layout------------------------------------------------------ */

div#page {
    text-align: left;
    margin: 0 auto;
    width: 855px;
}

/* Header------------------------------------------------------ */

div#header {
    text-align: right;
    padding-right: 5px;
}

h1#yc {
    clear: both;
    height: 70px;
    color: #fff;
    background: #fff url("/media/images/layout/logo_yc.gif") no-repeat 26px 3px;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
}

h1#yc a {
    display: block;
    width: 260px;
    height: 50px;
}

h2#claim {
    text-indent: -9999px;
    height: 142px;
    background: #fff url("/media/images/layout/claim_yc.jpg") no-repeat 0 0;
    margin: 0;
    padding: 0;
}

/* ---------------- Language, Meta    */
ul.meta {
    margin: 0;
    padding: 8px 3px 0 0;
    float: right;
}
ul.meta li {
    display:inline;
    padding: 0 0 4px 16px;
    font-size: 0.95em;
    background: url("/media/images/layout/meta-separator.gif") no-repeat 0 3px;
    /*padding: 0 0 4px 12px;
    background: none;*/
}
ul.meta li.home {
    background-image: none;
}

ul.lang li {
    padding: 0 0 4px 16px;
    /*padding: 0 0 4px 12px;*/
}
ul.meta li a {
    color: #9ca2ab;
    text-decoration: none;
    padding-right: 11px;
}
ul.meta li a:hover, ul.meta li a.active {
    color: #abcc76;
}

div.meta a {
  color: #9ca2ab;
  font-weight:bold;
}
div.meta a:hover {
  color: #abcc76;
}

/* Main, Content------------------------------------------------------ */

div#wrapper {
    clear: both;
}

div#main {
    margin-left: 166px;
}

div#content {
    float: left;
    width: 400px;
    margin-top: -4px;
    background: url("/media/images/layout/bg_border.gif") repeat-x 0 26px;
}

div#portal div#content, div#sitemap div#content{
    width: 566px;
    background-color: #fff;
    background-image: none;
    margin-top: 0;
}

div#sitemap div#content {
    background: url("/media/images/layout/bg_border.gif") repeat-x 0 26px;
}

div#sitemap div#content h3 {
    
}

img.contentImage {
	float:left;
	margin-top:2px;
	margin-right:10px;
}

div.sitemapItem {
    float: left;
    width: 32%;
}
div.sitemapItem h3 {
    margin-bottom: 0.1em;
}

div.sitemapItem ul {
    margin-top: 0;
}

div.contentBox {
	overflow:auto;
	margin-bottom:15px;
}

div.contentBoxNoImg {
	height:60px;
	margin-bottom:15px;
}
div.contentBox img {float:left;}
div.contentBoxText {
	margin-left:155px;
	padding:5px 10px 10px 10px;
	background-color: #f1fae6;
	line-height:20px;
}

div.contentBox1 {	
	padding-bottom:10px;
}
div.contentBox1 img {float:left;}
div.contentBoxText1 {  
	padding-left: 15px;
	background-color: #f1fae6;
	line-height:20px;
}




/* Sidebar------------------------------------------------------ */

div#sidebar {
    float: right;
    width: 229px;
}

ul#tools {
    margin-top: 0;
    padding: 0 0 4px 14px;
    background-color: #f1fae6;
    font-size: 0.95em;
    margin-bottom: 18px;
}

ul#tools li {
    padding: 1px 0 2px 18px;
    margin-bottom: 0;
}

ul#tools li.print {
    background: url("/media/images/layout/ico_print.gif") no-repeat 0 50%;}

ul#tools li.forward {
    background: url("/media/images/layout/ico_forward.gif") no-repeat 0 50%;}

/* Sidebar Box */

h2.sTitle {
    padding: 3px 0;
    margin: 0;
    color: #fff;
    background-color: #5f847d;
    text-indent: -9999px;
}

p.sBox {
    background-color: #f1fae6;
    padding: 12px 14px;
    overflow: auto; /* value for IE --> iehacks.css */
    margin-bottom: 18px;
}

p.sBox img {
    float: left;
    margin-right: 7px;
}

p.sBox span {
    display: block;
    padding-top: 15px;
}

/* News List */

ul.newslist {
    background-color: #f1fae6;
    margin: 0 0 18px 0;
}

ul.newslist li {
    background: url("/media/images/layout/bg_border.gif") repeat-x left bottom;
    padding: 4px 14px;
}

/* Auszuzg Projektkunden */

ul.customers {
    background-color: #f1fae6;
    margin: 0 0 18px 0;
    padding: 7px 0;
    overflow: auto; /* value for IE --> iehacks.css */
}

ul.customers li {
    float: left;
    background-image: none;
    padding: 7px 0 0 7px;
}


/* Footer------------------------------------------------------ */

address {
    clear: both;
    border-top: 60px solid #fff;
    background: url("/media/images/layout/bg_border.gif") repeat-x 0 0;
    margin: 0 auto;
    width: 855px;
    padding: 8px 0;
    text-align: right;
    color: #5f857a;
    font-style: normal;
    font-size: 0.95em;
}

address a {
    color: #b2b9be;
}

address a:hover {
    color: #5f857a;
}

/* Portal------------------------------------------------------ */

div.about-yc {
    padding: 14px 20px 1px 214px;
    margin-bottom: 18px;
    background: #d9e8c6 url("/media/images/layout/bg_about-yc.jpg") no-repeat 0 0;
}

div.about-yc p {
    margin-bottom: 0.5em;
}

div.about-yc h2 {
    text-indent: -9999px;
    line-height: 21px;
}

h3.pTitle {
    padding: 6px 0;
    margin: 0;
    color: #fff;
    background-color: #f1fae6;
    text-indent: -9999px;
}

p.pBox {
    background: #f1fae6 url("/media/images/layout/bg_border.gif") repeat-x 0 0;
    padding: 12px 11px;
    overflow: auto;  /* value for IE --> iehacks.css */
    margin-bottom: 10px;
}

p.pBox img {
    float: left;
    margin-right: 10px;
}

/* News------------------------------------------------------ */

p.archive a.active {
    color: #000;
}


/* Accordion------------------------------------------------------ */

h3.toggler {
	margin: 2px 0 0 0;
	padding: 4px 5px 4px 17px;
	background-color: #f1fae6;
	cursor: pointer;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

div#accordion {
    margin-bottom: 1em;
}

div.element p {
	margin: 0;
	padding: 10px 5px;
}

/* ---------------- Print/Popup    */
body.formPopup {
background: #fff;
background-image:none;
margin:0pt;
padding:13px 13px 13px 31px;
text-align:left;
width:527px;

}
body.print {
background: #fff;
background-image:none;
margin:0pt;
padding:13px 13px 13px 31px;
text-align:left;
width:527px;
}
#popuphead {
float:right;
}
img.logo {
margin-bottom:20px;
}
body.formPopup #popuphead {
    margin-right: 13px;
}
body.formPopup img.logo {
    margin-left: 31px;
}

/* Navigation 1st Level------------------------------------------------------ */
#navi {
    float:left;
    width: 100%;
    background: url("/media/images/layout/bg_nav-main.gif") repeat-x left top;
    margin: -7px 0 47px 0;
}
#navi ul {
    margin: 0 0 0 5px;
    padding: 0;
}
#navi li {
    float:left;
    background: none;
    margin: 0;
    padding: 0 0 0 1px;
    background: url("/media/images/layout/nav-separator.gif") no-repeat right 13px;
    position: relative;
    white-space: pre;
}
#navi ul li a {
    display:block;
    padding: 10px 21px 5px 20px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
}
#navi a:hover, #navi a.active, #navi a.over  { color:#000;}

/* Navigation 2nd Level --> Layer Navigation------------------------------------------------------ */

#navi ul li:hover ul, #navi ul li.over ul {
    display: block;
}

#navi ul li ul {
    position: absolute;
    top: 29px;
    left: -1px;
    margin: 0;
    padding: 6px 20px 10px 20px;
    background: #5f857a url("/media/images/layout/nav-2nd-layer.gif") repeat-x 0 0 ;
    display: none;
}

#navi ul li ul li {
    float: none;
    background-image: none;
}

#navi ul li ul li a {
    display:block;
    padding: 1px 0 2px 0;
    text-decoration:none;
    font-weight:normal;
    color:#fff;
}


/* Navigation 2nd Level --> Menu------------------------------------------------------ */

ul#navi-second {
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
    background-color: #f1fae6;
    height: 275px;
    width: 145px;
}

ul#navi-second li {
    background-image: none;
    padding: 1px 0 2px 12px;
}

ul#navi-second li.active {
    
}

ul#navi-second li.active a.active {
    color:#000;
}

ul#navi-second li.active ul {
    padding-top: 10px;
    background: url("/media/images/layout/nav-2nd-active.gif") no-repeat 0 4px;
}

ul#navi-second li.active ul li {
    background: url("/media/images/layout/nav-3rd.gif") no-repeat 0 50%;
    padding: 2px 0 2px 10px;

}