/**
 * CSS Definitionen eUNIQUE
 *
 * $Id$
 *
 * @copyright 2007 eUNIQUE | http://www.e-unique.com
 * @author Peter Gomolla, Thomas Pfeiffer 
 * @access public
 * @package app controllers
 */


body {
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
}

/* Standard Zeichenformatierung */
td,tr,p,div {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
input, select, textarea, password {
	border: 1px solid gray;
	font-size: 12px;
}
h1 {
	font-size: 12px;
	padding: 2px 2px 2px 5px; 
	margin-bottom: 5px; 
	width: 100%; 
	color: rgb(87, 143, 168); 
	background-color:#D4DBE5; 
	font-weight: bold; 
	border-bottom-color: rgb(87, 143, 168); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}

.pop_h1 {
	font-size: 12px;
	padding-top: 4px;
	height: 25px; 
	width: 100%; 
	color: rgb(87, 143, 168); 
	background-color:#D4DBE5; 
	font-weight: bold; 
	border-bottom-color: rgb(87, 143, 168); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}

h2 {
	color: #336699;
	font-size: 14px; 
	font-weight: bold;
}

h3 {
	color: #336699;
	font-size: 13px; 
	font-weight: bold;
}

h4 {
	color: #336699;
	font-size: 12px; 
	font-weight: bold;
}
h4.red {
	color: #cc0000;
	font-size: 12px; 
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 24px;
}
a:link, a:visited {
	color: #CC0000;
	text-decoration: none;
	padding-bottom: 0px;
}

a:hover {
	color: #333333;
	text-decoration: none;
	}

a.topnav {
	font-weight: bold;
}
a.topnav_active:link, a.topnav_active:visited, a.topnav_active:hover, a.topnav_active:active {
	color: #FF962D;
	font-weight: bold;
}
a.subnav:link, a.subnav:visited, a.subnav:hover, a.subnav:active {
	color: #FFFFFF;
	font-weight: bold;
}
a.subnav_active:link, a.subnav_active:visited, a.subnav_active:hover, a.subnav_active:active {
	color: #FF962D;
	font-weight: bold;
}
a.tnav {
	font-size: 14px;
	font-weight: bold;
}
a.tnav_active:link, a.tnav_active:visited, a.tnav_active:hover, a.tnav_active:active {
	font-size: 14px;
	color: #FF962D;
	font-weight: bold;
}
ul {
	margin: 0px 0px 0px 0px;
	}

li {
   width: auto;
   margin: 0px 0px 0px 0px;
   margin: 0px 0px 0px 30px;
   border: 0px;
   padding: 0 0 0 0;
   }

hr {
	height:1px;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #999999;
	margin-left: 2px;
}

/* Neue Styles im Content-Bereich */
/* ------------------------------ */
/* Ueberschrift - Content */
div#mother {
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
div#son{
	width: 100%;
}

/* Logo Zelle */
div#nav {
	position:relative;
	height: 112px;
	right: 0px;
	left: 0px;
	margin-right: 0px;
	background-image: url('/public/files/img/offenburg_header.jpg');
	background-repeat: no-repeat;
	background-color: #f6f7f9;
}
div#logo {
	position:absolute;
	width:204px;
	height: 60px;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #c0c0c0;
	padding: 8px;
}
div#mainNav {
	position: absolute;
	height: 21px;
	left: 145px;
	top: 70px;
	right: 0px;
	background-color: #CC0000;
}
div#mainNavRight {
	position:relative;
	margin-top: 5px;
	height: 21px;
	right: 0px;
	background-color: #CC0000;
}
div#subNav {
	position: absolute;
	height: 21px;
	left: 145px;
	top: 91px;
	right: 0px;
	background-color: #578FA8;
}
div#subNavRight {
	position:relative;
	height: 21px;
	right: 0px;
	background-color: #578FA8;
	color: #ffffff;
}

#s2 {background-color: #CC0000; width: 125px; padding: 1px 0px 2px 5px; margin: 0px 0px 0px 5px; border-left:5px solid #578FA8;}
.subnavlink a:link, .subnavlink a:active, .subnavlink a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size:87%; font-weight : bold; color : rgb(255, 255, 255); text-decoration: none;}
.subnavlink a:hover {color : rgb(255, 255, 255); text-decoration: underline;}
.subnavlinka a:active, .subnavlinka a:link, .subnavlinka a:visited  {font-family: Arial, Helvetica, Sans-Serif; font-size:87%; font-weight : bold; color : rgb(255, 255, 255); text-decoration: underline; }

