/*
	Titel:	Sites -> Kirchliches Verwaltungszentrum Itzehoe
	Type:	kb_eventboard Extension
	Autor:	Andreas Frahm, Geargain
	Datum:	14.07.2009
*/



/* ======================================================================== */
/*  CLEARER */
/* ======================================================================== */

.kb_eventboard-entry hr.clearer {
	clear: both;
	float: left;
	width: 100%;
	color: #DFDFDF;
	border-color: #DFDFDF;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: dotted;
	margin: 5px 0;
}


/* ======================================================================== */
/*  ContextCol view  SIDEBAR */
/* ======================================================================== */

.eventbox {
	width: 179px;
	background-color: #FFF;
}

.eventbox .events_catecoryselector {
	display: none;
}

.eventbox_hl {
	background: url(../templates_images/bg_box_right_hl.gif) no-repeat;
	height: 24px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
}

#eventbox_footer {
	width: 179px;
	height: 20px;
	margin-bottom: 25px;
}

#eventbox_footer a {
	background: url(../templates_images/bg_box_right_archive.gif) no-repeat;
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-indent: 8px;
	line-height: 20px;
}

.eventbox_content {
	width: 163px;
	margin-left: 8px;
	font-size: 11px;
	margin-bottom: 10px;
}

.eventbox_date {
	font-size: 10px;
	color: #999;
}

.eventbox_eventname {
	font-weight: bold;
	color: #1B3F94;
	margin-top: 1px;
	margin-bottom: 3px;
}

.eventbox_teasertext p {
	margin: 0;
	padding: 0;
}

.eventbox_teasertext {
	color: #000;
}

.eventbox_details {
	font-size: 9px;
	color: #1B3F94;
	margin-bottom: 5px;
}

.eventbox_location, .eventbox_time, .eventbox_price {
	color: #000;
}

.hr_eventbox_gepunktet, .hr_eventbox_gestrichelt, .hr_eventbox_durchlaufend {
	width: 100%;
	color: #8D9FC9;
	border-color: #8D9FC9;
	border-width: 1px 0 0 0;
	padding: 0;
	margin: 0;
	height: 1px;
	line-height: 1px;
}

.hr_eventbox_gepunktet {
	border-style: dotted;
	margin: 5px 0;
}

.hr_eventbox_gestrichelt {
	border-style: dashed;
}

.hr_eventbox_durchlaufend {
	border-style: solid;
	margin-top: 10px;
}

a.kb_eventbox_morelink, a.kb_eventbox_morelink:hover {
	text-decoration: none;
	font-size: 9px;
	color: #FFF;
	background: url(../templates_images/bg_eventbox_more2.gif) no-repeat;
	width: 50px;
	height: 15px;
	line-height: 12px;
	padding-left: 17px;
	display: block;
	margin-left: 110px;
}

.kb_eventboard-contextcol-even {
	background-color: #dedede;
}
.kb_eventboard-contextcol-odd {
	background-color: #eaeaea;
}


/* ======================================================================== */
/* MISC */
/* ======================================================================== */

#content .kb_eventboard_eventimages a {
	background-image: none;
	margin: 0;
	padding: 0;
}

.kb_eventboard-entry {
	/* display: block; */
}

.kb_eventboard-prev {
	background-image: url(../templates_images/pagebrowser_back.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 60px;
	height: 17px;
	border: 0px;
	margin-top: 15px;
}

.kb_eventboard-next {
	background-image: url(../templates_images/pagebrowser_forward.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 60px;
	height: 17px;
	border: 0px;
	margin-top: 15px;
}

.events_catecoryselector form {
	padding: 10px;
	border: 1px solid #878272;
	background-color: #FFFFF9;
	margin-bottom: 30px;
}

.events_catecoryselector form #selectedcategory {
	background-color: #84B2EE;
	border: 1px solid #315299;
	color: #FFF;
	font-size: 11px;
	line-height: 11px;	
	font-weight: bold;
	vertical-align: bottom;
	margin-right: 0px;
}

.events_catecoryselector form input {	
	border: 0px;
	font-size: 10px;
	color: #FFF;
	background: url(../templates_images/bg_searchbutton.gif) no-repeat;
	width: 70px;
	height: 17px;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 1px;
	margin-top: 2px;
	cursor: pointer;
}


/* ======================================================================== */
/* SINGLE */
/* ======================================================================== */


.kb_eventboard_single_frame {
	border: 1px solid #878272;
	margin-bottom: 20px;
	padding: 0px 10px 0px 10px;
	float: left;
	width: 508px;
	clear: both;
}


.kb_eventboard-single-headline {
	background-color: #878272;
	margin: 0px -10px 15px -10px;
	padding: 0px 10px 0px 10px;
	line-height: 17px;
	border-bottom: 1px solid #878272;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

.kb_eventboard-single-date {
	float: right;
	color: #878272;
	width: 180px;
	line-height: 17px;
	height: 17px;
	text-align: right;
	margin-right: -10px;
	padding-right: 10px;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFF9;
}

.eventdetails_infos {
	font-size: 10px;
	color: #000;
	margin-top: 10px;
	float: left;
}

.eventdetails_spacer {
}

.eventdetails_location, .eventdetails_date, .eventdetails_time, .eventdetails_price {
	width: 60px;
	float: left;
}

.eventdetails_locationframe {
	margin-top: 5px;
}

#content .eventdetails_locationframe a {
	font-size: 10px;
	color: #1B3F94;
}

#content .eventdetails_locationframe a:hover {
	color: #CCC;
}

