* {
margin : 0;
padding : 0;
}
body, html {
width : 100%;
height : 100%;
overflow : hidden;
}
#hgbild {
position : absolute;
top : 0;
left : 0;
border : 0;
z-index : 1;
}
#bodydummy {
position : absolute;
top : -8px;
left : -4px;
z-index : 2;
overflow : auto;
width : 100%;
height : 100%;
text-align : center;
}
#mainDiv {
width : 800px;
height : 550px;
text-align : left;
margin : 18px auto;
}
#banner {
width : 800px;
height : 140px;
text-align : left;
border-bottom : 5px solid #3f3;
}
#bannerbild {
width : 130px;
float : right;
margin-right : 25px;
}
#strgo {
height : 18px;
width : 650px;
padding-top : 115px;
}
#strgo a:link {
color : white;
text-decoration : none;
outline : none;
}
#strgo a:visited {
color : white;
text-decoration : none;
outline : none;
}
#strgo a:focus {
color : #000;
text-decoration : none;
outline : none;
}
#strgo a:hover {
color : #000;
text-decoration : none;
outline : none;
}
#strgo a:active {
color : white;
text-decoration : none;
outline : none;
}
#strgo a {
width : auto;
text-align : center;
margin-right : 17px;
margin-left : 17px;
font-family : "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight : bold;
font-size : 18px;
}
#reiter {
height : 21px;
width : 800px;
}
#reiter a:link {
color : black;
text-decoration : none;
outline : none;
}
#reiter a:visited {
color : black;
text-decoration : none;
outline : none;
}
#reiter a:focus {
color : black;
text-decoration : none;
outline : none;
}
#reiter a:hover {
color : white;
text-decoration : none;
outline : none;
}
#ereiter a:active {
color : white;
text-decoration : none;
outline : none;
}
#reiter a {
width : auto;
text-align : center;
padding-right : 5px;
padding-left : 3px;
margin-left : 1px;
border-right : 1px solid white;
border-top : 1px solid white;
line-height : 20px;
font-size : 13px;
font-family : verdana, arial, sans-serif;
}
#strgu {
height : 17px;
width : 575px;
}
#strgu a:link {
color : white;
text-decoration : none;
outline : none;
}
#strgu a:visited {
color : white;
text-decoration : none;
outline : none;
}
#strgu a:focus {
color : #000;
text-decoration : none;
outline : none;
}
#strgu a:hover {
color : #000;
text-decoration : none;
outline : none;
}
#strgu a:active {
color : white;
text-decoration : none;
outline : none;
}
#strgu a {
width : auto;
text-align : center;
margin-right : 14px;
margin-left : 14px;
font-family : "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight : bold;
font-size : 17px;
}
#facebookmyspace {
float : left;
margin-left : 15px;
}
#imprhaf {
height : 13px;
width : 500px;
padding-top : 10px;
margin : auto;
text-align : center;
font-size : 12px;
}
#imprhaf a:link {
color : white;
text-decoration : none;
outline : none;
}
#imprhaf a:visited {
color : white;
text-decoration : none;
outline : none;
}
#imprhaf a:focus {
color : white;
text-decoration : none;
outline : none;
}
#imprhaf a:hover {
color : #999;
text-decoration : none;
outline : none;
}
#imprhaf a:active {
color : #999;
text-decoration : none;
outline : none;
}
#bannerunten {
width : 200px;
height : 45px;
float : right;
text-align : center;
margin-right : 15px;
margin-top : 5px;
}
#content {
width : 800px;
height : 410px;
border-bottom : 5px solid #3f3;
}
#text {
text-align : justify;
margin-left : 5px;
margin-top : 10px;
font-size : 16px;
}
#textimpressum {
overflow : auto;
width : 760px;
height : 410px;
text-align : justify;
margin-left : 40px;
margin-right : 40px;
}
#michse {
float : left;
width : 190px;
height : 200px;
padding-top : 15px;
padding-right : 19px;
padding-bottom : 15px;
}
#ausruestung {
float : right;
width : 330px;
height : 220px;
margin-right : 70px;
padding-top : 25px;
padding-left : 25px;
padding-bottom : 25px;
}
#kathegoriehgbild {
width : 500px;
height : auto;
margin-left : 50px;
margin-top : 20px;
}
#kathegoriehgbildfrei {
width : 583px;
height : auto;
margin-left : 97px;
}
#kathegoriehgtext {
float : left;
font-family : Verdana, Geneva, sans-serif;
font-size : 16px;
font-weight : 500;
line-height : 23px;
margin-top : 200px;
margin-left : 20px;
}
#aufzaehlung {
text-align : justify;
padding-top : 7px;
padding-bottom : 7px;
}
#impressum {
text-align : justify;
margin-left : 40px;
margin-right : 40px;
margin-top : 10px;
}
#galerie {
width : 800px;
height : 380px;
position : relative;
padding : 5px 0;
background : none;
margin : 0 auto 20px auto;
}
#galerie em {
display : block;
width : 222px;
height : 150px;
position : absolute;
top : 0;
right : 0;
border : 1px solid #ddd;
}
#galerie span {
display : block;
width : 570px;
height : 382px;
position : absolute;
top : 0;
left : 0;
border : 1px solid #ddd;
}
#galerie b#thumbs {
display : block;
width : 213px;
height : 214px;
overflow : auto;
float : right;
margin-top : 153px;
border : 1px solid #ccc;
border-width : 1px 1px 1px 1px;
padding : 5px;
}
#galerie b#thumbs a {
display : block;
float : left;
margin : 0 10px 13px 0;
background : #f8f8ff;
width : 53px;
height : 53px;
border : 1px solid #000;
}
#galerie b#thumbs a img {
width : 53px;
height : 53px;
border : 0;
}
#galerie b#thumbs a:hover {
border : 1px dotted #ccc;
background : url(pics/galeriethumbhg.jpg);
}
#galerie b#thumbs a:active {
background : url(pics/galeriethumbhg.jpg);
outline : 0;
}
#galerie b#thumbs a:focus {
background : url(pics/galeriethumbhg.jpg);
outline : 0;
}
#galerie b#thumbs a:hover img {
display : block;
position : absolute;
z-index : 500;
}
#galerie b#thumbs a:active img {
display : block;
position : absolute;
background : #aaa;
z-index : 100;
}
#galerie b#thumbs a:focus img {
display : block;
position : absolute;
background : #aaa;
z-index : 100;
}
#galerie b#thumbs a:hover img.breit {
width : 216px;
height : 144px;
right : 3px;
top : 3px;
border : 1px solid #333;
}
#galerie b#thumbs a:hover img.hoch {
width : 96px;
height : 144px;
right : 63px;
top : 3px;
border : 1px solid #333;
}
#galerie b#thumbs a:active img.hoch, #galerie b#thumbs a:focus img.hoch {
width : 250px;
height : 376px;
left : 171px;
top : 3px;
border : 1px solid #333;
}
#galerie b#thumbs a:active img.breit, #galerie b#thumbs a:focus img.breit {
width : 564px;
height : 376px;
left : 3px;
top : 3px;
border : 1px solid #333;
}
