body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* ALLGEMEIN */

* {
    margin: 0;
    padding: 0;
}

body {
    background: url("../../files/rohweder-bau/img/body_back.jpg") repeat-x  #D6D6D6;
    text-align: center;
    font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #4C4C4C;
    text-align: center;
    width: 100%;
    line-height: 18px;
}

ul {
    margin: 0 0 20px 0;
}

h1, h2, h3, h4 {
    margin: 0 0 20px 0;
}

h1 {
    font-size: 17px;
    font-style: italic;
    color: #919191;
    font-weight: normal;
}

h1.fixed {
    position: relative;
    z-index: 10;
}

h2.fixed {
    color: #eaeaea;
    margin: -27px 0 15px 25px;
    font-style: italic;
    font-weight: normal;
    font-size: 22px;"
}

a {
    text-decoration: none;
    color: #A83C3C;
}

p {
    margin-bottom:15px;
    color: #333333;
}

figcaption {
    margin: 5px 0 15px 0;
}

label {
    float: left;
    margin: 0 0 5px 0;
}

hr {
    clear: both;
    margin: 0 0 15px 0;
    color: #e1e1e1;
    background: #e1e1e1;
    border: none;
    height: 1px;
}

hr.spacer {
    margin: 0 0 450px 0;
}

/* HEADER */

#wrapper {
    background: url("../../files/rohweder-bau/img/pages.png") no-repeat;
    width: 830px;
    margin: 0 auto;
}

header nav {
    position: absolute;
    right: 40px;
    z-index: 100;
    margin: 5px 0 0 0;
}

header nav li a {
    color: #a6a6a6;
}

header .header {
    background: url("../../files/rohweder-bau/img/page-top.png") no-repeat;
    width: 830px;
    min-height: 320px;
}

header .header img {
    position: absolute;
    right: 41px;
}

header .ce_hyperlink {
    width: 610px;
    float: right;
    margin: 0 40px 0 0;
}

header .ce_hyperlink a {
    background: #f8f8f8;
    padding: 6px;
    display: block;
    position: absolute;
    z-index: 100;
    bottom: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #565656;
    font-style: italic;
    color: #732425;
    font-size: 15px;
    padding-right: 30px;
    margin: 0 105px 0 95px;
}

header .ce_hyperlink a:hover {
    background: #fff;
}

header .ce_hyperlink a:after {
    background: #A83C3C;
    color: #FFF;
    content: ">";
    width: 20px;
    position: absolute;
    padding: 6px 0;
    right: 0;
    top: 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

header  nav{
    overflow: hidden;
}

header  nav li{
    float: left;
    list-style: none;
    display: inline-block;
    padding: 0 5px
}

.logo {
    background: url("../../files/rohweder-bau/img/logo_rohweder-bau.png");
    height: 82px;
    width: 219px;
    display: block;
    margin: 25px auto;
}

.logo span {
    display: none;
}

/* SIDEBAR */

#left {
    float: left;
    right: 0;
    line-height: 20px;
    width: 140px;
    margin: 0;
}

#left nav {
    margin-left: 8px;
    position: absolute;
}

#left nav li,
#left nav li ul li.last {
    display: block;
}

#left nav li ul {
    margin: 0;
}

#left nav li ul li {
    background: #7b3e3f;
    width: 129px;
    border-right: 5px solid #959595;
}

#left nav li ul li a {
    color: #fff;
}

#left nav li a {
    color: #fff;
    padding: 5px 10px;
    display: block;
    width: 120px;
}

#left nav li strong.active {
    background: #fff;
    color: #000;
    display: block;
    padding: 5px 10px;
}

#left nav li.submenu.sibling ul li {
    display: none;
}

#left nav li.submenu.active ul li {
    display: block;
}

#left nav li.trail a.trail {
    background: #fff;
    color: #000;
}

#left nav li.trail strong.active {
    color: #fff;
    background: #7b3e3f;
    font-weight: bold;
}

/* CONTENT */

#main {
    width: 550px;
    float: right;
    padding: 20px 30px 0 30px;
}

.bottom {
    background: url("../../files/rohweder-bau/img/page-bottom.png") repeat-y;
    width: 760px;
    margin: 0 35px;
    height: 40px;
    float: left;
}

#container {
    background: url("../../files/rohweder-bau/img/content.png") repeat-y;
    padding: 0 35px;
    text-align: left;
}

.pic img {
    border: 1px solid #e4e4e4;
}

.left {
    float: left;
    margin: 0 20px 0 0;
}

.right {
    float: right;
}

.small {
    margin: 0 10px 0 0;
}

.clear_float {
    clear: both;
}

.overview {
    width: 100%;
    text-align: right;
}

.overview a,
.document a {
    font-size: 11px;
}

.moondesign {
    display: block;
    margin: 10px 0 0 0;
}

#cboxOverlay {
    background: #fff;
}

.project {
    float: left;
    clear: both;
}

.project-detail {
    float: right;
    text-align: right;
}

.ce_headline {
    clear: both;
}

.space {
	margin: 0 0 20px 0;
}

/* FOOTER */

footer {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 0 50px 0;
}

footer .inside {
    width: 730px;
    margin: 20px auto;
}

