body {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #111111;
    background: url('bg_all.jpg');
}
@font-face { 
    font-family: 'ampersand'; 
    src: url('ampersand-webfont.eot'); 
    src: url('ampersand-webfont.eot?#iefix') format('embedded-opentype'), 
         url('ampersand-webfont.woff') format('woff'), 
         url('ampersand-webfont.ttf') format('truetype'), 
         url('ampersand-webfont.svg#webfont') format('svg'); 
}
a img {
    border: none;
}
.bg_header {
    float: left;
    width: 100%;
    height: 437px;
    background: #FFF url('bg_header.jpg') repeat-x bottom;
}
.bg_header_default {
    float: left;
    width: 100%;
    height: 222px;
    background: #FFF url('bg_header_default.jpg') repeat-x bottom;
}
.header {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 467px;
    background: url('teaser.jpg') no-repeat right 86px;
}
.bg_header_default .header {
    height: 222px;
    background: none;
}
.header h1.start {
    float: left;
    background: url(gehedesign-logo.gif) no-repeat;
    text-indent: -9999px;
    width: 217px;
    height: 52px;
    display: block;
    margin: 28px 0 0 10px;
    padding: 0;
}
.header .logo {
    float: left;
    width: 217px;
    height: 52px;
    display: block;
    margin: 28px 0 0 10px;
    padding: 0;
}
.header .rex-navi1 {
    float: right;
    margin: 39px 10px 1px 0px;
    padding: 0px;
}
.header .rex-navi1 li {
    display: inline;
}
.header .rex-navi1 li a {
    display: block;
    padding: 17px 30px;
    height: 12px;
    float: left;
    font-size: 12px;
    color: #111111;
    text-decoration: none;
    border-right: 1px #bababa dotted;
}
.header .rex-navi1 li a:hover, .header .rex-navi1 li a.rex-current, .header .rex-navi1 li a.rex-active {
    color: #ffffff;
    text-decoration: none;
    background: #7c7b41;
}
.bg_header_default .header h1 {
    float: left;
    width: 800px;
    color: #FFF;
    font-size: 60px;
    margin: 30px 0px 0px 0px;
    padding: 10px;
	font-family: 'ampersand', Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.header .words {
    float: left;
    width: 700px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.header .words li {
    position: absolute;
	width: 700px;
}
.header .words h2 {
    margin: 0px;
    padding: 0px;
	font-family: 'ampersand', Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.header .words h2.w1 {
    font-size: 56px;
    position: absolute;
    left: 10px;
    top: 210px;
}
.header .words h2.w2 {
    font-size: 40px;
    position: absolute;
    left: 85px;
    top: 40px;
}
.header .words h2.w3 {
    font-size: 28px;
    position: absolute;
    left: 470px;
    top: 60px;
}
.header .words h2.w4 {
    font-size: 37px;
    position: absolute;
    left: 65px;
    top: 125px;
}
.header .words h2.w5 {
    font-size: 37px;
    position: absolute;
    left: 235px;
    top: 170px;
}
.header .words h2.w6 {
    font-size: 37px;
    position: absolute;
    left: 395px;
    top: 195px;
}
.header .words h2.w7 {
    font-size: 37px;
    position: absolute;
    left: 155px;
    top: 290px;
}
.header .words h2.w8 {
    font-size: 25px;
    position: absolute;
    left: 350px;
    top: 20px;
}
.header .words h2.w9 {
    font-size: 34px;
    position: absolute;
    left: 300px;
    top: 250px;
}
.header .words a {
    text-decoration: none;
    color: #000;
}
.bg_content {
    float: left;
    width: 100%;
    background: url(bg_content.jpg);
}
.content {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding: 0px 0px 30px 0px;
}
.content .bg {
    float: left;
    background: url(bg_content.png) no-repeat right bottom;
}
.referenzen {
    float: left;
    width: 960px;
    height: 210px;
    padding: 20px 0px 25px 0px;
    background: url(trenner.png) no-repeat center bottom;
}
.refcontainer {
    float: left;
    width: 300px;
    margin: 0px 10px 0px 10px;
}
.referenzschatten {
    float: left;
    background: url(referenz-schatten.png) no-repeat;
    height: 30px;
    width: 290px;
}
.ref_label {
    position: absolute;
    text-align: right;
    width: 286px;
    display: block;
    z-index: 10;
    margin-top: -176px;
}
.breadcrumb {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 36px;
    background: url(trenner.png) no-repeat center bottom;
}
.breadcrumb_text {
    float: left;
    padding: 8px 3px 0px 10px;
}
.rex-breadcrumb {
    float: left;
    width: 800px;
    margin: 0px;
    padding: 8px 0px 0px 0px;
}
.rex-breadcrumb li {
    display: inline;
    padding: 0px 0px 0px 10px;
    margin: 0px 4px 0px 0px;
    background: url('list-icon.gif') no-repeat 0px 5px;
    color: #6c6b34;
}
.rex-breadcrumb li a {
    color: #000000;
    text-decoration: none;
}
.rex-breadcrumb li a:hover {
    color: #6c6b34;
    text-decoration: underline;
}
.grid_breit {
    float: left;
    width: 620px;
    margin: 15px 0px;
    padding: 15px;
}
.grid_komplettbreit {
    float: left;
    width: 960px;
    margin: 0px;
    padding: 10px 0px 10px 10px;   
}
.grid_komplettbreit ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.grid_breit_unterseite {
    border: none;
    margin: 0px;
    padding: 20px 0px 20px 20px;
    width: 620px;
}
.grid_breit h2 {
    float: left;
    width: 561px;
    margin: 0px;
    padding: 0px;
    color: #00a5e2;
    font-weight: normal;
    font-size: 18px;
}
.grid_breit_unterseite h2 {
    padding: 0px 5px;
}
.grid_breit h3.headline {
    float: left;
    width: 561px;
    margin: 0px 5px;
    padding: 14px 0px 0px 0px;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}
.grid_breit .text {
    float: left;
    width: 615px;
    margin: 0px 0px 0px 5px;
    display: inline;
}
.grid_breit .text_start {
    float: left;
    width: 615px;
    margin: 15px 0px 0px 0px;
    display: inline;
}
.grid_breit .text a {
    color: #000000;
    text-decoration: none;
}
.grid_breit .text a:hover {
    color: #7c7b41;
    text-decoration: underline;
}
.grid_breit .spaltentext {
    float: left;
    width: 280px;
    margin: 0px 40px 0px 5px;
}
.grid_breit ul {
    margin: 0px;
    padding: 10px 15px;
}
.grid_breit ul li {
    margin: 0px;
    padding: 3px 0px;
}
.grid_breit .text img {
    border: 5px solid #FFF;
    margin-left: 25px;
}
.grid_breit .text h1 {
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
}
.grid_breit .text h3 {
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
}
.grid_breit .text p, .grid_breit .spaltentext p {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
}
.grid_breit .img_breit {
    float: left;
    padding: 15px 0px 26px 0px;
    background: url('img_breit_schatten.png') no-repeat bottom;
}
.grid_breit .img_schmal {
    float: left;
    padding: 15px 0px 26px 0px;
    margin: 0px 20px 0px 0px;
    background: url('referenz-schatten.png') no-repeat bottom;
}
.grid_breit .ref_schmal, .grid_komplettbreit .ref_schmal {
    float: left;
    width: 300px;
    padding: 5px 0px 0px 0px;
    margin: 0px 20px 0px 0px;
}
.grid_breit .img_breit img, .grid_breit .img_schmal img {
    border: 5px solid #FFF;
}
.grid_breit .xform {
    float: left;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
}
.grid_breit .xform fieldset {
    float: left;
    margin: 0px;
    padding: 0px;
    border: none;
}
.grid_breit .xform fieldset p {
    width: 190px;
    float: left;
    margin: 10px 12px 0px 0px;
}
.grid_breit .xform fieldset p .text{
    width: 190px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.grid_breit .xform fieldset p input.text{
    padding: 3px;
}
.grid_breit .xform fieldset p.formselect, .grid_breit .xform fieldset p.formtextarea {
    width: 600px;
    float: left;
    margin: 10px 12px 0px 5px;
    border-top: 1px dotted #555;
    padding: 10px 0px 0px 0px;
}
.grid_breit .xform fieldset p.formselect label {
    width: 202px;
    float: left;
}
.grid_breit .xform fieldset p.formselect select {
    width: 198px;
    float: left;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px;
}
.grid_breit .xform fieldset p.formtextarea label {
    width: 402px;
    float: left;
}
.grid_breit .xform fieldset p.formtextarea textarea {
    width: 394px;
    float: left;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px;
}
.grid_breit .xform fieldset p.formcaptcha, .grid_breit .xform fieldset p.formsubmit {
    width: 600px;
    float: left;
    margin: 10px 12px 0px 5px;	
}
.rex-message {
    float: left;
	padding: 5px 0 0;
	line-height: 18px;
	margin: 0 0 0 5px;
}
.grid_schmal {
    float: left;
    width: 290px;
    margin: 15px 0px;
    padding: 20px 5px;
}
.grid_schmal_unterseite {
    width: 279px;
    padding: 0px 15px 20px 15px;
    border-right: 1px #707070 dotted;
    margin: 20px 0px 30px 0px;
}
.grid_schmal h2 {
    float: left;
    width: 260px;
    margin: 0px;
    padding: 0px;
    color: #6c6b34;
    font-weight: normal;
    font-size: 18px;
}
.grid_schmal .text_rechts {
    float: left;
    width: 295px;
    margin: 15px 0px 20px 0px;
}
.grid_schmal .text_rechts p {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
}
.grid_schmal .text_rechts ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    list-style: none;
}
.grid_schmal .text_rechts ul a {
    color: #000000;
    text-decoration: none;
}
.grid_schmal .text_rechts ul a:hover {
    color: #7c7b41;
    text-decoration: underline;
}
.grid_schmal_unterseite .rex-navi1 {
    float: left;
    width: 275px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    line-height: 20px;
}
.grid_schmal .adresse {
    float: left;
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0px 0px 0px;
}
.grid_schmal .adresse a {
    text-decoration: none;
    color: #7c7b41;
}
.grid_schmal_unterseite .rex-navi1 a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    padding-right: 10px;
    display: table-cell;
    white-space: nowrap;
}
.strich {
    display:table-cell;
    width: 100%;
}
.grid_schmal_unterseite .rex-navi1 a:hover {
    text-decoration: underline;
}
.grid_schmal_unterseite .rex-navi1 li {
    float: left;
    width: 275px;
    list-style: none;
    margin: 0px;
    display:table-row;
}
.grid_schmal_unterseite .rex-navi1 li.rex-current .strich {
    background: url('bg_subnavi.gif') repeat-x 0px 8px;
}
.grid_schmal_unterseite .rex-navi1 .rex-navi2 li.rex-current .strich {
    background: url('bg_subnavi.gif') repeat-x 0px 10px;
}
.grid_schmal_unterseite .rex-navi1 li.rex-current .rex-navi2 li .strich {
    background: none;
}

.grid_schmal_unterseite .rex-navi1 .rex-navi2 {
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.grid_schmal_unterseite .rex-navi1 .rex-navi2 li {
    padding: 0px;
    margin: 0px;
}
.grid_schmal_unterseite .rex-navi1 .rex-navi2 li a {
    background: url('list-icon.gif') no-repeat 0px 10px;
    padding: 2px 10px 3px 10px;
    margin: 0px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}
.grid_schmal_unterseite .rex-navi1 .rex-navi2 li a.rex-current {
    color: #00A5E2;
}
.grid_schmal_unterseite .rex-navi1 .rex-navi2 li a:hover {
    text-decoration: underline;
}
.grid_breit .ohne_margin {
    margin: 0px;
}

/* SITEMAP */
#sitemap {
    float: left;
    width: 615px;
    padding: 15px 5px;
}
#sitemap ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    
}
#sitemap ul li {
    margin: 2px 0px;
    padding: 0px;
    list-style: none;
    width: 600px;
    float: left;
    background: url(bg_sitemap1.gif) repeat-y; 
}
#sitemap ul li a {
    margin: 0px;
    padding: 5px;
    list-style: none;
    float: left;
    display: block;
    width: 180px;
    color: #000;
}
#sitemap ul li ul {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    list-style: none;
    width: 400px;
    float: left;
    background: url(icon_sitemap1.png) no-repeat left center;
}
#sitemap ul li ul li {
    margin: 2px 0px;
    padding: 0px;
    list-style: none;
    width: 400px;
    float: left;
    background: url(bg_sitemap2.gif) repeat-y;
}
#sitemap ul li ul li ul {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    list-style: none;
    width: 200px;
    float: left;
    background: url(icon_sitemap2.png) no-repeat left center;
}
#sitemap ul li ul li ul li {
    margin: 2px 0px;
    padding: 0px;
    list-style: none;
    width: 190px;
    float: left;
    background: url(bg_sitemap3.gif) repeat-y;
}
#sitemap ul li ul li ul li a {
    color: #FFF;
}

