/*-----------Block Level Elements--------------*/

body {
  height:           100%;
  width:            100%;
  margin:           0px;
  padding:          0px;
  background-color: #FFFFFF;
  text-align:       center;
}

a {
  color:           #1B1B1B;
  text-decoration: none;
}

/*a:link img, a:visited img,a:hover img, a:active img{*/
/* dit werkt niet om geen a-onderstreping te krijgen bij plaatjses */
a img {
  border:          none !important;
  /*border-bottom: 1px solid red;*/
  text-decoration: none;
}

h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.17em;
}
h3 {
  font-size: 1em;
}
h4 {
  font-size: .83em;
}
h5 {
  font-size: .75em;
}
h1, h2, h3, h4, h5{
  padding:   0;
  margin:    0;
}
h2, h3, h4, h5 {
  color:     #993300;
}

/*--------------Overall-----------------*/

#overall {
  font:            12px/22px Helvetica, Arial, sans-serif;
  color:           #2D476D;
  margin:          0px auto;
  padding:         0px 0px 50px 0px;
  /*width:           750px;*/
  width:            750px;
  text-align:      left;
  background-color: #FFFFFF;
  
  }


/*--------------Header-----------------*/

#header {
  margin:  14px 0px 0px 0px;
  height:  100px;
  padding: 0px;
}

#headerLeft a {
  background-image: url(../images/lvgologoKL.jpg);
  height:           44px;  /* is height logo */
  width:            151px;
  margin-right:     69px;
  display:          block;
  float:            left;
  clear:            left;
  
  }

#headerLeftHome {
  font-size:   17px;  
  line-height: 22px;
  font-weight: bold;
}

#headerMiddle {
  /*height:  100px;*/
  float:   left;
  padding: 0px;
  margin:  0px;
  width:   520px;
  
  }

#headerMiddleText_ {
  /*height:         40px;*/
	padding:        0px;
	margin:         50px 0px 0px 0px;
	float:          left;
	vertical-align: bottom;
}

#middleText {
  font-size:   18px;  
  line-height: 20px;
}

.title {
  /*border-bottom:  1px solid #1B1B1B;*/
  width:          100%;
  float:          left;
  height:         55px;
  padding:        25px 0px 0px 0px;
  margin:         0px 0px 0px 0px;
  display:        inline;   /* need for IE6 */
  color:          #000000; /*#999999;*/
  font-family:    Arial,Tahoma;
  font-size:      10pt;
  font-weight:    bold;
  
  }

#headerRight {
  margin:           0px;
  padding:          0px;
  /*background-image: url(../images/llogo.jpg);*/
  height:           61px;
  width:            0px; /*115px;*/
  float:            right;
  
  }

.description {

}

/*---------Container of menu's and content---------*/

#container {
  margin:  0px;
  padding: 0px;
  width:   100%;
  height:  100%;
  
  }


/*-------------The Content-------------*/

#content {
  width:       530px;
  float:       left; /*right;*/
  /*text-align:  justify;*/

  }

.contentTitle {
  padding:       0px 0px 3px 0px;
  margin:        17px 0px 8px 0px;
}

#content a {
  color:           ;
  border-bottom: 1px solid #08B3B5;
}
#content a:hover {
  color:           #08B3B5;
  /*text-decoration: underline;*/
  /*border-bottom: 1px solid #08B3B5;*/
}

.randomPhoto {
  text-align: center;
}

/*-------------Menu Left-------------*/

#menuLeft {
  margin:     0px 25px 0px 0px;
  padding:    0px 0px 50px;
  width:      195px;
  float:      left;
  
  }
#menuLeft ol {
  margin:     0px;
  padding:    0px;
  list-style: none;
}
#menuLeft .mainMenuItem {
  font-size:     17px;
  font-weight:   bold;
  line-height:   22px;

  margin-top:    17px;
  margin-bottom: 0px;
}
#menuLeft .subMenuItem {
  font-size:     12px;
  font-weight:   normal;
  line-height:   19px;
  margin-left:   15px;
  margin-bottom: 0px;
}

