/* GENERAL LAYOUT */
/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */
html,body {margin:0;padding:0}
#outer{
min-height:100%;
margin-bottom:-50px;
}
* html #outer{height:100%;}

a{
  color:#b4a466;
}

a:hover{
  color:#dab84d;
}

a.light {
  color:#ead1a8;
}
a.light:hover {
  color:#fff4e2;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url('/images/layout/mainbg.jpg');
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body#mijnmuzes {
	background-image:url('/images/layout/mainbg_mijnmuzes.jpg');
}

div#topbanner {
  background-image:url('/images/layout/muzes_mainbanner_alg.jpg');
  height:150px;
  width:970px;

}

body#mijnmuzes div#topbanner {
  background-image:url('/images/layout/muzes_mainbanner_mijnmuzes.jpg');
}

div#topmenu {
  position:relative;
  top:133px;
  left:220px;
  font-weight:bold;
}
div#topmenu a{
  color:black;
  text-decoration:none;
  display:block;
  display:inline;
  padding-left:7px;
  padding-top:2px;
  padding-bottom: 2px;
  padding-right:7px;
  margin-left:10px;
  background-color:#ead1a8;
}
div#topmenu a:hover {
  background-color:#bcc0ae;
}
div#topmenu a.active{
  background-color:#d9dbd0;  
}
div#leftside {
  width:220px;  
  float:left;
}
div#leftmenu {
  position:relative;
  font-weight:bold;
  font-size:13px;
  padding-left:20px;
  padding-top:20px;
}
div#leftmenu a{
  color:#855f23;  
  text-decoration:none;
  display:block;
  padding-left:7px;
  padding-top:3px;
  padding-bottom: 3px;
  padding-right:7px;
  margin-left:5px;
  margin-top:5px;
  margin-bottom:5px;  
  background-color:#f3e5d0;
}
div#submenu {
  margin-top:5px;
  padding-top:5px;
  font-weight:bold;
  margin-bottom:5px;
  padding-bottom:5px;
  text-align:center;
  background-color:#f8f1e5;
}

div#submenu a{
  text-decoration:none;
  padding-right:15px;
  padding-left:15px;
}
body#mijnmuzes div#leftmenu a{
  color:#366182;  
  background-color:#d8e3df;
     
}
div#leftmenu a:hover {
  background-color:#ceb68f;
  color:white;
}
div#leftmenu a.active:hover {
   color:#855f23;
}
div#leftmenu a.active{
  background-color:#ffffff;  
}

body#mijnmuzes div#leftmenu a:hover {
  background-color:#d0d9d6;      
    color:white;
}

body#mijnmuzes div#leftmenu a.active{
  background-color:#ffffff;  
}
body#mijnmuzes div#leftmenu a.active:hover{
  color:#366182;  
}
div#wrapper{
  position:relative;

}
div#leftmenu {
  width:150px;
}
div#leftmenutop {
  background-image:url('/images/layout/leftmenu_top.jpg');
  width:220px;
  height:19px;
  background-repeat:no-repeat;
}

body#mijnmuzes  div#leftmenutop {
  background-image:url('/images/layout/leftmenu_top_mijnmuzes.jpg');  
}
div#content {
  float:left;
  text-align:left;
  width:750px;
  padding-bottom:100px;
}

div#wrapper{
  width:970px;
}


div#footer {
  background-image:url('/images/layout/footer_bg.jpg');
  background-repeat:no-repeat;
  width:970px;
  height:83px;
  clear:both;
  font-size:11px;
  color:#23637c;  
  text-align:center;
  position: absolute;
  left: 0px;
  bottom: -35px;
  position: fixed;  
 
}



div#footer a {
  color:#23637c;    
  font-weight:bold;
  text-decoration:none;
}


div.medewerker{
  background-color: #E6E3DD; 
}

div.persoon {
    padding-left:10px;
    margin:5px;
	font-size:11px;
    float:left;
    height:102px;  
}
div.persoon img,
div.publicatiecover img,
div.verantwoordelijke img {
	border:1px solid #777777;
}

div.publicatiecover{
	padding:15px;	
	float:right;
}
div.publicatietext{
	width:500px;
	float:left;
}
div.lid{
    background-color: #F2EFE9; 
}

/* CONTENT LAYOUT */
h1 {
  color:#d5b25b;
  font-size:18px;
  text-align:right;
}
h2 {
  color:#bdc0af;
  font-size:15px;
}
h4 {
  color:#5b5b5b;
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  font-size:13px;
  margin-top:0px;
}

/* Login frame */
div#login_menu {
  position:absolute;
  left:980px;
  top:20px;
  width:180px;
  z-index:10;
}

div#login_menu div#top_menu_content {
  padding-left:15px;
  font-weight:bold;
  font-size:11px;
  background-image:url('/images/layout/loginbox_bg.jpg');
}
div#login_menu .title{
  font-size:12px;
  color:#244b5b;

  font-style:normal;
  font-weight:bold;
}

div#login_menu input{
  font-size:12px;
  width:130px;
  border:1px solid #888888;
  background-color:#d6f1fd;
}


table.listview {  
  color:#444444;
  border: 1px solid #BFBAB0;  
  background-color: #F2EFE9; 
}
table.listview th.important{
  color:#7d806f;
}
table.listview a{
    color:#7d806f;
    text-decoration:none;
} 
table.listview a:hover{
  color:#bdc0af;
}

.payed{
  color:#2d680d;
}

.notpayed{
  color:#972121;
}
/*****************/
/* Activiteiten LAYOUT */
/*****************/

table.activiteit_titel {
  background-color:#f8f1e5;
  text-transform:uppercase;  
}

table.activiteit_titel th{
  text-align:right;
  padding-right:15px;
  text-transform:uppercase;
  color:#396c82;
  font-size:11px;
}
table.activiteit_titel th a{
  color:#396c82;
}
table.activiteit_titel div.titel {
  color:#345a6a;
  font-size:13px;
  font-weight:bold;
  display:inline;  
  
}
table.activiteit div.datum {
  font-size:11px;
  font-weight:bold;
  color:#444444;
  display:inline;
}

table.activiteit th{
  text-align:right;
}

/

/*****************/
/* FORM ELEMENTS */
/*****************/

fieldset {  
  float: left;  
  clear: both;  
  width: 100%;  
  margin: 0 0 1.5em 0;  
  padding: 0;  
  border: 1px solid #BFBAB0;  
  background-color: #F2EFE9; 
}


fieldset.alt {  
  background-color: #E6E3DD; 
}


legend {  
  margin-left:10px;
  font-weight:bold; 
} 

legend {  
  position: relative;  
  left: -7px;  
  top: -0.75em; 
} 
fieldset {  
  position: relative; 
  background-color: #F2EFE9;   
}

.overview_table th
{
  text-align:right;
  width:150px;
  font-weight:normal;
}

input, select, textarea
{
  font-family: Verdana, arial, helvetica, sans-serif;
  background-color:#FEFEFE;
  border: 1px solid #888888;
  font-size: 11px;
}

select,option
{
   font-size:11px;
}

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size:10px}

div.error_msg {
  background-color:#f4b1bf;
  color:#a92639;
  border:1px solid #a92639;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
}

div.ok_msg {
  background-color:#b7dbc5;
  color:#426b43;
  border:1px solid #729368;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;  
}