#navleiste {
	border-top: 1px dashed #578FA8; 
	border-bottom: 1px dashed #578FA8; 
	padding: 2px; 
	background-color: #F6F5FA;
	font-weight: bold;
	font-size: 12px;
}

div#header {
	position: relative;
	right: 0px;
	height: 18px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 2px;
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 2px;
}
div#header_left {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
}
div#header_right {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}
/* Hilfe Box im Content-Bereich */
div#help {
	position: relative;
	min-height: 60px;
	height: auto;
	border: solid 1px #CCCCCC;
	background: #EFEFEF;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* Content Bereich */
div#content { 
	position: relative;
	top: 8px;
	left: 0px;
	right: 0px;
	margin: 8px 0px 25px 0px;
	background-color: #ffffff;
}

#links {color: #564b47; margin: 8px 0px 0px 0px; padding: 0px; background-color: #F6F5FA; background-image:url('/public/files/img/bg_teaser2_rechts.gif'); background-repeat:repeat-y; background-position:right; min-width:135px; z-index:0;}
#con2 {margin: 8px 0px 0px 0px;}

div#footer {
	font-size: 10px;
	color: #808080;
	text-align: center;
	margin: 6px;
}
div#bookingAttend {
	margin: 2px;
	line-height: 22px;	
}

/* class definitions for div content */
div#topNavi {
	color: #FFFFFF;
	font-size: 11px;
}
div#topNavi a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 7px 3px 7px;
}
div#topNavi a.active {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-color: #578FA8;
	padding: 2px 7px 3px 7px;
}
div#topNavi a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-color: #578FA8;
	padding: 2px 7px 3px 7px;
}


div#subNavi {
	color: #ffffff;
	font-size: 11px;
}
div#subNavi a {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 7px 3px 7px;
}
div#subNavi a.active {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 7px 3px 7px;
	text-decoration: underline;
}
div#subNavi a:hover {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 7px 3px 7px;
	text-decoration: underline;
}


