@charset "utf-8";

/* CSS Document */

/* START TABLELAYOUT CSS DEFINITIONEN */
/* ================================= */

.columnText { text-align: left !important; }

.columnNumbers { text-align: right !important; }

.columnOption { text-align: middle !important; }

.columnImage { text-align: middle !important; }

.marginVertical {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.marginHorizontal {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

/* ================================= */
/* START TABLELAYOUT CSS DEFINITIONEN */


/* START -> Horizontale Auflistung <- CSS DEFINITIONEN */
/* ================================= */

.listTableOneCol { width:100%; }

.listTableOneCol th {
	font-weight:bold;
	text-align:left;
}

.listTableOneCol td { }

/* ================================= */
/* START -> Horizontale Auflistung <- CSS DEFINITIONEN */


/* START -> Horizontale Auflistung <- CSS DEFINITIONEN */
/* ================================= */

.listTable { width:100%; }

.listTable th {
	font-weight:bold;
	padding-right:4px;
	text-align:left;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.listTable td {
	padding-right:4px;
	vertical-align:middle;
	padding-bottom:2px;
	padding-top:2px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

/* ================================= */
/* START -> Horizontale Auflistung <- CSS DEFINITIONEN */

/* START -> vertikale Auflistung <- CSS DEFINITIONEN */
/* ================================= */

.listTableVertical { width:100%; }

.listTableVertical th {
	width:33%;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}

.listTableVertical td { }

.listTableVertical input[type=text],
.listTableVertical input[type=password],
.listTableVertical textarea { width:95%; }

.listTableVertical select { width:auto; }

.listTableVertical button { width:auto; }

#userTable { }

#userTable td { border-bottom-width:0px; }

fieldset {
	border-width:1px;
	border-style:solid;
	padding:5px;
}

/* END -> vertikale Auflistung <- CSS DEFINITIONEN */
/* ================================= */


/* START -> Community Entry <- CSS DEFINITIONEN */
/* Default Box */
/* ================================= */
.myComBox { }

.myComBox .endHeadArea { clear:both; }

.myComBox .endFootArea { clear:both; }

.myComBox .myComBoxHeadline {
	font-size:22px;
	font-weight:bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

.myComBox .myComBoxSubheadline {
	margin-top: 3px;
	margin-bottom: 3px;
}

.myComBox .myComBoxBreadcrumb {
	margin-top: 5px;
	margin-bottom: 5px;
}

.myComBox .myComBoxPageing { float: right; }

.myComBox .myComBoxButton { float: left; }

.myComBox .entryTable {
	padding-bottom:2px;
	margin-bottom:2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
}

.myComBox .entryTable .headRow { }

.myComBox .entryTable .headRow .headRowTD {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
}

.myComBox .entryTable .contentRow { }

.myComBox .entryTable .contentRow .leftCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	width:70px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

.myComBox .entryTable .contentRow .leftCol .entryImageContainer { }

.myComBox .entryTable .contentRow .leftCol .entryImage {
	width:50px;
	height: 50px;
}

.myComBox .entryTable .contentRow .leftCol .leftOptions { margin-top: 4px; }

.myComBox .entryTable .contentRow .middleCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

.myComBox .entryTable .contentRow .middleCol .entryHeadline { font-size: 13px; }

.myComBox .entryTable .contentRow .middleCol .entryHeadline a {
	font-weight:bold;
	font-size: 13px;
}

.myComBox .entryTable .contentRow .middleCol .entrySubheadline { }

.myComBox .entryTable .contentRow .middleCol .entrySubheadline a { font-weight:bold; }

.myComBox .entryTable .contentRow .middleCol .entryMessage { font-style: normal; }

.myComBox .entryTable .contentRow .middleCol .entryFootline { margin-top: 10px; }

.myComBox .entryTable .contentRow .rightCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	padding-bottom:5px;
	padding-top:5px;
	width:70px;
}

.myComBox .entryTable .specialRow { }

.myComBox .entryTable .specialRow .specialRowTD { }

.myComBox .entryTable .footRow { }

.myComBox .entryTable .footRow .footRowTD {
	padding-top: 8px;
	padding-bottom: 8px;
}

.myComBox .entryTable .footRow .leftFootCol { }

.myComBox .entryTable .footRow .middleFootCol { }

.myComBox .entryTable .footRow .rightFootCol { }

/* ================================= */
/* END DEFAULT LAYOUT*/
/* ================================= */


/* START -> Community Entry <- CSS DEFINITIONEN */
/* News Box */
/* ================================= */
.myNewsBox { }

.myNewsBox .endHeadArea { clear:both; }

.myNewsBox .endFootArea { clear:both; }

.myNewsBox .myComBoxHeadline {
	font-size:22px;
	font-weight:bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

.myNewsBox .myComBoxSubheadline {
	margin-top: 3px;
	margin-bottom: 3px;
}

.myNewsBox .myComBoxBreadcrumb {
	margin-top: 5px;
	margin-bottom: 5px;
}

.myNewsBox .myComBoxPageing { float: right; }

.myNewsBox .myComBoxButton { float: left; }

.myNewsBox .entryTable {
	padding-bottom:2px;
	margin-bottom:2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
}

.myNewsBox .entryTable .headRow { }

.myNewsBox .entryTable .headRow .headRowTD {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
}

.myNewsBox .entryTable .contentRow { }

.myNewsBox .entryTable .contentRow .leftCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	width:70px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

.myNewsBox .entryTable .contentRow .middleCol .entryImageContainer {
	width:auto;
	float:left;
	margin: 0 10px 0 0;
}

.myNewsBox .entryTable .contentRow .middleCol .entryImage {
	width:50px;
	height: 50px;
}

.myNewsBox .entryTable .contentRow .middleCol .leftOptions { margin-top: 4px; }

.myNewsBox .entryTable .contentRow .middleCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

.myNewsBox .entryTable .contentRow .middleCol .entryHeadline,
.module_news .itemMain .entryHeadline {
	font-size: 15px;
	font-weight:bold;
}

.myNewsBox .entryTable .contentRow .middleCol .entryHeadline a,
.module_news .itemMain .entryHeadline a {
	font-weight:bold; 
}

.myNewsBox .entryTable .contentRow .middleCol .entrySubheadline { font-size:11px; }

.myNewsBox .entryTable .contentRow .middleCol .entrySubheadline a { font-weight:bold; }

.myNewsBox .entryTable .contentRow .middleCol .entryMessage,
.module_news .itemMain .entryMessage {
	font-style: normal;
	clear:both;
	padding-top:5px;
}

.myNewsBox .entryTable .contentRow .middleCol .entryMessage .teaserImage,
.module_news .itemMain .teaserImage {
	width:110px;
	margin-right:10px;
	float:left;
}

.myNewsBox .entryTable .contentRow .middleCol .entryFootline { margin-top: 10px; }

.myNewsBox .entryTable .contentRow .rightCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	padding-bottom:5px;
	padding-top:5px;
	width:70px;
}

.myNewsBox .entryTable .specialRow { }

.myNewsBox .entryTable .specialRow .specialRowTD { }

.myNewsBox .entryTable .footRow { }

.myNewsBox .entryTable .footRow .footRowTD {
	padding-top: 8px;
	padding-bottom: 8px;
}

.myNewsBox .entryTable .footRow .leftFootCol { }

.myNewsBox .entryTable .footRow .middleFootCol { }

.myNewsBox .entryTable .footRow .rightFootCol { }

/* ================================= */
/* END DEFAULT LAYOUT*/
/* ================================= */


/* START -> Appointment Entry <- CSS DEFINITIONEN */
/* Default Box */
/* ================================= */
.myAppointmentBox { }

.myAppointmentBox .endHeadArea { clear:both; }

.myAppointmentBox .endFootArea { clear:both; }

.myAppointmentBox .myAppointmentBoxHeadline {
	font-size:22px;
	font-weight:bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

.myAppointmentBox .myAppointmentBoxSubheadline {
	margin-top: 3px;
	margin-bottom: 3px;
}

.myAppointmentBox .myAppointmentBoxBreadcrumb {
	margin-top: 5px;
	margin-bottom: 5px;
}

.myAppointmentBox .myAppointmentBoxPageing { float: right; }

.myAppointmentBox .myAppointmentBoxButton { float: left; }

.myAppointmentBox .entryTable {
	padding-bottom:2px;
	margin-bottom:2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
}

.myAppointmentBox .entryTable .headRow { }

.myAppointmentBox .entryTable .headRow .headRowTD {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
}

.myAppointmentBox .entryTable .contentRow { }

.myAppointmentBox .entryTable .contentRow .leftCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	width:70px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

.myAppointmentBox .entryTable .contentRow .leftCol .entryImageContainer { }

.myAppointmentBox .entryTable .contentRow .leftCol .entryImageContainer .dayImage {
	background:url(../../../application/cms/system/img/img_icon_calender.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	width:60px;
	height:60px;
	text-align:center;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 5px;
}

.myAppointmentBox .entryTable .contentRow .leftCol .entryImageContainer .dayImage .dateDay {
	font-size: 10pt;
	font-weight: bold;
	color:#333;
}

.myAppointmentBox .entryTable .contentRow .leftCol .entryImageContainer .dayImage .dateMonth {
	font-size: 8pt;
	color:#FFF;
	line-height:23px;
}

.myAppointmentBox .entryTable .contentRow .leftCol .entryImage {
	width:50px;
	height: 50px;
}

.myAppointmentBox .entryTable .contentRow .leftCol .leftOptions { margin-top: 4px; }

.myAppointmentBox .entryTable .contentRow .middleCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

.myAppointmentBox .entryTable .contentRow .middleCol .entryHeadline { font-size: 13px; }

.myAppointmentBox .entryTable .contentRow .middleCol .entryHeadline a {
	font-weight:bold;
	font-size: 13px;
}

.myAppointmentBox .entryTable .contentRow .middleCol .entrySubheadline { }

.myAppointmentBox .entryTable .contentRow .middleCol .entrySubheadline a { font-weight:bold; }

.myAppointmentBox .entryTable .contentRow .middleCol .entryMessage { font-style: italic; }

.myAppointmentBox .entryTable .contentRow .middleCol .entryFootline { margin-top: 10px; }

.myAppointmentBox .entryTable .contentRow .rightCol {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	padding-bottom:5px;
	padding-top:5px;
	width:70px;
}

.myAppointmentBox .entryTable .specialRow { }

.myAppointmentBox .entryTable .specialRow .specialRowTD { }

.myAppointmentBox .entryTable .footRow { }

.myAppointmentBox .entryTable .footRow .footRowTD {
	padding-top: 8px;
	padding-bottom: 8px;
}

.myAppointmentBox .entryTable .footRow .leftFootCol { }

.myAppointmentBox .entryTable .footRow .middleFootCol { }

.myAppointmentBox .entryTable .footRow .rightFootCol { }

/* ================================= */
/* END Appointment LAYOUT*/
/* ================================= */

.formTable {
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.formTable .leftForm {
	width:60px !important;
	padding-top: 4px;
	white-space: nowrap;
}

.formTable .rightForm {
	width: auto !important;
	padding-top: 4px;
	font-weight:bold;
}

.formTable .leftForm { }

.formTable .rightForm { }


/* ================================= */
/* END -> Community Entry <- CSS DEFINITIONEN */