body { 
  background-color: #000;
  color: #fff;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  background-image: url("images/bg.jpg");
  background-repeat: repeat-y;
  background-position: 50% 0;
  margin: 0 auto;
  width: 700px;
  text-align: center;
}

h1,h2,h3,h4,h5,h6 {
  padding: 0;
  margin: 0 0 1em 0;
  font-weight: bold;
}

img {
  border: 0;
}

div#main {
  width: 700px;
  text-align: left;
  background-color: #333;
}

div#buttons {
  width: 700px;
  background-color: #333;
  height: 36px;
}

div#content {
  background-color: #333;
  margin: 20px 10px 0 10px;
  text-align: left;
  clear: left;
}

div#content h3 {
  color: #fff;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #666;  
  font-size: 1.2em;
  padding: 0 0 0.15em 0;
  margin: 0;
}

div#content h3.gallery {  
  margin: 2em 0 0 0;
}

div#content p {
  margin: 0.5em 0 2em 0;
  padding: 0;
}

div#base {
  margin: 0;
  width: 680px;
  float: left;
  background-color: #333;
}

div#info {
  width: 350px;
  margin: 40px 0 0 10px;
  float: left;
}

div#info p.left {
  float: left;
  width: 140px;
  margin: 0 10px 0 0;
  text-align: right;
}

div#info p.right {
  float: left;
  width: 200px;
  margin: 0;
}

div#logo {    
  background-image: url("images/lars_o1.png");
  background-repeat: no-repeat;
  width: 248px;
  height: 40px;
  margin: 35px 0 0 35px;
  float: left;
}

div#portrait {
  width: 319px;
  float: left;
}

div#footer {
  clear: left;
  width: 100%;
  display: block;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #666;
  margin: 3em 0 0.75em 0;
  background-color: #333;
}

div#footer p {
  font-size: smaller;
  margin: 0.3em 0 0 0.5em;
  padding: 0;
}

a.button:hover {
  background-color: transparent;
}

a {
  color: #9cc;
  text-decoration: none;
}

a:hover {
  color: #000;
  background-color: #9cc;  
}

div#article {
  background-color: #333;
}

div#article h1 {
  font-size: 17px;
  margin: 0;
}

div#article h2 {
  font-size: 14px;
  margin: 0;
}

div#article p {
  margin: 0 0 1.5em 0;
  padding: 0;
}

div#article p.left {
  text-align: justify;
  width: 330px;
  line-height: 1.4em;
  background-color: #333; 
  margin: 1.5em 10px 0 0;
  float: left;
}

div#article .right {
  text-align: justify;
  width: 330px;
  line-height: 1.4em;
  background-color: #333;
  margin: 1.5em 0 0 10px;
  float: left;
}

div#article em {
  margin: 0;
  padding: 0.5em 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-style: solid;
  border-width: 1px 0;
  border-color: #999;
}

div#kontakt p {
  margin: 0.5em 0 0.5em 0;
  font-size: 12px;
}

div#kontakt h6 {
  font-size: 10px;
  margin: 0;
	padding: 0;
}

div#managementinfo {
  background-color: #333;
	width: 670px;
	float: left;
	margin: 10px 0;
	padding: 5px;
}

div#managementinfo p {
	margin: 0 0 1em 0;
}

div#managementinfo em {
  margin: 0;
	font-style: italic;
}

div#managementinfo h2 {
  font-size: 12px;
	margin: 0;
	padding: 0;
}

select, input, textarea {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 12px;
  font-family: Verdana, Helvetica, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: #9cc;
  background-color: #666;
  color: #fff;
}

input:focus, textarea:focus {
  background-color: #9cc;
  border-color: #666;
  color: #000;
}

strong {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

table {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

td.right {
  text-align: right;
}

p.error {
  color: #f00;
}