/* this style sheet defines several classes/features commonly used by        */
/* the homepage of Maximilian Lueckenhaus                                    */
/* (c) by Maximilian Lueckenhaus - all rights reserved.                      */
/* ........ basic layout ................................................... */
body { 
  font-family:         Arial, Helvetica, Homerton, sans-serif;
  margin:              0px 0px 0px 0px; padding:         0px 0px 0px 0px;
  font-size:           0.8em;
  background-color:    #92a67f;         color:            #555555;
  text-align:          center;
  background-image:    url(img-bg-zeit11green.png);
  background-repeat:   repeat-y;
} 
h1 {          color:   #ffffff; }
/* ........ hyperlinks ..................................................... */
a:link { 
  text-decoration:     none;            color:            #883333; }
a:visited { 
  text-decoration:     none;            color:            #883333; }
a:active { 
  text-decoration:     underline;       color:            #ffc539; }
a:link:hover { 
  text-decoration:     underline;       color:            #204095; }
a:visited:hover { 
  text-decoration:     underline;      color:             #6070c9; }
a:active:hover { 
  text-decoration:     underline;      color:             #204095; }
a.readmore  {          font-weight:    bold;                       }
/* ........ layout of main content ........................................ */ 
div#maincolumn {
  margin:              auto;           padding:          1px;
  width:               700px;
  text-align:          right;
  position:            relative;
}
div#mainarea {
  position:            absolute;
  top:                 140px;          left:             0px; 
  width:               700px;
  padding:             0px;            margin:           0px; 
  background-color:    #bbbbbb;
}
div#maincontent {
  padding:             0px 0px 20px 0px; margin:           20px; 
  text-align:          left;
}
div#navbottom { 
  position:            absolute;
  bottom:              0px;           left:              0px;  
  width:               680px;
  padding:             4px 10px 4px 10px; margin:        0px; 
  text-align:          left;           
  background-color:    #555555;        color:            #bbbbbb;
} 
/* ........ layout of navigation panels .................................... */
div#mainlogo {
  position:            absolute;
  text-align:          left;           z-index:          200;
  top:                 14px;           left:             0px;
  margin:              0px;            padding:          0px;
}
div#navframearea {
  margin:              0px;            padding:          10px;
  width:               680px;          text-align:       center;
  background-color:    #bbbbbb;
}
div#navarea {
  margin:              0px;            padding:          0px;
  width:               100%;           
  background-color:    #999999;
}
ul#mainnavigationleft {
  margin:              10px 0px 0px 0px; padding:        1px;
  text-align:          left;           font-size:        0px;
  border:              0px;
  background-color:    #999999;
}
ul#mainnavigationleft li {
  list-style:          none;           font-size:        12px;
  display:             inline;         width:            485px;
  margin:              0px;            padding:          0px;
}
ul#mainnavigationleft a, ul#mainnavigationleft span {
  margin:              0px;            padding:          0px 5px 0px 5px;
  text-decoration:     none;           font-weight:      normal;
  border:              1px solid #999999;
  border-right-color:  #eeeeee;
  color:               #eeeeee;        background-color: #999999;
}
ul#mainnavigationleft a.last, ul#mainnavigationleft span.last {
  border:              1px solid #999999;
}
ul#mainnavigationleft li.rightpart {
  position:            relative;
  top:                 0px;            left:             65px;
  margin:              0px;            padding:          0px 0px 0px 0px;
}
ul#mainnavigationleft li.erightpart {
  position:            relative;
  top:                 0px;            left:             87px;
  margin:              0px;            padding:          0px 0px 0px 0px;
}
ul#mainnavigationleft a:hover {
  border-top-color:    #777777;        border-right-color: #eeeeee;
  border-bottom-color: #777777;        border-left-color:  #777777;
  color:               #aaaaaa;        background-color:   #777777;
}
ul#mainnavigationleft a.last:hover {
  border-right-color: #777777;
}
div#langnavarea {
  margin:              0px;            padding:           0px 10px 0px 10px;
  width:               680px;          text-align:        right;
}
ul#langnavigationright {
  margin:              2px 10px 0px 0px; padding:          1px;
  text-align:          right;          font-size:         0px;
  border:              0px;
}
ul#langnavigationright li {
  list-style:          none;           font-size:        12px;
  display:             inline;         width:            485px;
  margin:              0px;            padding:          0px;
}
ul#langnavigationright a, ul#langnavigationright span {
  margin:              0px;            padding:          0px 5px 0px 5px;
  text-decoration:     none;           font-weight:      normal;
  border-width:        0px 1px 0px 0px; border-style:    solid;
  border-right-color:  #555555;
  color:               #555555; 
}
ul#langnavigationright a.last, ul#langnavigationright span.last {
  border-width:        0px 0px 0px 0px;
}
ul#langnavigationright a:hover {
  border-top-color:    #555555;        border-right-color: #333333;
  border-bottom-color: #555555;        border-left-color:  #555555;
  color:               #999999;        background-color:   #555555;
}
ul#langnavigationright a.last:hover {
  border-right-color:  #555555;
}
ul#mainnavigationbottom {
  margin:              0px 0px 0px 0px; padding:        1px;
  text-align:          left;           font-size:        0px;
  border:              0px;
  background-color:    #555555;
}
ul#mainnavigationbottom li {
  list-style:          none;           font-size:        12px;
  display:             inline;         width:            485px;
  margin:              0px;            padding:          0px;
}
ul#mainnavigationbottom a, ul#mainnavigationbottom span {
  margin:              0px;            padding:          0px 5px 0px 5px;
  text-decoration:     none;           font-weight:      normal;
  border:              1px solid #555555;
  border-right-color:  #bbbbbb;
  color:               #bbbbbb;        background-color: #555555;
}
ul#mainnavigationbottom a.last, ul#mainnavigationbottom span.last {
  border:              1px solid #555555;
}
ul#mainnavigationbottom li.leftpart {
  margin:              0px;            padding:          0px 180px 0px 0px;
}
ul#mainnavigationbottom a:hover {
  border-top-color:    #bbbbbb;        border-right-color: #bbbbbb;
  border-bottom-color: #bbbbbb;        border-left-color:  #bbbbbb;
  color:               #555555;        background-color:   #bbbbbb;
}
ul#mainnavigationbottom a.last:hover {
  border-right-color: #555555;
}
/* ........ news entries ................................................... */
/* basic layout for news page:                                               */
div.newsentry {
  margin:              0px 0px 14px 0px; padding:        0px 0px 16px 0px;
  border-bottom:       1px solid #cccccc; 
}
h2.newsheadline {
  font-weight:         bold;           font-size:        1.4em;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
}
div.newsdate {
  color:               #cc6644;        font-size:        0.8em;
}
img.originalnewsimg {
  margin:              2px 2px 2px 2px; padding:         0px 0px 0px 0px;
  float:               right;          border:           0px;
}
.newsimg { 
  float:               right;
  background:          url(img-news-bg03.png) no-repeat 
                       bottom right !important;
  background:          url(img-news-bg03.png) 
                       no-repeat bottom right;
  margin:              0px 14px 12px 14px !important;
  margin:              0px 14px 12px 12px;
  padding:             0px; 
 }
