html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
    margin: 0px;
    padding: 0px;
}
* {
    -moz-box-sizing: border-box;
}

.lightback { background-color: #E8E8E8; }
.verylightback { background-color: #F3F3F3; }

h1 
{
    font-family: 'Lato',Helvetica,Arial;
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    padding: 0px;
    margin: 0px 0px 5px;
    color: #00A3DE;
    text-decoration:none;
}

h2, h3, h4, h5, h6 {
    font-family: 'Lato',Helvetica,Arial;
    font-weight: 300;
    line-height: 29px;
    padding: 0px;
    color: #565555;
    margin: 0px 0px 15px;
}

body  
{
	background: none repeat scroll 0% 0% #FFF;
    font: 14px/24px Arial,Tahoma,Verdana;
    color: black;/*#898989*/
    line-height: 1;
}

div.main {
    max-width: 1040px;
    margin: 40px auto;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

div.header {
	width: 100%;
	border-bottom: 1px solid #E8E8E8;
}

div.headercontent {
	padding: 20px; 
}

div.headerlinks {
	float:right;
}

div.bootstrap {
    margin-left:10px; margin-right:10px;/*padding-left:15px; padding-right:15px;*/
}

div.bootstrap-tablecontainer {
    margin-left:10px; margin-right:10px;
}

div.content_frame 
{	
	border: 1px solid #E8E8E8;
	padding:10px;
}

div.content_frame_highlight1
{
	border: 1px solid #00A3DE;
	padding:10px;
}

.popupbox
{
	position:absolute;
	background-color: #fff;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	-webkit-box-shadow: 3px 3px 3px rgba(50,50,50,0.12);
	-moz-box-shadow: 3px 3px 3px rgba(50,50,50,0.12);
	box-shadow: 3px 3px 3px rgba(50,50,50,0.12);
	padding:0px;
	z-index:9900;
	margin: 4px 0 5px 30px;
}

div.popupbox div.content_frame 
{
	margin: 15px;
}

div.mainmenu {
    width: 100%;
    background-color: #FFF;
    height:50px;
}

.mainmenu ul {
    margin: 0px;
    font-family: 'Lato',Arial,Tahoma,Verdana;
    font-size: 16px;
    font-weight: 300;
    float: left;
    list-style: none outside none;
}

.mainmenu ul li {
    color: #323232;
    list-style: none outside none;
    line-height: 22px;
    position: relative;
    margin: 2px 0px 5px;
    padding: 13px 18px;
    float: left;
}

.mainmenu ul li a {
    color: #323232;
    text-decoration: none;
}

.mainmenu ul li a:hover, 
.mainmenu .current_page_item > a,
.mainmenu .current_page_parent > a,
.mainmenu .current-menu-parent > a,
.mainmenu .current-menu-item > a {
    color: #999;
    text-decoration: none;
}

ul.sub-menu, div.sub-menu 
{
	top:40px;
	left:-20px;
	width:147px;
	font-size:16px;
	font-weight:300;
	float:left;
	list-style: none outside;
}

div.pagetitle {
    width: 100%;
    padding: 28px 0px 0px;
    background: none repeat scroll 0% 0% #EDEDED;
}

div.pagetitle_content {
}

div.pagetitle_content h1 {
    border: 0px none;
    color: #00A3DE;
    background: url('images/pagetitle_star.png') no-repeat scroll 0px 18px transparent;
    margin-right: 24px;
    padding: 10px 24px 14px 28px;
    font-size: 20px;
}

div.breadcrumb {
    text-align:right;
}

.breadcrumb ul li {
    color: #BDBDBD;
    padding: 0px 14px 0px 5px;
    background-image: url('images/breadcrumb_line.png');
    background-repeat: no-repeat;
    background-position: right 4px;
    font-size: 11px;
    display: inline-block;
    line-height: 26px;
    margin-bottom: 0px;
}

.breadcrumb ul li a,
.breadcrumb ul li a:visited {
    color: #01AFEE;
    text-decoration: none;
}

.breadcrumb ul li:last-child {
    padding: 0px 0px 0px 5px;
    background-image: none;
}

input.text150 {
	width:150px;
    background: none repeat scroll 0px 0px #F7F7F7;
    border: 1px solid #C0C0C0;
    color: #888;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    outline: 0px none;
    padding: 7px;
}

.buttonMain {
    display: inline-block;
    color: rgb(255, 255, 255) !important;
    cursor: pointer;
    text-decoration: none;
    margin: 0px 0px 10px;
    background: none repeat scroll 0% 0% #01AFEE;
    border: 0px none;
    padding: 9px;
    min-width:100px;
    text-align:center;
    vertical-align:middle;
}

.buttonSecondary {
    display: inline-block;
    color: Black;
    cursor: pointer;
    text-decoration: none;
    margin: 0px 0px 10px;
    background: none repeat scroll 0% 0% #E8E8E8;
    border: 0px none;
    padding: 9px;
    min-width:100px;
    text-align:center;
    vertical-align:middle;
}

a { text-decoration:none; }

.buttonSecondary:hover { background-color: #01AFEE; color: rgb(255,255,255); }
.buttonSecondary:hover h1 { color: rgb(255,255,255); }

.buttonIconL 
{
	display: inline-block;
    color: Black;
    cursor: pointer;
    text-decoration: none;
    margin: 0px 0px 0px;
    border: 0px none;
    text-align:center;
    vertical-align:middle;
     
	height:23px; 
	padding: 10px 6px 3px 36px; 
	background-repeat:no-repeat; 
	background-position: 2px 2px; 
	min-width:100px;
}
a.timestamp_end { background-image:url('icons/stopwatch_finish.png'); }
a.daytype_illness { background-image:url('icons/bandaid.png'); }
a.edit_aze_entry { background-image:url('icons/calendar_edit.png'); }
a.holiday { background-image:url('icons/holiday.png'); }
a.employee_details { background-image:url('icons/vcard_edit.png'); }
a.project_details { background-image:url('icons/form_edit.png'); }
a.ok { background-image:url('icons/accept.png'); }
a.add { background-image:url('icons/add.png'); }
a.cancel { background-image:url('icons/cancel.png'); }
a.calendar_edit { background-image: url('icons/calendar_edit.png'); }

.buttonIconS 
{ 
	display: inline-block;
    color: Black;
    cursor: pointer;
    text-decoration: none;
    margin: 0px 0px 0px;
    border: 0px none;
    text-align:center;
    vertical-align:middle;
    
	height:24px; 
	padding: 0px 0px 0px 24px; 
	background-repeat:no-repeat; 
	background-position: 1px 1px;
}
a.calendar { background-image:url('icons/calendar_s.png'); }
a.close { background-image:url('icons/close.png'); }
a.feedback { background-image:url('icons/feedback_s.png'); }
a.feedback_new { background-image:url('icons/feedback_add_s.png'); }
a.contract { background-image:url('icons/contract_s.png'); }
a.goback  { background-image:url('icons/back_s.png'); }
a.goon  { background-image:url('icons/goon_s.png'); }
a.member  { background-image:url('icons/member.png'); }
a.nonmember  { background-image:url('icons/nonmember.png'); }
a.member_request  { background-image:url('icons/member_request.png'); }
a.admin  { background-image:url('icons/admin.png'); }
a.nonadmin  { background-image:url('icons/nonadmin.png'); }
a.admin_request  { background-image:url('icons/admin_request.png'); }
a.reset  { background-image:url('icons/reset_s.png'); }


a.passwort_vergessen { color:Gray; font-size:small; }
/*a.large_icon { height:25px; text-decoration:none; color:#00A3DE;}
a.large_icon:hover { back*/

span.error { color:Red; }

th { vertical-align:top; padding:3px; font-weight:bold; }
td { vertical-align:top; padding:3px; }
table.columnlayout { width:100%; }
table.columnlayout th { padding:10px; text-align:left; }
table.columnlayout td { padding:10px; text-align:left; }
table.form {width:100%;}
table.form th { padding:2px; text-align:left; }
table.form td { padding:2px; text-align:left; }
td.form { padding:2px; text-align:left; }
table.form td input { width:100%; }
table.form td input.checkbox { width:auto; }
table.form td span.checkbox input { width:auto; }

input.error { border: solid 1px Red; }