@charset "utf-8";
/*************************/
/* VVT CSS               */
/* efa lite raetica      */
/* agindo 20.6.2011 pd   */
/*************************/
@font-face {
	font-family: "ag-icons";
	src: url("../../fonts/ag-icons.eot");
	src: url("../../fonts/ag-icons.eot?#iefix") format("embedded-opentype"),url("../../fonts/ag-icons.woff2") format("woff2"),url("../../fonts/ag-icons.woff") format("woff"),url("../../fonts/ag-icons.ttf") format("truetype"),url("../../fonts/ag-icons.svg") format("svg");
	font-weight: normal;
	font-style: normal
}
*{
	margin:0;
	padding:0;
}
img{
	border:none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6B6B;
}
body .ag-blau {
	color: #AC3E8F;
}
#efalightmaincontainer {
	width:181px;
	height:256px;
	margin: 0 auto;
	padding: 0 5px;
	background:none;
	/*border:1px solid #000;*/
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
}
body.klein #efalightmaincontainer {
	width:141px;
	height:207px;
}
body.banner #efalightmaincontainer {
	width:597px;
	height:61px;
	padding: 0 8px;
}

/************************************/
/* Kalender                         */
/************************************/
img#calwidget{
	cursor:pointer;
	width: 20px;
	height: 20px;
	background: url(/themes/efalight/images/cal.png) no-repeat center;
	vertical-align: bottom;
}
.ag-blau img#calwidget{
	background-image: url(/themes/efalight/images/cal-purple.png);
}

.blau .efaLightSkin th,
.blau .efaLightSkin .today{
	background-color: #AC3E8F;
}

/************************************/
/* Formulare                        */
/************************************/
.formSect{
	padding:0 0 5px;
	margin:0;
	clear:both;
	border:0 solid #EAEAEA;
}
.formSect.sep{
	padding-top:10px;
	margin-top:10px;
	border-width:1px 0 0;
}
.formBase{
	/*padding:5px 10px 0;*/
	margin:12px 0 0;
	clear:both;
}
.formItem{
	padding:2px 0;
}
.banner .formSect{
	float: left;
	clear: none;
	vertical-align: bottom;
	padding-bottom: 0;
}
.banner .formSect + .formSect{
	margin-left: 6px;
}
.gross .formItem{
	padding-top: 4px;
	padding-bottom: 4px;
}
.banner .formItem{
	display:inline-block;
	line-height:20px;
}
.banner .formItem[data-label]:before{
	content: attr(data-label);
	display: block;
	margin-top: -1.7em;
	color: black;
	text-align: left;
}
.banner .formItem[data-label] label{
	display:none;
}
div.formItem.indent{
	padding:5px 0 5px 194px;
}
div.itemGroup{
	position:relative;
}
.text, .select, .textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:inherit;
	padding:2px;
	margin:0;
	border:1px solid #999;
	background: transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.text {
	border-width: 0 0 1px;
}

input.checkbox, input.radio{
	margin:0 4px 0 0;
	vertical-align:-2px;
}
.x1{
	width:15px;
}
body.klein .x1{
	width:14px;
}
body.banner .x1{
	width:11px;
}

.x2{
	width:117px;
}
.x3{
	width:181px;
}
.x4{
	width: 100%;
}
body.banner .x4{
	width:115px;
}
body.banner label{
	margin:0 2px 0 0;
	vertical-align: text-bottom;
}
label{
	line-height:normal;
	cursor:pointer;
	font-size:1em;
	margin:0 5px 0 0;
	color: black;
}
label.label{
	display:inline-block;
	width:44px;
}
body.klein label.label{
	width:35px;
}
label.radio{
	margin:0 12px 0 0;
	display:inline-block;
}
body.banner label.radio{
	margin:0 1px 0 0;
}
span.calendar{
	background:url(/img/icon_cal.png) no-repeat 0 0;
	width:24px;
	height:24px;
	display:inline-block;
	margin:0 0 0 2px;
	vertical-align:-8px;
	cursor:pointer;
}
body.banner span.calendar{
	margin:0 0 0 1px;
}
span.sep{
	display:inline-block;
	padding:0 4px 0 0;
}
body.banner span.sep{
	padding:0 1px 0 0;
}
/************************************/
/* typo                             */
/************************************/
#year.x1{
	width:25px;
}
body.klein #year.x1,
body.banner #year.x1{
	width:14px;
}
h3 {
	font-size: 14px;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
}
.klein h3 {
	font-size: 13px;
}
.banner h3 {
	text-align: left;
}

