/* 
	Bezeichnung:	ofl_sidebar.css (stylesheet für die Seitennavigation) 
	Projekt: 			dahme.com
	Datum: 				06.10.08
	Autor: 				Jörg Harling
*/


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

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

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

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

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

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

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

/*********** Online Buchen **************/
#sidebar a.buchen:link, #sidebar a.buchen:visited {
	width:166px;
	background: url(../bitmaps/sidebar_buchen.gif) left no-repeat #bfa992;
	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 #b59d84;
	background-position:8px;
}


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


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


/*********** 360-Grad-Rundgang *************/
#sidebar a.rg:link, #sidebar a.rg:visited {
	width:166px;
	background: url(../bitmaps/sidebar_360.gif) left no-repeat #bfa992;
	display:block;
	height:22px;
	background-position:8px 6px;
	text-decoration:none;
	margin-bottom:4px;
}

#sidebar a.rg:hover {
	background: url(../bitmaps/sidebar_360_hover.gif) left no-repeat #b59d84;
	background-position:8px 6px;
}

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


/*********** Prospekt *************/
#sidebar a.prsp:link, #sidebar a.prsp:visited {
	width:166px;
	background: url(../bitmaps/sidebar_prsp.gif) left no-repeat #bfa992;
	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 #b59d84;
	background-position:8px 4px;
}

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

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



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

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

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

#sidebar input.suche {
	border:1px solid #b59d84;
	font-size:12px;
	width:100%;
	background:#b59d84;
	color:#FFFFFF;
	margin:10px 0px 0px 0px;
}