/*
** $Header: $
** $NoKeywords: $
**
** This is the main, standards compliant stylesheet.
** IE specific overrides to work around IE bugs should be in iestyles.css
*/

/* -- GENERAL -- */

body {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #1F325D;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}

h1, h2, h3 {
	font-weight: bold;
	font-size: 18px;
	color: #717FA3;
	background-color: #ffffff;	
}

ul {
	padding-left: 14px;
}

p {
	margin-top: 0px;
}

.divcontent img {
	float: right;
}

a:link, a:visited {
	color: #717FA3;
	text-decoration: underline;
	background-color: #ffffff;	
}
a:hover, a:active {
	color: #14213D;
	text-decoration: underline;
}

/* -- POSITIONING -- */

#logo{
	width : 100%;
	height: 120px;
}

#logo img{
	width: 446px;
	height: 41px;
	border: none 0px;
	margin: 50px 0px 29px 230px;
}

#photo{
	width:100%;
	height:120px;
}

#metamenu { 
	position: absolute;
	top: 121px;
	height: 24px;
	width: 295px;
	text-align: right;
	text-transform: lowercase;
}

#menu {
	position: absolute;
	top: 121px;
	left: 295px;
	height: 24px;
	text-transform: lowercase;
}

.divcontent h1 {
	position: absolute;
	width: 274px;
	text-align: right;
	left:0px;
	margin: -2px 0px 5px 0px;
	text-transform: lowercase;
}

.divcontent {
	width: 470px;
	padding: 19px 0px 5px 295px;
}

hr {
	width: 470px;
	height: 1px;
	border: none;
	background-color: #1F325D;
	margin: 15px 0px 0px 295px;
	padding: 0px 0px 0px 0px;
}

/* -- MENU -- */
#metamenu a {
	position: relative;
	top: 4px;
	padding: 5px 15px 5px 15px;
	height:24px;
	border-right: solid 1px #ffffff;
	vertical-align: -50%;
	background-color: Transparent;
}

#metamenu a:link, #metamenu a:visited {
	color: #717FA3;
	text-decoration: none;
	background-color: Transparent;
}

#metamenu a:hover, #metamenu a:active {
	color: #1F325D;
	text-decoration: underline;
	background-color: #efefef;
}

#menu a {
	position: relative;
	top: 4px;
	padding: 5px 15px 5px 15px;
	height:24px;
	border-right: solid 1px #ffffff;
	vertical-align: -50%;
	background-color: Transparent;
}

#menu a.last {
	border-right: none;
}

#menu a:link, #menu a:visited{
	color: #1F325D;
	font-weight: bold;
	text-decoration: none;
	background-color: Transparent;
}

#menu a:hover, #menu a:active {
	color: #1F325D;
	font-weight: bold;
	text-decoration: underline;
	background-color: #efefef;
}

.photobg1{
	background-image:url(../images/fotostrook_011.gif);
}
.photobg2{
	background-image:url(../images/fotostrook_012.gif);
}
.photobg3{
	background-image:url(../images/fotostrook_013.gif);
}
.photobg4{
	background-image:url(../images/fotostrook_014.gif);
}
.photobg5{
	background-image:url(../images/fotostrook_015.gif);
}

/* Time Writing */

.timewriting select {
	height: 16px;
	font-size: 12px;
	margin: 0px 0px 0px 0x;
	padding: 0px 0px 0px 0x;
}

.timewriting input {
	font-size: 12px;
	height: 14px;
	margin: 0px 0px 0px 0x;
	padding: 0px 0px 0px 0x;
}

.timewriting tr {
	vertical-align: top;
	margin: 0px 0px 0px 0x;
	padding: 0px 0px 0px 0px;
}

.timewriting td {
	margin: 0px 0px 0px 0x;
	padding: 0px 0px 0px 0px;
	border: solid 2px #717fa3;
}

table.timewriting {
	width: 803px;
	border: solid 2px #717fa3;
	margin: 5px;
	padding: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	table-layout: fixed;
}

td.month {
	background-color: #717FA3;
	width: 15px;
	border: none;
}

td.firstmonth {
	border-bottom:solid 2px #CCCCCC;
}

td.lastmonth {
	border-top:solid 2px #CCCCCC;
}

td.weekday, td.total {
	text-align: center;
	vertical-align: middle;
	background-color: #CCCCCC;
	color: #717FA3;
	font-size: 14px;
	font-weight: bold;
	border-right: none;
	border-left: none;
}

td.weekday {
	text-align: left;
	padding-left: 3px;
	width: 34px;
}

td.day {
	border-right: solid 2px #717fa3; 
	text-align: right;
	padding-top: 3px;
	background-color: #CCCCCC;
	color: #717FA3;
	border-left: none;
	padding-right: 3px;
	width: 15px;
}
td.total {
	width: 50px;
}

.header {
	font-weight: bold;
	background-color: #717FA3;
}

.header td.month, .header td.weekday, .header td.day, .header td.total {
	background-color: #717FA3;
	font-weight: bold;
	color: #1F325D;
	text-align: center;
}

table.day {
	width: 653px;
	border: none 0px;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	table-layout: fixed;
}

table.day tr, table.day td {
	border: none;
	border-right: solid 1px #ECECEC;
	border-bottom: solid 1px #ECECEC;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
}


.header table.day tr, .header table.day td, .header table.day {
	border: none;
	border-right: solid 1px #717fa3;
	padding: 2px 2px 2px 2px;
}

td.client{
	width: 134px;
}

.client select {
	width: 130px;
}


td.project {
	width: 134px;
}
.project select {
	width: 130px;
}

td.hours {
	width: 38px;
}

.hours input {
	width: 32px;
}

td.description {
	width: 300px;
}

td.description input {
	width: 292px;
}

table.day td.buttoncell {
	width: 20px;
	text-align: center;
	vertical-align:middle;
	border-right: none 0px;
}