#menuLeft a:link, #menuLeft a:visited {
  color:           #000000;
  text-decoration: none;
}
#menuLeft a:hover, #menuLeft a:active {
  color:           #2D476D;
  font-weight:     bold;
  text-decoration: none;
}
#menuLeft a:hover:after{
  /*content:         ' -';*/
  font-weight:     bold;
}

/*-------------Menu Right-------------*/

#menuRight {
  text-align: right;
  margin:     0px 0px 0px 25px;
  padding:    0px 0px 50px;
  width:      0px;
  float:      right;

  }
#menuRight ol {
  margin:        0px;
  padding:       0px;
  list-style:    none;
}
#menuRight .mainMenuItem {
  font-size:     17px;
  font-weight:   bold;
  line-height:   22px;

  margin-top:    17px;
  margin-bottom: 0px;
}
#menuRight .subMenuItem {
  font-size:     12px;
  font-weight:   normal;
  line-height:   19px;
  margin-left:   15px;
  margin-bottom: 0px;
}

/*--------- Menu left - Sortable---------*/

/*--------- Menu left - Sortable---------*/

#menuLeftInEditMode {
  width:      185px;
  margin:     0px 0px 0px 0px;
  padding:    0;
  float:      left;

  }

#menuRightInEditMode {
  width:      -10px;
  margin:     0px 0px 0px 0px;
  padding:    0;
  float:      right;

  }

#menuLeftInEditMode a, menuRightInEditMode a {
  text-decoration: none;
}

pre, code {
  font-size: 12px;
}

small {
  font-size: 90%;
}

small code {
  font-size: 11px;
}

.placeholder {
  background-color: #cfcfcf;
}

.ui-nestedSortable-error {
  background:  #fbe3e4;
  color:       #8a1f11;
}

/* --- */
ol_ {
  margin:       0;
  padding:      0;
  padding-left: 30px;
}

ol.sortable, ol.sortable ol {
  margin:          0 0 0 25px;
  padding:         5px 0px;   /* don't make this zero, otherwise drop to an empty list is not possible */
  list-style-type: none;
}

ol.sortable {
  margin: 4em 0;
}

.sortable li {
  margin: 7px 0 0 0;
  padding: 0;
}

/*.mainMenuItem span, .subMenuItem span {*/
.sortable .mainMenuItem span, .sortable li ol .subMenuItem span {
  border: 1px solid black;
  padding: 3px;
  margin: 0;
  cursor: move;
}

/*-------------Footer-------------*/

#footer {
  height:     20px;
  font:       10px/12px Arial, Helvetica, sans-serif;
  text-align: left;
  padding:    10px 0px 0px 0px;
  margin:     0;
  clear:      both;
  width:      100%;
  
  }


/*-------------Edit area-------------*/

#editArea {
  width:      510px;
  float:      right;
  padding:    0;
  margin:     0 20px 0 0px;
}

#editAreaLeft {
  width:      307.2px;
  float:      left;
  padding:    0;
  margin:     0;
}

#editAreaRight {
  width:      172.8px;
  float:      right;
}

#editArea ul {
  list-style-type: none;
  padding:         0;
  margin:          0;
}

#editArea .inputItem {
  /*display:        block;*/
}
#editArea .inputLabel {
  font-weight:    bold;
  float:          left;
  clear:          left;
  width:          70px;
  margin:         0 10px 0 0;
  padding:        0;
  text-align:     right;
}

/*-------------Login link-------------*/

#loginDot {
  position:        absolute;
  left:            0px;
  top:             0px
  color:           lightgrey;
}
#loginDot a {
  text-decoration: none; 
}

/*-------------Table-------------*/
table {
  width: 100%;
  border: 1px;
  cellspacing: 0px;
  cellpadding: 7px;
}
th {
  background-color: #ffcc99;
  vertical-align:  top;
  text-align: left;
}