@font-face {
    font-family:	'Ubuntu Regular';
    src:					url('../fonts/Ubuntu-Regular.eot');
    src:					url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Ubuntu-Regular.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;

}

@font-face {
    font-family:	'Ubuntu Italic';
    src:					url('../fonts/Ubuntu-Italic.eot');
    src:					url('../fonts/Ubuntu-Italic.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Ubuntu-Italic.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;

}

@font-face {
    font-family:	'Ubuntu Bold';
    src:					url('../fonts/Ubuntu-Bold.eot');
    src:					url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Ubuntu-Bold.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;

}

@font-face {
    font-family:	'Ubuntu Bolditalic';
    src:					url('../fonts/Ubuntu-Bolditalic.eot');
    src:					url('../fonts/Ubuntu-Bolditalic.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Ubuntu-Bolditalic.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;

}

body                                                              { background: #302c17; margin: 0px; color: #393023; font-size: 14px; line-height: 20px; font-family: 'Ubuntu Regular', Helvetica, Arial, sans-serif }
h1                                                                { margin: 0px; font-size: 24px; line-height: 30px; font-weight: normal; text-transform: uppercase }
h2                                                                { margin: 0px; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: uppercase }
h3                                                                { margin: 0px; font-size: 14px; line-height: 20px; font-weight: normal; text-transform: uppercase }
h4                                                                { margin: 0px; font-size: 14px; line-height: 20px; font-weight: normal; font-family: 'Ubuntu Italic', Helvetica, Arial, sans-serif }
a                                                                 { color: #91b124; text-decoration: none }
b                                                                 { font-weight: normal; font-family: 'Ubuntu Bold', Verdana, Arial, sans-serif }
i                                                                 { font-style: normal; font-family: 'Ubuntu Italic', Verdana, Arial, sans-serif }
img                                                               { border: none }
ol                                                                { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 15px }
ul                                                                { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 15px; list-style-image: url(../images/layout/bullet.png) }
li                                                                { margin: 0px 0px 5px 0px }
table                                                             { border-collapse: collapse }
td                                                                { padding: 0px 0px 5px 0px; vertical-align: top; color: #b7b7b7; font-size: 11px; line-height: 14px }

textarea,
input[type=text]                                                  { width: 280px; padding: 4px; background: #ffffff; border: solid 1px #cccccc; margin: 0px 0px 5px 0px; color: #868686; font-size: 14px; font-family: 'Ubuntu Regular', Helvetica, Arial, sans-serif }
textarea:focus,
input[type=text]:focus                                            { border: solid 1px #393023 }
textarea.error,
input[type=text].error                                            { border: solid 1px #ff0000 }
input[type=submit]                                                { float: right; width: 160px; padding: 4px; background: #f38c23; border: solid 1px #f38c23; margin: 20px 0px 0px 0px; color: #ffffff; font-size: 14px; font-family: 'Ubuntu Regular', Helvetica, Arial, sans-serif; cursor: pointer }
textarea                                                          { width: 280px; height: 120px; margin: 0px 0px 5px 0px; overflow: auto; resize: none }

.clearer                                                          { clear: both }
.container	                                                      { position: relative; z-index: 0; width: 980px; box-shadow: 0px 0px 20px rgba(0,0,0,0.75); margin: 0px auto 0px auto }

.site                                                             { background-image: url(../images/layout/feld.jpg); background-size: cover; background-attachment: fixed; overflow: hidden }
.site .navi_left                                                  { position: absolute; z-index: 0; left: 50%; top: 520px; width: 40px; height: 50px; background: url(../images/layout/navi_left.png) no-repeat; margin: 0px 0px 0px -530px }
.site .navi_right                                                 { position: absolute; z-index: 0; left: 50%; top: 520px; width: 40px; height: 50px; background: url(../images/layout/navi_right.png) no-repeat; margin: 0px 0px 0px 490px }
.site .container                                                  { z-index: 1; margin: 120px auto 0px auto }
.site .container .logo                                            { display: block; position: absolute; z-index: 100; top: -100px; left: 50%; width: 260px; height: 190px; background: url(../images/layout/logo_niedermeier.png) no-repeat; margin: 0px 0px 0px -130px }
.site .container .topnavi                                         { position: absolute; z-index: 100; top: -110px; right: 0px; padding: 0px; margin: 0px; list-style-type: none }
.site .container .topnavi li                                      { display: block; float: left; margin: 0px 0px 0px 20px }
.site .container .topnavi li a                                    { color: #ffffff; font-size: 11px; line-height: 14px; text-transform: uppercase }
.site .container .topnavi li.active a                             { color: #4c453b !important }
.site .container .theme_box                                       { position: relative; float: left; width: 980px; height: 400px; overflow: hidden }
.site .container .theme_box .bx-pager                             { position: absolute; z-index: 1000; right: 7px; bottom: 7px }
.site .container .theme_box .bx-pager .bx-pager-item              { float: left; margin: 3px }
.site .container .theme_box .bx-pager .bx-pager-item a            { display: block; width: 10px; height: 10px; background: #f3f5ec; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.75); font-size: 0px }
.site .container .theme_box .bx-pager .bx-pager-item a:hover,
.site .container .theme_box .bx-pager .bx-pager-item a.active     { background: #8eaf26 }
.site .container .theme_box .theme                                { float: left; width: 980px; height: 400px; background-repeat: no-repeat; background-position: center }
.site .container .navi                                            { float: left; width: 980px; height: 50px; background: url(../images/layout/navi_bg.png) no-repeat }
.site .container .navi ul                                         { float: left; width: 980px; height: 50px; padding: 0px; margin: 0px; list-style-type: none; text-align: center }
.site .container .navi ul li                                      { display: inline-block; margin: 10px }
.site .container .navi li a                                       { display: block; height: 14px; padding: 8px; color: #ffffff; line-height: 14px; text-transform: uppercase }
.site .container .navi li.active a                                { color: #4c453b !important }
.site .container .header                                          { float: left; width: 960px; padding: 10px; background: #f3f5ec }
.site .container .header h1                                       { float: left; width: 930px; margin: 30px 15px 0px 15px; color: #55391b; text-align: center }
.site .container .header h2                                       { float: left; width: 930px; padding: 5px 0px 30px 0px; border-bottom: solid 1px #c1c0c6; margin: 0px 15px 15px 15px; color: #93b224; text-align: center }
.site .container .header div                                      { position: relative; float: left; width: 240px; height: 200px; padding: 0px 0px 0px 50px; background-repeat: no-repeat; background-position: 0px 5px; margin: 15px; color: #6f6e74; font-size: 12px; line-height: 18px }
.site .container .header div h3                                   { margin: 0px 0px 5px 0px; color: #55391b; font-size: 18px; line-height: 24px }
.site .container .header div a                                    { display: block; position: absolute; left: 50px; bottom: 10px; padding: 0px 15px 0px 0px; background: url(../images/layout/pfeil.png) no-repeat right 1px; font-size: 14px; line-height: 14px; text-transform: uppercase }
.site .container .content                                         { float: left; width: 980px; background: #ffffff }
.site .container .content .text                                   { float: left; width: 540px; padding: 50px 50px 50px 75px }
.site .container .content .text h2                                { color: #93b224; font-size: 24px; line-height: 30px }
.site .container .content .text h3,
.site .container .content .text h4                                { color: #93b224 }
.site .container .content .text h4 a                              { font-family: 'Ubuntu Bolditalic', Helvetica, Arial, sans-serif; text-decoration: underline }
.site .container .content .text #map_canvas                       { float: left; width: 540px; height: 380px }
.site .container .content .text #map_canvas .gm-style-iw div      { white-space: nowrap !important; font-size: 12px !important; line-height: 18px !important; font-family: 'Ubuntu Regular', Helvetica, Arial, sans-serif !important }
.site .container .content .text #map_canvas .gm-style-iw div h3   { font-size: 14px !important }
.site .container .content .text .half                             { float: left; width: 270px }
.site .container .content .gallery                                { float: left; width: 830px; padding: 50px 75px 50px 75px }
.site .container .content .gallery h2                             { color: #93b224; font-size: 24px; line-height: 30px }
.site .container .content .gallery h3                             { color: #93b224 }
.site .container .content .gallery .gallery_box                   { position: relative; float: left; width: 840px; height: 160px; margin: 0px -5px 0px -5px }
.site .container .content .gallery .gallery_box .bx-prev          { display: block; position: absolute; z-index: 100; top: 70px; left: -20px; width: 16px; height: 20px; background: url(../images/layout/scroll_left.png) no-repeat center }
.site .container .content .gallery .gallery_box .bx-next          { display: block; position: absolute; z-index: 100; top: 70px; right: -20px; width: 16px; height: 20px; background: url(../images/layout/scroll_right.png) no-repeat center }
.site .container .content .gallery .gallery_box .bx-viewport      { width: 840px !important; height: 160px !important }
.site .container .content .gallery .gallery_box .slide            { display: block !important; float: left !important; width: 210px !important; height: 160px !important }
.site .container .content .gallery .gallery_box .slide span       { display: block; float: left; width: 200px; height: 150px; background: #ecf2d7; margin: 5px }
.site .container .content .familie                                { float: left; width: 540px; padding: 50px 365px 50px 75px; background: #eee4da url(../images/layout/familie.jpg) no-repeat right bottom }
.site .container .content .familie h2                             { color: #93b224; font-size: 24px; line-height: 30px }
.site .container .content .familie h3                             { color: #93b224 }
.site .container .content .startimages                            { float: left; width: 315px }
.site .container .content .startimages div                        { float: left; width: 315px; height: 215px }
.site .container .content .images                                 { float: left; width: 290px; padding: 50px 25px 50px 0px; font-size: 12px; line-height: 18px }
.site .container .content .images h2                              { color: #93b224 }
.site .container .content .images div                             { float: left; width: 290px; height: 210px; padding: 0px 0px 2px 0px }

.footer                                                           { background: #657b0d; overflow: hidden }
.footer .container                                                { z-index: 1 }
.footer .container .contact                                       { float: left; width: 930px; padding: 25px; background: #93b224; color: #ffffff; font-size: 12px; line-height: 18px }
.footer .container .contact div                                   { float: left; margin: 0px 80px 0px 0px }
.footer .container .contact div a                                 { color: #ffffff }

.container .copyright                                             { float: left; width: 930px; padding: 10px 25px 10px 25px; background: #4c453b; color: #988d7d; font-size: 12px; line-height: 18px }
.container .copyright div                                         { float: right }