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

body {
  height:           100%;
  width:            100%;
  margin:           0px;
  padding:          0px;
  /*font:       12px/22px Helvetica, Arial, sans-serif;*/
  /*color:      #1B1B1B;*/
  /*background: #E9FEFE;*/
  background-color: #E9FEFE;
  text-align:       center;
}

a:link, a:visited {
  color:           #1B1B1B;
  text-decoration: none;
}
a:hover, a:active {
  color:           #000B9F;
  font-weight:     bold;
  text-decoration: none;
}
a:hover:after{
  /*content:         ' -';*/
  font-weight:     bold;
}

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;
}


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

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


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

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

#headerLeft {
  width:          195px;
  /*padding-bottom: 0px;
  padding-top:    25px;*/
  padding:        25px 0px 0px 0px;
  border: 0px;
  
  margin:         0px;
  /*height:         75px;*/
  float:          left;
  
  }

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

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

#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:          160px;
  float:          left;
  height:         55px;
  padding:        25px 0px 0px 0px;
  margin:         0px 0px 0px 25px;
  display:        inline;   /* need for IE6 */
  color:          #999999;
  
  }

#headerRight {
  margin:  0px;
  padding: 0px;
  height:  100px;
  float:   left;
  width:   0px;
  
  }

.description {

}

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

#container {
  margin:  0px;
  padding: 0px;
  width:   100%;
  height:  100%;
  /*top: 102px;
  height: 875px; */ /* KAN MOGELIJK WEG */
  
  }


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

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

  }

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

/*
p {
  margin: 0px;
  padding: 0px 0px 15px;
}
*/

/*-------------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;
}

/*-------------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;
}