@charset "utf-8";

body {
    font-family: "Lucida Grande", Verdana, Helvetia, sans-serif;
/*     background-color: #9FB3CB; */
    height: 1200px;
    margin: 0px;
	font-size: 12px;
  /* background-color: #6F4117;*/
       background-image: url("../bilder/holz.jpg");

}
body img {
    border-style: none;
    text-decoration: none;
}

body a {
    text-decoration: none;
    color: white;
    outline: none;
}
ul, li {
	list-style-type: none;
}
.textlink a{
	color: #8D2700;
	text-decoration: none;
	font-weight: bold;


}
.textlink a:hover{
	color: #26313C;
	text-decoration: none;

}
.gesamt {   /* div für wechselndes Bannerbild*/
    margin-left: auto;
    margin-right: auto;
    max-height: 1500px;
    width: 978px;
/*     background-color: #f9f5e9;
    background-color: #FFF0A5;   */
    padding-bottom: 200px;

}
#abschluss {
    clear: both;
    margin-top: 150px;
    border: 1px solid #27313D;
    background-color: #FFF0A5;
/*     padding: 30px; */
    text-align: center;
}
#abschluss a{
	color: #DE3E00;
	text-decoration: none;
	font-weight: bold;
    padding: 30px;
    font-size: 15px;



}
#abschluss a:hover{
	color: #263248;
	text-decoration: none;
}
#logo { /* Muellers Buero oben rechts */
	position: relative;
    top: 5px;
    left: 720px;
    z-index: 99;
}

#gesamt_startseite {
    background-image: url("../bilder/banner-start.jpg");
    background-repeat: no-repeat;
}
#gesamt_kontakt {
    background-image: url("../bilder/banner-start.jpg");
    background-repeat: no-repeat;
}
#gesamt_design {
    background-image: url("../bilder/banner-start.jpg");
    background-repeat: no-repeat;
}
#gesamt_impressum {
    background-image: url("../bilder/banner-start.jpg");
    background-repeat: no-repeat;
}


#gesamt_referenzen {
    background-image: url("../bilder/banner-start.jpg");
    background-repeat: no-repeat;
}


.hauptnavi  { /*Hauptnavigation oben*/
    margin-left: 270px;
    height:150px;
    width: 700px;
    padding: 10px;
	margin-bottom: -200px;


}
.hauptnavi li {
	float: left;
}

.hauptnavi a {
	margin-top: 200px;
    display: block;
    width: 168px;
    height: 128px;
    background-repeat: no-repeat;
}

#webdesign {
    background-image: url("../bilder/link-design.png");
    background-repeat: no-repeat;
    }
#webdesign:hover {
    background-image: url("../bilder/link-design-hover.png");
    background-repeat: no-repeat;
}
#kontakt {
    background-image: url("../bilder/link-kontakt.png");
    background-repeat: no-repeat;
    }
#kontakt:hover {
    background-image: url("../bilder/link-kontakt-hover.png");
    background-repeat: no-repeat;
}
#index {
    background-image: url("../bilder/link-start.png");
    background-repeat: no-repeat;
    }
#index:hover {
    background-image: url("../bilder/link-start-hover.png");
    background-repeat: no-repeat;
}
#impressum {
    background-image: url("../bilder/link-vita.png");
    background-repeat: no-repeat;
    }
#impressum:hover {
    background-image: url("../bilder/link-vita-hover.png");
    background-repeat: no-repeat;
}



/* M-I-T-T-E allgemeines zur Klasse */
.inhalt {
    width: 450px;
    height: auto;
    margin-right: 10px;
    margin-left: 230px;
	margin-top: -265px;
    padding-left: 10px;
    padding-right: 10px;
    color: #071C70;
    font-size: 12px;
	text-decoration: none;
}

.inhalt li {
    list-style-type: none;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;

}

#inhalt_startseite {
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    min-height: 600px;
    width: 475px;
    background-color: #FFB03A;
    border-right: 2px solid #071C70;
    border-bottom: 2px solid #071C70;
}

