* {
background-color : transparent;
margin : 0;
padding : 0;
border : 0 solid;
}
p {
font-size : 11px;
}
a, a:link, a:visited {
outline : none;
color : #424142;
background : transparent;
text-decoration : none;
}
a:hover, a:active, a:focus {
color : #C4D0C5;
background : transparent;
text-decoration : none;
font-weight : bold;
text-decoration : none;
}
.on {
font-weight : bold;
}
#left p span {
font-size : 11px;
margin-right : 11px;
text-align : left;
font-weight : bold;
}
p {
margin : 12px 0 12px 0;
}
.title {
font-weight : bold;
text-align : left;
padding : 0;
margin : 0;
}
.underline {
text-decoration : underline;
}
.line {
margin : 0;
padding : 0;
border-top : 1px solid gray;
text-align : right;
padding-top : 1em;
}
.border {
border-top : 1px solid gray;
border-bottom : 1px solid gray;
}
.dotted {
background-image : url(xline_dotted.gif);
background-repeat : repeat-x;
background-attachment : inherit;
background-position : 0 100%;
padding-top : 1em;
}
ul, li {
margin : 0;
padding-bottom : 1px;
list-style-type : none;
}
.copyright {
margin-top : 110px;
border-top : 1px dotted;
}
.jahr {
float : left;
font-size : 11px;
padding : 2px 0 2px 0;
}
.ausstellung {
margin-left : 70px;
font-size : 11px;
border-bottom : 0 solid #ccc;
background-repeat : repeat-x;
background-attachment : inherit;
background-position : 0 0;
text-align : left;
padding : 2px 0 2px 0;
}
.name {
float : left;
font-size : 11px;
padding : 2px 0 2px 0;
}
.link {
margin-left : 168px;
font-size : 11px;
border-bottom : 0 solid #ccc;
background-repeat : repeat-x;
background-attachment : inherit;
background-position : 0 0;
text-align : left;
padding : 2px 0 2px 0;
}
#jahrlink {
margin-top : 25px;
padding-top : 10px;
font-size : 11px;
width : 230px;
clear : both;
display : block;
position : absolute;
top : 320px;
border-top : 1px dotted;
}
#jahrlink ul {
margin : 0;
list-style-type : none;
}
#jahrlink li {
display : inline;
}
#jahrlink a:link {
font-size : 11px;
padding : 3px 0 2px 5px;
text-decoration : none;
}
#jahrlink a:visited {
font-size : 11px;
padding : 3px 0 2px 5px;
text-decoration : none;
}
#jahrlink a:hover {
font-size : 11px;
padding : 3px 0 2px 5px;
}
#jahrlink p {
font-size : 11px;
line-height : 16px;
margin : 0;
padding : 0;
}
body {
background-color : transparent;
text-align : center;
font-size : 101%;
line-height : 100%;
font-family : Arial, Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
padding-bottom : 30px;
min-height : 101%;
color : #424142;

}
#outer {
border : 0 solid orange;
width : 900px;
height : 780px;
position : relative;
margin : 0 auto;
text-align : left;
display : block;
z-index : 10;
background-image : url(hg.gif);
background-repeat : no-repeat;
background-position : 0 0;
}
#wrapper {
border : 0 solid orange;
width : 850px;
height : 780px;
position : relative;
margin : 0 auto;
text-align : left;
display : block;
z-index : 10;
}
#container {
width : 850px;
height : 100%;
position : relative;
background : transparent;
padding-top : 30px;
padding-bottom : 50px;
border : 0 solid orange;
}




#header {
position : relative;

position:absolute;
top:-40px;
left:-7px;
height : 45px;
border-left : 0 solid gray;
background-image : url(art.gif);
background-repeat : no-repeat;
background-position : 100% 70px;
z-index : 20;
background-color : transparent;
margin-top : 2em;

border: 0 orange solid;

}
#header h1 {
padding-top : 30px;

float : left;
margin-left : 5px;








}
#header h1 span {
color : #999;
}



#header h1 a {
text-decoration : none !important ;
color : #666;
font-weight : normal;
display:block;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight: bold!important;
color : #575759;
font-size:14px;

}
#header h1 a:hover {
text-decoration : none !important ;
color : #666;
font-weight : normal;
display:block;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight: bold!important;

