body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	background: url(images/) repeat-y white left;
}

form {
	margin: 0px;
	padding: 0px;
}

/*<group=generic>*/

p.buttons a {
	font-size: 12px;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	width: 130px;
	margin-right: 15px;
	background: url(images/button.gif) no-repeat center center;
	display: block;
	color: black;
	font-style: normal;
}
	
/*</group>*/

/*<group=flowchart>*/

div#flowChart {
	padding-left: 10px;
}

div#flowChart ul {	
	margin: -1px 0px 0px 0px;
	height: 90px;
	font-family: verdana;
	width: 540px;
	padding: 0;
}

div#flowChart ul li {
	display: block;
	float: left;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 1000;
	list-style: none;
	padding-top: 20px;
	height: 50px
}

div#flowChart ul li a {
	color: black;
	text-decoration: none;
	text-align: center;
	float: left;
	display: block;
	padding-bottom: 0px;
	margin-bottom: 20px;
	line-height: 13px;
	font-weight: bold;
	overflow: hidden;
}

li.extend {
	background: url(images/liExtend.gif) no-repeat center top;
}

ul.x1 {
	background: url(images/x1.gif) no-repeat left top;
}

ul.x1.current1 {
	background: url(images/x1current1.gif) no-repeat left top
}

ul.x2 {
	background: url(images/x2.gif) no-repeat left top;
}

ul.x2.current1 {
	background: url(images/x2current1.gif) no-repeat left top;
}

ul.x2.current2 {
	background: url(images/x2current2.gif) no-repeat left top;
}

ul.x3 {
	background: url(images/x3.gif) no-repeat right;
}

ul.x3.current1 {
	background: url(images/x3current1.gif) no-repeat left;	
}

ul.x3.current2 {
	background: url(images/x3current2.gif) no-repeat right;
}

ul.x3.current3 {
	background: url(images/x3current3.gif) no-repeat left;
}

ul.x5 {
	background: url(images/x4.gif) no-repeat left top;
}

ul.x4.current1 {
	background: url(images/x4current1.gif) no-repeat left top
}

ul.x4.current2 {
	background: url(images/x4current2.gif) no-repeat left top  e
}

ul.x4.current3 {
	background: url(images/x4current3.gif) no-repeat left top
}

ul.x4.current4 {
	background: url(images/x4current4.gif) no-repeat left top
}

ul.x5 {
	background: url(images/x5.gif) no-repeat left top;
}

ul.x5.current1 {
	background: url(images/x5current1.gif) no-repeat top left
}

ul.x5.current2 {
	background: url(images/x5current2.gif) no-repeat top left
}

ul.x5.current3 {
	background: url(images/x5current3.gif) no-repeat top left
}

ul.x5.current4 {
	background: url(images/x5current4.gif) no-repeat top left
}

ul.x5.current5 {
	background: url(images/x5current5.gif) no-repeat top left
}

ul.x6 {
	background: url(images/x6.gif) no-repeat center top;
}

ul.x7 {
	background: url(images/x7.gif) no-repeat left top;
}

ul.x7.current1 {
	background: url(images/x7current1.gif) no-repeat left top;
}

ul.x7.current2 {
	background: url(images/x7current2.gif) no-repeat left top;
}

ul.x7.current3 {
	background: url(images/x7current3.gif) no-repeat left top;
}

ul.x7.current4 {
	background: url(images/x7current4.gif) no-repeat left top;
}

ul.x7.current5 {
	background: url(images/x7current5.gif) no-repeat left top;
}

ul.x7.current6 {
	background: url(images/x7current6.gif) no-repeat left top;
}

ul.x7.current7 {
	background: url(images/x7current7.gif) no-repeat left top;
}

li.start {
	padding-left: 0;
	padding-right: 0;
	width: 539px;
	background: url(images/x1current1-start.gif) no-repeat left;
	display: block;
	float: left;
}

a.start {
	background: url(images/flowChartElement-start.gif) no-repeat center top;
	width: 539px;
	height: 50px;
	display: block;
	float: left;
	padding: 17px 0 0;
}

li.x1 {
	padding-right: 224px;
	padding-left: 224px;
	width: 90px;
	height: 50px;
}

li.x2 {
	padding-right: 89px;
	padding-left: 89px;
	width: 90px;
	height: 50px;
}

li.x3 {
	padding-right: 44px;
	padding-left: 45px;
	width: 90px;
	height: 50px;
}

li.x4 {
	padding-right: 22px;
	padding-left: 22px;
	width: 90px;
	height: 50px;
}

li.x5 {
	padding-right: 8px;
	padding-left: 9px;
	width: 90px;
	height: 50px;
}

li.x6 {
	padding-left: 2px;
	padding-right: 1px;
	height: 50px;
	width: 86px;
}

li.x7 {
	padding-left: 2px;
	padding-right: 2px;
	height: 50px;
	width: 73px;
}

a.x1,a.x2,a.x3,a.x4,a.x5 {
	background: url(images/flowChartElement-standard.gif) no-repeat;
	font-size: 9px;
	height: 50px;
	width: 90px;
	padding-top: 6px;
}

