html {
  margin:0;
  padding:0;
}

body {
  margin:0;
  padding:0;
  background:#FFFFFF url('../images/body-bg.gif') top center repeat-x;
  font-family:"Tahoma", "Verdana", "Century Gothic", "Arial", "Lucida Console", sans-serif;
  font-size:12px;
  text-align:center;
}

#main {
  width:852px; /* 36 + 780 + 36 */
  margin:0 auto;
  text-align:left;
}

#main-bg-top {
  width:852px;
  height:246px;
  background:#FFFFFF url('../images/top-bg.jpg') top center no-repeat;
}

#main-bg-center {
  margin:0 auto;
  background:#FFFFFF url('../images/main-bg-center.gif') top center repeat-y;
}

#main-bg-bottom {
  height:74px;
  margin:0 auto;
  background:#FFFFFF url('../images/bottom-bg.jpg') top center no-repeat;
}

/* ******** MAIN-BG-TOP ******** */

#main-bg-top #head-text {
  float:right;
  margin:0 36px 0 0;
  padding:0;
  background:#FFFFFF url('../images/h1-bg.jpg') top center no-repeat;
  color:#009CFF;
  font-size:2em;
  text-transform:lowercase;
}

#main-bg-top #head-text a {
  display:block;
  width:242px;
  height:71px;
  color:#FFFFFF;
  font-size:0px;
  text-decoration:none;
}

#main-bg-top #top-text {
  display:block;
  position:relative;
  top:132px;
  left:45px;
}

/* ******** MENU ******** */

#menu {
  padding:148px 0 0 377px;
  color:#FFFFFF;
  font-weight:bold;
}

#menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:inside;
}

#menu ul li {
  float:left;
  margin-right:0.5em;
}

#menu ul li a {
  color:#CF2000;
}


/* ******** CONTENT ******** */

#content {
  width:780px;
  margin-left:36px;
  padding-bottom:2em;
}

h1 {
  margin:0;
  padding:1em 0 0 2em;
  font-size:1.5em;
  font-weight:bold;
}

h3 {
  margin:0;
  padding:1em 0 0 0;
  font-size:1.2em;
  color:#009CFF;
  font-weight:bold;
}

p {
  margin:0;
  padding:1em 3em 0 3em;
}

#content ul {
  margin:1em 0;
  padding:0 1em 0 5em;
  list-style-position:inside;
  list-style-image:url('../images/content-li-image.gif');
}

#content ul ul {
  margin-top:0;
}

#content a {
  color:#009CFF;
}


#content .columns {
  padding:1em 3em 0 3em;
}

#content .columns .column {
  float:left;
  width:48%;
}

#content .columns .column p {
  padding:1em 0 0 0;
}

#content .columns .lefter {
  padding-right:2em;
}

#content .columns img {
  margin:2em 0 0 45px;
}

#content .columns .name {
  margin:-80px 0 4em -130px;
  font-size:1.5em;
  font-style:normal;
  text-align:center;
}


#content #klik #klik-left {
  float:left;
  width:529px;
  height:240px;
  background:#FFFFFF url('../images/fruit.jpg') top center no-repeat;
  color:#FFFFFF;
  font-size:0;
}

#content #klik #klik-right {
  float:left;
  width:251px;
  height:252px;
  margin-top:75px;
  background:#FFFFFF url('../images/lady-eating.jpg') top center no-repeat;
}

#content #klik #klik-right #klik-right-board {
  height:50px;
  margin-top:101px;
}

#content #klik #klik-right #klik-right-board a {
  display:block;
  height:50px;
  line-height:50px;
  font-size:2em;
  color:#CF2000;
  font-weight:bold;
  font-style:italic;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
}

#content #klik #klik-right #klik-right-board a:hover {
  text-decoration:underline;
}

table {
  margin:1em 3em;
}

table th {
  padding-right:2em;
  font-weight:bold;
  vertical-align:top;
}

/* ******** FORM ******** */

form {
  margin:3em 0 0 0;
  padding:0 3em;
  font-size:0.9em;
  font-weight:bold;
}

form fieldset {
  margin:0;
  padding:1em 4em 3em 4em;
  background-color:#CBF8B2;
  border:1px #009CFF dashed;
}

form label {
  display:block;
  float:left;
  font-weight:bold;
}

form input, form select, form textarea {
  padding:0.1em 0.2em;
  border:1px #000000 solid;
  font-size:1em;
  font-weight:normal;
  font-family:"Tahoma", "Verdana", "Century Gothic", "Arial", "Lucida Console", sans-serif;
}

form input {
  width:120px;
}

form select {
  width:150px;
}

form textarea {
  width:550px;
  height:70px;
  margin-left:2em;
}

form input#submit, form input#reset {
  margin:1em 2em 0 2em;
  padding:0.2em 0.8em;
  border:2px #404040 outset;
}

form input#submit:active, form input#reset:active {
  border-style:inset;
}

form #form-kontakt {
  margin-top:5em;
  font-weight:normal;
}

form #form-kontakt a {
  color:#000000;
}

form #mess {
  margin-bottom:1.5em;
  font-size:1.4em;
  color:#FF0000;
  text-align:center;
}

form #mess-no-mess {
  margin-bottom:1.5em;
  text-align:center;
}

form table {
  margin:1em 0 2em 0;
  border-collapse:collapse;
  table-layout:auto;
}

form table th {
  padding:0.2em 0.5em 0.2em 0;
}

form table td {
  padding-right:2em;
}


/* ******** FOOTER ******** */

#footer {
  line-height:2.5em;
  margin-right:4em;
  color:#009CFF;
  font-size:0.9em;
  text-align:right;
  vertical-align:middle;
  text-transform:lowercase;
}

#footer a {
  color:#009CFF;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}