/*style.css*/

html {
height: 100%;
}

a {color: #AAAA00;}

a:hover {color: #DDDD00;}

body {
background-image: url('../img/bg.png');
color: #fff;
font-family: Verdana;
font-size: 11pt;
margin: 0px;
background-color: #336699;
height: 100%;
}

.layout {
width: 100%;
height: 100%;
border: 0px;
vertical-align: top;
}

.header {
background-image: url('../img/header_spacer.png');
height: 182px;
width: 100%
vertical-align: top;
}

.navi {
background-image: url('../img/navi_spacer.png');
height: 100%;
float: left;
width: 200px;
vertical-align: top;
}

.content {
padding: 15px;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: 198px 0px;
vertical-align: top;
}

#box1 {
width: 60%;
height: 60%;
vertical-align: top;
}

#box2 {
border: 0px;
vertical-align: top;
}

/*navi*/


.home {
display: block;
background-image: url('../img/home.png');
width: 199px;
height: 50px;
}

.home:hover {
display: block;
background-image: url('../img/home_hover.png');
width: 199px;
height: 50px;
}

.goldschmiede {
display: block;
background-image: url('../img/goldschmiede.png');
width: 199px;
height: 50px;
}

.goldschmiede:hover {
display: block;
background-image: url('../img/goldschmiede_hover.png');
width: 199px;
height: 50px;
}

.uhrmacher {
display: block;
background-image: url('../img/uhrmacher.png');
width: 199px;
height: 50px;
}

.uhrmacher:hover {
display: block;
background-image: url('../img/uhrmacher_hover.png');
width: 199px;
height: 50px;
}

.projekte {
display: block;
background-image: url('../img/projekte.png');
width: 199px;
height: 50px;
}

.projekte:hover {
display: block;
background-image: url('../img/projekte_hover.png');
width: 199px;
height: 50px;
}

.fotovideo {
display: block;
background-image: url('../img/fotovideo.png');
width: 199px;
height: 50px;
}

.fotovideo:hover {
display: block;
background-image: url('../img/fotovideo_hover.png');
width: 199px;
height: 50px;
}

.kontakt {
display: block;
background-image: url('../img/kontakt.png');
width: 199px;
height: 50px;
}

.kontakt:hover {
display: block;
background-image: url('../img/kontakt_hover.png');
width: 199px;
height: 50px;
}

.impressum {
display: block;
background-image: url('../img/impressum.png');
width: 199px;
height: 50px;
}

.impressum:hover {
display: block;
background-image: url('../img/impressum_hover.png');
width: 199px;
height: 50px;
}