.kb_eventboard_eventimages {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}



/* ======================================================================== */
/* LIST */
/* ======================================================================== */

.eventsall_frame {
	border: 1px solid #878272;
	margin-bottom: 20px;
	padding: 0px 10px 0px 10px;
	float: left;
	width: 508px;
	clear: both;
}

.eventsall_even {
	background-color: #FBFBFB;
}

.eventsall_odd {
	background-color: #FBFBFB;
}

.kb_eventboard-list-headline {
	background-color: #878272;
	margin: 0px -10px 15px -10px;
	padding: 0px 10px 0px 10px;
	line-height: 17px;
	border-bottom: 1px solid #878272;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

#content .kb_eventboard-list-headline a {
	color: #FFF;
	text-decoration: none;
}

.kb_eventboard-list-date {
	float: right;
	color: #878272;
	width: 180px;
	line-height: 17px;
	height: 17px;
	text-align: right;
	margin-right: -10px;
	padding-right: 10px;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFF9;
}

.eventsall_infos {
	font-size: 10px;
	color: #000;
	margin-top: 10px;
}

.eventsall_spacer {
}

.eventsall_location, .eventsall_date, .eventsall_time, .eventsall_price {
	width: 60px;
	float: left;
}

.eventsall_locationframe {
	margin-top: 5px;
}

#content .eventsall_locationframe a {
	font-size: 10px;
	color: #1B3F94;
}

#content .eventsall_locationframe a:hover {
	color: #CCC;
}

#content .kb_eventboard_morelink {
	text-decoration: none;
	font-size: 9px;
	color: #FFF;
	background: url(../templates_images/bg_news_latest_more2.gif) no-repeat;
	width: 50px;
	line-height: 12px;
	height: 12px;	
	padding-left: 17px;
	margin: 8px 0px;
	display: block;
}

#content .kb_eventboard_morelink:hover {
	text-decoration: none;
	color: #FFF;
}

.kb_eventboard-list-browse {
	border-top: 1px solid #000;;
}


/* ======================================================================== */
/* LOCATIONBOX */
/* ======================================================================== */

#content .kb_eventboard-inforight a {
	background-image: none;
}

.kb_eventboard-area {
	position: absolute;
	left: 332px;
}

.kb_eventboard-areacontent {
	color: #000000;
	width: 277px;
	height: 210px;
	position: relative;
	left: 0px;
	display: block;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 5px;
}

.kb_eventboard-clear {
	font-size: 1px;
	clear: both;
	height: 1px;
	min-height: 1px;
}

.kb_eventboard-infodiv {
	width: 260px; 
	border: 5px solid #FFF; 
	background-color: #1B3F94;
}

.kb_eventboard-infobtnbar {
	width: 260px;
	border: 0px;
	text-align: right;
	margin: 0;
	padding: 0;
}

.kb_eventboard-infobtnbar a {
	border: 0px;
	width: 16px;
	line-height: 16px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	right: 5px;
}

.kb_eventboard-infobtnbar a img {
	border: 0px;
}

.kb_eventboard-infobox {
	background-color: #B8CCEF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.kb_eventboard-infoleft {
	float: left; 
	width: 125px; 
	padding: 5px; 
	border: 0px solid; 
}

.kb_eventboard-inforight {
	float: right;
	width: 110px; 
	padding: 5px; 
	border: 0px solid; 
}

.kb_eventboard-text {
	width: 250px; 
	padding: 5px; 
	border: 0px solid;
	overflow: hidden;
	color: #FFF;
}

#content .kb_eventboard-text a {
	color: #A4B7E4;
	text-decoration: none;
}

#content .kb_eventboard-text a:hover {
	color: #FFF;
	text-decoration: none;
}