body { margin: 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; background: #fff; color: #000; }

a { color: #505050; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; }
form { display: inline; }
.c, .clear { clear: both; height: 0; font-size: 0; padding: 0; margin: 0; }
.left { float: left; }
.right { float: right; }
.spacer { height: 20px; }
.bg_grau { background: #e5e5e5;}

h1 { color: #454545; margin: 10px 0 25px 0; font-size: 1.3em; }
h2 { color: #000; margin: 0 0 10px 0; font-size: 1em; font-weight: normal; }
h3 { color: #000; font-size: 1.2em; font-weight: bold; }
h4 { color: #000; font-size: 1em; font-weight: bold; }
h5 { color:  #000; font-size: 1em; font-weight: normal; }
#page { width: 960px; position: relative; margin: 0 auto; }

#logo { float: left; margin: 20px 0 40px 0; }
#lang { float: right; margin: 20px 0 0 0; }
#lang a { float: left; margin: 0 0 0 12px; color: #353535; }
#lang a.on { color: #999; }

#header { clear: both; background: transparent url(/Content.Node/images/layout/header_bg.gif) repeat 0 0; height: 25px; overflow: hidden; width: 960px; margin: 0 0 5px 0; }

#nav {  }
#nav a { float: left; height: 14px; padding: 2px 15px 0 15px; vertical-align: middle; margin: 4px 0 0 1px; border: 1px solid #fec422; }
#nav a.on, #nav a:hover { border: 1px solid #fff; }

#search { float: right; margin: 0 1px 0 0; }
#search * { vertical-align: middle; }
#search input { margin: 3px 6px 0 0; padding: 0 4px 0 4px; border-top: 0; border-bottom: 0; border-left: 1px solid #353535; border-right: 1px solid #353535; background: #fc0; color: #353535; }

#footer { clear: both; margin: 15px 0 5px 0; }
#footer div { float: left; color: #343434; padding: 0 0 0 4px; }
#footer span { float: left; color: #909090; padding: 0 0 0 15px; }
#footer a { float: right; color: #343434; padding: 0 10px 0 5px; }

#left { display: none; }
ul#leftnav, ul#leftnav ul { list-style: none; margin: 0; padding: 0; }
ul#leftnav { margin: 0 0 15px 0; }
/* LEVEL 1 */
ul#leftnav li { display: block; background: transparent url(/Content.Node/images/layout/line.gif) repeat-x 0 17px; padding: 2px 0 6px 0; }
ul#leftnav li a { color: #000; background: transparent; }
ul#leftnav li a.on { color: #000; background: transparent url(/Content.Node/images/layout/arrow_level1.gif) no-repeat center right; padding: 0 10px 0 0; }

/* LEVEL 2 */
ul#leftnav li ul { margin: 5px 0 0 0; }
ul#leftnav li ul li { display: block; padding: 2px 0 2px 0; background: transparent url(/Content.Node/images/layout/line.gif) repeat-x 0 bottom; }
ul#leftnav li ul li a { display: block; background: transparent url(/Content.Node/images/layout/arrow_level2.gif) no-repeat 3px center; padding: 2px 0 4px 15px; }
ul#leftnav li ul li a.on { display: block; background: transparent url(/Content.Node/images/layout/arrow_level2_on.gif) no-repeat 3px center; padding: 2px 0 4px 15px; }

/* LEVEL 3 */
ul#leftnav li ul li ul { margin: 0 0 0 0; }
ul#leftnav li ul li ul li { display: block; padding: 2px 0 2px 0; background: none; }
ul#leftnav li ul li ul li a { display: block; background: transparent url(/Content.Node/images/layout/arrow_level3.gif) no-repeat 15px center; padding: 1px 0 1px 25px; }
ul#leftnav li ul li ul li a.on { display: block; background: transparent url(/Content.Node/images/layout/arrow_level3_on.gif) no-repeat 15px center; padding: 1px 0 1px 25px; }

/* LEVEL 4 */
ul#leftnav li ul li ul li ul { background: #ececec; margin: 0; padding: 2px 0; }
ul#leftnav li ul li ul li ul li { display: block; margin: 0; padding: 0; background: none; }
ul#leftnav li ul li ul li ul li a { _height: 1em; display: block; margin: 0; background: none; padding: 2px 0 0 35px; }
ul#leftnav li ul li ul li ul li a.on { display: block; background: #fec422; padding: 2px 0 0 35px; }

/* LEVEL 5 */
ul#level-5 { list-style: none; margin: 75px 0 15px 0; padding: 0; }
ul#level-5 li { display: block; background: transparent url(/Content.Node/images/layout/arrow.gif) no-repeat 5px center; margin: 0 0 4px 0; }
ul#level-5 li a { padding: 2px 0 2px 15px; color: #000; }

#start { float: left; margin: 0 0 30px 0; line-height: 1.2em; }
#content-big { margin: 0 0 15px 0; width: 719px; line-height: 1.2em; }
#content { margin: 0 0 15px 0; width: 465px; line-height: 1.2em; }
#rightcol { width: auto; margin: 0 0 15px 0; }

.col { float: left; width: 225px; padding: 0 5px 10px 0; }

.line { background: transparent url(/Content.Node/images/layout/line.gif) repeat-x 0 0; height: 5px; margin: 0 0 20px 0; }
.backlink { color: #353535; font-style: italic; display: block; }
.link { background: transparent url(/Content.Node/images/layout/arrow.gif) no-repeat center left; padding: 0 0 0 10px; color: #505050; display: block; }
.link-s { background: transparent url(/Content.Node/images/layout/arrow.gif) no-repeat center left; margin: 5px 0; padding: 0 0 0 10px; color: #505050; display: block; }

table { width: 100%; padding: 0; margin: 15px 0 15px 0; border: 0; border-top: 1px solid #bbb; border-spacing: 0; }
table td { border: 0; border-bottom: 1px solid #bbb; padding: 2px; }

.img-thumb { position: relative; }
.img-thumb img.small, .smallimg { display: block; }
.img-thumb a { display: none; }
.img-thumb #zoom, .img-thumb #zoom #bigimg { display: block; }
.img-thumb #zoom div, .img-thumb .zoom div { display: none; }
.img-thumb div.info { font-style: italic; padding: 5px 0 0 0; }

.news-3 { display: block; float: left; width: 224px; color: #5e5e5e; padding: 0 15px 20px 1px; }
.news-3 strong { display: block; padding: 0 0 5px 0; color: #373536; }
.news-3 span { display: block; color: #999; margin: 10px 0 0 0; padding: 0 0 0 12px; background: transparent url(/Content.Node/images/layout/arrow_grey.gif) no-repeat center left; }
.news-3:hover, a.news-3:hover * { color: #999; text-decoration: none; }

.start-box { display: block; float: right; width: 224px; padding: 7px 7px 3px 7px; color: #5e5e5e; background: #ebebeb; }
.start-box strong { display: block; padding: 0 0 5px 0; color: #373536; }
.start-box small { display: block; padding: 0 0 15px 0; color: #5d5d5d; font-size: 1.1em; }
.start-box img { float: right; }
.start-box span { display: block; color: #999; margin: 10px 0 0 0; padding: 0 0 0 12px; background: transparent url(/Content.Node/images/layout/arrow_grey.gif) no-repeat center left; }
.start-box:hover, a.start-box:hover * { color: #999; text-decoration: none; }

div.teaser-spacer { float: left; width: 12px; height: 50px; }
div.teaser-spacer-big { float: left; width: 20px; height: 50px; }
.teaser { display: block; float: left; color: #5e5e5e; padding: 0 0 20px 0; }
.type1 { width: 231px; }
.type2 { width: 170px; }
.type3 { width: 348px; }
.type3 strong { color: #454545; margin: 10px 0 10px 0; font-size: 1.3em; }
.type3 img { display: block; margin: 0 0 5px 0; }
.type3 span { display: block; margin: 10px 0 0 0; }

.teaser strong { display: block; padding: 0 0 5px 0; }
.teaser img { display: block; padding: 3px 0 5px 0; }
.teaser span { display: block; color: #999; margin: 5px 0 0 0; padding: 0 0 0 12px; background: transparent url(/Content.Node/images/layout/arrow_grey.gif) no-repeat center left; }
a.teaser:hover, a.teaser:hover * { color: #999; text-decoration: none; }

.project { }
.project-info { float: left; width: 375px; }
.project-imgs { float: right; width: 324px; margin-right: -8px; }
.project-imgs #bigimg { display: block; margin: 0; }
.project-imgs .smallimg { display: block; cursor: pointer; float: left; padding: 8px 8px 0 0; }
.project-links { float: right; margin: 0 0 10px 0; }
.project-links a { font-style: italic; padding: 0 0 0 10px; display: block; float: left; }

#sitemap { float: left; width: 770px; }
#sitemap ul { list-style: none; margin: 0; padding: 0; }
#sitemap ul li { float: left; width: 220px; margin: 0 10px 50px 0; }
#sitemap ul li a { font-weight: bold; background: transparent url(/Content.Node/images/layout/line.gif) repeat-x bottom left; padding: 10px; display: block; font-size: 1.1em; color: #000; }
#sitemap ul li ul { }
#sitemap ul li ul li { margin: 0; }
#sitemap ul li ul li a { background: transparent url(/Content.Node/images/layout/line.gif) repeat-x bottom left; font-size: 1.0em; padding: 3px 0 3px 15px; margin: 0; }
#sitemap ul li ul li ul { margin: 0 0 10px 0; }
#sitemap ul li ul li ul li { margin: 0; padding: 2px 0 2px 15px; }
#sitemap ul li ul li ul li a { margin: 0; font-weight: normal; background: transparent url(/Content.Node/images/layout/arrow_level2.gif) no-repeat center left; padding: 0 0 0 12px; }

#form { display: block; margin: 0; padding: 0; width: 465px; }
#form label, #form .form-left { float: left; width: 200px; margin: 0 0 5px 0; }
#form input, #form .form-right { float: left; width: 260px; margin: 0 0 5px 0; }
#form textarea { width: 260px; height: 80px; border: 1px solid #bbb; }
#form input { border: 1px solid #bbb; }
#form input.noborder { border: 0; }
#form .form-left {  }
#form .form-right label, #form .form-right input { float: none; width: auto; margin: 0; }
#form #form-warning { color: red; border-bottom: 1px solid #eee; padding: 10px 0 5px 0; margin: 0 0 10px 0; }
#form .form-warning { color: red; }
#form a.button { padding: 1px 10px; background: #fec422; color: #000; display: block; }

ul.list-box { list-style: none; background: #e5e5e5; margin: 0 0 10px 0; padding: 5px; }
ul.list-box li { margin: 0 0 0 4px; padding: 1px 0 1px 10px; background: transparent url(/Content.Node/images/layout/ul_line.gif) no-repeat top left; }

#fog { display: none; }