/*
    Document   : print
    Created on : 7-okt-2009, 15:23:04
    Author     : Arno
    Description:
        Global screen styles.
*/

/*
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
	background: #002a92 url(/images/background-pattern.png) left top repeat;
	
	margin: 0px;
	padding: 0px;
}

* {
	z-index: 0;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

div.clear {
	clear: both;
}

a {
	cursor: pointer;
}

div#background-gradient {
	
	position: absolute;
	
	background: url(/images/background-gradient.png) left top repeat-x;
	
	top: 0px;
	left: 0px;
	height: 720px;
	width: 100%;
}

div#background-container {
	
	background: url(/images/background-pattern.png) left top repeat;
	
	margin-bottom: 20px;
}

div#page-container {
	
	position: relative;
	
	width: 940px;
	
	left: 50%;
	margin-left: -470px;
}

div#header-container {
	width: 940px;
}

div#header-container div#header {
	width: 926px;
	height: 130px;
	
	padding: 0px 0px;	
}

div#header-container div#header a.logo {
	text-decoration: none;
}

div#header-container div#header a.logo:hover {
	text-decoration: none;	
}

div#header-container div#header a.logo img {
	width: 335px;
	height: 90px;
	
	margin-top: 20px;
}


div#header-container div#menubar {
	
	width: 940px;
	height: 46px;
	
	margin: -7px 0px 0px;
	
	background: url(/images/header-menu-background.png) left top no-repeat;
		
}

div#content-container {

	position: relative;
	
	width: 940px;
	
	background: url(/images/content-background.png) left top repeat-y;
		
}

div#content-container div#navigationbar {
	position: relative;
	
	height: 28px;

	margin: 0px 7px;
	padding: 8px 18px 0px;
}

div#content-container div#navigationbar * {
	font-size: 11px;
	font-weight: bold;

	margin: 0px;
	padding: 0px;
}

div#content-container div#navigationbar div#navigationpath {
	position: relative;

	float: left;
}

div#content-container div#navigationbar ul#page-tasks {
	float: right;

	list-style: none;
}

div#content-container div#navigationbar ul#page-tasks a {
	display: block;

	color: #a8a8a8;

	font-size: 10px;
	font-weight: normal;

	text-decoration: none;
}

div#content-container div#navigationbar ul#page-tasks li {
	float: left;

	height: 20px;
	margin: 0px 0px 0px 5px;
}

div#content-container div#navigationbar ul#page-tasks li a {
	padding: 0px 0px 0px 20px;
	background: left center no-repeat;

	line-height: 16px;
}

div#content-container div#navigationbar ul#page-tasks li.print a {
	background-image: url(/images/icon-print.png);
}

div#content-container div#content {
	position: relative;

	float: left;
}

div#content-container div.content-wide {
	width: 926px;

	margin: 0px 7px;
	padding: 8px 8px 0px 18px;
}

div#content-container div.content-has-left-column {
	width: 753px;

	margin: 0px;
	padding: 8px 8px 0px;
}

div#content-container div.content-has-right-column {
	width: 711px;

	margin: 0px 0px 0px 7px;
	padding: 8px 8px 0px 18px;
}

div#content-container div.content-has-both-columns {
	width: 531px;

	margin: 0px;
	padding: 8px 0px 0px 8px;
}

div#content-container div#left-column {
	position: relative;

	float: left;

	width: 173px;

	margin: 0px 7px;
	padding: 8px 0px 0px 18px;
}

div#content-container div#right-column {
	position: relative;

	float: right;

	margin: 0px 7px;
	/*padding: 8px 18px 0px;*/
}

div#content-container div#right-column div.teaser,
div#content-container div#right-column div.headlines {
	position: relative;

	width: 186px;

	margin: 7px 22px 15px 0px;
	padding: 12px;

	background-color: #f3f5fb;
}

div#footer-container {
	width: 940px;
	height: 48px;

	margin-bottom: 20px;
	
	background: url(/images/footer-background.png) left top repeat-y;
}

div#footer-container div.footer {
	padding: 10px 0px 0px;

	text-align: center;
}

div#footer-container div.footer a, div#footer-container div.footer span {
	font-size: 11px;
	font-weight: normal;
}

div#footer-container div.footer span {
	color: #5478b7;

	text-decoration: none;
}






/**

*/

div#content-container div#content {
}


div.x-grid-editor input.x-form-field,
.x-toolbar-cell .x-form-field,
.x-toolbar {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
}