.newsimg img { 
  display:             block;          position:         relative;
  background-color:    #636363;
  border-top:          0px solid #888888;
  border-right:        0px solid #aaaaaa;
  border-bottom:       0px solid #aaaaaa;
  border-left:         0px solid #888888;
  margin:              7px 10px 7px 24px;
  padding:             0px; 
}
/* adapted layout for homepage (index.html):                                 */
div.homepageinfoarea {
  width:               660px;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;

}
div.homepagenews {
  width:               400px;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;

}
div.homepagenews h2.newsheadline {
  font-weight:         bold;           font-size:        1.4em;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
}
div.homepagenews h2.noblogheadline {
  color:               #555555;
}
div.homepagenews div.newsdate {
  color:               #6C7790;        font-size:        0.8em;
}
div.homepagenews div.newsentry { 
  padding-bottom:      5px;
  border-bottom:       1px solid #cccccc; 
}
/* ........ no blog entries ................................................ */
/* basic layout for no blog page:                                            */
div.nobloginfoframe { 
  float:               right;
  background:          url(img-shadow-prev.png) no-repeat 
                       bottom right !important;
  background:          url(img-shadow-prev.png) 
                       no-repeat bottom right;
  margin:              10px 0px 30px 10px !important;
  margin:              10px 0px 30px 5px;
}
div.nobloginfo {
  margin:              -7px 7px 7px -7px; padding:       14px 14px 14px 18px;
  background-color:    #eeeeee;         color:           #ffffff;
  background:          url(img-bg-gnurk2.png);
  font-size:           0.9em;
  float:               right;           width:           400px;
}
div.noblogentry {
  margin:              0px 0px 14px 0px; padding:        0px 0px 0px 0px;
  border-bottom:       1px dashed #555555; 
  clear:               both;
}
h1.noblogheadline {    color:          #555555; }
h2.noblogheadline {
  font-weight:         bold;           font-size:        1.4em;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  color:               #e97f2c;
}
h3.noblogheadline {
  font-weight:         bold;           font-size:        1.0em;
  margin:              2px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  color:               #e97f2c;
}
div.noblogdate {
  color:               #cc6644;        font-size:        0.8em;
}
img.originalnoblogimg {
  margin:              2px 2px 2px 2px; padding:         0px 0px 0px 0px;
  float:               right;          border:           0px;
}
.noblogimg { 
  float:               right;
  background:          url(img-news-bg03.png) no-repeat 
                       bottom right !important;
  background:          url(img-news-bg03.png) 
                       no-repeat bottom right;
  margin:              0px 14px 12px 14px !important;
  margin:              0px 14px 12px 12px;
  padding:             0px; 
 }
.noblogimg img { 
  display:             block;          position:         relative;
  background-color:    #636363;
  border-top:          0px solid #888888;
  border-right:        0px solid #aaaaaa;
  border-bottom:       0px solid #aaaaaa;
  border-left:         0px solid #888888;
  margin:              7px 10px 7px 24px;
  padding:             0px; 
}
/* adapted layout for homepage (index.html):                                 */
div.homepageinfosep {
  width:               660px;
  color:               #eeeeee;        font-size:        0.1em;
  margin:              0px 0px 4px 0px;
  padding:             0px 0px 0px 0px;
  border-top:          1px dashed #dddddd;
}
div.homepagenewsintro {
  color:               #eeeeee;        font-size:        0.8em;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 8px 0px;
}
div.homepageinfoarea {
  width:               660px;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
}
div.homepagenews {
  width:               500px;
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;

}
div.homepagenews div.noblogentry { 
  padding-bottom:      5px;
  border-bottom:       1px solid #cccccc; 
  clear:               none;
}
div.homepagenews h2.noblogheadline {
  font-weight:         bold;           font-size:        1.4em;
}
div.homepagenews div.noblogdate {
  color:               #6C7790;        font-size:        0.8em;
}
/* ........ image/artworks preview ......................................... */
.previmg { 
  float:               left;
  background:          url(img-shadow-prev.png) no-repeat 
                       bottom right !important;
  background:          url(img-shadow-prev.png) 
                       no-repeat bottom right;
  margin:              10px 0 0 10px !important;
  margin:              10px 0 0 5px; }
.previmg img { 
  display:             block;          position:         relative;
  background-color:    #bbbbbb;
  border-top:          1px solid #eeeeee;
  border-right:        1px solid #eeeeee;
  border-bottom:       1px solid #363636;
  border-left:         1px solid #eeeeee;
  margin:              -6px 6px 6px -6px;
  padding:             16px; }
.previmg img:hover { 
  display:             block;          position:         relative;
  background-color:    #cfcfcf;
  border-top:          1px solid #ffffff;
  border-right:        1px solid #ffffff;
  border-bottom:       1px solid #101010;
  border-left:         1px solid #ffffff;
  margin:              -6px 6px 6px -6px;
  padding:             16px; }
div.prevsep {
  width:               690px;          clear:            both;
}
/* adapted layout for homepage (index.html):                                 */
div.homepageimgprev {
  margin:              0px 0px 0px 20px;
  padding:             0px 0px 0px 10px;
  width:               140px;          float:            right;
  text-align:          left;          font-size:        0.8em;
  color:               #eeeeee;
  border-left:         1px solid #cccccc;
}
div.hprevimg { 
  float:               left;
  margin:              0px 0px 0px 0px; }
div.hprevimg img { 
  display:             block;          position:         relative;
  background-color:    #bbbbbb;
  border-top:          1px solid #eeeeee;
  border-right:        1px solid #eeeeee;
  border-bottom:       1px solid #eeeeee;
  border-left:         1px solid #eeeeee;
  margin:              6px 6px 6px 0px;
  padding:             16px; }
div.hprevimg img:hover { 
  display:             block;          position:         relative;
  background-color:    #cfcfcf;
  border-top:          1px solid #ffffff;
  border-right:        1px solid #ffffff;
  border-bottom:       1px solid #ffffff;
  border-left:         1px solid #ffffff; }
/* ........ image/artworks large view ...................................... */
div.artsection {
  text-align:          center;
  margin:              10px 0px 0px 10px;
}
img.artimg {
  margin:              5px 0px 0px 5px;
}
div.artcaption {
  margin:              5px 0px 15px 0px;
}
div.arttitle {
  margin:              0;              padding:          0; 
}
span.artperson {
  color:               #777777;
}
span.arttechnique {
  color:               #777777;
}
span.artyear {
  color:               #777777;
}
div.artnav {
  margin:              5px 0px 5px 0px; font-size:       10px;
}