/* Design by Patrick Rütter | patrickruetter@gmail.com */
*{
  padding:0;
  margin:0;
}
body{
  overflow:-moz-scrollbars-vertical;
  background-color:#000000;
  text-align:left;
  font-family:Calibri, Arial, Helvetica, "sans serif";
  color:#CCCCCC;
  font-size:14px;
  background-image:url(images/background.jpg);
  background-repeat:repeat-x;
  background-position:top;
}
/* ######################## grundgerüst ######################## */
div.wrapper{
  width:800px;
  margin:0px auto;
} 
div.slogan{
  text-align:right;
  font-size:1.5em;
  margin-right:25px;
  margin-bottom:30px;
}
div.copyright{
  width:800px;
  margin:0px auto;
  text-align:center;
}
div.header{
  width:100%;
  height:50px;
  margin:0px auto;
  margin-right:25px;
  background-image:url(images/logo.jpg);
  background-position:right top;
  background-repeat:no-repeat;
  margin-top:80px;
  vertical-align:middle;
}
div.title{
  width:750px;
  height:30px;
  margin-left:3px;
  font-size:25px;
}
div.comment{
  overflow:hidden;
}
/* ######################## block_home ######################## */
div.block_home{
  vertical-align:middle;
  height:207px;
  width:400px;
  background-image:url(images/block.jpg);
  background-repeat:no-repeat;
  float:left;
}
div.block_home div.comment{
  margin-left:175px;
  margin-top:22px;
  height:137px;
  width:177px;
  position:absolute;
  font-size:25px;
  text-align:center;
}
div.block_home div.image{
  margin-left:22px;
  margin-top:22px;
  height:137px;
  width:117px;
  position:absolute;
  overflow:hidden;
  vertical-align:middle;
  text-align:center;
  font-size:25px;
}
div.block_home div.comment a{
  border:none;
  display:block;
  height:100%;
  width:100%;
  padding-top:50px;
}
/* ######################## block_skills ######################## */
div.block_skills{
  vertical-align:middle;
  height:207px;
  width:400px;
  background-image:url(images/block.jpg);
  background-repeat:no-repeat;
  float:left;
}
div.block_skills div.comment{
  margin-left:175px;
  margin-top:22px;
  height:137px;
  width:177px;
  position:absolute;
  text-align:left;
}
div.block_skills div.title{
  margin-left:22px;
  margin-top:22px;
  height:137px;
  width:117px;
  position:absolute;
  overflow:hidden;
  vertical-align:middle;
  text-align:center;
}
/* ######################## block_referenzen ######################## */
div.block_referenzen{
  vertical-align:middle;
  height:207px;
  width:800px;
  background-image:url(images/block_lang2.jpg);
  background-repeat:no-repeat;
}
div.block_referenzen div.image{
  margin-left:22px;
  margin-top:22px;
  height:137px;
  width:177px;
  position:absolute;
  overflow:hidden;
}
div.block_referenzen div.comment{
  margin-left:232px;
  margin-top:22px;
  height:137px;
  width:517px;
  position:absolute;
}
/* ######################## block_about ######################## */
div.block_about{
  vertical-align:middle;
  height:207px;
  width:800px;
  background-image:url(images/block_lang.jpg);
  background-repeat:no-repeat;
}
div.block_about div.comment{
  margin-left:175px;
  margin-top:22px;
  height:137px;
  width:577px;
  position:absolute;
  text-align:left;
}
div.block_about div.comment b{
  font-size:1.2em;
}
div.block_about div.image{
  margin-left:22px;
  margin-top:22px;
  height:137px;
  width:117px;
  position:absolute;
  overflow:hidden;
  vertical-align:middle;
  text-align:center;
  font-size:25px;
}
div.block_about div.comment u{
  border-bottom:1px dotted #CCCCCC;
  text-decoration:none;
}
div.block_about div.comment a{
  border:none;
/*  display:block; */
  height:100%;
  width:100%;
  padding-top:50px;
}
/* ######################## block_about2 ######################## */
div.block_about2{
  vertical-align:middle;
  height:207px;
  width:800px;
  background-image:url(images/block_lang_leer.jpg);
  background-repeat:no-repeat;
}
div.block_about2 div.comment{
  margin-left:22px;
  margin-top:22px;
  height:137px;
  width:711px;
  position:absolute;
  text-align:left;
}
div.block_about2 div.comment p{
  margin-bottom:10px;
}
div.block_about2 div.comment u{
  border-bottom:1px dotted #CCCCCC;
  text-decoration:none;
}
div.block_about2 div.comment a{
  border:none;
/*  display:block; */
  height:100%;
  width:100%;
  padding-top:50px;
}
div.block_about2 b{
  font-size:1.2em;
}
/* ######################## links ######################## */
a{
  color:#CCCCCC;
  border-bottom:1px dotted #CCCCCC;
  text-decoration:none;
}
div.image a{
  border-bottom:none;
}
a img{
  border-bottom:none;
}
div.header a img{
  border:none;
}
div.header a{
  border:none;
}
a img{
  border:none;
}
/* ######################## listen ######################## */
li{
  list-style-type:square;
}
ul{
  padding-left:15px;
  margin-top:0px;
  margin-left:0px;
}
/* ######################## bilder ######################## */
div.header a img{
  margin-right:20px;
}
div.header a img.home{
  margin-right:80px;
}
/* ######################## formulare ######################## */
input{
  font-family:Calibri, Arial, Helvetica, "sans serif";
  font-size:0.9em;
}
textarea{
  font-family:Calibri, Arial, Helvetica, "sans serif";
  font-size:0.9em;
}
table#kontaktformular{
  text-align:left;
}
input.submit {
  height:45px;
  width:100%;
}

table.adressen tr td{
  width:200px;
}