* {
margin : 0 ;
padding : 0;
border : 0;
}



html {
height: 100%;
width: 100%;
text-align: center;
background-color: #4B4B4B;
background-color: #000;
background-image : url(bilder/back1.jpg);
background-repeat : repeat;
background-position : 0 0;
}


body {
width: 100%;
min-height: 1000px;
height: auto !important;
height: 1000px;
margin: 0 auto;
text-align: center;
}


img
{
margin: 0;
padding: 0;
border: 0;
}

#top12 h1
{
width : 98%;
font-size : 0.6em;
font-weight : normal;
color : #000050;
margin: 0;
padding: 0;
border: 0;
}


h1 {
font-size : 1.4em;
font-weight : bold;
color : #fff;
margin : 20px 0 35px 0;
padding: 0;
}


h2 {
  font-size: 1.2em;
  font-weight : bold;
  width:auto;
  height:auto;
  padding: 0;
  margin: 0;
  }



a:link, a:visited
{
color : #FFD595;
text-decoration : underline;
}


a:hover, a:active {
color : #FFD595;
text-decoration : none;

}

a.m2:link, a.m2:visited,
a.m2:hover, a.m2:active
{
visibility: hidden;
}


#nav {
width : auto;
height : auto;
text-align: left;
margin: 75px 0;
padding: 0;
font-size: 1.1em;
font-family : arial, helvetica, sans-serif;
}

#nav ul
{
width: auto;
list-style-type: none;
text-align: left;
}


#navlist1 li
{
display: block;
list-style-type: none;
text-align: left;
margin: 8px 0 ;
}



#navlist1 a, #navlist1 a:link, #navlist1 a:visited
{
display: block;
text-align: left;
font-weight: bold;
color: #AA0000 ;
text-decoration : none;
border-bottom: 1px solid #1E1E1E;
}


#navlist1 a:hover
{
color : #f0f0f0;
text-align : left;
font-weight: bold;
text-decoration : none;
border-bottom: 1px solid #800000;
}


#a10 #navlist1 #lia10 a,
#a20 #navlist1 #lia20 a,
#a30 #navlist1 #lia30 a,
#a40 #navlist1 #lia40 a,
#a50 #navlist1 #lia50 a,
#a60 #navlist1 #lia60 a,
#a70 #navlist1 #lia70 a,
#a80 #navlist1 #lia80 a,
#a90 #navlist1 #lia90 a,
#a100 #navlist1 #lia100 a
{
color : #fff;
text-align : left;
font-weight: bold;
text-decoration : none;
border-bottom: 1px solid #800000;
}

#all {
height: auto;
margin: 0 auto;
width: 100%;
height: 100%;
min-width: 755px;
max-width: 955px;
width: expression(
(document.documentElement && document.documentElement.clientHeight) ?
(document.documentElement.clientWidth < 755) ? "755px" :
(( document.documentElement.clientWidth > 955) ? "955px" : "auto") :
(document.body.clientWidth < 755) ? "755px" :
(( document.body.clientWidth > 955) ? "955px" : "auto")
 );
}


#all2 {
float: left;
min-height: 1000px;
height: auto !important;
height: 1000px;
width: 100%;

}


#all3 {
float: left;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
background-color: ;
}




#a10 #all3 {
background-image : url(bilder/124_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

#a20 #all3 {
background-image : url(bilder/108_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

#a30 #all3 {
background-image : url(bilder/243_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

#a40 #all3 {
background-image : url(bilder/145_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

#a50 #all3 {
background-image : url(bilder/292_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

#a60 #all3 {
background-image : url(bilder/164_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

#a70 #all3 {
background-image : url(bilder/160_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}


#a80 #all3 {
background-image : url(bilder/179_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}


#a90 #all3 {
background-image : url(bilder/293_MikeJoerg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}








#topa {
float: left;
width : 100%;
height : 220px;
margin: 0;
padding: 0;
}


#top1 {
float: left;
width : 39%;
height : auto;
margin: 0;
padding: 0;
text-align: center;
}
#top11 {
font-family : arial;
width : 90%;
height : 113px;
margin: 3px auto;
text-align: left;
font-size: 1em;
color: #fff;
}



#top2 {
float: right;
width : 60%;
height : 200px;
padding: 0;
margin: 0;
background-image: url(bilder/logo.gif);
background-repeat: no-repeat;
background-position : 0 0;
}


#top21 {
float: left;
width : 66%;
height : 100%;
margin: 0;
padding: 0;
/* background-image: url(bilder/banner4.jpg);
background-repeat: no-repeat;
background-position: 0 100%; */
}

/* #a30 #top21 {
background-image: url(bilder/banner5.jpg);
background-repeat: no-repeat;
background-position: 0 100%;
}

#a50 #top21 {
background-image: url(bilder/banner6.jpg);
background-repeat: no-repeat;
background-position: 0 100%;
}

#a60 #top21 {
background-image: url(bilder/banner7.jpg);
background-repeat: no-repeat;
background-position: 0 100%;
} */







#top210 {
width : 95%;
height : auto;
margin: 0;
text-align: left;
}


#top22 {
float: right;
width : 29.5%;
height : auto;
margin: 0;
padding: 0;
}

#top220 {
width : 100%;
height : auto;
margin: 0 auto;
padding: 0;
}

#m0 {
clear: both;
float: left;
width: 100%;
overflow: hidden;
}



#left {
float: left;
width: 39%;
min-height: 70%;
height: auto !important;
height: 70%;
padding: 0;
margin: 0;
text-align: center;
font-size: 0.7em;
border-right: px solid #FFD595;
}


.mid1 {
width : 90%;
margin: 0 auto 20px auto;
text-align: left;
color: #C0C0C0;
}

#mid2 {
float: right;
width : 60%;
height: 80%;
min-height: 80%;
padding: 0 0 20px 0;
margin: 0;
background-color: ;
}


#mid21 {
float: left;
width : 66%;
min-height: 500px;
height: auto !important;
height: 500px;
text-align: center;
border-left: px dotted #FFD595;
background-color : ;
}

#mid210 {
width : 95%;
min-height: 500px;
height: auto !important;
height: 500px;
text-align: left;
font-family : trebuchet ms, arial, helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.6em;
color: whitesmoke;
background-color : ;
}

#mid210 ul
{
margin: 10px 0 0 15px;
padding: 0 0 0 10px;
}

#mid210 li{
margin: 10px 0 0 0;
padding: 0;
}

#mid210 img{
margin-left: 3px;
margin-top: 10px;
border-right: 1px solid #1f1f1f;
border-bottom: 1px solid #1f1f1f;
border-top: 1px solid #8f8f8f;
border-left: 1px solid #8f8f8f;
}

.mid211 {
clear: both;
float: left;
width : 40%;
height: auto;
text-align: left;
margin: 2% 2% 0 0;
padding: 2%;
}

.mid212 {
float: left;
width : 45%;
height: auto;
text-align: center;
text-align: left;
margin: 2% 0 0;
padding: 2%;
}

.top {
color: #fff;
font-size: 1em;
font-weight: bold;
letter-spacing: 1px;
font-style: italic;
}

#right {
float: right;
width : 29.5%;
min-height: 100%;
height: auto !important;
height: 100%;
padding: 0;
margin: 0;
text-align: center;
font-size: 0.75em;
color: #fff;
background-color : ;
}


.mid22 {
float: right;
height: auto;
width : 90%;
margin: 5px auto 20px auto;
text-align: left;
}

.mid220 {
height: auto;
width : 100%;
text-align: left;
font-size: 0.9em;
}