/* ----- Form -----*/

#formTitle {
	width: 										770px;
	height: 									28px;
	color: 										#000000;
	padding-top:	 						5px;
	text-align: 							left;
	font-weight: 							bold;
}

#formText {
	width: 										500px;
	height: 									30px;
	color: 										#000000;
	padding-top:	 						5px;
	text-align: 							left;
	font-weight: 							normal;
}


.employeeAgendaOverview {
	width:										820px;
	border-right: 						solid 1px #000;

}
.employeeAgendaOverview td {
	border-left:		1px solid #000000;
		border-bottom:						1px solid #000;
	padding:				2px;
}


.topBorder {
	width:										820px;
	border-right: 						solid 1px #000;
}

.topBorder td {
	border-left:		1px solid #000000;
	padding:				2px;
}


.topBorderSmall {
	width:										820px;
	border-right: 						solid 1px #000;
}

.topBorderSmall tr {
	height: 									14px;
}

.topBorderSmall td {
	border-left:		1px solid #000000;
	font-size: 			80%;
}

	
.calenderPopup {
	position: 					fixed;
	width:							auto;
	padding:						2px 13px 3px 5px;
	display:						none;
	background-color: 	#fff;
	left: 							200px;
	top: 								200px;
	border:							1px solid black;
	height:							auto;
}														 	


.calendarBlocka {
	background-color: #99FF99;
}

