html, body {                        margin:0; padding:0; text-align:center; background:#eee; }
* {                                 font-family:arial,verdana; font-size:14px; }

#body_bx * {						line-height:20px; }
#blep a {                           color:#093; font-weight:bold; }
#blep a:hover {                     color:#fff; background-color:#093; }
a img {                             border:0; }
p {                                 padding:5px; margin:5px 0; text-align:left; }
h1 {                                padding:0 5px; margin:30px 0 15px; font-size:20px; text-transform:uppercase; color:#093; }
h2 {                                padding:0 5px; margin:5px 0; font-size:15px; text-transform:uppercase; }
h3 {                       			padding:3px 5px; margin:5px 0; font-size:14px; background-color:#093; color:#fff; }
hr {                                display:block; margin:15px 0; border:0; border-top:1px solid #ccc; clear:both; height:0; }

sub{								font-size:11px;}
/*
.half,
.two.quarter {                      width:315px; margin:0 5px; }
.three.quarter {                    width:645px; margin:0 5px; }
.quarter {                          width:210px; margin:0 5px; }
.two.third {                        width:576px; margin:0 5px; }
.third {                            width:283px; margin:0 5px; }
.full,
.two.half {                         width:650px; }
*/
.left {                             display:block; float:left; }
.right {                            display:block; float:right; }
.clear {                            display:block; clear:both; }
.button {                           display:block; padding:2px 5px; }
.provisorisch {                     position:absolute; right:0; }


/* MAIN STRUCTURE */
#html_bx {                          position:relative; background:#fff url(images/layout/head.gif) repeat-x; text-align:left; }
#main_bx {                          position:relative; margin:0 0 20px 0; border-bottom:1px solid white; text-align:left; width:1024px; padding-top:30px; z-index:2; }
#head_bx {                          position:relative; margin:0; text-align:left; width:990px; height:110px; z-index:3; }
#navi_bx {                          z-index:2; }
#side_bx {                          z-index:2; float:left; width:200px; height:500px; }
#body_bx {                          position:relative; padding:0 15px; margin:15px 0; float:left; width:550px; }
#right_bx{							height:auto; width:210px; float:left; margin-top:45px; background-color:#eee; }
#foot_bx {                          position:relative; clear:both; background:#eee url(images/layout/foot.gif) repeat-x; padding:50px 0; height:100px; }

/* HEADER */
#head_bx #start {                   position:absolute; display:block; left:20px; top:0; background:#eee url(images/layout/start.gif) no-repeat; width:300px; height:110px; }
#head_bx #start * {                 display:none; }
#head_bx #logo {                    display:block; width:200px; height:201px; position:absolute; top:-17px; left:10px; background:transparent url(images/layout/logo.gif) center no-repeat ;  }
#head_bx #title {                   display:block; width:400px; height:60px; position:absolute; top:40px; left:210px; background:transparent url(images/layout/baselbieter_energiepaket.gif) center no-repeat; }
#head_bx #aktiv {                   display:block; width:250px; height:100px; position:absolute; top:5px; left:760px; background:transparent url(images/aktiv_werden.gif) center no-repeat; }
#head_bx #aktivsmall {              display:block; width:205px; height:45px; position:absolute; top:26px; left:780px; background:transparent url(images/aktiv_werden_small.gif) center no-repeat; }
/*
#head_bx #wegleitungen {            display:block; width:205px; height:45px; position:absolute; top:26px; left:780px; background:transparent url(images/wegleitungen_gesuche_small.gif) center no-repeat; }
#head_bx #ausfbest {                display:block; width:205px; height:25px; position:absolute; top:70px; left:780px; background:transparent url(images/ausfuehrungsbestaetigung.gif) center no-repeat; }
*/
#head_bx #resume {                  display:block; width:290px; height:70px; position:absolute; top:20px; left:660px; background:transparent url(images/resume_big.gif) center no-repeat; }

#head_bx ul { display: block; padding: 8px 0 0 0; margin:0 0 0 210px; }
#head_bx li { display: block; float: left;  padding-right: 5px; margin-left: 5px; border-right: 1px solid #093; line-height: 5px;}
#head_bx li.last { border-right: none; padding-right: 0;}
#head_bx li a{ display: block; text-decoration: none;}
#head_bx ul span{ font-size: 12px; margin: 3px 5px; display: block; }
#head_bx ul a:hover{ color: #093; text-decoration: underline;background: #fff; }


#head_bx #logo span,
#head_bx #resume span,
#head_bx #title span {                   display:none; }

#body_bx .aktiv {                   display:block; position:absolute; top:20px; left:220px; }

#foot_bx {                          color:#fff; text-align:center; }

#blep .c_table {                    float:none; }
#blep .c_table th {                 background:#093; }

.table {                            margin:10px 0; width:100%; border-collapse:collapse; }
.table td, .table th {              vertical-align:top; padding:5px; border:1px solid #ccc; }
.table th {                         font-weight:bold; background:#999; color:#fff; text-align:left; }
.table tbody th {                   background:#eee; color:#000; }
.table * {                          font-size:12px; }
.table small {                      font-size:10px; }

#blep .hints {                      border:1px solid #c00; margin:10px 5px; }
#blep .hints h3 {                   background-color:#c00; margin-top:0; }
#blep .hints ul {                    }
#blep .hints li {                    }
#blep .hints p {                    font-weight:bold; color:#c00; margin:10px; }

.event {                            border:1px solid #999; margin:20px 50px; }
.event h2 {                         background-color:#999; color:#fff; padding:3px 5px; margin-top:0; }
.event table {                      margin:10px; }
.event th {                      	padding:10px 2px; white-space:nowrap; vertical-align:top; }

.list {                             margin:10px 0; padding:10px; }
.list li {                          margin:0 20px; padding:7px; border-bottom:1px solid #ddd; font-size:12px; }
.list.green {                       border:1px solid #999; }

ul.nolist {                         margin:10px; padding:0; list-style:none; }
ul.nolist li {                      margin:0; padding:0; line-height:30px; border-bottom:1px solid #ccc; font-size:12px; }
ul.nolist.green {                   border:1px solid #999; }

.subnavi {                          margin:10px; padding:0; list-style:none; }
.subnavi li {                       margin:0; padding:0; }
.subnavi a {                        margin:0; padding:5px 3px 5px 24px; display:block; background-image:url(images/layout/arrow.gif); background-repeat:no-repeat; background-position:3px center; }

a.back {                            margin:0; padding:5px 3px 5px 24px; display:block; background-image:url(images/layout/arrow_back.gif); background-repeat:no-repeat; background-position:3px center; }

.newsdate{                          color: #666;  }

.c_table.articles .publication_date {       width:70px; }

#blep .c_table.xmlexportlist td.ndlz span{          }
#blep .c_table.xmlexportlist td {					line-height:10px; vertical-align:middle; }
#blep .c_table.xmlexportlist .gesuchsnummer {		width:115px;}
#blep .c_table.xmlexportlist .erstellt {			width:115px;}
#blep .c_table.xmlexportlist td span{				font-size:11px; }
#blep .c_table.xmlexportlist th span{				font-size:12px; }
#blep .c_table .action a:hover{                     color:#000; }
#blep .c_table td.action a:hover {                  background-color:#ddd; }

#blep .c_table.itemlist{                            margin-top:40px;}

#blep .c_table .action .view.error{             background-image:url(images/email/email_error.gif); }
#blep .c_table .action .view.unread{			background-image:url(images/email/email.gif); }
#blep .c_table .action .view.read{              background-image:url(images/email/email_open.gif); }
#blep .c_table .action .view.replied{			background-image:url(images/email/email_go.gif); }
#blep .c_table .action .reload{                 background-image:url(styles/coala/images/gif/actions/refresh.gif); }
#blep .c_table .action .download.new{			background-image:url(images/download.gif); }
#blep .c_table .action .download.downloaded{	background-image:url(images/tick.gif); }
#blep .c_table .action .all{					background-image:url(images/download.gif); }

#blep .c_table th.typ{                          width:22px;}
#blep .c_table th.typ span{                     display:none;}
#blep .c_table .typ.xml{                        background:center no-repeat url(styles/coala/images/gif/file/xml.gif); }
#blep .c_table .typ.pdf{                        background:center no-repeat url(styles/coala/images/gif/file/pdf.gif); }

#blep .c_form .info:hover .data{        display:inherit;}

#blep .back-top { float:right; margin-top:-80px; }
#blep .backlink { clear:both; float:right; margin-top:-10px; z-index:2; }

#blep .actions li.action {						float:left; clear:none; }
#blep .actions li.action a {					line-height:normal; float:left; margin:0px 2px; padding:3px 5px 3px 20px; background-color:#efe; border:1px solid #093; background-repeat:no-repeat; background-position:2px center; text-decoration:none; background-color:#efe; }
#blep .actions li.action a span {				font-size:12px; color:#093; line-height:normal; }
#blep .actions .icons li.action a span.value {				color: #fff; }


#blep .actions li.action.antrag a {				width:173px; text-align:center; margin-bottom:5px;}
#blep .actions li.action.clear a,
#blep .actions li.action.save a {				width:70px; text-align:center; margin:5px; }

#blep .actions li.action.save {				float:right; }
#blep .actions li.action.clear a{				margin-right:3px; }
#blep .actions li.action.save a{				margin-left:3px; }


#blep .cj_form ul.actions{					position:relative;}
#blep .cj_form .actions li.action {			list-style:none; position:absolute; top:-48px; right:5px;}

#blep .c_navi .subnavi.calculator li.product a {					background-image:url(styles/coala/images/gif/actions/add.gif); background-position: 180px center; }
#blep li.action{								padding:0px;}
#blep li.notepad a {							background-image:url(styles/coala/images/gif/type/note.gif); }
#blep li.order a {								background-image:url(styles/coala/images/gif/type/cart.gif); }
#blep li.cart a {								background-image:url(styles/coala/images/gif/type/list.gif); }
#blep li.list a {								background-image:url(styles/coala/images/gif/file/pdf.gif); }
/*#blep li.calculator li.cart.action a {					background-image:url(styles/coala/images/gif/actions/add.gif); }*/
#blep li.details a {							background-image:url(images/layout/arrow.gif); }
#blep li .external a {							background-image:url(images/layout/external.gif); }
#right_bx li.details a {						background-image:url(images/magnifier.gif); }
#blep .edit a {									background-image:url(styles/coala/images/gif/actions/pencil.gif); }
#blep li .remove a {							background-image:url(styles/coala/images/gif/actions/delete.gif); }
#blep li .calc a {								background-image:url(styles/coala/images/gif/type/calculator.gif); }
#blep li .enclosures a {						background-image:url(images/paste.gif); }
#blep li .download a {							background-image:url(styles/coala/images/gif/file/pdf.gif); }
/*#blep li .save a {								background-image:url(styles/coala/images/gif/actions/disk.gif); }*/
#blep li .save a {								background-image:url(images/folder_add.gif); }
#blep li .antrag a {							background-image:url(images/layout/arrow.gif); }
#blep li .clear a {								background-image:url(styles/coala/images/gif/actions/delete.gif); }
#blep li.finished .item {						background-image:url(images/layout/accept.gif); }


#body_bx li.product.category{					background-color: #eee; }

#body_bx .path {					float:right;}
#body_bx .path .base a{			padding:3px; padding-left: 25px; background-image: url(images/layout/arrow_back.gif); background-repeat:no-repeat; background-position:5px center; }
#body_bx .path .base a:hover{		background-color:#093;}


/* FAQ PUBLIC */
#blep .c_table.faq h2{			background-color: #ddd; color: black; border:none; padding:5px 10px; }
#blep .c_table.faq th{			background-color: transparent; color: black; border:none; padding:5px; }
#blep .c_table.faq td{			border:none; padding:5px; border-top:1px solid #ddd; }
#blep .c_table.faq .title{		border-right:1px solid #ddd; font-weight: bold; }

/* FAQ EDITOR */
#blep .c_table.faqeditor {		}
#blep .c_table.faqeditor td * {				font-size:11px; }
#blep .c_table.faqeditor .category_name {	width:50px; }
#blep .c_table.faqeditor .publisher {	 	width:25px; }
#b_lep .c_table.faqeditor .tags {	 		width:150px; }


/* REQUEST LISTING */
/*
#blep .c_table.antraege td .value {		font-size:11px; }
#blep .c_table.antraege .number {		width:70px; }
#blep .c_table.antraege .status {		width:80px; }
#blep .c_table.antraege .owner {		width:120px; }
*/

/* REQUEST OVERVIEW TABLES */
#blep .c_table.antraege * {					font-size:11px; }
#blep .c_table.antraege h2 {				background-color:#ddd; font-size:15px; border: 1px solid black; color:black; margin:30px 7px 15px; padding:10px 10px; }
#blep .c_table.antraege .activate {			background-image:url(images/layout/arrow.gif); }
#blep .c_table.antraege .result .number {	width:70px; }
#blep .c_table.antraege .result .status {	width:70px; }
#blep .c_table.antraege tbody td{			border:none; border-bottom:1px solid #ddd; }
#blep .c_table.antraege thead th{			border:none; border-bottom:1px solid #ddd; background-color:transparent;  }
#blep .c_table.antraege thead th span{		color:black; font-size:11px; }
#blep .c_table.antraege thead th a:hover{	background-color:transparent; }
#blep .c_table .result .asc .value span {	background-image:url("styles/coala/images/arrow_n_black.gif"); }
#blep .c_table .result .desc .value span {	background-image:url("styles/coala/images/arrow_s_black.gif"); }

#blep .c_table.antraege ul{				padding-left:10px; margin:0px; }
#blep .c_table.antraege li{				list-style-image:url("images/layout/next_green.gif"); padding:3px 0px; line-height:10px; font-size:10px;}


#blep .cj_dialog {							width:575px; }
#blep .cj_dialog .head {					background-color:#093; }
#blep .cj_dialog .cj_form > .label {		margin-top:0; }
#blep .cj_dialog .cj_button .outerBox { 	border-color:#093; }
#blep .cj_dialog .cj_button .innerBox { 	background-color:#efe; }
#blep .cj_dialog .cj_button * { 			color:#093; font-size:12px; }
#blep .cj_dialog .foot .cj_button:hover .innerBox { background-color:#093; }
#blep .cj_dialog .foot .cj_button:hover * { 		color:#fff; }


#blep .offercalc a{			float:left; margin:10px 5px; padding:3px 5px 3px 20px; background-color:#efe; border:1px solid #093; background-repeat:no-repeat; background-position:2px center; text-decoration:none; background-color:#efe; background-image:url(styles/coala/images/gif/type/calculator.gif); }
#blep .offercalc a:hover{	color:#093;}

#blep .seminar th {width: 20%;}
#blep .seminar td {width: 80%;}

#blep .seminar td.blkb{padding-left:120px; vertical-align: middle; text-align:center;}
#blep .seminar .blkb a {background-image: url(images/blkb.gif); background-repeat: no-repeat; width:175px; height:53px; display: block;}
#blep .seminar .blkb a:hover {background-color: transparent;}

#blep .pdf, #blep .doc {padding-left: 8px; vertical-align: middle;}
#blep .pdf a{background-image: url(images/mime/pdf.gif); background-repeat: no-repeat; width:auto; height:16px; display: block; padding-left:20px;}
#blep .pdf a:hover{background-color: transparent; color: green;}

#blep .odd {background-color: #EEE;}
#blep .even {}

#blep .events {                            margin:10px 0; border-collapse: collapse; }
#blep .events td, .table th {              vertical-align:top; padding:5px; border-bottom:1px solid #ccc;}
#blep .events .day{width: 80px;}
#blep .events .date{width: 80px;}
#blep .events .info{width: 260px;}
#blep .events .time{width: 80px;}
#blep .events th {                         font-weight:bold; background:#999; color:#fff; text-align:left; }
#blep .events tbody th {                   background:#eee; color:#000; }
#blep .events * {                          font-size:12px; border:0;}
#blep div#events a {                          background-image: none; padding-left: 5px !important; }
#blep .events h2 {                          font-size:15px; margin-left: 0; margin-right: 0;}
#blep .events h1 {                          font-size:20px;}
#blep .events small {                      font-size:10px; }
#blep .events ul {                         list-style: none; margin: 0;}

#blep .events.info {border:1px solid #ccc; padding:5px; margin:10px 0; width:540px}
#blep .events.info span {font-size: 12px; text-align: left;}
#blep .events.info b {font-size: 13px;}

/* FAQ */
#blep .c_faq .answer ol{	list-style: decimal; padding-left:20px;}
#blep .c_faq .answer li{	display:list-item; margin:5px 0;}
#blep .c_faq .answer img{	border:1px solid #444; margin-bottom:20px; padding:10px; background-color: #fff;}
#blep .c_faq .answer img.center{	margin-left:20px;}

.calendar *{							font-size:12px; color: #333;}
.calendar{								border-collapse: collapse; 	width: 100%; margin-top:20px; table-layout: auto;}
.calendar td{							border:1px solid #ccc; background: url(images/layout/input_bg.gif) repeat-x top center; padding: 3px 8px;}
.calendar th{							font-size: 14px; color: #092; padding: 3px 5px; border-right:1px solid #ccc;}
.calendar .ical .value{					display:none;}
.calendar .pdf .value{					display:none;}
.calendar th.ical{						border-right: none; width:20px;}
.calendar a.pdf{						width:20px; display: block; text-decoration: none; padding-left: 0 !important;}
.calendar a.ical{						width:20px; display: block; text-decoration: none;}
.calendar .ical .icon{					background:url(styles/coala/images/gif/type/calendar.gif) no-repeat center center; width:20px; display: block;}
.calendar .pdf .icon{					background:url(images/mime/pdf.gif) no-repeat center center; width:20px; display: block;}

#blep div#event *{ border: 0; margin:0; padding: 0; font-size: 12px; }
#blep div#event .info table * { vertical-align: top; }
#blep div#event .info th { padding-right: 8px; }
#blep div#event .info,
#blep div#event .organizer,
#blep div#event .description,
#blep div#event .contact{ width: 280px; padding: 0; margin: 0; float: left; clear: left; margin-bottom: 15px;}
#blep div#event .description{ float: right; clear: none; margin-right: 75px}
#blep div#event h1 {font-size: 20px; margin: 0 0 10px;}

#blep div#event h2 { margin: 0 0 5px; font-size: 14px;}

#blep div#event .info div,
#blep div#event .organizer div,
#blep div#event .contact div,
#blep div#event .description div{ padding: 8px 10px; background: url("images/layout/left.jpg") no-repeat scroll right center transparent; border: 1px solid #ccc;}

#blep div#event .buttons { display: block; clear: both; width: 575px; }
#blep div#event .buttons a { padding: 0 5px; margin-top: 20px; color: #092; text-decoration: none; border: 1px solid #092; background: url("images/layout/navi_selected.jpg") repeat-x scroll 0 0 #efe; display: block; width: 155px; float: left; }
#blep div#event .buttons span{ display: block; padding: 5px; text-align: center;}
#blep div#event .buttons a.ical { float: right; text-align: right; }
#blep div#event .buttons a.ical span { background: url("styles/coala/images/gif/type/calendar.gif") no-repeat scroll right center transparent; padding-right: 25px; }
#blep div#event .buttons a.back span { background: url("images/lastbg.gif") no-repeat scroll left center transparent; padding-left: 25px; }

#blep div#events .result .actions {width: 40px !important;}
#blep #event_user_registration h2.label{display: none;}
#blep #event_user_registration .description{display: none;}
#blep #event_user_registration h2.legend{display: none;}

#blep #event_calendars_filter{display: none;}
#blep #event_calendars table{table-layout: auto;}
#blep #event_calendars td.actions{width: 130px;}
#blep #event_calendars td.actions a{padding: 3px; background-image: none; }
#blep #event_calendars td.actions li{ float: left; width: 25px; margin: 3px;}

#blep #events_filter{display: none;}
#blep #events table{table-layout: auto;}
#blep #events td {display: none;}
#blep #events th {display: none;}
#blep #events .summary {display: table-cell;}
#blep #events .actions{width: 130px; display: table-cell;}
#blep #events ul.actions{width: auto; }
#blep #events td.actions a{padding: 3px; background-image: none; }
#blep #events td.actions li{ float: left; width: 25px; margin: 3px;}

#blep div#event .buttons a.register { display: block; margin-left: 20px; }
#blep div#event .buttons a.ical { display: block; margin-left: 20px; float: left;}
.calendar .registration { display: none;}

#blep table.calendar { margin-bottom: 10px; }

#events th a {color: #fff;}

#blep .cj_form.event .cj_option {width: 100%;}
#blep .cj_form.event input.c_time{padding-left: 20px;}
#blep .cj_form.event #event_registration .description{display: none;}
#blep .cj_form.event h2.label{display: none;}
#blep .cj_form.event {margin-left: 0;}

#blep .caltitle {margin-top:20px;}
#blep .index.before br{display: none;}

.cj_table th a span{color: #fff; background-image: none !important;}

#registrations table {table-layout: auto;}
#registrations td.actions a{padding: 3px !important; background-image: none;}
#registrations td.actions {width: 1px !important;}
#registrations td.actions li{float: right !important; clear: both !important;}
#registrations_filter {display: none;}

#blep .events .archive {text-decoration: none; display: block; line-height: 20px; background-color: #eeffee; width: 120px; text-align: center; float: right; border: 2px solid #009933; margin-top: 20px; }
#blep .events .archive:hover {color: #009933;}

#blep .c_table .result {position: static;}