body {
	font-family:	Verdana,Lucida Grande, Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	background-color: #5D7C95;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	overflow: hidden;
}

/* projektbezogen */



.dialog_textarea{

	width: 250px;
	height: 170px;
}

.dialog_input{
	font-size: 11px;
	font-family: Verdana,Arial;
}

/*DIV Layout*/
#div_north{
	width:100%;
	height: 50px;
	background-color: #003159;
	color: #151515;
	margin: 0px;
	padding: 0px; 
	overflow:hidden;
	
}

#div_center{
	height:auto;
	width:100%;
	overflow:hidden;
	border: 0px solid  red;
}

#div_south{
	height: 20px;
	border: 0px solid  green;
}
#div_main{
	position:relative;
	top;0px;
	left: 0px;
	border: 0px solid red;
	margin: 0px;
	padding: 0px;
	overflow-y: auto;
	overflow-x:none;
	height:100%;
}
#div_west{
	width: 250px;
	height:auto;
	border: 0px solid #003159;
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 5px;
	
	
}



#tabs{height:100%}
	
#div_east{
	border: 0px solid green;
	width: auto;
	height: auto;
	float: right;
	position: absolute;
	left: 260px;
	top: 0px;
	margin-top: 5px;
	
}



#title{
	font-size: 25px;
	position: absolute;
	
	color: #EFEFEF;
	top: 5px;
	left: 5px;
}


#div_ticker{
	width:100%;
	position:absolute;
	top:35px;
	text-align:center;
	 
}

#ticker{
	background-color:#FFFFFF;
	font-size:12px;
	color: #151515;
	width:600px;
	font-weight: normal;
	
}

#nav_main{
	position: absolute; 
	bottom: 20px;
	left: 5px;
}

#nav_main a{
	color: #DEDEDE;
	text-decoration: none;
}

.nav_btn{
	padding: 2px;
	padding-right: 10px;
}




#nav_hint{
	position: absolute; 
	bottom: 5px;
	right: 5px;
}

#nav_hint a{
	color: #ECECEC;
	text-decoration: none;
}

#nav_hint a:hover{
	color: #151515;
}


#div_left{
	width: 100%;
	height: 100%;
}

#userinfo{
	position:absolute;
	top:2px;
	right:2px;
	width:200px;
	height:12px;
	font-size: 10px;
	text-align: center;
	z-index:99;
	color: #333333;
	
}

#div_logout{
	
	
}

#div_eintragen{
	
	border: 0px solid red;
	width: 100%; 
	height:100%;
	overflow: auto;
	position: relative;
	left: 0;
	
}

.scrollable{
		position:relative;
	overflow:auto;
	width: 660px;
	height:90px;
}



.td_head{
	    vertical-align: middle !Important;
    color: #eee;

	font-size: 10px;
	font-weight: 400;
	border: 1px solid #2A5374;
	border-bottom: 2px solid #2A5374;
	width: 80px;
	height: 20px;
	text-align: center;
	background-color:#2189B8;
}

.td_head_min{
	width:5px;
	font-size: 10px;
	border: 0px solid #46A3CA;
	/*background-color: #FFFFFF;*/
}

.td_line{
	font-size: 9px;
	font-weight: normal;
	border: 1px solid #46A3CA;
	width:80px;
	height: 25px;
	vertical-align:top;
}


.td_Urlaub{
	
	background-color: #aaaaaa;
	opacity:0.5;
	vertical-align: center;
	text-align: center;
	height:auto;
}

.td_Krank{
	
	background-color: #FF9999;
	opacity:0.5;
	vertical-align: center;
	text-align: center;
	height:auto;
}

.td_Frei{
	
	background-color: #99FF99;
	opacity:0.5;
	vertical-align: center;
	text-align: center;
	height:auto;
}

.td_Feiertag{
	
	background-color: #9999FF;
	opacity:0.5;
	vertical-align: center;
	text-align: center;
	height:auto;
	
}


.td_left{
	font-weight: bold;
	
}

.td_head_urlaub{
	
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #5E7D96;
	margin:0px;
}


.td_uline1{
	background-color: #E5D292;
}

.td_uline1{
	background-color: #FBEBB6;
}

.bdr{
	border-right: 1px solid #46A3CA;
}
.td_line_urlaub{
	font-size: 10px;
	font-weight: normal;
	border-bottom: 1px solid #46A3CA;
	border-left: 1px solid #46A3CA;
	height: 25px;
	padding-left:20px;
	padding-right:20px;
	width:100px;
}


.td_overview{
	height:6px;
	font-size:4px;
	border-bottom: 2px solid #FFFFFF;
}

.td_coverview{
	height:20px;
	font-size:10px;
	border-bottom: 0px solid #FFFFFF;
}

.div_overview_nr{
	color: #151515;
	position: absolute;
	height:15px;
	border: 0px solid red;
	margin-top: -10px;
}

.datum{
	width: 100px;
	cursor: pointer;	
}

select{
	
	height:22px;
	
}


.progress {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    padding: 1px;
    position: relative;
    width: 400px;
    text-align: left;
}
.bar {
    background-color: #5B7A94;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    width: 0;
}
.percent {
    display: inline-block;
    left: 48%;
    position: absolute;
    top: 3px;
}

#gallery {
		background-color: transparent;
		padding: 10px;
		width: calc(100% - 40px);
}

#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #E2D7B1;
	border-width: 5px 5px 20px;
	margin: 1px;
}

#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

    .ui-tabs-vertical { width: 55em;
    	background: #FBEBB6;  !important;
     }
     
     #vtabs .ui-state-default{
     	 background: #ff0000  !important;
     	 background-color: #FBEBB6  !important;
     	 border-left: 1px solid #E2D095 !important; 
    	 border-top: 1px solid #E2D095 !important;
    	 border-right: 1px solid #E2D095 !important; 
    	 border-bottom: 1px solid #E2D095 !important;
    	 color: #151515 !important;
    	 z-index:2;
    	 margin-bottom: 5px;
     }
    .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
    .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
    .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
    #vtabs  li.ui-state-active {
    	border-left: 1px solid #E2D095; 
    	border-top: 1px solid #E2D095; 
    	border-bottom: 1px solid #E2D095 !important;
    	border-right: 1px solid #FBEBB6 !important;
    	background: transparent  !important;
    	margin-left:7px;
    	margin-bottom: 5px !important;
    	background-color: #FBEBB6  !important;
    	z-index:5;
    }

    .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}


.search_table td:first-child {
    width: 100px;
}
.search_table:nth-child(even) {
    background: rgba(255,255,255,0.55);
}
.search_table {
    padding: 10px;
    border-radiusd: 1;
    float: left;
    border-radius: 10px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    margin-bottom: 10px;
    width: 500px;
margin-left:20px;
min-height:210px;
    margin-right: 10px;
}

.search_table:nth-child(odd) {
    background: rgba(255,255,255,0.35);
}


#search_form input, #search_form select {
    margin-top: 6px;
    padding: 5px;
    width: 200px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    border: none;
}