/* ### global ### */

html {
 overflow: scroll;
 overflow-x: auto;
}

html, body {
 margin: 0;
 padding: 0;
 height: 100%;
}

body {
 background-color: #3f3d42;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #000;
 line-height: 16px;
}

* html html { overflow: auto; }
*+html html { overflow: auto; }

div, p, h1, h2, td {
 margin: 0;
 padding: 0;
 line-height: 16px; 
 vertical-align: top;
 text-align: left;
}

.clearFloat {
 clear: both;
 line-height: 0px;
 height: 0px;
}

table tr td {
 text-align: left;
 vertical-align: top;
}
/* ### global ### */





/* ### font ### */

p {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #000;
 line-height: 16px;
 padding-bottom: 10px;
}

a {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #000;
 line-height: 16px; 
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

h1 {
 font-family: arial;
 font-size: 30px;
 font-weight: normal;
 color: #8e1f25;
 line-height: 30px;
 padding-top: 20px;
 padding-bottom: 8px;
}

h2 {
 font-family: arial;
 font-size: 18px;
 font-weight: normal;
 line-height: 25px;
 padding-top: 10px;
 padding-bottom: 8px;
 color: #a1a0a2;
}

.bold {
 font-weight: bold;
}

.red {
 color: #8e1f25 !important;
}

.normal {
 font-weight: normal;
}

.small {
 font-size: 10px !important;
}

.gray {
 color: #a1a0a2;
}

.headline {
 font-family: arial;
 font-size: 18px;
 font-weight: normal;
 line-height: 25px;
 color: #000;
 text-decoration: none !important;
}

/* ### font ### */






/* ### form ### */
input, textarea {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #000;
 padding: 4px;
 margin: 0;
 margin-bottom: 3px;
 border: 1px solid #AAA;
}

textarea {
 overflow: auto;
}

input.button {
 font-weight: bold;
 color: #FFF;
 background-color: #3f3d42;
 border: 1px solid #736f78;
}

input.error, textarea.error {
 border: 1px solid #8e1f25;
}
/* ### form ### */






/* ### wrapper ### */

div#main_wrapper {
 margin: auto auto;
 width: 956px;
 position: relative;
 min-height: 100%;
 height:auto !important;/* moderne Browser */
 height:100%; /* IE */ 
 background-image: url(../img/main_bg.jpg);
 background-position: top left;
 background-repeat: repeat-x;
 background-color: #b9b9bb;
}

div#main_wrapper div#www {
 position: absolute;
 top: 170px;
 left: -30px;
}

div#main_wrapper div#logo {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 343px;
 height: 304px;
 overflow: hidden;
}

div#main_wrapper div#main_container {
 width: 928px;
 padding-top: 135px;  
 margin: auto auto;
}

div#main_wrapper div#main_container div#main_menu {
 height: 36px;
}

div#main_wrapper div#main_container div#main_content {
 background-image: url(../img/content_footer.gif);
 background-position: bottom left;
 background-repeat: no-repeat; 
 background-color: #FFF;
 padding: 3px;
 padding-bottom: 20px;
}

div#main_wrapper div#main_container div#main_footer {
 height: 29px;
 background-image: url(../img/content_footer_bg.gif);
 background-position: top left;
 background-repeat: no-repeat; 
 background-color: #e7e7e7;
}

div#main_wrapper div#main_container div#bottom_footer {
 margin-top: 2px;
 height: 61px;
 background-image: url(../img/bottom_footer.jpg);
 background-position: top left;
 background-repeat: repeat-x; 
}

/* ### wrapper ### */





/* ### menu ### */

div#main_wrapper div#main_container div#main_menu ul {
 margin: 0;
 padding: 0;
}

div#main_wrapper div#main_container div#main_menu ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline;
}

div#main_wrapper div#main_container div#main_menu ul li a {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
 height: 36px;
}

/* ### menu ### */





/* ### content ### */

div.content {
 padding-left: 46px;
 padding-right: 50px;
}

/* ### content ### */






/* ### footer ### */