/* FOOTER */
.bg_footer {
    float: left;
    width: 100%;
    background: url('bg_footer.png') repeat-x;
    margin-top: -5px;
}
.footer {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.footer .block {
    float: left;
    width: 500px;
    padding: 20px 0px 20px 45px;
    color: #626262;
    background: url('icon_gehedesign.png') no-repeat 15px 15px;
}
.footer .block_right {
    float: right;
    width: 300px;
    padding: 20px 0px 10px 15px;
    color: #626262;
    text-align: right;
}
.footer .block_right ul.rex-navi1 {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.footer .block_right ul.rex-navi1 li {
    display: inline;
    padding: 0px 10px;
    border-right: 1px dotted #626262;
}
.footer .block_right ul.rex-navi1 li.rex-article-36 {
    padding-right: 0px;
    border: none;
}
.footer .block_right ul.rex-navi1 li a.rex-active,
.footer .block_right ul.rex-navi1 li a.rex-current {
    color: #7c7b41;
}
.footer .block_contact {
    float: right;
    width: 600px;
    padding: 0px 0px 20px 15px;
    color: #626262;
    text-align: right;    
}
.footer .block_contact a, .footer .block a, .footer .block_right a {
    color: #626262;
    text-decoration: none;
}
.footer .block_contact a:hover, .footer .block a:hover, .footer .block_right a:hover {
    text-decoration: underline;
}
.footer .block_contact .tel {
    display: inline;
    margin-right: 30px;
    background: url('icon_tel.png') no-repeat;
    padding: 3px 0px 3px 25px;
}
.footer .block_contact .email {
    display: inline;
    margin-right: 30px;
    background: url('icon_email.png') no-repeat 0px 2px;
    padding: 3px 0px 3px 25px;
}
.footer .block_contact .www {
    display: inline;
    background: url('icon_www.png') no-repeat 0px 3px;
    padding: 3px 0px 3px 25px;
}