/************************************/
/* AG Exteension                    */
/************************************/
.ag-float-group:after {
	content: '';
	display: table;
	clear: both
}

.ag-center {
	text-align: center;
}
.ag-footer {
	position: absolute;
	left: 5px;
	bottom: 5px;

}
.ag-menu-tools {
	margin: 0 auto;
	display: inline-block;
	font-size: 0;
	color: #e02226;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ag-menu-tools:after {
	display: inline-block;
	color: #616161;
	content: ' ';
	font-family: "ag-icons";
	font-size: 24px;
	width: inherit;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.klein .ag-menu-tools:after {
	font-size: 16px;
}
h3 .ag-menu-tools {
	float: right;
	position: relative;
}
h3 .ag-menu-tools:after {
	font-size: 15px;
	position: absolute;
	right: 0;
}
.ag-menu-tools.ag-logo:after {
	content: '\0056';
	color: inherit
}
/************************************/
/* UI Exteension                    */
/************************************/
.ag-ui .ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	overflow: visible;
}
.ag-ui .ui-button .ui-button-text {
	line-height: 3em;
	padding: .934em .6em;
}
.ag-ui .ui-state-default,.ag-ui .ui-widget-content .ui-state-default,.ag-ui .ui-widget-header .ui-state-default {
	border: 1px solid #99377f;
	background: #AC3E8F;
	font-weight: 400;
	color: #FFF
}
.klein .ag-ui .ui-button .ui-button-text {
	line-height: 2em;
}
.banner .ag-ui .ui-button .ui-button-text {
	line-height: 1.5em;
	padding: .4em .6em;
}
.ag-grau .ag-ui .ui-state-default,
.ag-grau .ag-ui .ui-widget-content .ui-state-default,
.ag-grau .ag-ui .ui-widget-header .ui-state-default {
	border-color: #696969;
	background: #757575;
}

/************************************/
/* Popup Calendar                   */
/************************************/

.efaLightSkin{
	background: #fff;
	color: #424257;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	
	top:33px !important;
	left:14px !important;
}
.efaLightSkin td{
	color: #424257;
}
.efaLightSkin div{
	padding: 4px;
}
.efaLightSkin .vxJS_dragBar{
	font-size: 80%;
	position: relative;
	padding: 0;
	margin: 0.25em 0.5em;
}
.efaLightSkin .mon{
	display: block;
	text-align: center;
}
.efaLightSkin .prevMon,
.efaLightSkin .nextMon{
	cursor: pointer;
	display: block;
	position: absolute; top: 0;
}
.efaLightSkin .nextMon{
	right: 0; text-align: right;
}
.efaLightSkin .prevMon{
	left: 0;
}
.efaLightSkin table{
	font-size: 80%;
}
.efaLightSkin th{
	padding: 0.125em 0.25em;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	width: 1.75em;
	background: #757575;
}
.efaLightSkin td{
	padding: 0.125em 0.25em;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: #fff;
	height: 2.5em;
}
.efaLightSkin input{
	width: 2.5em;
	font-size: 100%;
	background: #909090;
	border: solid 1px;
	border-color: #445 #ccd #ccd #445;
	color: #fff;
	padding: 0 0.25em;
}
.efaLightSkin .trail{
	color: #c0c0c0;
}
.efaLightSkin .weekCell{
	cursor: pointer;
	background: #99A5BD;
}
.efaLightSkin .today{
	background: #757575;
	color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.efaLightSkin .marked{
	background-color: #424257;
	color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.efaLightSkin .disabled{
	color: #808080;
	cursor: default;
}