@font-face {
    font-family: 'DMT';
    src: url('../fonts/DINMittelEFOP-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din_bold.ttf') format('truetype'),
    url('../fonts/DINMittelEFOP-Bold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Light';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/OpenSans-Light.woff) format('woff'),
    url('../fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OpenSans-Regular.woff) format('woff'),
     url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/OpenSans-Bold.woff) format('woff'),
     url('../fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Italic';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/OpenSans-Italic.woff) format('woff'),
     url('../fonts/OpenSans-Italic.ttf') format('truetype');

}
input{cursor:pointer;}
input.button, input[type=submit], input[type=button]{padding:5px 20px; background:none; border-radius:0px;border:1px solid #bcbec0;font-size:15px;color:#616160; font-family:OpenSans-Bold; margin-right:10px;}
input.button:hover, input[type=submit]:hover{border-color:#279ece}

input[type=text],input[type=password]{border:1px solid #bcbec0; color:#279ece; background:#fff; height:22px;font-family:OpenSans-Bold;font-size:15px; width:96%; padding-left:12px; }
input.date{width:auto}
input[disabled="disabled"]{color:#a7a9ac}
input[disabled="disable"]{color:#a7a9ac}

select{font-size:15px;}

textarea [disabled="disabled"]{color:#a7a9ac;}
textarea [disabled="disable"]{color:#a7a9ac;}
textarea.disabled{color:#a7a9ac;}
textarea { color:#279ece; width:96%; font-size:16px; padding:5px;}

.hr{float:left; width:100%; border-top:1px solid #e1e1e1; margin:10px 0;}
#MainContent .whalf{width:48%}
#MainContent .whalf[type="submit"]{width:50%;}
#MainContent h4{font-size:24px; font-family:OpenSans-Light; font-weight:normal; color:#a1a1a1;}

a{color:#a1a1a1; text-decoration:none;}

#MainContent a:visited{color:#000; }

login input.button{border-color:#bcbec0}

body{background: #fff;margin:0px;}
body *{font-family:OpenSans-Light, Arial,Sans-Serif;}
body img{border:none}

.main{background: #fff;min-width: 1110px; max-width: 1280px; min-height:294px;  margin:0 auto; }
#BlattwerkeLogo{float:left; position:absolute;margin:0px; top:47px; left:67px;z-index: 4;}
#BlattwerkeLogo img{float:left;}
#TopWrapper{float:left;width:100%;position: relative; margin: 0 0 0px; height:128px; background-color:#279ece;}
#TopNavigation{float:left;margin:60px 0 0 235px; width: 820px; }
#TopNavigation ul{float:left; width: 100% ;list-style:none; padding:0px;margin: 0; }
#TopNavigation ul li{float:left;  margin: 0 0 0 0 ;}
#TopNavigation ul li:last-child{margin: 0 0 0 0 ;}
#TopNavigation ul li a{float:left;font-size:18pt;text-transform: capitalize; color:#bce2f0; text-decoration:none;font-weight:normal; font-family:OpenSans-Light; padding-right:21px; background: right center  url('../images/wDot.png') no-repeat; margin-right:5px;  }
#TopNavigation ul li a.active{font-family:OpenSans-Bold;}
#TopNavigation ul li:last-child a{background:none; margin-right:0px; padding-right:0px;}
#TopNavigation ul li a:hover {text-decoration:underline}
#HeaderDiv{position:relative; margin-top:-43px; z-index:1;width:100%;float:left; height: 192px; background: left top url('../images/ios.jpg') no-repeat;}

/*#HeaderDiv img{width:1280px;}*/

.BreadCrumbs{  float: left;    margin: 13px 0 30px 239px; clear:left; font-family:OpenSans-Bold;}
.BreadCrumbs a{color:#555}
.BreadCrumbs a:hover{color:#1B86B0; text-decoration: none;}
.BreadCrumbs a:hover span{color:#1B86B0; text-decoration: none;}
.inftab{float:left; width: 100%; margin-bottom: 60px;padding-bottom: 60px;}
#HeaderDiv img{width:1280px;}

.wupb-container .wupb-border{margin-left:0; width:100%;}

.BreadCrumbs a span, .BreadCrumbs span{color: #000; font-size: 19px; margin: 0 0 5px;  padding: 0; text-decoration: none;font-family:OpenSans-Bold;color:#61615f}
.BreadCrumbs a{text-decoration:none}
#FooterDiv{width:100%; position: absolute; bottom: 0;}
/* #LogOutDiv {border-left: 1px solid #000000; height:62px; left: 830px; position: absolute;top:0;width: 300px;font-size: 12px;} */
#LogOutDiv {  float: right;position: absolute;top:25px;right: 10px; width: 200px;}
#LogOutDiv a, #LogOutDiv span{font-family: OpenSans-Light, Sans-Serif; float:left; font-size: 15px; color: #fff; margin:0px; line-height: 12px;}
#LogOutDiv span, #LogOutDiv  a span{text-decoration:none;}
#LogOutDiv a{text-decoration:underline;}
#LogOutDiv a:link{text-decoration:underline;}
#LogOutDiv a.btn{text-decoration:none; padding:10px 30px; margin-top:15px; border:1px solid #fff;font-size:17px; font-family:OpenSans-Bold; color:#a8d9ec; }
#LogOutDiv a.btn:hover{ border:1px solid #a7a9ac;}
#LogOutDiv a:hover{text-decoration:none;color:#1B86B0;}
#LogOutDiv a.btn:hover{color:#a8d9ec;}
#LeftContent{float:left; width:20%; min-width:260px; min-height:10px; padding-top:33px; }
#LeftContent > *{float:left; margin-left:20%; width:80%;}

#CompanyLogo{height:100px; width:220px; margin-left:40px;}
#CompanyLogo img{max-height:100px; max-width:220px;}


#MainContent {padding: 50px 0 0 20px;width:73%; min-width: 583px;float:left;position:relative; font-size:16px;}
#MainContent.VGLMFAdmin{padding-top:0;}
#MainContent h3{font-size:19px;font-family:OpenSans-Bold; color:#616160}
#MainContent h2{font-size:20px; font-family:OpenSans-Bold; color:#616160;}
#MainContent .searchform{position:absolute; top:-44px; right:-20px;}
#MainContent table{width:100%;border-collapse:collapse;}
#MainContent table td{padding:11px 8px;vertical-align:top;}
#MainContent table td.tar{padding-left:0px; padding-right:0px;text-align:right;}
#MainContent table td.tal{padding-left:0px; padding-right:0px;text-align:left;}
#MainContent table td.photo{width:179px;}
#MainContent table td:first-child{width:150px;}
#MainContent table.asinch td:first-child{width:auto;}

#MainContent table.nofull{width:auto}
#MainContent table.nofull td{width:auto}

#MainContent table.smallfont {font-size:15px;}
#MainContent table.smallfont td{padding:11px 8px;}
/*
.findform .jqplot-grid-canvas{height:500px !important;}
.findform .jqplot-series-canvas{header:500px !important;}*/

#MainContent table.smallfont td:first-child{width:auto;}
#MainContent table.userlist td:first-child{width:auto;}

#MainContent table.smallfont th{padding:10px 5px; font-family:OpenSans-bold; color:#a5a5a4; text-align:left;}

#MainContent > .login{width:683px; margin-left:80px;}
#MainContent > .login table.asinch{width:auto;}

#Quicklaunch ul{float:left; width:95%; list-style:none; padding:0px; margin:0px 0px 0px 10px ; }
#Quicklaunch ul li{float:left; width:100%; margin:3px 0 15px 0; border-bottom:1px solid #fff; }
#Quicklaunch ul li a{float:left; margin: 0 0 0 0 ; color:#000; font-size:18px; text-decoration:none;}
#Quicklaunch ul li a:hover{color:#a7a9ac;}
.login td, .login td a{ color: #27261F;  /*font-family: Georgia,Sans-Serif;*/   }
.login input.btn{ padding:2px 4px ; color: #6A6962; font-weight:bold;font-family: Georgia,Sans-Serif;  font-size: 12px; font-style: italic; background:center center url(../images/btn.png) no-repeat;border:none;}
.MeineWerke table td{padding-bottom:14px;}
.MeineWerke table .new td{border-top:1px solid #000;}
.MeineWerke table .new a{float:left; font-size:16px; width:auto;font-family:arial; font-style:normal; font-weight:normal;text-decoration:none; margin:10px 0px 0px 0px ;}
.MeineWerke table .new a:hover{color:#008000}
.MeineWerke table .new a img{float:left; margin:-3px 5px 0px 0px ;}
.MeineWerke a, .MeineWerke p{float:left;text-decoration:none; width:100%; font-weight:bold; font-size:14px;margin:0px 3px 0px 3px ;color:#000; font-family: Georgia,Sans-Serif; font-style:italic;}
.MeineWerke p{font-weight:normal;}


/*.AdminsPage > * > table{margin-top:60px;}*/
.AdminsPage > form > table{margin-top:0;}
#MainContent table{ border-spacing:3px 1px; }
#MainContent table th{white-space:nowrap;padding:7px;  background-color:none;}
#MainContent table.thgray th{color:#a1a1a1;}
#MainContent table td{padding:7px; padding-bottom:10px;}
#MainContent table.tabinfo td{width:50px; width:auto;}
#MainContent table.tabinfo td:first-child{width:40px;}
#MainContent table.tabinfo td.name{width:300px;}
#MainContent table.unclientinfo td{width:50px}
#MainContent table.unclientinfo td.name{width:300px;}
#MainContent table.userlist th{color:#a1a1a1; text-align:left;}
#MainContent table.userlist td:last-child{text-align:center;}
#MainContent table.apps{width:auto}
#MainContent table.apps td{font-weight:bold;padding-left:15px; padding-right:15px;text-align:left;}
#MainContent table.apps th{padding-left:15px; padding-right:15px; color:#a1a1a1; text-align:left;}

.AdminsPage .btn{background:#27261f; color:#cbcbc8;border:none; padding:3px 5px ; height:auto;}
.AdminsPage .span{background:#d5c8a5; color:#000000;}

.LogsPage table{ border-spacing:3px 1px; }
.LogsPage table td{padding:7px; padding-bottom:1px;}
.LogsPage table th{padding:7px; }
.LogsPage .btn{background:#27261f; color:#cbcbc8;border:none; padding:3px 5px ; height:auto;}
.LogsPage .span{background:#d5c8a5; color:#000000;}

#ErrorContent {padding: 0 0 0 20px; width: 80%;float:left;}
.ErrorPage table{ width:100%; border: 2px solid #ee0000; margin: 10px 20px;	padding: 20px; text-align: left; background-color: #d5c8a5; color: black;}
.ErrorPage table th{ height:50px; background-color: #bb0000; color: white;	padding:10px; font-style: italic; font-size:22px;}
.ErrorPage table td{ padding:10px;}
.ErrorPage	p.errormsg { font-style: italic; font-size:16px; color: #aa0000; }

#MainContent table.asinch.aright{width:auto; font-size:15px;}
#MainContent table.asinch.aright td{text-align:right}
#MainContent table.asinch.aright td:first-child{text-align:left; width:150px;}

#MainContent table.findform{width:100%;font-size:12px;}
#MainContent table.findform td{width:auto; }
#MainContent table.findform td.alignRight{text-align:right;}
#MainContent table.findform th{text-align:left}
#MainContent table.findform input {font-size:12px;}

#MainContent table.findform table{width:auto}
#MainContent table.findform table table {font-size:12px;}
#MainContent table.findform table table input {font-size:12px;}

#MainContent table.findform .profil table{font-size:15px;}

#MainContent .findform td:first-child{width:auto;}

#MainContent .MeineWerkeinf h3, #MainContent .lohnburo h3, #MainContent .neue_el h3{text-transform: none;}
.MeineWerkeinf .thumb{margin:0px 10px 0px 0px ;}
.MeineWerkeinf td{vertical-align:top;padding:0px 0px 6px 0px ;}
.MeineWerkeinf td.cover a{float:right; margin:0px 10px 0px 0px ;}
.MeineWerkeinf td.cover  label{float:left; margin:4px 0px 0px 10px ; }
.MeineWerkeinf td.medium input.first{width:220px;}
.MeineWerkeinf td.medium input.second{float:right; height:auto; padding:3px 5px;}
.MeineWerkeinf td.small input{width:140px;}
.MeineWerkeinf td.small input.second{float:right;}
.MeineWerkeinf td.small label{float:left; margin:4px 0px 0px 47px ;}
.MeineWerkeinf table{margin:0px 0px 0px 20px;}
.MeineWerkeinf .btn{background:#27261f; color:#cbcbc8;border:none; padding:3px 5px ; height:auto;}
.MeineWerkeinf .btn.abr{float:right;}
.MeineWerkeinf p{float:left; margin:4px 0px 0px 0px ; font-weight:bold;color: #000;   /*font-family: Georgia,Sans-Serif;  */ font-size: 12px;   font-style: italic;}
.MeineWerkeinf label{float:left;margin:4px 0px 0px 0px ;   font-weight:bold;color: #000;   /*font-family: Georgia,Sans-Serif; */  font-size: 12px;   font-style: italic;}
.MeineWerkeinf input.stand{width:380px;}
.MeineWerkeinf input{height: 24px;font-weight:bold;color: #555; float:left;  font-family: Georgia,Sans-Serif;   font-size: 12px;   font-style: italic;}

.profil table td {  color: #27261F;}
.profil table td .btn{ background: #27261F;   border:none;  color: #CBCBC8; padding: 3px 5px; float: left;    }
.profil table tr.hidden { display: none;}
.profil table td input{}

#MainContent .profil.category a{font-weight:bold;color:#a1a1a1; font-size:18px;}
#MainContent .profil.category a:visited{color:#000;}

body div.wicket-modal {position:absolute;}

.lohnburo table{width:350px;}
.lohnburo table  td{padding:0px 0px 5px 0px ;}
.lohnburo table  td.product{width:40px;}
.lohnburo table  input{ background: #27261F; border:none; color: #CBCBC8;  padding: 3px 5px;font-family: Georgia,Sans-Serif;    font-size: 12px;  font-style: italic;  font-weight: bold;float:right;}
.lohnburo table .product a{float:left; margin:0px 10px 0px 0px }
.lohnburo table .name a{float:left; margin:3px 0px 0px 0px;   color: #000000; font-family: Georgia,Sans-Serif;  font-size: 14px;  font-style: italic; text-decoration: none;}

.ihr_werke  table{margin:20px 0px 0px 40px ;}
.ihr_werke input.stand {width: 300px;}
.ihr_werke input {color: #555555;  float: left;  font-family: Georgia,Sans-Serif;  font-size: 12px;  font-style: italic;  font-weight: bold;  height: 19px;}
.ihr_werke p {color: #000000;  float: left;  font-family: Georgia,Sans-Serif;  font-size: 12px;  font-style: italic;  font-weight: bold;  margin: 4px 0 0;}
.ihr_werke input.sub, .ihr_werke input.btn{height:auto;}
.ihr_werke input.sub{float:right;}
.ihr_werke input.btn{ background:#27261F; border:none; color: #CBCBC8; padding: 3px 5px;margin:10px 0px 0px 0px ;}
.ihr_werke input.abr{float:right;}

.neue_el p{float:left; margin:3px 20px 0px 0px ;color: #000000;  font-family: arial,Sans-Serif; font-size:11px; }
.neue_el input.ttl{width:280px;}
.neue_el input.txt{float:right;}
.neue_el .btn{margin:0px 0px 0px 20px;}
.neue_el table.keine{width:535px; height:300px;border:1px solid #aeb4b3; border-radius:2px;}
.neue_el table.keine td{text-align:center;vertical-align:middle ;font-weight:bold;} 
.neue_el table.control .text{width:188px;}

/* HALK */
/* ============================== Footer ===================================== */
.FooterDiv{float:left; width:100%; text-align:center; position: fixed; left: 0px; bottom: 0px; }

 /* This will make your footer stay where it is */
#stickey_footer {
	/* background: none repeat scroll 0 0 #1D1D1D; */
	/* border: 1px solid rgba(0, 0, 0, 0.3);*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*text-shadow: 1px 1px 1px #000000;*/

	/* HALK 20130326 it was position in middle of page  */
	/*left: 50%;*/
	margin: 0 auto;
	background: none repeat scroll 0 0 #E1E1E1;
	bottom: 0;
	font-family: Arial,  sans-serif;
	height: 44px;
	padding: 0 10px;
	width: 960px;
}
/* border curves */
#stickey_footer span{float:left;width: 100%; text-align: center;}
#stickey_footer {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
/* hover effect */
#stickey_footer:hover {
	/*background: none repeat scroll 0 0 #2b2a2a;*/
/*	background: none repeat scroll 0 0  #e5d8b5;      */
}
/* shadow for the footer*/
#stickey_footer {
	-moz-box-shadow:0px 0px 11px #c9b9a9;
	-webkit-box-shadow:0px 0px 11px #c9b9a9;
	box-shadow:0px 0px 11px #c9b9a9;
}

#footer_menu {
	margin: 0;
	padding: 0;
	width:auto;
}
#footer_menu li {
	list-style: none;
	float: left;
	font-size:14px;
	padding: 12px 14px 14px 14px;

	/*border-right:1px solid rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.1);*/
}
#footer_menu li:hover {
	/*background:#202020;
	background: rgba(0, 0, 0, 0.2);  */
}
#footer_menu .imgmenu{
	padding:5px 8px 3px 14px;
	float:left;
	width:36px;
	height:30px;
	border:none;
	/*border-right:1px solid rgba(0, 0, 0, 0.4);*/
	cursor:pointer;
}
#footer_menu .imgmenu:hover {
	/* Fallback color for old browsers */
	background:#202020; 
	background: rgba(0, 0, 0, 0); 
}
#footer_menu li a {
	display: block;
	/*color: #cccccc;*/
	color: #555;
	text-decoration: none;
}
#footer_menu li a:hover {
	color: #1B86B0;
    text-decoration: underline;
}
#footer_menu li span {
	display:none;
}
#stickey_footer #social_icons {
	float:right; /*  icons positions */
	width:auto;
	margin:5px 15px 0px;
	padding:0px;
	overflow:hidden;
}
#stickey_footer #social_icons li {
	margin-right:12px; /* 12px is the space between each one of them */
	float:left;
	width:24px;
	padding:0px;
	height:32px;
	list-style:none;
	_margin-right:0px; /* this is for IE6 only */
}

/* HALK 20130126 */
/* =================== Table by DIV tag ===================== */
div.table { 
  display: table;    
  width:100%;
  /*background-color:#d5c8a5;*/
  border:1px solid  #666666;
  border-spacing:5px;
}
div.table div.row  {
  display: table-row;
  width:100%;
  float:left;
  padding:3px 0;
  border-collapse:collapse;
}
.profil div.table div.row {
    height:auto;
    width: auto;
}
.profil div.table div.row.exp{width:100%}
.profil .rowlvl{width:100%; float:left;}
div.table div.header  {
  display: table-row;
  width:auto; 
  border-collapse:collapse;
  /*background-color:#c5b895;*/
}
div.table div.row .cell {
  display: table-cell;
  width:auto;
  margin: 1px 1px;
  float:left;
}
div.table div.header .cell {
  display: table-cell;
  width:auto;
  margin: 1px 1px;
  float:left; 
  background-color:#c5b895;
}
/* ========================= End Table by DIV tag ================================== */


/* ---------------------------------------------------------------------*/ 
/* class="hidden" to hide the Wicket components by the following way: 	*/
/*  ...																	*/
/*  @Override															*/
/* protected void onComponentTag(final ComponentTag tag){				*/
/*    super.onComponentTag(tag);										*/
/*    if( role != Status.SUPERADMIN ) {									*/
/*        tag.put("class", "hidden");									*/
/*    }																	*/
/* }																	*/
/*...																	*/
/*----------------------------------------------------------------------*/
.hidden { display: none;}

/* ---------------------------------------------------------------------*/
/* it's predefined CSS classes for messages in wicket's FeedbackPanel	*/
/*               														*/
/*...																	*/
/*...																	*/
/*----------------------------------------------------------------------*/
.feedbackPanelINFO {
	color: black;
}
.feedbackPanelERROR {
	color: red;
}

ul.feedbackPanel{padding:0;}

/* jqplot */
table.jqplot-table-legend, table.jqplot-cursor-legend {
    width: auto !important;
    font-size: 1em;
}
.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    font-size: 15px;
}
.jqplot-point-label {
    font-size: 1em;
}
.jqplot-axis {
    font-size: 1em;
}
.rotate_chart .jqplot-xaxis-tick{
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
    top:45px;
}