footer .ce_hyperlink {
    float: left;
    margin: 0 5px 10px 6px;
}

footer a {
    height: 50px;
    width: 110px;
    display:block;
}

footer a span {
    display: none;
}

footer .ytong a {
    background: url("../../files/rohweder-bau/img/partner/ytong_0.gif");
}

footer .ytong a:hover {
    background: url("../../files/rohweder-bau/img/partner/ytong_1.gif");
}

footer .herholz a {
    background: url("../../files/rohweder-bau/img/partner/herholz_0.gif");
}

footer .herholz a:hover {
    background: url("../../files/rohweder-bau/img/partner/herholz_1.gif");
}

footer .dolle a {
    background: url("../../files/rohweder-bau/img/partner/dolle_0.gif");
}

footer .dolle a:hover {
    background: url("../../files/rohweder-bau/img/partner/dolle_1.gif");
}

footer .wienerberger a {
    background: url("../../files/rohweder-bau/img/partner/wienerberger_0.gif");
}

footer .wienerberger a:hover {
    background: url("../../files/rohweder-bau/img/partner/wienerberger_1.gif");
}

footer .wienerberger a {
    background: url("../../files/rohweder-bau/img/partner/wienerberger_0.gif");
}

footer .wienerberger a:hover {
    background: url("../../files/rohweder-bau/img/partner/wienerberger_1.gif");
}

footer .villeroy-boch a {
    background: url("../../files/rohweder-bau/img/partner/villeroy_boch_0.gif");
}

footer .villeroy-boch a:hover {
    background: url("../../files/rohweder-bau/img/partner/villeroy_boch_1.gif");
}

footer .isover a {
    background: url("../../files/rohweder-bau/img/partner/isover_0.gif");
}

footer .isover a:hover {
    background: url("../../files/rohweder-bau/img/partner/isover_1.gif");
}

footer .schiedel a {
    background: url("../../files/rohweder-bau/img/partner/schiedel_0.gif");
}

footer .schiedel a:hover {
    background: url("../../files/rohweder-bau/img/partner/schiedel_1.gif");
}

footer .velux a {
    background: url("../../files/rohweder-bau/img/partner/velux_0.gif");
}

footer .velux a:hover {
    background: url("../../files/rohweder-bau/img/partner/velux_1.gif");
}

footer .quickmix a {
    background: url("../../files/rohweder-bau/img/partner/quickmix_0.gif");
}

footer .quickmix a:hover {
    background: url("../../files/rohweder-bau/img/partner/quickmix_1.gif");
}

footer .aka a {
    background: url("../../files/rohweder-bau/img/partner/aka_0.gif");
}

footer .aka a:hover {
    background: url("../../files/rohweder-bau/img/partner/aka_1.gif");
}

footer .evers a {
    background: url("../../files/rohweder-bau/img/partner/evers_0.gif");
}

footer .evers a:hover {
    background: url("../../files/rohweder-bau/img/partner/evers_1.gif");
}

footer .kaldewei a {
    background: url("../../files/rohweder-bau/img/partner/kaldewei_0.gif");
}

footer .kaldewei a:hover {
    background: url("../../files/rohweder-bau/img/partner/kaldewei_1.gif");
}

footer .grohe a {
    background: url("../../files/rohweder-bau/img/partner/grohe_0.gif");
}

footer .grohe a:hover {
    background: url("../../files/rohweder-bau/img/partner/grohe_1.gif");
}

footer .grohe a {
    background: url("../../files/rohweder-bau/img/partner/grohe_0.gif");
}

footer .grohe a:hover {
    background: url("../../files/rohweder-bau/img/partner/grohe_1.gif");
}

footer .vaillant a {
    background: url("../../files/rohweder-bau/img/partner/vaillant_0.gif");
}

footer .vaillant a:hover {
    background: url("../../files/rohweder-bau/img/partner/vaillant_1.gif");
}

footer .parador a {
    background: url("../../files/rohweder-bau/img/partner/parador_0.gif");
}

footer .parador a:hover {
    background: url("../../files/rohweder-bau/img/partner/parador_1.gif");
}

footer .osmo a {
    background: url("../../files/rohweder-bau/img/partner/osmo_0.gif");
}

footer .osmo a:hover {
    background: url("../../files/rohweder-bau/img/partner/osmo_1.gif");
}

footer .busch-jaeger a {
    background: url("../../files/rohweder-bau/img/partner/busch_jaeger_0.gif");
}

footer .busch-jaeger a:hover {
    background: url("../../files/rohweder-bau/img/partner/busch_jaeger_1.gif");
}

footer .schoenox a {
    background: url("../../files/rohweder-bau/img/partner/schoenox_0.gif");
}

footer .schoenox a:hover {
    background: url("../../files/rohweder-bau/img/partner/schoenox_1.gif");
}

/* FORM */

.formbody,
label,
input,
textarea {
    width: 350px;
}

input {
    margin: 0 0 10px 0;
    padding: 5px;
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
}

textarea {
    height: 120px;
    padding: 3px;
    margin: 0 0 10px 0;
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
}

input.submit {
    width: 200px;
    background:#dfdfdf;
}