@charset "UTF-8";

/***************************
rot d02037
rosa #E8CFD5
normal schrift 666
hellgrau schrift a9a9a9
hintergrund f3f3f3 | d5d4d0
backend blau d6e1ed
heute: d6d484 / b7b673
****************************/

/**********************************************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; line-height: 1.4em}
table { border-collapse:collapse;  margin-bottom: 1em; }
td { vertical-align: top;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; margin-bottom: 1em; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/**********************************************************************************************************************/

body { background: #e1e0da; text-align:left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #666; font-size: 0.9em; }

.main { /* background: url(/images/layout/color_scheeme.png) repeat-x 0 0 #d5d4d0; */}
.plain { background:#dad96f;}

a, a:visited {color: #d02037; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; }
a:hover {color: #333;}
a:hover b {color: #d02037;}

a.nav_link, a:visited.nav_link {color: #333; text-decoration: none; padding-left: 1em; background: transparent url(/images/layout/pfeil_subnav.png) no-repeat left center;  }
a.nav_link:hover {color:#000;}

p {margin-bottom: 1em;}

h1 { font-size: 3em; line-height:  1em; color: #333;  margin-bottom: 0.6em; }

h2 {font-size: 1.5em; line-height:  1.2em; color: #333; /* margin-bottom: 0.6em; */}
h2 a, h2 a:visited {color: #333; }
h1.no_space, h2.no_space {margin-bottom: 0em!important;}

h3, #home th { font-size: 1.1em; color: #333; /* margin-bottom: 0.6em;  */}
h3.no_space {margin-bottom: 0em!important;}

h4 { font-size: 1.1em; color: #333; margin-bottom: 0em; } /* wie h3 aber kein margin bottom */

h1, h2, h3, h4 {text-shadow: 0px 1px #f4f4f4; font-family: "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }


hr { margin-bottom: 1.2em; } /* border : 0; height : 1px;  margin : 1em 0; border-top: 1px dotted #252525; background: url(/images/layout/hr.png) 0 0 no-repeat; */
i {font-size: 1em; color: #333;}
b, strong {font-weight:normal; color:#000; text-shadow: #f4f4f4 0px 1px;}
em {font-weight: normal; color: #000; font-style: italic;}


/************************  SLIDING BUTTONS *****************************/

/* REQUIRED BUTTON STYLES: */
button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ }

button::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */ }

button span { position: relative; display: block; white-space: nowrap;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.submitBtn span { padding: 8px 0 0 15px; height:31px;	color:#252525; text-shadow: 0px 1px #f4f4f4;
	background: transparent url(/images/layout/sliding_button_sprite.png) no-repeat left top; }

button.submitBtn { padding: 0 15px 0 0; margin-right:5px; font-size:1em; text-align: center;  margin-bottom: 1em;
	background: transparent url(/images/layout/sliding_button_sprite.png) no-repeat right -101px; }

button.submitBtn:hover span, button.submitBtnHover span { background-position: 0 -50px; }
button.submitBtn:hover, button.submitBtnHover { background-position: right -150px; /* the redundant class is used to apply the hover state with a script */ }

/************************** SLIDING LINKS **********************************/

a.linkBtn span { padding: 6px 0 0 15px; height: 31px; color:#252525; text-shadow: 0px 1px #f4f4f4; display: block;
	background: transparent url(/images/layout/sliding_button_sprite.png) no-repeat 0 0; }

a.linkBtn { padding: 0 15px 0 0; height: 31px; margin-right:5px; margin-bottom: 1em; font-size:1em; text-align: center; display: block; float: left; text-decoration: none;
	background: transparent url(/images/layout/sliding_button_sprite.png) no-repeat right -101px; }

a.linkBtn:hover span { background-position: 0 -50px; }
a.linkBtn:hover { background-position: right -150px; }


/************************** Category LINKS **********************************/

a.catBtn span { padding: 1px 0 0 8px; height: 21px; color:#252525; text-shadow: 0px 1px #f4f4f4; display: block;
	background: transparent url(/images/layout/category-sprite.png) no-repeat 0 0; }

a.catBtn { padding: 0 8px 0 0; height: 21px; margin-right:5px; margin-bottom: 1em; font-size:1em; text-align: center; display: block; float: left; text-decoration: none;
	background: transparent url(/images/layout/category-sprite.png) no-repeat right -42px; }

a.catBtn:hover span { background-position: 0 -80px; }
a.catBtn:hover { background-position: right -122px; }


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.categoryBtn span { padding: 1px 0 0 8px; height: 21px;	color:#252525; text-shadow: 0px 1px #f4f4f4;
	background: transparent url(/images/layout/category-sprite.png) no-repeat 0 0;  }

button.categoryBtn { padding: 0 8px 0 0; margin-right:5px; font-size:1em; text-align: center;  margin-bottom: 0.4em; float: left;
	background: transparent url(/images/layout/category-sprite.png) no-repeat right -42px; }

button.categoryBtn:hover span { background-position: 0 -80px; }
button.categoryBtn:hover { background-position: right -122px; /* the redundant class is used to apply the hover state with a script */ }



/*****************************************************************************/

#wrapper {position: relative;  float: left; background: transparent; width: 980px; overflow: visible; text-align:left; /* margin: 0px auto; */ }

#toggler {position: absolute; right: 0px; top: 10px; width: 200px; height: 30px; z-index: 99; font-size: 0.8em; text-align: right; color: #000000; }
#show_logged_in_stuff {position: absolute; right: 12px; top: 12px; width: 200px; height: 30px; z-index: 99; font-size: 0.8em; text-align: right; color: #000000; }

#ci_1 {position: absolute; top:0; left: 0; width: 30px; height: 184px; z-index: 1;}
#ci_2 {position: absolute; top:15px; left: 73px; width: 120px; height: 54px; z-index: 1;} /* logo bern */
#ci_3 {position: absolute; top:21px; left: 215px; width: 165px; height: 71px; z-index: 1;} /* logo lokale agenda 21 */


#header_wrapper {position: relative; float: left; width: 100%; z-index: 0; background: #DAD96F; }
	#header {position: relative; float: left; padding-top:100px; padding-left: 70px; width: 800px; z-index: 1; background: transparent; }
		#h_title {position: relative; margin-bottom: 30px; z-index: 2;}
		#h_claim {position: relative; margin-bottom: 15px; z-index: 2;}

#heuschrecke {/* position: absolute; top:10px; left: 754px; width: 461px; height: 350px; z-index: 0; background: transparent url(/images/layout/heuschreckeklein.png) no-repeat left top; */ }
#wings {position: absolute; top:-25px; left: 0; width: 556px; height: 383px; z-index: 0; background: transparent url(/images/layout/wings.png) no-repeat left top; }
#butterflies { position: absolute; top:111px; left: 854px; width: 169px; height: 168px; z-index: 0; background: transparent url(/images/layout/butterflies.png) no-repeat left top;}

#main_navigation_wrapper {position: relative; float: left; width: 100%; background: #CCCC9A;}
	#main_navigation {position: relative; float: left; padding-left: 70px; padding-top: 22px; padding-bottom: 11px; width: 100%; z-index: 2; }


#content_wrapper {position: relative; float: left; padding-left: 70px; padding-top: 22px; width: 910px; z-index: 1; }
#kalender_wrapper {position: relative; float: left; padding-left: 50px; padding-top: 22px; width: 930px; z-index: 1; }

	#content_container {position: relative; float: left; width: 100%; z-index: 1; overflow: visible;}
	#content_container_rel {position: relative; float: left; width: 100%; z-index: 1; /* border: 1px solid black; */}

		#filter_container {position: relative; float: left; width: 170px; margin-top: 0px; padding: 0 22px 0 0; z-index: 2; overflow-x:hidden; }
			#filter {position: relative; float: left; width: 100%; margin-bottom: 20px;}
				#filter_container #filter select {width: 165px;}
			#mini_calendar_home {position: relative; float: left;  width: 100%; margin-bottom: 20px;}
			#sub_navigation {position: relative; float: left;  width: 100%; z-index: 2; margin-bottom: 20px; }
			#member_nav {position: relative; float: left; width: 90%; z-index: 2;  margin-bottom: 20px; background: transparent url(/images/layout/member_stripe_2.png) repeat top left; padding: 10px; }

		#details_container {position: relative; float: left; width: 448px; padding: 0 10px; z-index: 2;}
			#details_container img {margin-bottom: 1em;}

			.details_item {position: relative; float: left; width: 430px; border-bottom: 3px solid #252525; /* margin-bottom: 1.2em; */ padding-top:20px;}
			.details_end {position: relative; float: left; width: 430px; margin-bottom: 20px; padding-top:20px;}
			.event_typ {color: gray;}

		#events_container {position: relative; float: left; width: 285px; padding: 0 15px 0 0; z-index: 2;}

			.event_item {position: relative; float: left; border-bottom: 3px solid #252525; padding-top: 20px; /* width: 264px; margin-bottom: 1.2em; */}
				.event_item.selected, .details_item.selected {background: #f2f1c1; margin: 0;  } /* alt: feefb4 */
				.temp_item {background: url(/css/images/temp_stripe.png) repeat 0 0 transparent;}
				
				#events_container .first {padding-top: 0px;}

				a.exerp, a:visited.exerp { color: #666;}
				a:hover.exerp {color: #000;}  /* #d02037 */
				
				/* name clash with calendar module!! .date */
				.event_item .date, .details_item .date, .nuk_date {position: relative; float: left; display: block; width: 100px; margin-top: 1px; margin-bottom: 1em; }
					.dt_day {font-size: 0.8em; line-height: 1em; text-transform: uppercase;color: #000; margin-bottom: 0px;}
					.dt_date {font-size: 1.4em; line-height: 1.3em; text-transform: uppercase;color: #000; margin-bottom: 0px;}
					.dt_time {font-size: 0.8em; line-height: 1em;}
				.info {position: relative; float: right; display: block; width: 160px; margin-top: 1px; text-align: right;}
					.i_location {font-size: 0.8em; line-height: 1.2em; text-transform: uppercase;color: #000;}
					.i_category {font-size: 0.8em; line-height: 1.2em; text-transform: uppercase;color: #d02037;}
				.until {position: relative; float: left; display: block; width: 40px; margin-top: 13px; margin-bottom: 1em; }
				.occurrences {position: relative; float: left; display: block; width: 180px; margin-top: 1px; margin-bottom: 1em;}
				.rules {position: relative; float: left; display: block; width: 100px; margin-top: 1px; margin-bottom: 1em; padding-right: 10px;}

				h2.long {border-bottom: 3px solid #252525; padding-bottom: 10px;}

				.small {font-size: 0.8em; line-height: 1em;}

				ul.small li {height: 1em;}
				
		#month_container {position: relative; float: left; width: 718px; z-index: 2;}
			

			.content_table th {color: #000; font-size: 1.1em; padding-bottom: 11px;}
			.content_table td {padding-right: 10px; padding-bottom: 10px; vertical-align: top; }
			.content_table td:last-child {padding-right: 0px;}
			.content_table td.date_listing {padding-top: 4px;}


		#events_container .selected .date {width:90px!important;}
		#events_container .selected .info {width:140px!important;}


		#calendar_container {position: relative; float: left; width: 100%; padding: 0; z-index: 2; }
			
			#nuk_datepicker {text-align: center;}
			#nuk_datepicker a {font-size: 1.5em;}
			#nuk_month, #nuk_year { text-align: center;}
			
			#calendar_today {position: absolute; right: 0px; top: 0px; }
			#calendar_container h2 {text-align: center; margin-bottom: 10px;}
			#calendar_container ol.calendar { width:915px; margin:0 auto; float: left; display:block; min-height: 600px; background: url(/images/layout/tl.png) top left no-repeat; padding: 12px 0 30px 30px;  /* border: 1px solid black; */}
			#calendar_container li {list-style:none;}


			#calendar_container li li a {font-size: 1em;}

			/* Day styles - most important */
			#calendar_container li li {width:117px; height:117px; float:left; margin:3px; padding:3px; overflow:auto; overflow-x: hidden; /* background: url(/images/layout/day-bg.png) bottom right no-repeat; */ }

			/* Day content (UL/OL & P) */
			#calendar_container li li p  {font-size:.8em; display:block; margin-bottom: 4px;}
			#calendar_container li li ol {width:auto;}
			#calendar_container li li ul li,
			#calendar_container li li ol li {font-size:.7em;display:block;height:auto;width:auto; background: none; margin:0;padding:3px 0;float:none;}

			/* days */
			#calendar_container li#days li {  width:117px;height:32px;float:left; margin:3px; padding:3px;overflow:auto; background: none; color: #000; text-align: left; }


    		.in {background: url(/css/images/calendar/day-bg.png) bottom right no-repeat; }
    		.weekend {background: url(/css/images/calendar/day-bg-weekend.png) bottom right no-repeat;}
    		.out {background: url(/css/images/calendar/day-bg-inactive.png) bottom right no-repeat;}
    		.today {background: url(/css/images/calendar/day-bg-today.png) bottom right no-repeat; }

			.out, .in, .weekend, .today { white-space: nowrap;}

			.event_all_day {background:#d02037; font-size: 0.9em; width: 100%; z-index: 99; }
			.event_all_day p a, .event_all_day p {color: #fff; white-space: nowrap; }

			.event_first_day {-moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;}
			.event_last_day {-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;}

			.here a {color: #0082A4;}
			.underlined {border-bottom: 3px solid #252525; padding-bottom: 4px; }
			
		#monatsuebergreifend_container {position: relative; float: left; padding-left: 45px; padding-right: 15px; width: 870px;}
			#monatsuebergreifend_container h2 {margin-bottom: 20px;}
			#monatsuebergreifend_container h2 + p.center {margin-bottom: 20px; font-style: italic;}
				
			#monatsuebergreifend_container h3 {margin-bottom: 7px;}
				.monatsuebergreifend_left {width: 420px; float: left; padding-right: 30px;}
				.monatsuebergreifend_right {width: 420px; float: left;} 
					
					
		#long_events_container {position: relative; float: left; width: 280px; margin-top: 0px; padding: 0 15px 0 0; z-index: 2; overflow-x:hidden; }


		#info_container {position: relative; float: left; width: 500px; padding: 0 15px 0 0; z-index: 2;}

		#veranstalter_container {position: relative; float: left;  width: 718px; padding: 0; z-index: 2; }

			.veranstalter_item {position: relative; float: left; padding: 20px 0 10px 0; background: url(/images/layout/tl.png) top left no-repeat; border-bottom: 3px solid #252525;}

			#veranstalter_container td {vertical-align: top; padding-right: 15px;}

			#veranstalter_container table thead tr { vertical-align: top; }
			#veranstalter_container table thead tr th {font-size: 1.3em; font-weight: normal;/*  text-shadow: #fff 1px 1px; */ color: #252525; padding-bottom: 10px;}

			#veranstalter_container table tbody td { padding-top: 20px;} /* wegen schatten */


			td.padd_left {padding-left: 30px;}

			#veranstalter_container table table td {padding-bottom: 5px;}
			#veranstalter_container table table {font-size: 0.8em;}
			#veranstalter_container table table thead tr { height: 25px; vertical-align: top;background: none; }
			#veranstalter_container table table tbody tr { background: none;}
			#veranstalter_container table table tbody td {padding-left: 0; padding-top: 0;} /* zurücksetzen wegen schatten */

			td.v_logo {width:130px; padding-left: 30px; background: url(/images/layout/tl.png) top left no-repeat;}
			td.v_address {width:180px; overflow:hidden;/*  border: 1px solid black; */}
			td.v_events {}
			td.v_title { width: 150px; }
			td.v_date {width: 65px; /* color: #252525; */}
			td.v_category {white-space: nowrap;}

		#neuer_anlass_container {position: relative; width: 758px; float: left; margin-top: 0px; margin-left: 200px; padding: 0; z-index: 2; border: 1px solid black;}



	#popup {padding: 30px;}

	#footer {position: relative; float: left; width: 100%; margin-top: 50px;}
		#f_text {position: absolute; width: 80%; font-size: 0.8em; }
		#f_logo {position: absolute; left: 85%; width: 15%;}


/*************************
	Navigation
	siehe unter
	content_container

**************************/

/* Haupt Navigation */

/* 1st level */

#main_navigation ul { position: relative; float: left; /*  letter-spacing: -0.03em; */ margin: 0 0 1em 0; padding: 0; }
#main_navigation ul li { position: relative; float: left; list-style-type: none; }

#main_navigation ul li a, #main_navigation ul li a:visited { display: block; font-size: 1.5em; padding: 20px 15px 5px 15px; color: #252525;}


#main_navigation ul li a:hover { color: #d02037; /* background: transparent url(/images/layout/pfeil_1_grey.png) no-repeat 50% top; */}
#main_navigation ul li.here a  { color: #d02037; background: transparent url(/images/layout/pfeil_1_red.png) no-repeat 50% top;}
#main_navigation ul li.first a { padding-left: 0px;}

#main_navigation ul li.member {background: transparent url(/images/layout/member_stripe_2.png) repeat-x 0 15px; }


/* Sub Navigation */

#sub_navigation ul {position: relative; display: block; z-index: 2;}
#sub_navigation ul li { position: relative; float: left; width: 170px; list-style-type: none; }

#sub_navigation ul li a, #sub_navigation ul li a:visited { display: block; font-size: 1em;  padding: 2px 0; color: #333;  }
#sub_navigation ul li a:hover { background: transparent url(/images/layout/pfeil_subnav_grey.png) no-repeat right center; color: #d02037; }
#sub_navigation ul li.here a { background: transparent url(/images/layout/pfeil_subnav_red.png) no-repeat right center; color: #d02037; }

/* Member Navigation */

#member_nav ul { display: block; width: 100%; z-index: 2; margin: 0;}
#member_nav ul ul { margin: 0;}
#member_nav ul li { position: relative; width: 100%; list-style-type: none; } /* float: left; nicht anwenden sonst geht menu.js nicht */

#member_nav ul li a, #member_nav ul li a:visited { display: block; font-size: 0.9em;  padding: 2px 0; color: #333; }
#member_nav ul li a:hover { background: transparent url(/images/layout/pfeil_subnav_grey.png) no-repeat right center; color: #d02037; }
#member_nav ul li.here a  { background: transparent url(/images/layout/pfeil_subnav_red.png) no-repeat right center; color: #d02037; }

#member_nav ul ul li a, #member_nav ul.menu ul li a:visited { display: block; font-size: 0.9em;  padding: 2px 0 2px 15px; color: #333; }
#member_nav ul ul li a:hover { background: transparent url(/images/layout/pfeil_subnav_grey.png) no-repeat right center; color: #d02037; }
#member_nav ul ul li.here a  { background: transparent url(/images/layout/pfeil_subnav_red.png) no-repeat right center; color: #d02037; }



/* specific stuff */

.nomargin, no_margin_btm {margin-bottom: 0;}
.margin_top {margin-top: 1em;}

.hide { display: none!important; }
.createdate, .author {color: #666; font-size: 0.8em; }
.editdate {color: #9b9b9b; font-size: 0.8em;}

/* author is used quite a lot - also for other stuff - so beware changing this! */
.author a {color:#666; background: none; padding: 0;}
.author a:hover {color:#000; }


/* messages */
.message {background: #7f7f7f; color: #f8f8f8; padding: 10px 10px 10px 30px; font-size: 0.9em;}
.message a {color: #f8f8f8; border-bottom: 1px dotted #f8f8f8; }
.message a:hover {color: #252525;border-bottom: 1px dotted #252525;  }


/* image frames */
.shadow { box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; }
.frame {margin: 0px; margin-bottom: 7px; padding: 4px; border: 1px solid #e5e5e5; background: #f9f9f9;}
.border {margin: 0 0 1em 0; padding: 4px; border: 1px solid #e5e5e5; background: #fff;}

img.floatright { float: right; margin: 0 0 7px 7px; padding: 4px; border: 1px solid #e5e5e5; background: #fff;}
img.floatleft { float: left; margin: 0 14px 7px 0; padding: 4px; border: 1px solid #e5e5e5; background: #fff;}

.veranstalter_logo_small {float: left; margin-right: 10px; margin-bottom: 4px!important;}

.clearfloat, .clearfix, .clear /*, .clearbutton */ {clear: both;}

/* content edit */
a.content_edit, a:visited.content_edit {padding: 0px 7px; background: red!important; color: white; font-size: 0.8em;}
.performance {position: fixed; top: 0px; left: 0; text-align: left; padding: 0 10px; background: black; color: white; font-size: 0.8em; z-index: 999;}

input.submit {background: #d02037; color: #fff; border: none; font-size: 1.5em; padding: 0 1em;}

.submit_button_1 {
	display: block;
	height: 33px;
	padding-top: 6px 0 0 0;
	text-align: center;
	text-decoration: none;

	}

#content form div { margin-bottom: 1em;}



.toggler {display: block;/*  margin-bottom: 1em; */}
	a.toggler-closed {padding: 0px 20px 0px 0px; background: transparent url(/images/layout/toggler_oeffnen.png) no-repeat right 3px; margin-right: 5px; /* color: #fff; */} /* padding: 3px 20px 3px 3px; background: #252525 url(/images/layout/pfeil_1_red.png) no-repeat right 3px; color: #fff;*/
	a.toggler-opened {padding: 0px 20px 0px 0px;background: transparent url(/images/layout/toggler_schliessen.png) no-repeat right 3px; margin-right: 5px; margin-bottom: 10px; /*  color: #fff; */}

.toggler_inline {display: inline;}

.box_left {float: left; width: 45%;}
.box_right {float: right; width: 43%;}
.extramargin {margin-top: 1em;}

.box_66 {float: left; width: 66%;}
.box_33 {float: right; width: 33%;}

.align_right {text-align: right;}


/* form, form fieldset {margin: 0; padding: 0;} */
/* form label {display: inline-block; width: 100px; text-align: left; color: black; } */

#kontaktformular form label  { width: 200px;}
#kontaktformular form input {width: 400px;}
#kontaktformular form select {width: 400px;}
#kontaktformular form textarea {width: 400px; height: 200px;}
#kontaktformular form input.submit {width: inherit;}

p.pagination strong  {padding: 0 8px; border: 1px solid #f3f3f3; color: #000; background: white; text-decoration: underline;}
p.pagination a, p.pagination a:visited  {padding: 0 8px; border: 1px solid #f3f3f3; color: #000; background: white;}
p.pagination a:hover {color: #fff; background: #333;}

.ACHTUNG {background: red; padding: 1em; color: #fff;}

.debug_1 {border: 1px solid red;}
.debug_2 {border: 1px solid black;}


/* MINI CALENDAR + EVENTS */

p.calendar_month  {  padding: 0;  margin: 0; border: 0; text-align:center; }
.calendar_month a, .calendar_month a:link, .calendar_month a:visited, .calendar_month a:active { font-weight:normal; text-decoration:none; }
.calendar_month a:hover { }

table#calendar { padding: 0;  margin: 0; margin-top:5px; border-collapse:collapse; background: transparent; }
#calendar th, #calendar td{ width:23px; height:23px; text-align:center; vertical-align:middle; border: none; border-collapse:collapse; }
#calendar th{ color:#000000; }
#calendar .cal_td_empty{ background:transparent; color: #a9a9a9;}
#calendar .cal_td_event{ background:transparent; }

#calendar .cal_td_hasEvent{ color:#d02037; background:transparent; }
#calendar .cal_td_not_current, #calendar .cal_td_not_current a { background:transparent; color: #d3d3d3;}

#calendar .cal_td_selected{ color:#fff; background:#d02037; }
#calendar .cal_td_selected a { color:#fff; }
#calendar .cal_td_today{ color:#fff; background:#b7b673; }
#calendar .cal_td_past{ background: transparent url(/images/layout/bg_cal_past.png) no-repeat 50% 50%; color: #a9a9a9; }



.stripes {background-color: #efced4; color: #e0bfc4;}


/**************** SCROLLER ********************/
.scroll-track{
 height:10px;
 width:10px;
 background:black;
}

.scroll-handle{
 border: 1px solid black;
 height:10px;
 width:10px;
 background:#5B207B;
 cursor:pointer;
}


.no_wrap {white-space: nowrap;}
.center {text-align: center;}
.underline { border-bottom: 1px solid #252525;}


/********************************************************/
/********************* SAEF ****************************/
/******************************************************/


#saef_header {padding-top: 21px; background: #DAD96F; padding-left: 70px; padding-bottom: 21px; float: left; width: 100%;}

/* SAEF Navigation */

#saef_navigation { background: #CCCC9A; padding-left: 70px; float: left; width: 100%; padding-top: 10px; padding-bottom: 15px;}
#saef_navigation ul {position: relative; display: block; z-index: 2; float: left;}
#saef_navigation ul ul {position: absolute; display: block; z-index: 2; width: 900px;}
#saef_navigation ul li { position: relative; float: left; list-style-type: none; }

#saef_navigation ul li a, #saef_navigation ul li a:visited { display: block; font-size: 1.3em;  color: #252525; text-decoration: none; padding: 20px 15px 5px 0;}
#saef_navigation ul ul li a, #saef_navigation ul ul li a:visited { display: block; float: left; font-size: 1em; padding:0; padding-right: 10px; color: #252525;  }

#saef_navigation ul li a:hover, #saef_navigation ul ul li a:hover {  color: #d02037; }
#saef_navigation > ul > li.here > a { color: #d02037; background: url("/images/layout/pfeil_1_red.png") no-repeat scroll 50% top transparent; padding: 20px 15px 5px 0;}
#saef_navigation > ul > li > ul > li.here > a { color: #d02037; padding:0; padding-right: 10px; }


/* login */
#loginform label {float: left; display: block; width: 130px;}
#loginform input {float: left; display: block; width: 200px; margin-bottom: 10px;}
#loginform input.input_submit {width: auto;}

/* register */

#registerform label,#registerform .captchaimg {float: left; display: block; width: 170px;}
#registerform input {float: left; display: block; width: 200px; margin-bottom: 10px;}
#registerform input.input_submit {width: auto;}


.alert {color: #D02037; }

.meine_events_table th {color: black; border-bottom: 1px solid black;}
.meine_events_table td {padding-right: 10px;}


.hidden {display: none!important;}

.steps_title {display: block; float: left; width: 70px; color: #252525; font-size: 18px; }
.steps_list {display: block; float: left; width: 500px;}
.steps_list li {float: left; list-style: none; margin-left: 0!important;}
.steps_list li a {display: block; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; text-align: center; border: 1px solid #333;}
.steps_list li a.steps_here { color: #fff; background: black; border: 1px solid black;}


.saef_category_container {padding-bottom: 21px;}

#veranstaltung_edit {position: relative; width: 100%; /* margin-left: 200px; */ /* margin-top: 21px; */ overflow: visible; padding: 0 0 20px 0; z-index: 2; /* border: 1px solid black; */}

	#veranstaltung_edit ul {list-style: disc;}
	#veranstaltung_edit ul li {margin-left: 15px;}

	#veranstaltung_edit fieldset {width: 700px;}
	fieldset { background-color:#cccc9a ; margin:0; padding:22px 30px 10px 22px; margin-bottom: 15px; clear: both; color: #4d4d4d; }
	.edit_veranstalter { background-color: #D2E1EE;  padding:0;}

	#kalender_vorschau {position: absolute; left: 767px; top: 104px; background: #F2F1C1; padding-left: 20px; padding-top: 20px; }
		#kalender_vorschau ul {list-style-type: none; list-style: none;}
		#kalender_vorschau ul li {margin-left: 0;}
		
	/* RESET wegen fieldframe ffmatrix position */
	fieldset p, fieldset h2, fieldset h3, fieldset h4, .submitBtn, a.linkBtn, .padd_left  { /* padding-left: 12px;  */}

	#veranstaltung_edit em {background: yellow; padding: 4px;}
	#veranstaltung_edit .small {font-size: 0.8em; font-style: normal; color: #333; margin: 0; padding: 0; margin-bottom: 10px;}
	#veranstaltung_edit label {color: #252525;}

	span.instructions, p.instructions {  font-size: 0.8em; line-height: 1.3em; font-style: normal; color: #656565; margin: 0; padding: 0; /* padding-left: 17px; */ margin-bottom: 10px;}
	span.mandatory {color:#d02037;}
	
	input.mandatory, textarea.mandatory {border-color:#d02037; }

	 /*  text-indent: 17px; background: transparent url(/images/layout/info_icon.png) no-repeat top left;  */
	/*  background: transparent url(/images/layout/info_icon.png) no-repeat top left; */
	#veranstaltung_edit .alert {font-size: 0.8em; font-style: normal; color: #fff; background: #d02037;  margin: 0; padding: 5px; margin-bottom: 10px;}
	#veranstaltung_edit .alert_box {border: 1px solid #d02037;}

	.left {width: 49%; float: left; display: block;}
	.right {width: 49%; float: right; display: block;}

	.col_x {display: block; padding-right: 2%; }
	.col_2 { display: block; width: 14%; padding-right: 2%; }   /* 2 / 12 colums */
	.col_3 { display: block; width: 162px; padding-right: 10px; }   /* 3 / 12 colums */
	.col_4 { display: block; width: 31%; padding-right: 2%; }	 /* 4 / 12 colums */
 	.col_6 { display: block; width: 48%; padding-right: 2%; }	 /* 6 / 12 colums */
	.col_8 { display: block; width: 65%; padding-right: 2%; }	 /* 8 / 12 colums */
	.col_9 { display: block; width: 73%; padding-right: 2%; }	 /* 9 / 12 colums */

	.col_2, .col_3, .col_4, .col_5, .col_6, .col_8, .col_9, .col_x {float: left; margin-bottom: 0.4em;}

	/* input, */

	textarea {/* border: none; padding: 10px 0 10px 10px; font-size: 12px; background: #F3F3F3; color: #666; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;  *//* future proofing *//*  -khtml-border-radius: 7px;  *//* for old Konqueror browsers */ /* box-shadow:inset 0 0 5px #999; -moz-box-shadow:inset 0 0 5px #999; -webkit-box-shadow:inset 0 0 5px #999; */}

	.form_1 { width: 50px;}
	.form_2 { width: 110px;}
	.form_3 { width: 134px;} /* 155px */
	.form_4 { width: 254px;} /* 155px */
	.form_6 {width: 310px;}
	.form_8 {width: 427px;}
	.form_12 {width: 658px;}

	.form_1, .form_2, .form_3, .form_4, .form_6, .form_8, .form_12 {padding: 10px; margin: 2px 0;
		-moz-border-radius:4px 4px 4px 4px; border:1px solid #B6C0C2;
		box-shadow:inset 0 0 3px #999; -moz-box-shadow:inset 0 0 3px #999; -webkit-box-shadow:inset 0 0 3px #999;
		}

	/* input.submit { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; border:0 none; color:#FFFFFF; font-size:16px; margin:0; padding: 15px; } */
	/* input, textarea {font-size: 1em; line-height: 1.4em; font-weight:normal;} */

	/* toggle styles */
	#veranstalter_toggle { /* position: absolute; right: 0; top: 50%; */}



	/* FF matrix Styles */


	.ff-ft {/* margin-left: 12px!important; */ background: transparent; }

/*
	.ff-ft a, .ff-ft a:visited {color: black; font-size: 0.8em; background: transparent; padding: 0; border: none;}
	.ff-ft a:hover {background: transparent; color: black; border: none;}

	.ff_matrix a.button.add.row {font-size: 14px;}
	.ff_matrix table .th, .ff_matrix table .td {border: none!important;}
*/


	select.select, select.multiselect {font-size: 0.8em; padding: 2px;}

	.ngen-file-choose-existing {display: none;}

	/* table.ui-sortable {margin-bottom: 0px;} */

	/* vorschau */
	.vorschau_veranstalter { background: #fff; width: 625px; /* margin-left: 12px; */ padding: 20px;  margin-bottom: 1em;
		box-shadow:inset 0 0 3px #999; -moz-box-shadow:inset 0 0 3px #999; -webkit-box-shadow:inset 0 0 3px #999;
		-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; /* future proofing */ -khtml-border-radius: 7px; /* for old Konqueror browsers */}

	/* calendar */
	div.rule {border: 1px solid #252525;}
	#calendar_new_date button {
		background:transparent url(/images/layout/add_rule_button_01.png) no-repeat scroll 0 0!important;
		display:block;
		height:32px!important;
		text-indent:-9999em;
		width:176px;
	}

	#calendar_new_date button:hover { background:transparent url(/images/layout/add_rule_button_03.png) no-repeat scroll 0 0!important;}
	
	/* CALENDAR SAEF ANPASSUNGEN */

	#calendar_fields div.rule div.group { border-top: none;}
	#calendar_fields div.group.first.type.line {/* display: none; */} /* einschliessen oder ausschliessen option */
	#calendar_fields #calendar_select {display: none;} /* versteckt die auswahl des kalenders */
	#calendar_fields .label.itemWrapper {visibility: hidden;} /* versteckt dates & options */
	
	.calendar_fields {z-index: 0;}
	#ui-datepicker-div {z-index: 999;}
	
/*
	.ui-datepicker {width: 350px; }
	th.tableHeading {color: black; background: #e5e5e5;}
	td.tableCellOne {border: 1px dotted grey;}
	td.tableCellTwo {border-left: 1px dotted grey;}
*/

/*
	.ff_matrix table .td { border-right:1px dotted grey;}
	.ff_matrix table td.first, .ff_matrix_conf table .td:first-child, .ff_matrix table td.last, .ff_matrix_conf table .td:last-child { border-left:1px solid grey!important;}

*/

/* clearfix styles, added by Peter Siska, Designchuchi, 2010-06-04 */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* feedback boxes styles, added by Peter Siska, Designchuchi, 2010-06-05 */
.feedback {
    color: #666;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 12px;
    padding-left: 56px;
    margin-bottom: 24px;
    font-weight: bold;
    text-align: left;
}

.feedback li { list-style-type: disc; }
.feedback.info { float: none; width: auto; margin-top: 0; }

.info {
    border-color: #4EB9ED;
    background: #BDE5F8 url('/images/layout/icons-medium/info.png') no-repeat 15px center;
    color: #266FAE;
}

.success {
    border-color: #79D118;
    background: #DFF2BF url('/images/layout/icons-medium/success.png') no-repeat 15px center;
    color: #4F8A10;
}

.warning {
    border-color: #E8BA02;
    background: #FEEFB3 url('/images/layout/icons-medium/warning.png') no-repeat 15px center;
    color: #9F6000;
}

.error {
  /*  border-color: #FF5151;
    background: #FFBABA url('/images/layout/icons-medium/error.png') no-repeat 15px center; */
    color: #D6010E;
}

.validation-error {
    border-color: #FF6633;
    background: #FFCCBA url('/images/layout/icons-medium/validation-error.png') no-repeat 15px center;
    color: #D63301;
}
.validation-error ul,
.feedback ul {
    margin: 0;
    padding-left: 12px;
}

/* feedback box for SAEF messages */
#saef_feedback {
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
}

.margin_btm {margin-bottom: 21px;}
.padding_btm {padding-bottom: 21px;}
.margin_top {margin-top: 21px;}
.big_margin_top {margin-top: 50px;}
.no_padding_top {padding-top: 0;}