@import url("http://www.voorbeeldvan.uwtandartsonline.nl/css/default/default-datalist.css");
/* ContentArea Classes --------------------------------------------------------------------*/
HTML {
	font-size : 11px;
	_height:100%;
}
BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND-color : #F4F3F3; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 11px verdana, "lucida grande", arial, sans-serif; 
	COLOR: #333333; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center;
	_height : 100%;
}
BODY TD {
	font-size :11px;
}
.maintable {
	width : 942px;
	BACKGROUND-image : url(../../images/uto2007/blauw/wrapperbg.jpg);
	background-repeat : repeat-y;
	margin:0 auto;
}
.mainleft {
	vertical-align : top;
}
.mainleft2 {
	background-repeat : no-repeat;
	background-position : +2 bottom;
	background-image : url(../../images/uto2007/blauw/mainleftbg_blauw.jpg);	
	height: 300px;
	vertical-align :bottom;
	padding-left : 2px;
	
}
.divbg1 {
	width : 200px;
	background-position : +2 bottom;
	background-repeat: no-repeat;
}
.siteheader {
	MARGIN: 0px; 
	WIDTH: 942px;
	height : 147px;
	background-image : url(../../images/uto2007/blauw/siteheaderbg-blauw.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align : bottom;
}
.sitefooter {
 	PADDING-RIGHT: 0px; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 0px; 
	padding-left : 60px;
	MARGIN: 0px 0px; 
	VERTICAL-ALIGN: top; 
	WIDTH: 942px;
	COLOR: #666; 
	PADDING-TOP: 8px;  
	HEIGHT: 41px; 
	TEXT-ALIGN: left;
	background-image : url(../../images/uto2007/blauw/footerbg.jpg);
	background-position : left top;
	background-color : #F4F3F3;
	background-repeat:no-repeat;
}
.sitefooter a:link,
.sitefooter a:active,
.sitefooter a:visited {
	color : #696969;
	text-decoration : none;
}
.sitefooter a:hover {
	color : #32ccfe;
	text-decoration : none;
}
div.nav {
	padding-top : 100px;
}
div.nav a:link,
div.nav a:active,
div.nav a:visited {
	margin : 5px;
	font-weight : bold;
	text-decoration : none;
	padding : 2px 2px 2px 2px;
/*	background-image:url(../images/uto2007/blauw//design/tab.jpg);*/
}
div.nav a:hover {
	margin : 5px;
	font-weight : bold;
	text-decoration : none;
	padding : 2px 2px 2px 2px;
/*	background-image:url(../images/uto2007/blauw//design/tabhover.jpg);*/
}
a.lefttabs_selected {
	color : #32ccfe;
	display : block;
	text-decoration : none;
}
a.lefttabs_notselected {
	color : #696969;
	display :block;
	text-decoration : none;
}
a.uppertabs_selected {
	color : #32ccfe;
	text-decoration : none;
}
a.uppertabs_notselected {
	color : #696969;
	text-decoration : none;
}
.subnav {
	background-color : none;
	position : relative;
	text-align : right;
	display : inline;
	float:right;
	padding-top : 5px;
	height: 30px;
	top : 27px;
}
.subnav div {
	display : inline;
	white-space : nowrap;
	margin : 5px;
	text-decoration : none;
}
.mainnav {
	background-color : none;
	text-align : left;
	padding-right : 5px;
	padding-left :35px;
	height : 100%;
	margin-bottom : 20px;	
	margin-bottom : 10px;
}
.mainnav div {
	display : block;
	margin : 5px;
	text-decoration : none;
	width : 150px;
}
.headerlogo {
    float:right;
	margin-top :23px;
	height : 121px;
	width : 218px;
	position : relative;
	left: 2;
	background-repeat : no-repeat;
	background-position : right bottom;
	border-bottom : solid 1px #D6D6D6;
	border-left : solid 1px #D6D6D6;
}
.clear {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 1px;
}
.clearFix:unknown {
	CLEAR: both; 
	DISPLAY: block; 
	VISIBILITY: hidden; 
	HEIGHT: 0px; 
	content: "."
}
div.rightcontent {
	float :right;
	width : 180px;
	background-color : #32ccfe;
	height : 100%;
	padding : 10px;
	vertical-align:top;
	margin-right : 70px;
}

div.mainleftlogo {
	position : relative;
	bottom : 0px;
	left : -20px;
	background-position : left bottom;
	background-repeat : no-repeat;
	background-position : -25px;
	height : 100%;
	vertical-align : bottom;
}
td.content_area {
	font-family : arial;
	font-size :11px;
	margin-left :0px;
	color : #333333;
	background : none;
	height : 100%;
	vertical-align : top;
	padding-right : 20px;
	padding-left :30px;
	width : 100%;
	background-image : url(../../images/uto2007/blauw/mainleftbg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.companyname {
	font-size : 22px;
	color : #333333;
	position : relative;
	top : 20px;
	left : -35px;
	_left : 30px;
}
.companyname div {
	display : inline;
}
.color0 {
	color : #32ccfe;
	display : inline;
}
.color1 {
	color : #333333;
	display : inline;
}
.color2 {
	color : #333333;
	display : inline;
}
.color3 {
	color : #333333;
	display : inline;
}
.color4 {
	color : #333333;
	display : inline;
}
.color5 {
	color : #333333;
	display : inline;
}
.bedrijfsnaam {
	position : absolute;
	left : -2000px;
	top : -2000px;
}
.content_area P {
	font-size : 11px;	color : black;
}

HR {
  list-style-position : inside;
}
.content_area LI {
	font-size : 11px;
}
.content_area UL {
	font-size : 11px;
	margin : 10px
}
.content_area OL {
	font-size : 11px;
	margin : 10px;
}
.totop {
	font-size : 11px;
	color : green;
}

/* note : waarom classes als contenttitel en contentsubtitel aanmaken als het definieren van een goede style voor headers het gebruik van dit soort classes overbodig maakt? */

SMALL {
	font-size : 10px;
	font-style : italic;
}
PRE {
	
}
H1 {
	font-weight : bold;
	font-size : 22px;
	font-family : trebuchet MS;
	color : #32ccfe;
	margin-top : 5px;
	position : relative;
	padding-bottom : 20px;
}
H2 {
	font-weight: bold;
	font-size : 20px;
	font-family : trebuchet MS;
	color : #32ccfe;
	margin-top : 35px;
	position : relative;
	padding-bottom : 20px;
}
H3 {
	font-weight : bold;
	font-size : 18px;
	font-family : trebuchet MS;
	color :#32ccfe;
	margin-top : 35px;
	position : relative;
	padding-bottom : 20px;
}
H4 {
	font-weight : bold;
	font-size : 16px;
	font-family : trebuchet MS;
	color : #32ccfe;
	margin-top : 35px;
	position : relative;
	padding-bottom : 20px;
}
H5 {
	font-weight : bold;
	font-size : 12px;
	font-family : trebuchet MS;
	color : #32ccfe;
	margin-top : 35px;
	position : relative;
	padding-bottom : 20px;
}
H6 {
	font-weight : bold;
	font-size : 12px;
	font-family : trebuchet MS;
	color : #32ccfe;
	margin-top : 35px;
	position : relative;
	padding-bottom : 20px;
}
/* Box Classes ----------------------------------------------------------------------------- */
/*
.content_area select {
	border : solid 1px #cccccc;
	background-color:#ffffff;
	font-size : 11px;
}
.content_area button {
	border : solid 1px #cccccc;
	background-color:#ffffff;
	font-size : 11px;
	width : 150px;
}
.content_area textarea {
	border : solid 1px #cccccc;
	background-color:#ffffff;
	font-size : 11px;
}
.content_area input {
	border : solid 1px #cccccc;
	background-color:#ffffff;
	font-size : 11px;
}
*/
.content_area a:link,
.content_area a:active,
.content_area a:visited {	
	font-size : 11px;
	color : #999999;
}
.content_area a:hover {
	font-size : 11px;	color : black;
}
.content_area IMG {
	margin : 5px;
}
.content_header {
	color : #32ccfe;
	font-size :16px;
	font-weight : bold;
}
.content_title {
	font-weight:bold;
}
.content_titleSM {
}
.content_text {
}
.content_textSM {
}

/
/* newsbox -----------------------------------*/ 
.newsbox_table{
	position : relative;
	right : -20px;
	_right : -20px;
	background-color : none;
	height : 100%;
	border-left : solid 1px #D6D6D6;
	width : 219px;
	margin-left : 5px;
}
td.newsbox_header {
	padding-top : 20px;
	font-weight : bold;
	color : #32ccfe;

	font-size :16px;
	padding-left : 10px;
	padding-bottom : 5px;
	height : 20px;
}
.newsbox_content {
	padding : 5px 15px 5px 15px;
	height : 20px;
}
.newsbox_footer {
	height : 100%;
}


.news_title { /* wordt gebruikt op de standaard nieuws pagina */ 
	color : #32ccfe;
	font-weight : bold;
}
.bo_header { /* wordt gebruikt als title van de pagina's in e backoffice */ 
	color : #32ccfe;
	font-weight : bold;
}
.Linkspage_Title { /* wordt gebruikt als title van de standaard link pagina's */
	color : #32ccfe;
	font-weight : bold;	
}
.LinksPage_Link {
}
/* LIJSTEN --------------------------------------------------------------------------------------- */ 
.LS_header {
	font-weight: bold;
	color : #32CCFE;
}
.LS_TopIndex {
	font-weight: bold;
	color : #32CCFE;
}
.LS_Bodyindex {
}
.LS_Title { /* wordt gebruikt in de titels van de lijsten */
	color : #32ccfe;
	font-weight : bold;
}
.LS_Body { /* wordt gebruikt in de body van de lijsten */	
} 
.LS_more {
	font-size : 10px;
}
/* DUTY ROOSTER ----------------------------------- 
TD.Duty_Object_Title {
	font-size : 16px;
	font-weight : bold;
}
.content_area form {
    padding: 15px;
    width: 250px;
    font-family: Georgia, Helvetica, sans-serif;
    font-size: small;
	align : center;
}
.content_area label {
    float: left;
    width: 75px;
    text-align: right;  
    margin-right: 15px;
	font-weight : bold;
	padding-top : 3px;
}
.content_area input {
    background-color: #ffffff;
    font-size: x-small;
    border: 1px solid #32ccfe;
    margin-bottom: 10px;
}
.content_area select {
    width: 120px;
    font-size: x-small;
    background-color: #ffffff;
    border: 1px solid #32ccfe;
    margin-bottom: 10px;
}
.content_area textarea {
    width: 200px;
    height: 100px;
    background-color: #ffffff;
    border: 1px solid #32ccfe;
    margin-bottom: 10px;
}
.content_area legend {
	font-weight : bold;
	font-size :11px;
	padding-bottom : 5px;
	background-color : #32ccfe;
	border : solid 1px #D8D8D8;
	padding : 5px;
	margin : 10px;
	color : #333333;
}
.content_area fieldset fieldset Legend {
	background-color : #32ccfe;
	font-size : 11px;
	color : #333333;
	padding : 2px;
	margin-bottom : 5px;
}
.content_area fieldset {
	margin : 5px;
	background-position : left top;
}
.content_area fieldset LI {
	list-style : none;
}
.content_area button {
	background-color : red;
	margin-right: 5px;
}
.content_area fieldset fieldset {
	background-position : left top;	
}*/
span.style2 {
	font-size : 10px;
}
div.readspeaker {
	position : absolute;
	width : 100px;
	margin: 0px auto;
	top : 40px;
	padding-left : 30px;
}