/*
CSS for Amleth.info site
*/

body {
  font-family: Arial, sans-serif;
  color: white;
  background: #000000 url(layout_pix/baggrund_2+.jpg) no-repeat;
}

h1, h2, h3, h4 {
  font-family: Georgia, serif;
}

p, li, ol, ul {
  font-size: 90%;
}

a {
  color: black;
}

a:hover {
  color: #880000;
}

#index_pg #index, #amlethogfaegtning_pg #amlethogfaegtning, #information_pg #information, #persongalleri_pg #persongalleri, #kontakt_pg #kontakt, #events_pg #events {
  color: #880000;
  }

#navigation ul {
  list-style-type: none;
}

#navigation a {
  text-decoration: none;
  font-family: verdana;
  font-weight: bold;
  font-size: small;
  line-height: 20px;
}
  
.background_img img {
  height: 80%;
  width: 80%;
}

.body_links a {
  color: #880000;
}

.body_links a:hover {
  color: white;
}

.sentmessage a {
  color: #880000;
}

.sentmessage a:hover {
  color: white;  
}

.red_color_text {
  color: #880000;
}

td {
  padding-bottom: 15px;
}

.kvindelist {
  text-align: center;
}

.linje {
  width: 60%;
  margin-top: 25px;
  margin-bottom: 30px;
}

/*
 This section deals with the position of items on the screen.
It uses absolut positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.
*/

.background_img, #headliner, #bodycontent, #navigation, .contactform, .sentmessage, .sentmessage h2, #contact_info, .tidligere {
  position: absolute;
}

#headliner {
  top: 90px;
  left: 400px;
  text-align: center;
}

#bodycontent {
  padding-right: 5px;
  top: 290px;
  left: 410px;
  width: 565px;
  height: 400px;
  text-align: left;
  overflow: auto;
  list-style-type: disc;
}

.textalignleft {
  text-align: left;
}

.tidligere { 
  top: 690px;
  left: 400px;
  text-align: left;
}

#navigation {
  top: 10px;
  left: 0;
  color: black;
}

.contactform {
  top: 350px;
  left: 412px;
  display: block;
  width: 350px;
}

input, textarea {
  display: block;
  width: 240px;
  float: right;
}

.send_knap p input {
  position: relative;
  width: 80px;
  top: 65px;
  left: 247px;
}

.sentmessage {
  top: 400px;
  left: 400px;
  width: 750px;
}

.sentmessage h2 {
  top: -200px;
  left: 0;  
}

#contact_info {
  top: 250px;
  left: 0;
  width: 600px;
}

.steff {
  top: 270px;
  left: 700px;
}