body {
	background-color:#C6D5E0;
	background-image:url('/_gfx/design/bg.jpg');
	background-repeat:repeat-x;
	background-position:top;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:11px;
	color:#000000;
	margin:0px;
	padding:0px;
}

body#popup {
	background:#ffffff url('/_gfx/design/popupbg.jpg') repeat-x top center;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}

body#popup #top {
	height:26px;
	font-size:12px;
	text-align:center;
	color:#979797;
	text-shadow:#ebebeb 1px 1px 0;
	padding-top:3px;
	padding-left:10px;
}

body#popup #top td.tab, body#popup #top td.tabactive {
	background-color:#dfdee4;
	border:1px solid #d4d3d9;
	border-bottom:0px;
	padding:8px;
	color:#7a7a7a;
	cursor:pointer;
	padding-left:25px;
	padding-right:25px;
}

body#popup #top td.tabactive {
	background-color:#e7e6ec;
	color:#000000;
}

body#popup #content {
	padding:30px;
	border:0px;
}

div#page {
	width:990px;
	background-color:#FFFFFF;
	margin:0px auto;
	padding:2px;
}

div#page div#top {
	background-color:#239BBD;
	background-image:url('/_gfx/design/topbg.jpg');
	background-repeat:repeat-x;
	background-position:top;
	margin-bottom:2px;
}

div#submenu {
	min-height:5px;
	background-color:#184C6E;
	margin-bottom:2px;
}

div#content {
	min-height:200px;
	padding:30px;
}

div#bluebar {
	height:8px;
	background-color:#3C7FAF;
}

div#credit {
	padding:5px;
	text-align:right;
}

td#dlogo {
	width:300px;
	height:100px;
	padding-left:30px;
	font-family:Arial;
	font-size:26px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
}

td#menu {
	text-align:right;
	color:#ffffff;
	font-weight:bold;
}

td.menu1, td.menu1hover {
	width:100px;
	height:100px;
	text-align:center;
	line-height:180%;
	cursor:pointer;
}

td.menu1hover {
	background-image:url('/_gfx/design/menubghover.jpg');
	background-repeat:repeat-x;
	background-position:center;
}

td.menu1 a, td.menu1hover a, td.menu2 a, td.menu2hover a {
	color:#ffffff;
	text-decoration:none;
}

td.menu1space {
	width:1px;
	background-image:url('/_gfx/design/menuspace.jpg');
	background-repeat:no-repeat;
	background-position:20%;
}

td#left {
	text-align:left;
	color:#ffffff;
	font-weight:bold;
}

td#right {
	text-align:right;
	color:#ffffff;
	font-weight:bold;
}


td.menu2, td.menu2hover {
	width:100px;
	height:50px;
	text-align:center;
	line-height:180%;
	cursor:pointer;
	padding-top:3px;
}

td.menu2hover {
	background-image:url('/_gfx/design/menubghover.jpg');
	background-repeat:repeat-x;
	background-position:center;
}

td.menu2space {
	width:1px;
	background-color:#5E7685;
}

div.focus {
	background-color:#ECF5FC;
	border:1px solid #CEDCE7;
	padding:8px;
}

div.focus_login {
	width:400px;
	background-color:#ECF5FC;
	background-image:url('/_gfx/icons/login.gif');
	background-repeat:no-repeat;
	background-position:center left;
	border:1px solid #CEDCE7;
	padding:20px;
	padding-left:160px;
	margin:0px auto;
}

div.focus_error {
	background-color:#FCECEC;
	border:1px solid #E7CECE;
	margin:0px auto;
	padding:10px;
	color:#891D1D;
	font-size:13px;
	margin-bottom:5px;
}

div.focus_login_error {
	width:400px;
	background-color:#FCECEC;
	border:1px solid #E7CECE;
	margin:0px auto;
	padding:20px;
	padding-left:160px;
	color:#891D1D;
	font-size:13px;
}

table.border {
	border:1px solid #CEDCE7;
}

td.top {
	background-color:#7AA2C2;
	font-weight:bold;
	color:#ffffff;
}

tr.color {
	background-color:#ECF5FC;
}


table {
	border:0px;
}

div.outline {
	padding:10px;
	border:1px solid #CEDCE7;
}

div.outline .headline {
	background-color:#EEEEEE;
	padding:4px;
	font-weight:bold;
}

td.left {
	padding:2px;
	width:110px;
}

td.right {
	padding:2px;
}

td.right .txtField {
	width:250px;
}

div.iconbackgroundhover {
	background-color:#082029;
	border:1px solid #0D303E;
}

div.iconbackground, div.iconbackgroundhover {
	width:150px;
	height:170px;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

div.iconbackgroundhover {
	background-color:#ECF5FC;
	border:1px solid #CEDCE7;
}



#logo {
	width:250px;
	height:200px;
}
#logo img {
	max-height:100%;
	max-width:100%;
}

#info {
	width:280px;
	float:right;
	text-align:right;
}

#clientaddress {
	line-height:150%;
}

#invoicetype {
	margin-top:40px;
	margin-bottom:15px;
	font-size:24px;
}

.red {
	color:#1177bd;
	font-weight:bold;
}

.left {
	text-align:left;
}

tr.top .periode, tr.top .desc, tr.top .number, tr.top .unit, tr.top .price, tr.top .amount {
	border-bottom:1px solid #1177bd;
}

.periode {
	font-size:10px;
}

.desc {
	vertical-align:top;
}

.number {
	width:40px;
	vertical-align:top;
}

.unit {
	width:40px;
	vertical-align:top;
}

.price {
	width:70px;
	text-align:right;
	vertical-align:top;
}

.amount {
	width:70px;
	text-align:right;
	vertical-align:top;
}

tr.netto .desc, tr.netto .amount, tr.netto .fill {
	border-top:1px solid #1177bd;
	padding-top:15px;
}

tr.netto .desc {
	width:190px;
}

tr.total {
	font-weight:bold;
	font-size:14px;
}

tr.total .desc, tr.total .amount {
	border-bottom:2px solid #1177bd;
}

#conditions {
	line-height:160%;
}

#address {
	width:200px;
	float:right;
	line-height:160%;
}