/*
theme name: projecto5
theme uri: http://www.projecto5.com/
description: projecto5.
version: 1.0
author: klaus oppermann
author uri: http://www.klausoppermann.de/
*/

a, abbr, acronym, address, applet,
big, blockquote, body,
caption, cite, code,
dd, del, dfn, div, dl, dt, em,
fieldset, font, form,
h1, h2, h3, h4,h5, h6, html,
iframe, img, ins,
kbd, label, legend, li,
object, ol, p, pre, q,
s, samp, small, span, strike, strong, sub, sup,
table, tbody, td, tfoot, th, thead, tr, tt,
ul, var {
  border: 0;
  font-family: arial, verdana, helvetica, sans-serif;
  font-style: inherit;
  font-weight: inherit;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

body {
  background: #fff;
  color: #7f7f7f;
  font-size: 100.01%;
  text-align: center;
}

acronym {
  border: none;
  cursor: help;
}

address {
  font-style: normal;
  margin: 20px 0;
  padding: 0;
}

blockquote,
cite {
  font-style: italic;
}

em {
  color: #5f5f5f;
  font-style: italic;
}

h1, h2, h3, h4, h5 {
  font-family: arial, verdana, helvetica, serif;
  font-weight: 700;
  line-height: 1.7em;
  text-align: left;
}

h1 {
  margin: 0;
  padding: 0;
}

h2 {
  background: transparent;
  color: #5f5f5f;
  font-size: 190%;
  font-weight: 200;
  letter-spacing: 2px;
  margin: 0 0 10px 0;
  padding: 0;
}

h3, h4, h5 {
  background: transparent;
  color: #7f7f7f;
  font-size: 120%;
  letter-spacing: 1.5px;
  margin: 10px 0;
  padding: 0;
  text-transform: lowercase;
}

h4, h5 {
  font-size: 110%;
}

img {
  border: 0;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
  cursor: pointer;
}

strong {
  color: #5f5f5f;
  font-weight: 700;
}

sub, sup {
  font-family: verdana, sans-serif, helvetica, arial;
  font-size: 60%;
  line-height: 0;
}

#page {
  margin: 0;
  padding: 15px 0;
  position: relative;
}

#wrapper {
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
  width: 980px;
}

#topmenue ul {
  background: #fff;
  color: #8f8f8f;
  font-size: 70%;
  margin: 0 auto 20px auto;
  padding: 0;
  text-align: right;
  text-transform: lowercase;
  width: 980px;
}

#topmenue ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#topmenue ul a,
#topmenue ul a:hover,
#topmenue ul a:focus,
#topmenue ul strong {
  background: #fff;
  color: #8f8f8f;
  padding: 5px;
  text-decoration: none;
}

#topmenue ul a:hover,
#topmenue ul a:focus,
#topmenue ul strong {
  background: #fff;
  color: #3d57b6;
}

#topmenue ul strong {
  background: #fff;
  color: #000;
}

#wrapheader {
  background: url(images/header3.jpg) no-repeat 50% 70px;
}

#header {
  height: 210px;
  margin: 0 auto;
  padding: 75px 0 0 0;
  position: relative;
  text-align: left;
  width: 980px;
}

#header h1 a,
#header h1 a:hover,
#header h1 a:focus,
#header h1.logo {
  background: url(images/logo.gif) no-repeat 0 0;
  display: block;
  height: 50px;
  left: 15px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 200px;
}

#header h2 {
  background: #fff;
  color: #9f9f9f;
  font-size: 130%;
  font-weight: 700;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 100px;
  text-transform: lowercase;
  top: 20px;
}

#header ul {

}

#header ul li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  width: 196px;
}

#header ul li a,
#header ul li a:active,
#header ul li a:hover,
#header ul li a:focus,
#header ul li strong {
  display: block;
  float: left;
  height: 215px;
  width: 196px;
}

#contentwrap {
  margin: 0;
  padding: 0;
  position: relative;
}

#content {
  font-size: 85%;
  line-height: 1.7em;
  margin: 0;
  padding: 20px;
}

#content a,
#content ul a strong {
  background: transparent;
  color: #5f5f5f;
  text-decoration: none;
}

#content a:hover,
#content a:focus,
#content ul a:hover strong,
#content ul a:focus strong {
  background: transparent;
  color: #3d57b6;
  text-decoration: none;
}

#content a.ext {
  background: url(images/ext2.gif) no-repeat 100% 50%;
  padding-right: 20px;
}

