* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

body {
  background: url(../imgs/bg.png) top left repeat-x;
  margin: 10px 0px;
}

/* @group Default Containers */

#container {
  width: 729px;
  margin: 0px auto;
}

#header {
  position: relative;
  height: 210px;
  background: url(../imgs/header.jpg) top left no-repeat;
}

#maincontainer {
  position: relative;
  background: url(../imgs/mainback.jpg) top left no-repeat;
  height: 518px;
  width: 729px;
}

#navigation {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  padding: 15px 10px 20px 40px;
}

#content {
  position: relative;
  top: 0px;
  left: 200px;
  width: 490px;
  height: 255px;
  padding: 15px 0 10px 10px;
}

#kolibri {
  position: absolute;
  top: 280px;
  left: 495px;
  width: 124px;
  height: 141px;
  background: url(../imgs/kolibri.png);
}

#footerimage {
  position: absolute;
  bottom: 4px;
  left: 65px;
  width: 245px;
  height: 237px;
  background: url(../imgs/index.png);
}

#footer {
  position: absolute;
  top: 425px;
  left: 310px;
}

/* @end */

/* @group Font & Default Shit */

* {
  font: normal 12px Arial, sans-serif;
  text-decoration: none;
}

p, h1 {
  margin-bottom: 16px;
}

h1, h1 a {
  font: normal 16px Arial, sans-serif;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

/* @end */

/* @group Kontaktformular */

#kontakttable {
  width: 430px;
  height: 225px;
  border-collapse: collapse;
  background: url(../imgs/kontakt_bg.jpg);
}

#kontakttable .left {
  width: 145px;
  height: 25px;
  vertical-align: middle;
  line-height: 16px;
  padding: 0px 0px 0px 10px;  
}

#kontakttable .right {
  width: 265px;
  height: 25px;
  vertical-align: middle;
  padding: 0px 10px 0px 0px;  
}

#kontakttable .message {
  height: 75px;
  vertical-align: top;
}

#kontakttable input,
#kontakttable textarea {
  width: 100%;
}

#kontakttable input {
  padding: 2px;
}

#kontakttable textarea {
  padding: 2px;
  margin: 4px 0px 4px 0px;
  height: 61px;
}

#kontakttable td#mailbutton {
  padding: 2px 10px 2px 0px;  
  text-align: right;
}

#kontakttable input#send {
  width: auto;
  height: auto;
  background: none;
  float: right;
  cursor: hand;
}

/* @end */

/* @group Navigation */

#navigation ul {
  list-style: none;
}

#navigation ul li ul li {
  padding-left: 10px;
}

#navigation dfn, #navigation .hidden {
  display: none;
  visibility: hidden;
}

#header a {
  display: block;
  width: 410px;
  height: 60px;
  position: absolute;
  left: 210px;
  top: 110px;
}

#header a:hover {
  text-decoration: none;
}

/* @end */

/* @group Farben */

* {
  color: #333;
}

#navigation a,
#footer p {
  color: #366;
}

/*
#kontakttable .odd {
  background: #b4b4b4;
}

#kontakttable .even {
  background: #ccc;
}
*/

#kontakttable tr td input {
  background: #fff;
  color: #333;
}

/* @end */

/* @group Bildergalerienkram */

#tuerverglasungsbeispiele {
  margin-bottom: 16px;
}

.imglink {
  width: 75px;
  height: 75px;
  margin-right: 10px;
}

.imglink a:hover {
  text-decoration: none;
}

/* @end */