a.x6 {
	background: url(images/flowChartElement-x6.gif) no-repeat center;
	font-size: 8px;
	overflow: hidden;
	height: 50px;
	width: 86px;
	padding-top: 6px;
}

a.x7 {
	background: url(images/flowChartElement-x7.gif) no-repeat center;
	font-size: 8px;
	overflow: hidden;
	height: 50px;
	width: 73px;
	padding-top: 6px;
}

div#flowChart ul.lateral {
	padding-left: 40px;
}

div#flowChart ul.lateral a {
	background: url(images/flowChartElement-hierarchal.gif) no-repeat;
}

div#flowChart ul.lateral li.x1 {
	padding-left: 276px;
}

div#flowChart ul.lateral li.x2 {
	padding-left: 93px;
	padding-right: 0;
}


	
/*</group>*/

/*<group=navigation>*/

/*<group=tabs>*/

div#navigation {
	width: 780px;
	background: url(images/navigation.gif) repeat-x left bottom;
	padding: 0;
	list-style: none;
	line-height: 1;
	float: left;
	font-size:93%;
	line-height:normal;
	margin: 0px 10px 0;
	border-bottom: 20px solid white;
}

html>body div#navigation {
	margin-right: 20px;
	margin-left: 20px;
}

    #navigation ul {
	padding: 10px 10px 0 40px;
	list-style:none;
	margin: 10px 0px 0px 0px;
}

html>body #navigation ul {
	padding-left: 30px;
}

#navigation li {
	float:left;
	background: url(images/tabLeft.gif) no-repeat left top;
	padding:0 0 0 9px;
	border-bottom: 1px solid black;
	margin: 0px 0px 0px -10px;
}
    #navigation a {
	float:left;
	display:block;
	background: url(images/tabRight.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color: gray;
	font-size: 10px;
}
    #navigation > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover {
	color:#333;
	}
    #navigation li:hover, #navigation li:hover a {
	color:#333;
	}
    #navigation li:hover a {
	border-bottom: 1px;
}

#navigation li.current {
	z-index: 2000;
	background: url(images/tabLeft-over.gif) no-repeat left top;
	position: relative;
	border-bottom: 1px solid white;
}

#navigation li.current a {
	background: url(images/tabRight-over.gif) no-repeat right top;
	z-index: 2000;
	color: black;
}
	
/*</group>*/

#nav {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#subNavigation {
	display: block;
	float: left;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: 0px;
}

#subNavigation ul {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	list-style: none;
}

#subNavigation ul ul {
	padding: 0px;
	margin-left: 14px;
	display: block;
}

#subNavigation ul li {
	color: gray;
	padding: 0px;
	margin: 0px;
	display: block;
	background: none;
}

#subNavigation ul li a {
	text-decoration: none;
	font-size: 9px;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	color: black;
	padding-left: 14px;
	margin: 0px;
	background: url(images/bullet.gif) no-repeat left center;
	width: 100%;
}

#subNavigation ul li a:hover {
	text-decoration: underline;
}

#subNavigation a.closed {
	background: url(images/subNavigation-sub.gif) no-repeat left center;
}

#subNavigation a.open {
	background: url(images/subNavigation-sub-open.gif) no-repeat left center;
}

#subNavigation li.current a {
	color: red;
}

#subNavigation li.current li a {
	font-weight: normal;
	color: black;
}


	
/*</group>*/

/*<group=content>*/

p.introduction {
	font-weight: bold;
}

a#companyLogo {
	background: url(images/blank.gif) no-repeat center center;
	display: block;
	width: 200px;
	overflow: hidden;
	height: 120px;
	float: right;
	padding-top: 120px;
	margin-top: 20px;
	margin-right: 10px;
}

html>body a#companyLogo {
	height: 0px;
}

#main {
	width: 820px;
	display: block;
	float: left;
	padding: 0;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -410px;
	background: url(images/backdropMain.jpg) repeat-y;
	top: 4%;
}

#main h2 {
	font-size: 16px;
	padding-top: 0px;
	margin-top: 0px;
	font-weight: bold;
}

#main h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	background: #e9e9e9;
	padding: 8px;
	margin-top: 20px;
}

#main dt a {
	color: black;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	background: #e9e9e9;
	padding: 8px;
	margin-top: 20px;
	text-decoration: none;
	display: block;
}

#main dt a:hover {
	background: #d8d8d8;
}

#main dd {
	font-size: 12px;
	line-height: 18px;
	margin-left: 0px;
	padding-left: 0px;
}

#content {
	float: right;
	width: 550px;
	display: block;
	overflow: hidden;
	position: relative;
	right: 40px;
}

#content p {
	font-size: 12px;
	line-height: 18px;
	margin-left: 0px;
	padding-left: 0px;
}

#content table {
	font-size: 12px;
	margin-left: 0px;
	padding-left: 0px;
}

#content ul,#content ol {
	font-size: 12px;
	line-height: 18px;
}

