@import url("norm.css");

body {
position: relative;
margin: 0 auto;
text-align:center;
width: 950px;
background: #E6A628;
font-size: 0.8em;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode",sans-serif;
}

h3{
font-size: 1.3em;
}

#branding {
background:url(../images/branding.jpg) no-repeat center;
width: 950px;
height: 118px;
}

#main {
background:url(../images/main.jpg) no-repeat center;
width: 950px;
height: 409px;
/*border: 1px solid black;*/
}

#content_main {
position: absolute;
text-align: left;
top: 200px;
left: 120px;
width: 450px;
height: 300px;
color: white;
}

#content_main ul{
list-style:disc;
font-size: 1.1em;
}

#content_main p{
margin-top:10px;
margin-bottom:16px;
font-size: 1.1em;
}

#navi_main {
position: absolute;
text-align: left;
top: 200px;
left: 754px;
width: 100px;
height: 200px;
/*border: 1px solid red;*/
}

.home:link, .home:visited {
display: block;
background: url(../images/home_i.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.home:hover{
display: block;
background: url(../images/home_a.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.aboutme:link, .aboutme:visited {
display: block;
background: url(../images/mich_i.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.aboutme:hover{
display: block;
background: url(../images/mich_a.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.referenzen:link, .referenzen:visited {
display: block;
background: url(../images/referenzen_i.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.referenzen:hover{
display: block;
background: url(../images/referenzen_a.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.galerie:link, .galerie:visited {
display: block;
background: url(../images/galerie_i.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.galerie:hover{
display: block;
background: url(../images/galerie_a.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.contact:link, .contact:visited {
display: block;
background: url(../images/kontakt_i.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.contact:hover{
display: block;
background: url(../images/kontakt_a.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.impressum:link, .impressum:visited {
display: block;
background: url(../images/impressum_i.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

.impressum:hover{
display: block;
background: url(../images/impressum_a.png);
width: 106px;
height: 27px;
text-indent:-9999px;
}

#footer {
background:url(../images/footer.jpg) no-repeat center;
width: 950px;
height: 33px;
font-size:0.8em;
}

#footer h4{
text-indent:-9999px;
height:0;
}

#footer a{
color: black;
}

#branding h1, #branding blockquote {
text-indent:-9999px;
}

#main h2 {
text-indent:-9999px;
}

#navi_main h3{
text-indent:-9999px;
height: 0;
}