color : #C4D0C5;
}


#navigation {
margin-top : 28px;
font-family : Verdana, Arial, Helvetica, sans-serif;
float : right;margin-right:47px;
width : 200px;
border-bottom : 0 dotted #000;border: 0 orange solid;
}
#navigation ul {
margin : 0;
list-style-type : none;
}
#navigation li {
display : block;
float:left;text-align:center;
width:44px;padding-right:6px;
}
#navigation a:link {
font-size : 0.8em;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #000;
}
#navigation a:visited {
font-size : 0.8em;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #000;
}
#navigation a:hover {
color : #C4D0C5;
}
#left {
width : 550px;
height : 500px;
margin-bottom : 130px;
float : left;
background : transparent;
border : 0 solid green;
z-index : 30;
margin-left : 0;
margin-top : 60px;
}
#left a {
font-weight : bold;
text-decoration : underline;
}
#left img {
margin : 0;
padding : 0;
width : 550px;
border : none;
margin : 0;
padding-top : 20px;
}
#right ul {
padding-left : 5px;
}


.einruecken {color:#666;important;
font-style:italic; font-weight:normal!important;}

.abstandrechts {padding-right:50px;}

#left h1 {
font-size : 1em;
margin-top : 1em;
margin-bottom : 1em;
text-align : justify;
margin : 1.33em 0;
}
#left h2 {
font-size : 11px;
font-weight : normal;
margin : 1.33em 0;
text-align : left;
text-transform : uppercase;
font-weight : bold;

background-position : 0% 100%;
}
#left h3 {
font-size : 11px;
font-weight : normal;
text-align : left;
text-transform : uppercase;
font-weight : normal;

