/* 
  Bezeichnung:  lensahn_sidebar.css (stylesheet für die Seitennavigation) 
  Projekt:       lensahn.de
  Datum:         07.05.2010
  Autor:         Jörg Harling
*/


/************************************/
/*       Sidebar-Basiselemente      */
/************************************/

#sidebar a.info{
    position:absolute;
    z-index:24;
    color:#000;
    text-decoration:none;
		margin-top:2px;
}

#sidebar a.info:hover{z-index:25; background-color:#fff; border: 1px solid #dddddd;}

#sidebar a.info span{display: none}

#sidebar a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-5em; left:-2em; width:15em;
    border:1px solid #888888;
    background-color:#fff; color:#666666;
		padding:4px;
    text-align: center}


.quicklink {
	color: #888888;
}


.boxgray1 {
  width:154px;
  padding:6px;
  background:#fff4da;
}

.boxgray1a {
  width:154px;
  padding:6px;
  background:#ffd882;
}

.boxgray2 {
  width:154px;
  padding:6px;
  background:#fff4da;
  color:#1a8839;
  float:none;
  overflow:hidden;
  margin-bottom:4px;
}

.boxgray2 a:link, .boxgray2 a:visited {
  color:#416aa5;
  font-weight:bold;
  text-decoration:none;
}

.boxgray2 a:hover {
  text-decoration:underline;
}

/************************************/
/*        Sidebar-main-Links        */
/************************************/


/*********** Aktuelles Wetter *************/
#sidebar a.wetter:link, #sidebar a.wetter:visited {
  width:166px;
  background: url(../bitmaps/sidebar_wetter.gif) left no-repeat #ffd575;
  display:block;
  height:22px;
  background-position:8px;
  text-decoration:none;
  margin-bottom:4px;
}

#sidebar a.wetter:hover {
  background: url(../bitmaps/sidebar_wetter_hover.gif) left no-repeat #ffd166;
  background-position:8px;
}

/*********** Prospekt *************/
#sidebar a.prsp:link, #sidebar a.prsp:visited {
  width:166px;
  background: url(../bitmaps/sidebar_prsp.gif) left no-repeat #ffd575;
  display:block;
  height:22px;
  background-position:8px 4px;
  text-decoration:none;
}

#sidebar a.prsp:hover {
  background: url(../bitmaps/sidebar_prsp_hover.gif) left no-repeat #ffd166;
  background-position:8px 4px;
}

/*********** OFL *************/
#sidebar a.ofl:link, #sidebar a.ofl:visited {
  width:166px;
  background: url(../bitmaps/sidebar_ofl.jpg) left no-repeat #fff9ec;
  display:block;
  height:80px;
  background-position:16px;
  text-decoration:none;
}

/************************************/
/*     Sidebar-Formularelemente     */
/************************************/

#sidebar input, #sidebar select {
  border:1px solid #8ecba0;
  font-size:12px;
}

#sidebar form {
  margin:0;
  padding:0;
}

#sidebar input.suche {
  border:0;
  font-size:12px;
  background:#5ab374;
  color:#FFFFFF;
  float:right;
  margin:10px -6px -6px 0px;
}