#pin1 {
    position: relative;
    top: -30px;
}
#pin2 {
    position: relative;
    top: 20px;
    left: 80px;
}
#pin3 {
    position: relative;
    top: 10px;
}
#pin4 {
    position: relative;
    top: 15px;
    left: 30px;
}

#pin51 {
    position: relative;
    top: -200px;
    left: -5px;
}



#animation{

	width: 978px;
	height: 200px;
	margin: 0px auto 0 auto;
	position: absolute;

}


#hintergrund {
	position: absolute;
	margin-top: 5px;
	margin-left: 430px;
	background-repeat: no-repeat;
	z-index:95;
}
#inhalt_startseite {
	font-size: 14px;
	z-index: 1;

}

#preistabelle {
	border-spacing: 2px;

}

#preistabelle td {
	padding: 10px;
	text-align: left;
	background-color: #8D2700;
	color: #FFB03A;
	border: 2px double #DB4105;
}

.zahl {
	font-size: 20px;
}


/* UNTERmenü links) */
#links {
	margin-top: 405px;

}
#zettel {
    position: relative;

     top: 220px;
    left: 220px;
    z-index: 99;
}

#info_startseite {
    margin-top: 10px;
    margin-left: 25px;
    float: right;
    background-color: #8D2700;
    width: 200px;
    height: 630px;
    border-right: 2px solid #FFB03A;
    border-bottom: 2px solid #FFB03A;
    
}
.infobox {
    text-align: center;
    color: #8D2700;
    font-size: 15px;
    width: 180px;
    height: 190px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  /*  background-color: #8D2700;    */
    background-image: url("../bilder/glas-rechts.png");
    background-repeat: no-repeat;
}

#slideshow {
    margin: auto;
    padding-left: 6px;
    padding-top: 10px;

}

#slideshow2 {
    margin-top: 25px;
    margin-left: 75px;
}
.menu {
    font-family: arial, sans-serif;
    letter-spacing:0.2em;
    width:131px;
    height:217px;
    position:relative;
    margin-left: 0px;
    font-size:18px;
    font-weight: bold;

}

li.ober a {
    background:#DB4105;
    color:#FFF8E3;
    font-weight: bold;



}
.menu ul {
    margin-top: -165px;
}
.menu ul li a, .menu ul li a:visited {
    display:block;
    text-decoration:none;
    color:#26313C;
    width:150px;
    height:40px;
    line-height:29px;
    font-size:14px;
    padding-left:20px;
    font-weight: bold;
    margin-top: 5px;
    margin-left: -20px;
    background-image: url("../bilder/glasnavi.png");
    background-repeat: no-repeat;
}




.menu ul li:hover a,
.menu ul li a:hover {
    color:#26313C;
    background-image: url("../bilder/glasnavi-hover.png");
    background-repeat: no-repeat;
    color:#26313C;
    font-weight: bold;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
    display:block;
    position:absolute;
    top:0;
    left:131px;
    width:565px;
    background: transparent;
}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {
    float:left;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
    display:block;
    color:#FFF8E3;
    width:130px;
    float:left;
    background-image: url("../bilder/glasnavi-hover.png");
    background-repeat: no-repeat;
    font-weight: bold;
}


.menu ul li a:hover  {
    background-image: url("../bilder/glasnavi-hover.png");
    background-repeat: no-repeat;
    color:#26313C;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
    background-image: url("../bilder/glasnavi-hover.png");
    background-repeat: no-repeat;
    color:#26313C;
    font-weight: bold;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
    visibility:hidden;
    position:absolute;
    width:200px;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
    visibility:visible;
    left:-1px;
    top:31px;
    color:#FFF8E3;
    font-weight: bold;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
    display:block;
    width:130px;
    background-image: url("../bilder/glasnavi-hover.png");
    background-repeat: no-repeat;
    color:#26313C;
    font-weight: bold;
    border-left:1px solid #eee;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {
    background-image: url("../bilder/glasnavi-hover.png");
    background-repeat: no-repeat;
    color:#26313C;
    font-weight: bold;
}

#unterref a {
	background-image: url("../bilder/projekte1.png");
}
#unterref a:hover {
	background-image: url("../bilder/projekte1-hover.png");
}

img {
	border: 0px;
}