* { box-sizing: border-box;  font-family: Arial, Verdana, sans-serif;}
a { color: #eddecb;  text-decoration: none;}
body {width: 99%; background:#eddecb; }
address	{ padding-bottom: 2vh;}
.artlink { cursor:pointer;}
.menu { float: left;  min-width: 20%; /* background:url(../images/bg_menu2.jpg);*/ background: #7c4e2c;}
#logobg	{ background-color:#b78155; padding: 5px; min-height: 145px; margin-bottom: 5px; width: 80%; color:#eddecb;}
#logobg h1 { font-size: 1.5em;}
#logo	{ float:left; background-image: url("../images/haenge7.jpg");background-size: 136px 136px; width: 136px; height: 136px; padding: 0; margin-right: 10px; }
#homelink { cursor:pointer; margin-top: 50px;}
.menuitemlink { padding: 8px;/*  margin-top: 7px;*/  border-bottom: 1px solid #f1f1f1; cursor: pointer; color: #fff;}
.main { float: left;  width: 40%;  padding: 0 5px;  overflow: hidden; }
.right { background: #7c4e2c; color: #fff;/* lightblue;*/  float: left;  width: 20%;  /*padding: 0 0 0 15px;*/  margin-top: 0; margin-bottom: 5px; text-align:center; line-height: 1.5em; padding: 0 0 5px 0;}
article	{ /*border: 2px solid #7c4e2c;*/ margin: 0 0 1vh 0 ; background: #b78155; padding:  1vh; color: #eddecb;}
article p { line-height: 1.5em;}
.artpicthumb { height: 100px; margin: 2px; cursor: pointer;}
/* Admin */
.logincontainer { margin: 50px auto; width: 200px; padding: 10px; bordeR:1px solid #000; }
#adminheader { height: 40px; background: #ededed;}
#logout { cursor: pointer; }
#imgshowdiv	{ position: fixed; top: 0.2vh; left: 0.2vh; display: none; height: 80%; }
#imgshowdiv img {  width: 80%; }
#footer	{ background-color:#b78155; text-align:center; padding:0; /*margin-top:15px;*/ font-size:12px; width: 80%; }
#footer ul {  list-style-type: none;  margin: 0;  padding: 0; }
#footer ul li { display: inline-block; padding: 10px; }
#footer ul li img { width: 18px; height: auto; margin-bottom: 2px;vertical-align: middle; padding-right: 5px;}

#mailadress	{  font-style: italic; cursor: pointer;} 
.slideimg	{ width: 100%; }
#slideimage { cursor: pointer;}

/*Tooltips */
#tt { position: absolute; display:block; /*background:url(images/tt_left.gif) top left no-repeat;*/ z-index: 999; top: 5px; left: 5px;}
#ttcont { display:block; padding: 3px 5px; 
        -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

@media only screen and (max-width:800px) {
  /* For tablets: */
body {width: 100%;}
/*.menu	{ min-width: 20%;}*/
#logobg { width: 100%;}
.menu	{ min-width: 100%;}
.main {    width: 100%;    padding: 0;  }
/*.main {    width: 80%;    padding: 0;  }*/
.right {    width: 100%;  }
#footer {    width: 100%;  }
}

@media only screen and (max-width:500px) {
  /* For mobile phones: */
body {width: 100%;}
#logobg { width: 100%;}
.menu, .main, .right {    width: 100%;  }
#footer ul li { display: block; padding: 10px; margin: 2px; border-bottom: 0.4vh solid #fff;}
}