/* 
	Bezeichnung:	ofl_sidebar.css (stylesheet für die Seitennavigation) 
	Projekt: 			ostseeferienland.de
	Datum: 				31.07.08
	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:#ebebeb;
}

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

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

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

#sidebar a.vk:hover {
	background: url(../bitmaps/sidebar_vk_hover.gif) left no-repeat #d9d9d9;
	background-position:8px;
}


/*********** Newsketter *************/
#sidebar a.news:link, #sidebar a.news:visited {
	width:166px;
	background: url(../bitmaps/sidebar_news.gif) left no-repeat #ebebeb;
	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 #d9d9d9;
	background-position:8px;
}


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

#sidebar a.sms:hover {
	background: url(../bitmaps/sidebar_sms_hover.gif) left no-repeat #d9d9d9;
	background-position:8px;
}


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


/*********** Webcams *************/
#sidebar a.webcam:link, #sidebar a.webcam:visited {
	width:166px;
	background: url(../bitmaps/sidebar_webcam.gif) left no-repeat #ebebeb;
	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 #d9d9d9;
	background-position:8px;
}


/*********** Katalog *************/
#sidebar a.kat:link, #sidebar a.kat:visited {
	width:166px;
	background: url(../bitmaps/sidebar_kat.gif) left no-repeat #ebebeb;
	display:block;
	height:22px;
	background-position:8px;
	text-decoration:none;
}

#sidebar a.kat:hover {
	background: url(../bitmaps/sidebar_kat_hover.gif) left no-repeat #d9d9d9;
	background-position:8px;
}

/*********** GG-Download *************/
#sidebar a.gg:link, #sidebar a.gg:visited {
	font-size:11px;
	color:#2B5790;
	font-weight:bold;
	text-decoration:underline;
}

#sidebar a.gg:hover {
	text-decoration:none;
}



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

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

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

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

#sidebar input.quickgo {
	border:1px solid #adadad;
	font-size:12px;
	background:#818181;
	color:#FFFFFF;
	padding:0;
	margin:0;
}