div#main_wrapper div#main_container div#main_footer p {
 text-align: right;
 padding-right: 10px;
 padding-top: 5px;
 color: #a1a0a2; 
 font-size: 10px; 
}

div#main_wrapper div#main_container div#main_footer a {
 font-size: 10px;
 text-decoration: none;
 color: #a1a0a2;
}

div#main_wrapper div#main_container div#main_footer a:hover {
 text-decoration: underline;
}

/* ### footer ### */








/* ### galerie ### */

#galerie {
 text-align: left;
}

div#galerie img { 
 position: absolute; 
 border: none;
}

.clear{
 clear: both;
}
div#galerie #images{
 visibility: hidden;
}
div#galerie #loading{
 margin-top: 50px;
 text-align: center;
 width: 100%;
}
div#galerie #loading img {
 margin-top: 10px;
 position: relative; 
}

div#galerie #captions{
 font-weight: normal;
 position: relative; 
 text-align: center;
 z-index: 1001;
 color: #3f3d42;
}
div#galerie #scrollbar{
 visibility: hidden;
 position: relative; 
 border-bottom: 1px solid #3f3d42;
 z-index: 1002;
}
div#galerie #slider{
 position: absolute;
 margin-top: -4px;
 margin-left: -15px;
 z-index: 1003;
 background-image: url(../img/slider.gif);
 background-repeat: no-repeat;
 width: 30px;
 height: 8px;	
 cursor: pointer;
}

div#pic_overlayer {
 position: absolute; 
 top: 160px; 
 left: 171px; 
 z-index: 1004; 
 background-image: url(../img/galerie_pic_bg.png); 
 background-position: top left; 
 background-repeat: no-repeat; 
 height:568px; 
 width: 568px;
}
* html div#pic_overlayer {
 background: transparent !important;
}


div#galerie_picture {
 position: absolute; 
 top: 190px; 
 left: 201px; 
 text-align: center; 
 height: 500px; 
 width: 500px; 
 background-color: #FFF; 
 border: 4px solid #3f3d42; 
 z-index: 1005;
 cursor: pointer;
}

div#galerie_picture p {
 text-align: center; 
 padding-top: 230px;
}

div#galerie_picture p.button {
 position: absolute;
 top: -225px;
 right: 5px;
 z-index: 1006;
 color: #3f3d42;
 font-size: 10px;
}
/* ### galerie ### */




/* ### under menu ### */
div#under_selector {
 height: 60px;
}

div#under_selector a {
 display: block;
 float: left;
 font-family: arial;
 font-size: 14px;
 line-height: 20px;
 font-weight: normal;
 margin-right: 30px;
 margin-top: 30px;
 padding-top: 5px; 
 text-decoration: none;
 border-top: 4px solid #FFF; 
 color: #a1a0a2;
}

div#under_selector a:hover, div#under_selector a.aktiv {
 border-top: 4px solid #8e1f25;
 color: #8e1f25;
 text-decoration: none;
}
/* ### under menu ### */





/* ### CONTENT ELEMENTS ### */
div.content div.info_content {
 float: right;
 width: 480px;
 padding-top: 120px;
 padding-right: 40px;
}
/* ### CONTENT ELEMENTS ### */





div#content_home {
 background-image: url(../img/home_bg.jpg); 
 background-position: bottom right; 
 background-repeat: no-repeat; 
}

div#content_uebermich {
 background-image: url(../img/ueber_bg.jpg); 
 background-position: top left; 
 background-repeat: no-repeat; 
 height: 532px;
}

div#content_angebote {
 background-image: url(../img/angebote_bg.jpg); 
 background-position: top left; 
 background-repeat: no-repeat; 
 height: 729px;
}

div#content_angebote table tr td {
 padding-right: 15px;
}

div#content_referenz img {
 padding: 2px;
 border: 1px solid #CCC;
 margin-right: 15px;
 margin-bottom: 10px;
}

div#content_kontakt {
 background-image: url(../img/kontakt_bg.jpg); 
 background-position: bottom left; 
 background-repeat: no-repeat; 
 height: 600px;
}