#content a:hover.ext,
#content a:focus.ext {
  background: url(images/ext.gif) no-repeat 100% 50%;
  padding-right: 20px;
}

#content dl.link {
  margin: 20px 0;
  text-transform: lowercase; 
}

#content dl.link a {
  color: #3d57b6;
  text-decoration: none;
}

#content dl.link a:hover,
#content dl.link a:focus {
  color: #5f5f5f;
  text-decoration: underline;
}


#content p {
  line-height: 1.8em;
  margin: 20px 0;
  padding: 0;
  text-transform: lowercase;
}

#content p.center {
  text-align: center;
}

#content ul {
  line-height: 1.8em;
  margin: 0;
  padding: 20px 15px;
  text-transform: lowercase;
}

#content li {
  margin: 0;
  padding: 7px 100px;
}

#content ul#galerie li {
  float: left;
  margin: 8px;
  padding: 0;
  width: 166px;
}


#content ul#galerie li img {
  border: 1px solid #ddd;
  float: left;
  height: 150px;
  margin: 0;
  padding: 7px;
  width: 150px;
}


#content ul#galerie li a:hover img {
  border: 1px solid #3d57b6;
}


body#start #content ul {
  margin: 40px auto;
  padding: 0;
  text-align: center;
  width: 16em;
}

body#start #content ul li {
  padding: 8px 0;
  position: relative;
  width: 16em;
}

body#start #content ul li a,
body#start #content ul li a:hover {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

#content a em {
  display: none;
  font-style: normal;
  margin: 0;
  padding: 0;
  visibility: hidden;
  z-index: 500;
}

#content a:hover em,
#content a:focus em {
  background: url(images/bubble.gif) no-repeat 50% 100%;
  color: #3d57b6;
  display: block;
  left: 13em;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -30px;
  visibility: visible;
  z-index: 600;
}

#content a:hover em span,
#content a:focus em span {
  background: url(images/bubbleo.gif) no-repeat 50% 0;
  display: block;
  margin: 0;
  padding: 15px 0;
  width: 210px;
}

#content ul a strong,
#content ul a:hover strong {
  background: transparent;
  font-size: 120%;
  letter-spacing: 1.5px;
  margin: 10px 0;
  padding: 0;
  text-transform: lowercase;
}

#footer {
  background: #fff url(images/footer.gif) no-repeat 50% 0;
  clear: both;
  color: #6f6f6f;
  font-size: 70%;
  line-height: 1.4em;
  margin: 0;
  padding: 30px 0 10px 0;
  text-align: center;
  text-transform: lowercase;
}

#footer a {
  background: transparent;
  color: #6f6f6f;
  padding: 0 5px;
  text-decoration: underline;
}

#footer a:hover,
#footer a:focus,
#footer strong {
  background: transparent;
  color: #000;
  padding: 0 5px;
  text-decoration: none;
}

#footer ul,
#footer p {
  margin: 5px 0;
}

#footer li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.druckansicht,
#header h1 span,
li.de span,
li.en span,
li.es span,
.nix {
  display: inline;
  height: 0;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  width: 0;
}

#content div.wpcf7 {
  margin: 0 auto;
  padding: 10px;
  text-transform: lowercase;
  width: 500px;

}

.wpcf7 fieldset {
  border: none;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
  cursor: pointer;
}

.wpcf7 label {
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.wpcf7 input,
.wpcf7 textarea {
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
  margin: 1px 0;
  padding: 3px;
  width: 480px;
  text-align: left;
}

.wpcf7 input:hover,
.wpcf7 textarea:hover {
  background: #fff;
  border: 1px solid #3d57b6;
  color: #000;
}

.wpcf7 textarea {
  overflow: auto;
}

.wpcf7 label {
  font-weight: 300;
}

.wpcf7 input[type=submit] {
  background: #eee;
  border: 1px solid #ddd;
  clear: left;
  color: #5f5f5f;
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
  width: 16em;
}

.wpcf7 input:hover[type=submit] {
  background: #fff;
  border: 1px solid #3d57b6;
  color: #3d57b6;
}

#formbox p {
  clear: left;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
  width: 500px;
}

body#kontakt p {
  margin: 10px auto;
  text-align: center;
  width: 500px;
}

p.fehler {
  color: #3d57b6;
  font-weight: 700;
}

.wpmaps {
  border: 2px solid #ddd;
  height: 450px;
  margin: 0 auto;
  width: 600px;
}