margin-left : 70px;
margin-top : 14px;
color : #666;
font-style : italic;
}
#left h4 {
font-size : 11px;
font-weight : normal;
text-align : left;
text-transform : uppercase;
font-weight : normal;
margin-top : 14px;
color : #666;
font-style : italic;
}
#leftstart a {
font-size : 0.7em;
clear : both;
}
#right {
width : 248px;
margin-bottom : 50px;
margin-top : 20px;
float : right;
overflow : hidden;
background : transparent;
border : 0 solid #ccc;
z-index : 30;
padding : 0 0 0 12px;
}
#right p {
clear : both;
padding : 2em 0 0 0;
font-size : 11px;
}
#rightstart h1 {
margin-bottom : 1em;
padding-left : 5px;
}
#right h1 {
font-size : 0.8em;
margin-bottom : 1em;
padding-left : 5px;
}
#right h2 {
font-size : 0.9em;
font-weight : normal;
margin : 1.33em 0;
border-bottom : 1px solid silver;
padding-left : 5px;
text-align : right;
}
#right h4 {
font-size : 80%;
}
#right li {
font-size : 0.8em;
line-height : 140%;
}
#right li {
font-size : 0.7em;
display : inline;
padding-right : 5px;
}
#right a {
text-decoration : none;
font-weight : normal;
color : #666;
}
#right a:hover {
text-decoration : underline;
font-weight : normal;
color : #C4D0C5;
}
#footer {
clear : both;
width : 800px;
height : 100px;
background-color : transparent;
font-size : 90%;
text-align : left;

}
#footer p {
padding : 1em 0 15px;
font-size : 11px;
}
#footer a:link, #footer a:visited {
font-size : 90%;
text-decoration : underline;
}
#footer a:hover {
text-decoration : none;
}
#footer img {
margin-top : 10px;
margin-bottom : 10px;
margin-left : -1em;
}
.liste {
width : 200px;
background-color : transparent;
margin-bottom : 150px;
}
.liste a {
border : 1px solid #cecfce;
font-size : 0.75em;
text-align : center;
display : block;
height : 20px;
width : 20px;
float : left;
margin-top : 5px;
margin-right : 5px;
padding-top : 3px;
}
.liste a:hover {
background : #C4D0C5;
}
#fuenf {
position : absolute;
top : 82px;
left : 0;
width : 129px;
height : 108px;
background-color : transparent;
}
#fuenf li {
width : 128px;
height : 108px;
background-color : transparent;
}
#fuenf a {
background-image : url(xbase/05_01.jpg);
width : 128px;
height : 108px;
display : block;
border : 1px solid #cecfce;
}
#fuenf a:hover {
background-image : url(base/05_01.jpg);
width : 128px;
height : 108px;
display : block;
}
#fuenf, #sechs, #sieben, #acht, #neun {
font-size : 11px;
}
#sechs {
position : absolute;
top : 82px;
left : 140px;
width : 170px;
height : 108px;
background-color : transparent;
}
#sechs li {
background-color : transparent;
}
#sechs a {
background-image : url(xbase/05_01.jpg);
width : 170px;
height : 108px;
display : block;
border : 1px solid #cecfce;
}
#sechs a:hover {
background-image : url(base/05_01.jpg);
width : 170px;
height : 108px;
display : block;
}
#sieben {
position : absolute;
top : 82px;
left : 328px;
width : 220px;
height : 108px;
background-color : transparent;
}
#sieben li {
background-color : transparent;
}
#sieben a {
background-image : url(xbase/05_01.jpg);
width : 220px;
height : 108px;
display : block;
border : 1px solid #cecfce;
}
#sieben a:hover {
background-image : url(base/05_01.jpg);
width : 220px;
height : 108px;
display : block;
}
#acht {
position : absolute;
top : 82px;
left : 610px;
width : 190px;
height : 108px;
background-color : transparent;
}
#acht li {
background-color : transparent;
}
#acht a {
background-image : url(xbase/05_01.jpg);
width : 190px;
height : 108px;
display : block;
border : 1px solid #cecfce;
}
#acht a:hover {
background-image : url(base/05_01.jpg);
width : 190px;
height : 108px;
display : block;
}
#neun {
position : absolute;
top : 210px;
left : 358px;
width : 170px;
height : 108px;
background-color : transparent;
}
#neun li {
background-color : transparent;
}
#neun a {
background-image : url(xbase/05_01.jpg);
width : 170px;
height : 108px;
display : block;
border : 1px solid #cecfce;
}
#neun a:hover {
background-image : url(base/05_01.jpg);
width : 170px;
height : 108px;
display : block;
}
#leer {
position : absolute;
top : 330px;
left : 630px;
width : 170px;
height : 108px;
display : block;
font-size : 0.7em;
border : 1px solid #cecfce;
}
#leer a {
width : 170px;
height : 108px;
display : block;
border : 1px solid #cecfce;
}
#leer a:hover {
width : 170px;
height : 108px;
display : block;
border : 1px solid #000;
}
#elche {
position : absolute;
top : 210px;
left : 0;
width : 170px;
height : 108px;
background-color : transparent;
background-image : url(elchezeich.gif);
}
.borderdiv {
position : absolute;
top : 62px;
left : 400px;
border : 1px solid #cecfce;
width : 100px;
height : 120px;
}
.bilderliste img {
margin : 5px;
}
.bilderliste li {
float : left;
display : block;
}
.bilderliste li a {
float : left;
display : block;
border : 1px solid #fff;
}
#left .bilderliste li {
float : left;
display : block;
width : 130px;
height : 120px;
}
#left .bilderliste li a {
display : block;
width : 130px;
height : 120px;
border : 1px solid #fff;
font-size : 10px;
text-decoration : none;
clear : both;
}

/*
-----------------------------------------------------------------------------------
bilderliste
----------------------------------------------------------------------------------- */
.bilderliste img{margin:5px;

}

.bilderliste li {float:left;display:block;

}
.bilderliste li a {float:left;display:block;

    border: #fff 1px solid; 
}

.bilderliste a:hover {
border: #CECFCE 1px solid;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;   
        
}







/*
-----------------------------------------------------------------------------------
bilderliste f?r topnavigation
----------------------------------------------------------------------------------- */
#left .bilderliste img{margin:5px;width:110px;height:83px;display:block;

}

#left .bilderliste li {float:left;display:block;width:130px;height:120px;

}
#left .bilderliste li a {display:block;width:130px;height:120px;

    border: #fff 1px solid; font-size:10px;text-decoration:none;clear:both;
}

#left .bilderliste a:hover {
border: #CECFCE 1px solid;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;   
        
}