div#superPanel {
	width: 820px;
	background: url(images/top.jpg) repeat-y center top white;
	float: left;
	padding: 0;
	margin: 0;
}

div#sideBar {
	float: left;
	width: 200px;
	padding-left: 40px;
	padding-right: 20px;
	display: block;
}

html>body div#sideBar {
	width: 160px;
}

div#sideBar div#search {
	font-size: 10px;
	margin: 0px;
	float: left;
	display: block;
	border-bottom: 1px dotted black;
	padding-bottom: 12px;
	width: 160px;
}

#search input {
	width: 135px;
	border: 1px solid black;
	padding: 3px;
	float: left;
	font-size: 10px;
	height: 19px;
}

html>body #search input {
	width: 130px;
	height: auto;
}

#search a {
	margin-top: 2px;
	float: right;
	margin-left: 4px;
	height: 16px;
	overflow: hidden;
	color: white;
}

html>body #search a {
	margin-top: 3px;
	height: 0px;
}

div#marginalComment {
	padding: 0px;
	float: left;
	display: block;
	border-top: 1px dotted black;
	width: 160px;
	margin-top: 10px;
}

div#marginalComment p {
	padding: 0px;
	margin: 15px 0px 20px 0px;
	display: block;
	float: left;
	font-size: 10px;
}

#search a:focus

.caption img {
	margin-bottom: 5px;
}

.caption {
	float: right;
	font-size: 10px;
	color: gray;
	padding: 5px;
	border: 1px solid gray;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 250px;
}

div#footer {
	background: url(images/footer.jpg) no-repeat center bottom;
	width: 820px;
	height: 150px;
	display: block;
	float: left;
} 
/*</group>*/

/*<group=login>*/

body#loginScreen {
	background: none #474747;
}

div#login {
	height: 150px;
	width: 300px;
	margin-top: -120px;
	margin-left: -150px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}

body>html div#login {
	margin-top: -140px;
	margin-left: -170px;
}

div#login div {
	border: 1px solid black;
	background: #ffecb1 url(images/backdropLogin.jpg) no-repeat center center;
	width: 300px;
	padding: 20px 20px 20px 20px;
	float: left;
}

div#login p {
	padding: 8px 0px 0px 0px;
	font-size: 10px;
	font-style: normal;
	border-top: solid 1px black;
}

div#login table {
	font-size: 12px;
	width: 100%;
	margin-bottom: 20px;
}

div#login table th {
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
	padding-right: 10px;
}


div#login table td {
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
}

div#login input {
	border: 1px solid black;
	margin-right: 5px;
	color: black;
	padding: 4px;
	font-size: 12px;
	margin-top: -2px;
	width: 150px;
	height: 22px;
}

html>body div#login input {
	height: auto;
}

div#login input:focus {
	border-color: black;
	color: black;
}
	
/*</group>*/

/*<group=medische protocollen>*/

p.note {
	font-style: italic;
}

table.authorisation {
	width: 100%;
	border-top: 1px solid silver;
	border-bottom: inherit;
	border-left: 1px solid silver;
	clear: both;
}

table.authorisation th {
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	background: #e9e9e9;
	padding: 8px;
	border-right: 1px solid silver;
}

table.authorisation td {
	padding: 8px;
	font-size: 12px;
	vertical-align: top;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

table.authorisation td.badge {
	text-align: center;
}

h3#medischeProtocollen,#content hr,h3.divider {
	width: 540px;
	height: 60px;
	background: url(images/divider.gif) no-repeat center;
	display: block;
	float: left;
	border: 0 none white;
}
	
/*</group>*/

/*<group=launchBar>*/

div#launchBar a.logo {
	float: right;
	background: url(images/launchBarLogo.gif) no-repeat center center;
	height: 0;
	display: block;
	width: 180px;
	padding-top: 115px;
	overflow: hidden;
	margin-right: 25px;
}

div.icons-medium {
	display: block;
	position: absolute;
	left: 780px;
	float: left;
	top: 115px;
	padding-right: 20px;
}

div.icons-medium a {
	width: 64px;
	padding-top: 64px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	float: left;
	display: block;
	height: 50px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 36px;
}

div.icons-medium a:hover {
	text-decoration: underline;
}

div.icons-medium a.iconOutlook {
	background: url(images/iconOutlook-medium.gif) no-repeat center top;
}

div.icons-medium a.iconInternetExplorer {
	background: url(images/iconInternetExplorer-medium.gif) no-repeat center top;
}

div.icons-medium a.iconWord {
	background: url(images/iconWord-medium.gif) no-repeat center top;
}

div.icons-medium a.iconExcel {
	background: url(images/iconExcel-medium.gif) no-repeat center top;
}

div.icons-medium a.iconPowerpoint {
	background: url(images/iconPowerpoint-medium.gif) no-repeat center top;
}
	
/*</group>*/

/*<group=newsFlash>*/

div.newsFlash {
	
}

div.newsFlash p {
	
}

div.newsFlash p img {
	padding-right: 10px;
	padding-bottom: 10px;
	width: 80px;
	border-style: none;
}
	
/*</group>*/