body {
	color: #4d4d4d;
	background-color:#fff;
	font-size: 12px;
	font-family: verdana, arial, sans serif;
	margin:0px;
}

.todolist{
	width: 420px;
	background-color:#fff;
	border: 2px solid #6699cc;
	font-size: 12px;
	font-family: verdana, arial, sans serif;
	position:absolute;
}

a{
	color: #000066;
	cursor: pointer;
	
}

.main{
	background: #ccc url('../images/bg.gif') no-repeat;
	border: solid 1px #6699cc; 			
	height:150px;
	width:1000px;
	float: left;
	border-width: 1px;
	text-align:left;
}

html>body .main{
	background: #ccc url('../images/bg.gif') no-repeat;
	border: solid 1px #6699cc; 			
	margin-left:3%;
	padding: 10px;
	width:1000px;
	min-height:150px;
	float: left;
	border-width: 1px;
	text-align:left;
}

.main1 form{
	display:none;
}

.main1 span{
	display:none;
}

html>body .main1{
	background: #fff;
	border: solid 1px #8e94a0; 			
	padding: 10px;
	text-align:left;
	height: 100%;
}


.menu {
	display:none
}

.mess{
	color: red;
}

.details{
	border: solid 1px #ddd; 
	background-color: #eee;
	padding: 5px;			
	width:100%;
	margin-right: 20px;
	min-height:150px;
	float: left;
	text-align:left;
}

.gebruikers{
	border: solid 1px #6699cc; 
	padding: 5px;			
	width:20%;
	min-height:150px;
	float: left;
	text-align:left;
}

.standard {
	width: 165px;
}

.rowbg{
	background: url('../images/tablehead.gif') repeat-x;
	padding: 0px;
	height: 25px;
}

.rowbg2{
	background: url('../images/tablehead2.gif') repeat-x;
	padding: 0px;
	height: 10px;
}

.exp {

}

.topselectmenu {
	display:none;
}


.topunselect {
    font-family: Arial, Verdana;
    width: 100%;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
	background: #C9DAF0 url("../images/tab.gif") left top no-repeat;
}

.topunselect a{
    font-family: Arial, Verdana;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
}

.topselect {
    font-family: Arial, Verdana;
    width: 100%;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
	background: #C9DAF0 url("../images/tabselect.gif") left top no-repeat;
}

.topselect a{
    font-family: Arial, Verdana;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
}

.topunselect:hover {
    font-family: Arial, Verdana;
    width: 100%;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    display: inline;
	background: #C9DAF0 url("../images/tabover.gif") left top no-repeat;
}

.topright {
    font-family: Arial, Verdana;
    width: 18px;
    padding-left: 15px;
    font-size: 10pt;
    color: #38325C;	
    display: inline;
	background: #C9DAF0 url("../images/tabright.gif");
}

.span{
	background: url("../images/tabright.gif") right top no-repeat;
	padding-right: 10px;
}

/* submenu tabs */


.topunselect2 {
    font-family: Arial, Verdana;
    width: 100%;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
	background: #C9DAF0 url("../images/tab2deselect.gif") left top no-repeat;
}

.topunselect2 a{
    font-family: Arial, Verdana;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
}

.topselect2 {
    font-family: Arial, Verdana;
    width: 100%;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
	background: #C9DAF0 url("../images/tab2.gif") left top no-repeat;
}

.topselect2 a{
    font-family: Arial, Verdana;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
}

.topunselect2:hover {
    font-family: Arial, Verdana;
    width: 100%;
    color: #38325C;	
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    display: inline;
	background: #C9DAF0 url("../images/tab2.gif") left top no-repeat;
}

.topright2 {
    font-family: Arial, Verdana;
    width: 100%;
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 6px;
    color: #38325C;	
    display: inline;
	background: #C9DAF0 url("../images/tabright2.gif");
}

.span2{
	background: url("../images/tabright2.gif") right top no-repeat;
	padding-right: 10px;
}

/* submenu tabs end */

.db {
	text-align: left; 
	border: 1px #6699cc solid;
	width: 400px;
	padding: 5px;
}
.versie {
	text-align: left; 
	border: 1px #6699cc solid;
	width: 400px;
	padding: 5px;
}
.table td{
	border: 1px #eee solid;
}
		
th {
}

h1{
	display: inline;
	color: #fff;
    font-size: 300%;
    margin: 0px;
    padding: 0px;
}

#h1{
	display: inline;
	left:0%;
	z-index: 3;
}

h2{
	font-size: 130%;
	height:17px;
    margin: 0px;
    padding: 0px;

}

.logo{
    margin-left: 0%;
}

.tdlogin{
	background: #e8f1fc;
	width: 300px;
}

.row1{
	background: #eee;
}

.row2{
	background: #ddd;
}

/*Css voor de ronde hoekskes*/

.curved {

  }
  
html>body .curved {
  } 
  
.curved h1, .curved p {
  margin:0 10px;
  }
.curved h1 {
  font-size:2em; 
  color:#6699cc;
  }
.curved p {
  padding-bottom:0.5em;
  }
.curved .b1 {
  display:none;
  }
.curved .b2 {
  display:none;
  }
.curved .b3 {
  display:none;
  }
.curved .b4 {
  display:none;
  }
.curved .boxcontent {
  }

html>body .curved .boxcontent {
}


.main2{
	background: #fff;
	border: solid 1px #8e94a0; 			
	padding: 10px;
	text-align:left;
}

.insertbg{
	display:none;
}