/* formatting for the whole page */
body {
  height: 100%;
  background-color: #C0C0C0;
  margin: 0;
  padding: 0;
}

/*-------------------------------------------------------------------------------
  Navigation bar
  -------------------------------------------------------------------------------*/

/* the navigation bar to the right */
div.navigation {
  /* position left with 130px width */
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 130px;
  margin: 0;
  height: 100%;
  padding: 0;
  /* set background colour and add non-repeating logo */
  background-color: #E4E4E4;
}

/* the logo on the navigation bar */
div.notariatslogo {
  /* set 10px from top border 17px from left */
  margin-top: 15px;
  margin-left: 17px;
}

/* the navigation block in the navigation bar */
div.navigation ul {
  /* position the navigation elements */
  position: absolute;
  top: 140px;
  left: 5px;
  /* don't allow them to be closer than 3px to any border */
  margin: 0px;
  padding-left: 25px;
  /* set the orange squares a dots for the list */
  list-style-image: url(images/navdot.gif);
}

/* the single navigation items in the navigation bar */
div.navigation ul li {
  /* font type for navigation items */
  font-family: Verdana;
  font-size: 10pt;
  color: #FF3300;
}

/* navigation items that are also links (i.e. all of them) */
div.navigation ul li a {
  text-decoration: none;
  color: #FF3300;
}

/* moving over the navigation items */
div.navigation ul li a:hover {
  text-decoration: none;
  /* make them bold when mouse is over them */
  font-weight: bold;
  color: #FF3300;
}

/* navigation items that have been visited */
div.navigation ul li a:visited {
  text-decoration: none;
  color: #FF3300;
}

/* impressum line */
div.impressum {
  position: absolute;
  top: 330px;
  left: 0px;
  width: 120px;
  /* center text with margin 5px on both sides */
  margin-left: 5px;
  maring-right: 5px;
  padding: 0px;
  text-align: center;
  /* set a visible font for it */
  font-family: Verdana;
  font-size: 8pt;
  color: #47474F;
}

div.impressum a {
  text-decoration: none;
  color: #47474F;
}

div.impressum a:visited {
  text-decoration: none;
  color: #47474F;
}

div.impressum a:hover {
  text-decoration: none;
  color: #47474F;
}

/* 'aktualisiert am' message */
div.lastupdate {
  /* set absolute position from top */
  position: absolute;
  top: 350px;
  left: 0px;
  width: 120px;
  /* center text with margin 5px on both sides */
  margin-left: 5px;
  maring-right: 5px;
  padding: 0px;
  text-align: center;
  /* set tiny, tiny font size, make it black */
  font-size: xx-small;
  color: #47474F;
  /* make a black bar over the font */
  border-top: solid #47474F 1px;
}


/*-------------------------------------------------------------------------------
  Page heading
  -------------------------------------------------------------------------------*/

/* everything right of the navigation bar */
div.pagemain {
  /* position it right of navigation bar and avoid margins or padding */
  position: absolute;
  top: 0px;
  left: 130px;
  width: 550px;
  margin: 0px;
  padding: 0px;
}

/* the largest heading (Notariat Dr. Peter Seelig) */
div.pagemain h1 {
  /* set position of heading */
  margin: 0px;
  padding-top: 25px;
  padding-left: 40px;
  padding-bottom: 0px;
  /* set font style */
  font-family: "Century Gothic";
  font-size: 18pt;
  font-weight: normal;
  color: #111111;
}

/* the section description (like 'information', 'der notar', ...) */
div.pagemain h2 {
  /* set position of heading */
  margin: 0px;
  padding-top: 15px;
  padding-left: 40px;
  padding-bottom: 0px;
  /* set font style and background */
  font-family: "Century Gothic";
  font-size: medium;
  font-weight: normal;
  color: #FF3300;
  background-color: #F0F0F0;
}


/*-------------------------------------------------------------------------------
  Page content
  -------------------------------------------------------------------------------*/

/* everything with the white background */
div.content {
  background-color: white;
  margin: 0px;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
}

/* headings within the content section */
div.content h3 {
  /* position of heading */
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
  /* font style and color */
  font-family: Verdana;
  font-size: 12pt;
  font-weight: normal;
  color: black;
}

/* paragraphs within the content section */
div.content p {
  /* margins and padding */
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
  /* font tsyle and color */
  font-family: Verdana;
  font-size: 10pt;
  font-weight: normal;
  color: black;
}

div.content a { 
  text-decoration: none;
  color: black;
}

div.content a:visited {
  text-decoration: none;
  color: black;
}

div.content a:hover {
  text-decoration: none;
  color: black;
}

div.content ul {
  	padding-left: 20px;		
	margin-left: 0px;
	font-family: Verdana;
  	font-size: 10pt;
  	font-weight: normal;
  	color: black;
	list-style-image: url(images/listdot.gif);
}
  
/* the back image at the bottom of the content */
div.back {
  padding: 0px;
  /* leave some space from top */
  margin-top: 20px;
  margin-bottom: 0px;
  /* set to the very right */
  margin-left: 450px;
}