/* 
	Bezeichnung:	kellenhusen_sidebar.css (stylesheet für die Seitennavigation) 
	Projekt: 			kellenhusen.de
	Datum: 				k27.02.2009
	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:#f0f3f8;
}

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

.boxgray2 {
	width:154px;
	padding:6px;
	background:#f0f3f8;
	color:#416aa5;
	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        */
/************************************/

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

#sidebar a.buchen:hover {
	background: url(../bitmaps/sidebar_buchen_hover.gif) left no-repeat #829bbe;
	background-position:8px;
}

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

#sidebar a.aktuelles:hover {
	background: url(../bitmaps/sidebar_aktuelles_hover.gif) left no-repeat #829bbe;
	background-position:8px;
}


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

#sidebar a.news:hover {
	background: url(../bitmaps/sidebar_news_hover.gif) left no-repeat #829bbe;
	background-position:8px;
}


/*********** Aktuelles Wetter *************/
#sidebar a.wetter:link, #sidebar a.wetter:visited {
	width:166px;
	background: url(../bitmaps/sidebar_wetter.gif) left no-repeat #8da6c9;
	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 #829bbe;
	background-position:8px;
}


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

#sidebar a.webcam:hover {
	background: url(../bitmaps/sidebar_webcam_hover.gif) left no-repeat #829bbe;
	background-position:8px;
}


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

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

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

#sidebar a.ofl:hover {
	background: url(../bitmaps/sidebar_ofl_hover.gif) left no-repeat #f0f3f8;
	background-position:16px;
}


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

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

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

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