div#overDiv {
	position:absolute; 
	visibility:hidden; 
	z-index:1000;
}
.head12bold{
	font-weight: bold;
	font-size: 12px;
}
.res_title {
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

.lang_box_left1 {
	padding-left: 20px;
}
.lang_box_left2 {
	padding: 10px 10px 10px 20px;
}
.sel_box {
	padding-bottom: 4px;
}

/* DHTML-Tab */
.offtab {
	padding: 0px;
	background-color: #e1e1e1;
	margin: 0px;
	height: 22px;
	width: 140px;
	color: #808080;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
	border-left: solid 1px #C0C0C0;
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
}
.ontab {
	padding: 0px;
	margin: 0px;
	height: 22px;
	width: 140px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
	border-left: solid 1px #C0C0C0;
	border-top: solid 1px #C0C0C0;
}
.offtab2 {
	padding: 0px;
	background-color: #e1e1e1;
	margin: 0px;
	height: 22px;
	width: 140px;
	color: #808080;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
	border-left: solid 1px #C0C0C0;
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 0px #C0C0C0;
}
.ontab2 {
	padding: 0px;
	margin: 0px;
	height: 22px;
	width: 140px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
	border-left: solid 1px #C0C0C0;
	border-top: solid 1px #C0C0C0;
}
.tab_space {
	padding: 0px;
	margin: 0px;
	color: #000000;
	border: none;
	border-left: solid 1px #C0C0C0;
	height: 22px;
}
.tab_space2 {
	border: none;
	border-left: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
}
.tab_border {
	border-left: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	padding: 15px;
}
.page {
	padding: 0px;
	margin: 0px;
	height: 300px;
	width: 700px;
	border: solid 1px #C0C0C0;
}

/* Tabelle f�r Logs */
.log {
	height:150px;
	overflow: auto;
	border: solid 1px #C0C0C0;
}
.log_table {
	
}
.log_table th {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;	
	padding-bottom: 2px;	
	border-bottom: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;	
}
.log_table td {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;	
	padding-bottom: 2px;		
	border-bottom: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
}

/* Module links */
table.moduletable {
	width: 100%;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
	background: #EFEFEF;
}
table.moduletable th {
	background: #EFEFEF;
	vertical-align: middle;
	font-size: 11px;
	color: #666666;
	text-align: left;
	text-indent: 0px;
	width: 100%;
	height: 20px;
	border-bottom: solid 1px #DEE7E7;
}
table.moduletable td {
	background: #EFEFEF;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-weight: normal;
	text-decoration: none;
}
table.moduletable ul {
	color: #ff0000;
}
.main_cal {
	padding: 5px;
}

/* Content Zelle */
.MainContent {
	width: 100%;
	height: 350px;
	background: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	vertical-align: top;
	padding-right: 10px;
}
.MainIframe {
	background: #FFFFFF;
}

/* Hauptfeld  ALT!!!*/
table.moduletable2 {
	width: 98%;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 2px;
}
table.moduletable2 th {
	vertical-align: top;
	font-size: 11px;
	color: #666666;
	text-align: left;
	text-indent: 0px;
	width: 100%;
	height: 19px;
	border-bottom: solid 1px #DEE7E7;
}

.error, .form_error {
	color: #CC0000;
}
.success {
	color: #32AB2F;
}
.gray {
	color: #808080;
}

/* Formulare */
.form_input {
	border : 1px solid #808080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	/*
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	*/
	font-size : 12px;
	height: 15px;
	font-weight : normal;
}
.search_input{
	border : 1px solid #808080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size : 12px;
	height: 15px;
	font-weight : normal;
}
.form_textarea, select, .form_select {
	border : 1px solid #808080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}
.button_image{
	border : 1px solid #808080;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	font-style : normal;
	font-weight : bold;
	line-height: 18px;
	height: 22px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: 2px 1px;
	border-style: normal;
    border-collapse: collapse;
}
.button {
	border : 1px solid #808080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : bold;
	font-size : 12px;
	background-color: #ffffff;
	color: #666666;
	padding: 2px;
}
.search_button {
	border : 1px solid #808080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : bold;
	font-size : 12px;
	padding-bottom: 2px;
	height: 18px;
	background-color: #ffffff;
	color: #808080;
}
.button_red {
	border-style : solid;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : bold;
	font-size : 12px;
	background-color: #ffffff;
	color: #CC0000;
}
.radio {
	border : 0px;
	color : #ffffff;
}

/* Fieldset */
fieldset {
	background: #EFEFEF;
	border: 1px solid #c0c0c0;
	padding: 10px;
	position: relative;
}
.actionbox {
	background: #EFEFEF;
	border: 1px solid #c0c0c0;
	width: 100%;
	padding: 10px;
}
.actionbox2 {
	background: #EFEFEF;
	border: 1px solid #c0c0c0;
	width: 100%;
}
.action_left {
	padding: 10px;
}
.action_left2 {
	padding: 10px 10px 10px 30px;
	vertical-align: top;
}

/* List-Generator */
.list_th {
	background: #EFEFEF;
	border-bottom: solid 1px #c0c0c0;
	border-top: solid 1px #c0c0c0;
	padding-top: 3px;
	padding-bottom: 4px;
	height: 22px;
}
.list_td {
	padding-top: 2px;
	padding-bottom: 2px;
	height: 22px;
}
.list_td_active {
	background: #EFEFEF;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 22px;
}

/* Form-Generator */
.form {
	padding: 0px;
	margin: 0px;
}

.form_name {
	padding-top: 2px;
	padding-bottom: 2px;
	height: 25px;
	color: #000000;
}
.form_value {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000000;
}
.form_distance {
	width: 20px;
}
.form_distance_rows2 {
	width: 40px;
}
.form_caption_required {
	color: #000000;
}
.form_header {
	vertical-align: top;
	border-bottom: solid 1px #c0c0c0;
	padding-bottom: 6px;
}
.form_footer {
	vertical-align: bottom;
}
.form_footer2 {
	border-top: solid 1px #c0c0c0;
	padding-top: 6px;
	vertical-align: bottom;
}
.booking_status {
	padding: 10px;
	text-align: right;
	font-size: 12px;
}
.multi_list {
	border-top: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
}
.multi_header{
	background: #EFEFEF;
	padding: 3px;
}
.multi_header_td{
	padding-left: 4px;
	padding-right: 4px;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	height: 25px;
}
.multi_td{
	padding: 4px;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	height: 25px;
}
.multi_td2{
	background: #F9D56C;
	padding: 4px;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	height: 25px;
}
.multi_td1{
	padding: 4px;
	border-bottom: solid 1px #c0c0c0;
	height: 25px;
}

/* Login */
table.login {
	width: 300px;
	border: solid 1px #c0c0c0;
	background: #EFEFEF;
}
table.login td {
	font-size: 11px;
	padding-left: 3px;
	font-weight: normal;
	text-decoration: none;
}

/* Rollen */
table.roles {
	width: 400px;
	border: solid 1px #c0c0c0;
	background: #EFEFEF;
}
table.roles td {
	font-size: 11px;
	padding: 3px;
	font-weight: normal;
	text-decoration: none;
}

/* Buchungen */
table.appointment {
	width: 100%;
	border-top: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;	
}
table.appointment td {
	font-size: 11px;
	padding: 3px;
	font-weight: normal;
	text-decoration: none;
	background: #FFFFFF;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;	
}
table.appointment td.top {
	font-size: 11px;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
	background: #EFEFEF;
}
table.appointments_table_top {
	border: solid 1px  #c0c0c0;
	
}
table.appointments_table_top td {
	background-color: #efefef;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 0px  #c0c0c0;
	height: 23px;
}
table.appointments_table_top td.txt {
	background-color: #ffffff;
	font-size: 12px;
	border-bottom: 0px;
	font-weight: normal;
	border-top: solid 1px  #c0c0c0;
}
table.appointments_table_top_inner td {
	background-color: #ffffff;
	font-size: 11px;
	border-bottom: 0px;
	font-weight: normal;
}
table.appointments_table_list {
	border-left: solid 1px  #c0c0c0;
	border-right: solid 1px  #c0c0c0;
}
table.appointments_table_list td.head{
	font-weight: bold;
}
table.appointments_table_list td.head_rgt{
	font-weight: bold;
	border-bottom: solid 1px  #c0c0c0;
	border-right: solid 1px  #c0c0c0;
}
table.appointments_table_list td.rgt{
	border-bottom: solid 1px  #c0c0c0;
	border-right: solid 1px  #c0c0c0;
}
table.appointments_table_list td{
	border-bottom: solid 1px  #c0c0c0;
}
table.addons{
	border: 0px;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
table.addons td {
	border: 0px;
}
table.addons td.head{
	border-bottom: solid 1px  #c0c0c0;
	border-right: solid 0px  #c0c0c0;
	background-color: #efefef;
	height: 24px;
	fontweight: bold;
	padding: 4px;
}
table.addons td.sub_head {
	border-bottom: solid 1px  #c0c0c0;
	height: 20px;
	font-weight: bold;
	padding: 4px;
}
table.addons td.property {
	background-color: #efefef;
	font-weight: bold;
	border-bottom: solid 1px  #c0c0c0;
	padding: 4px;
}
table.addons td.rgt {
	border-right: solid 1px  #c0c0c0;
}
table.appointment_details {
	border: 1px solid #c0c0c0;
}

/* page: index (Home) */
#content_index_main {
	position:relative;
	border: 0px solid red;
	top: 0px;
	float: left;
}

#content_index_clock {
	position:relative;
	background-color: #efefef;
	border: 1px solid #dddddd;
	width: 130px;
	float:right;
}
table.clock {
	width: 100%;
}
table.clock td.title {
	border-bottom: 1px dashed #888888;
	font-weight: bold;
}
table.clock td.head {
	border-bottom: 1px solid #888888;
	font-weight: bold;
	height: 25px;
}
table.clock td.new_clock {
	height: 25px;
}

/* Pop Up Kalender um einzelne DInge zusammenzustellen */
table.calendar_choose_type {
	border: 1px solid #c0c0c0;
	background-color: #efefef;
	height: 30px;
}
table.calendar_choose_type td {
	font-weight: bold;
}
table.calendar_choose_type td.available {
	font-weight: bold;
	color: #FF962D;
}
table.categories_list{
	width: 365px;
	border: 1px solid #dddddd;
}
table.categories_list td {
	color: #000000;
}
table.categories_list td.head {
	height:25px;
	border-bottom: 1px solid #c0c0c0;
	font-weight: bold;
}
table.categories_list td.grey {
	background-color: #efefef;
	color: #000000;
}
.grey {
	color: #aaaaaa;
}
.clock_show {
	width: 90px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #434343;
}
.clock_sep {
	width: 30px;
}
.news_headline {
	font-weight: bold;
}
/* spacer in different widths*/
.w10 {
	width: 10px;
}
.bold_red {
	font-weight: bold;
	color: #cc0000;
	font-size: 9px;
}
.red {
	color: #cc0000;
}
.bold_green {
	font-weight: bold;
	color: #00aa00;
	font-size: 9px;
}
.messageGreen {
	color: green;
}
.messageRed {
	color: red;
}

.img_border{
	border: 1px solid rgb(87, 143, 168);
}