form {
	width: 										770px;
	margin-left: 							50px;
}

	.col1 {
		text-align: 							left;
		width: 										250px;
		height: 									28px;
		margin: 									0;
		float: 										left;
		margin-right: 						2px;
	}

	.col2 {
		width: 										250px;
		height: 									28px;
		display: 									block;
		float: 										left;
		margin: 									0;
	}

	.col3 {
		width: 										250px;
		height: 									28px;
		float: 										left;
		margin: 									0;
	}

	.col4 {
		width: 										500px;
		height: 									28px;
		float: 										left;
		margin: 									0;
	}
	


	.col5 {
		width: 										300px;
		height: 									28px;
		float: 										left;
		margin: 									0;
	}

	.col6 {
		width: 										120px;
		height: 									28px;
		float: 										left;
		margin: 									0;
	}

	.col7 {
		width: 										100px;
		height: 									28px;
		float: 										left;
		margin: 									0;
	}
	
	.colButton {
		width: 										250px;
		height: 									38px;
		float: 										left;
		margin: 									0;
	}
	
	.colButton2 {
		width: 										250px;
		height: 									38px;
		float: 										left;
		margin-left: 							20px;
	}
	
		.colButton a:link, 
		.colButton a:visited {
			width: 										216px;
			height: 									38px;
			padding-top: 							5px;
			background-image: 				url(../images/buttonnext.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#FFFFFF;
			text-decoration: 					none;
			font-weight: 							normal;
			text-align: 							center;
		}

		.colButton a:hover, 
		.colButton a:active, 
		.colButton a:focus  {
			color: 										#000000;
		}
		
	.colButtonNext {
		width: 										216px;
		height: 									38px;
		float: 										left;
		margin: 									0;
		border:										0;
		cursor:										pointer;
		color: 										#FFFFFF;
		font-weight: 							normal;
		text-align: 							center;
		background: 							url(../images/buttonnext.jpg) no-repeat;
	}
	
		.colButtonNext a:link, 
		.colButtonNext a:visited {
			color: 										#FFFFFF;
			text-decoration: 					none;
		}

		.colButtonNext a:hover, 
		.colButtonNext a:active, 
		.colButtonNext a:focus  {
			color: 										#000000;
		}
		
	.colButtonNextSubmit {
		width: 										216px;
		height: 									36px;
		cursor:										pointer;
		background-image: 				url(../images/buttonnext.jpg);
		background-position:  		top left; 
		background-repeat: 				no-repeat;
		border:										0;
		color: 										#FFFFFF;
		text-decoration: 					none;
		font-weight: 							normal;
		text-align: 							center;
	}

	.colButtonSpecial {
		width: 										216px;
		height: 									38px;
		float: 										left;
		color: 										#FFFFFF;
		font-weight: 							normal;
		text-align: 							center;
		cursor:										pointer;
		margin: 									0;
		border: 									0;
		background: 							url(../images/buttonspecial.jpg) no-repeat;
	}
	
		.colButtonSpecial a:link, 
		.colButtonSpecial a:visited {
			color: 										#FFFFFF;
			text-decoration: 					none;
		}

		.colButtonSpecial a:hover, 
		.colButtonSpecial a:active, 
		.colButtonSpecial a:focus  {
			color: 										#000000;
		}

	.colButtonBack {
		width: 										250px;
		height: 									38px;
		float: 										left;
		margin: 									0;
	}
	
		.colButtonBack a:link, 
		.colButtonBack a:visited {
			width: 										216px;
			height: 									38px;
			padding-top: 							5px;
			background-image: 				url(../images/buttonback.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#FFFFFF;
			text-decoration: 					none;
			font-weight: 							normal;
			text-align: 							center;
		}

		.colButtonBack a:hover, 
		.colButtonBack a:active, 
		.colButtonBack a:focus  {
			color: 										#000000;
		}
		
	.colButtonBack2 {
		width: 										230px;
		height: 									38px;
		float: 										left;
		margin-left: 							20px;
	}
	
		.colButtonBack2 a:link, 
		.colButtonBack2 a:visited {
			width: 										216px;
			height: 									38px;
			padding-top: 							5px;
			background-image: 				url(../images/buttonback.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#FFFFFF;
			text-decoration: 					none;
			font-weight: 							normal;
			text-align: 							center;
		}

		.colButtonBack2 a:hover, 
		.colButtonBack2 a:active, 
		.colButtonBack2 a:focus  {
			color: 										#000000;
		}
		
	.colAgendaButton {
		width: 										250px;
		height: 									38px;
		float: 										left;
		margin-left: 							20px;
	}
	
		.colAgendaButton a:link, 
		.colAgendaButton a:visited {
			width: 										216px;
			height: 									38px;
			padding-top: 							5px;
			background-image: 				url(../images/buttonnextwhite.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#FFFFFF;
			text-decoration: 					none;
			font-weight: 							normal;
			text-align: 							center;
		}

		.colAgendaButton a:hover, 
		.colAgendaButton a:active, 
		.colAgendaButton a:focus  {
			color: 										#000000;
		}
		
	.colAgendaButtonNext {
		width: 										250px;
		height: 									38px;
		float: 										left;
		margin-left: 							20px;
	}
	
		.colAgendaButtonNext a:link, 
		.colAgendaButtonNext a:visited {
			width: 										216px;
			height: 									38px;
			padding-top: 							5px;
			background-image: 				url(../images/buttonnextwhite.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#FFFFFF;
			text-decoration: 					none;
			font-weight: 							normal;
			text-align: 							center;
		}

		.colAgendaButtonNext a:hover, 
		.colAgendaButtonNext a:active, 
		.colAgendaButtonNext a:focus  {
			color: 										#000000;
		}

	.colAgendaButtonSpecial {
		width: 										250px;
		height: 									38px;
		float: 										left;
		margin-left: 							20px;
	}
	
		.colAgendaButtonSpecial a:link, 
		.colAgendaButtonSpecial a:visited {
			width: 										216px;
			height: 									38px;
			padding-top: 							5px;
			background-image: 				url(../images/buttonspecialwhite.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#FFFFFF;
			text-decoration: 					none;
			font-weight: 							normal;
			text-align: 							center;
		}

		.colAgendaButtonSpecial a:hover, 
		.colAgendaButtonSpecial a:active, 
		.colAgendaButtonSpecial a:focus  {
			color: 										#000000;
		}

	.colAgendaButtonBack {
		width: 										250px;
		height: 									38px;
		float: 										left;
		margin-left: 							20px;
	}
	
		.colAgendaButtonBack a:link, 
		.colAgendaButtonBack a:visited {
			width: 										216px;
			height: 									38px;
			padding-top: 							5px;
			background-image: 				url(../images/buttonbackwhite.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#FFFFFF;
			text-decoration: 					none;
			font-weight: 							normal;
			text-align: 							center;
		}

		.colAgendaButtonBack a:hover, 
		.colAgendaButtonBack a:active, 
		.colAgendaButtonBack a:focus  {
			color: 										#000000;
		}

		
	.inputSearchSubmit {
		width: 										99px;
		height: 									25px;
		margin-left: 							15px;
		background-image: 				url(../images/buttonnextSmall.jpg);
		background-position:  		top left; 
		background-repeat: 				no-repeat;
		cursor:										pointer;
		border:										0;
		color: 										#FFFFFF;
		text-decoration: 					none;
		font-weight: 							normal;
		text-align: 							center;
	}


	.inputBackSmall {
		width: 										99px;
		height: 									25px;
		margin-left: 							15px;
		background-image: 				url(../images/buttonbackSmall.jpg);
		background-position:  		top left; 
		background-repeat: 				no-repeat;
		cursor:										pointer;
		border:										0;
		color: 										#FFFFFF;
		text-decoration: 					none;
		font-weight: 							normal;
		text-align: 							center;
	}



	.col3comment {
		width: 										250px;
		height: 									98px;
		margin: 									0;
		display: 									block;
		float: 										left;
	}

	.col2comment {
		width: 										250px;
		height: 									98px;
		margin: 									0;
		display: 									block;
		float: 										left;
	}
	
	.col1comment {
		text-align: 							left;
		width: 										250px;
		height: 									98px;
		float: 										left;
		display: 									block;
		margin-right: 						2px;
	}
	
	.error {
		color:										red;
	}


div.row {
	clear: 										both;
	width: 										770px;
}

div.rowAppoint {
	clear: 										both;
	width: 										770px;
	margin-bottom:						50px;
	*margin-bottom:						15px;
}

	.submit {
		height: 									29px;
		width: 										500px;
		padding-top: 							10px;
		clear: 										both;
	} 

	.input {
		width: 										200px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 5px 8px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.inputWrong {
		width: 										200px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 5px 8px;
		padding: 									1px;
		border: 									1px solid #FF2222;
	}
	
	.inputSmall1 {
		width: 										100px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 4px 4px 4px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.inputSmall1Wrong {
		width: 										100px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 4px 4px 4px;
		padding: 									1px;
		border: 									1px solid #FF2222;
	}
	
	.inputSmall2 {
		width: 										40px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 4px 4px 4px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.inputSmall2Wrong {
		width: 										40px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 4px 4px 4px;
		padding: 									1px;
		border: 									1px solid #FF2222;
	}

	
	.inputsearch {
		width: 										100%;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		float: 										right;
		margin-top: 							4px;
		margin-right: 						10px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.inputsearchBoxText {
		width: 										95px;
		height:										28px;
		background-color: 				transparent;
		color: 										#FFFFFF;
		float: 										left;
	}
	
	.inputsearchBox {
		width: 										220px;
		height:										28px;
		background-color: 				transparent;
		color: 										#000000;
		margin-left: 							20px;
		float: 										left;
	}

	.inputSmall {
		width: 										75px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 5px 8px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.inputSmallWrong {
		width: 										75px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 5px 8px;
		padding: 									1px;
		border: 									1px solid #FF2222;
	}

	.selectBig {
		width: 										510px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 0px 0px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.selectNormal {
		width: 										300px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 0px 0px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}

	.selectSmall {
		width: 										200px;
		background-color: 				#FFFFFF;
		font: 										Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 0px 0px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.selectSmall2 {
		width: 										200px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0px 10px 10px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.selectSmall3 {
		width: 										90px;
  	height:       						20px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 0px 0px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.selectSmaller {
		width: 										70px;
  	height:       						20px;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 0px 0px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}

	.textarea {
		width: 										220px;
		height:										150px;
		border: 									1px solid #CCCCCC;
		background-color: 				#FFFFFF;
		font: 										12px/14px Arial, Verdana, sans-serif, serif;
		color: 										#000000;
		margin: 									4px 0 5px 8px;
	}
	
	.checkbox {
		background-color: 				#FFFFFF;
		color: 										#000000;
		margin: 									4px 0 5px 8px;
		padding: 									1px;
		border: 									1px solid #CCCCCC;
	}
	
	.radio {
		margin: 									4px 0 5px 8px;
		padding: 									1px;
	}



/*form*/

.itemForm {
	width:										auto; 
	height:										50px; 
	margin: 									5px 0 5px 0;
}

.itemForm1 {
	width:										auto; 
	height:										200px;
}

	.inputForms {
		width:										400px; 
		position:									relative; 
		left:											140px; 
		top:											-50px;
	}

	.inputForms1 {
		width:										400px; 
		position:									relative; 
		left:											140px; 
		top:											-185px;
	}

* html .itemForm1 {
	width:										auto; 
	height:										300px;
}

* html .inputFields {
	top:											-115px;
}

	.buttonTop {
		position: 								relative;
		left:											-50px;
		top: 											-310px;
		float:										right;
	}

* html .buttonTop {					
	position: 								relative;
	left:											-50px; 
	top:											-510px;
}														/*IE6*/

	.buttonTop a:link, 
	.buttonTop a:visited {
		color: 										#FFFFFF; 
		text-decoration: 					none; 
		font-weight: 							normal;
	}	
	
	.buttonTop a:hover {
		color: 										#FF6600;
	}

/* ----- Table ----- */

* html .tableBox {
	position: 								relative; 
	top: 											10px;
}


.buttonsTable {
  margin:10px 0 0 0; width:840;
}

.buttonsTable img {
  padding-left:30px;
}

.wideButton {
  float:right; padding-right:60px;
}

  /* ---------- TableBorders ---------- */
  td#borderTitleLeft{
    border-top: 2px solid #000000;
    border-left:1px solid #000000;
    border-bottom: 2px solid #000000;
  }
  
  td#borderTitleRight{
    border-top: 2px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom: 2px solid #000000;
  }
  
  td#borderTitle1{
    border-top: 2px solid #000000;
    border-left:1px solid #000000;
    border-bottom: 2px solid #000000;
  }
  
  td#borderRow{
    border-left: 1px solid #000000;
  }
  
  td#borderRow1{
    border-top: 2px solid #000000;
    border-left: 1px solid #000000;
  }
  
  td#borderRow2{
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
  }
  
  td#borderRowRight2{
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
  }
  
  td#borderRowRight{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
  }



.subMenuButtonNormal {
		width: 										250px;
		height: 									30px;
		float: 										left;
		margin: 									0;
		font-weight: 							bold;
		text-align: 							center;
		background: 							url(../images/kapperOffline.jpg) no-repeat;
	}
	
		.subMenuButtonNormal a:link, 
		.subMenuButtonNormal a:visited {
			width: 										200px;
			height: 									30px;
			padding-top: 							3px;
			color: 										#a92d00;
			text-decoration: 					none;
		}

		.subMenuButtonNormal a:hover, 
		.subMenuButtonNormal a:active, 
		.subMenuButtonNormal a:focus  {
			color: 										#000000;
		}
		
.subMenuButtonActive {
		width: 										250px;
		height: 									30px;
		float: 										left;
		margin: 									0;
	}
	
		.subMenuButtonActive a:link, 
		.subMenuButtonActive a:visited {
			width: 										200px;
			height: 									30px;
			padding-top: 							3px;
			background-image: 				url(../images/buttonSubMenuActive.jpg);
			background-position:  		top left; 
			background-repeat: 				no-repeat;
			color: 										#a92d00;
			text-decoration: 					none;
			font-weight: 							bold;
			text-align: 							center;
		}

		.subMenuButtonActive a:hover, 
		.subMenuButtonActive a:active, 
		.subMenuButtonActive a:focus  {
			color: 										#000000;
		}