#menu {
background-image: url(../background/menu.png);
width: 170px;
height: 180px;
font-family: Arial;
color: #fff;
position: absolute;
left: 50px;
top: 200px;
}

.item {
font-family: Arial;
color: #fff;
text-indent: 5px;
}

.item a:link{
font-family: Arial;
text-decoration: none;
color: #fff;
position: relative;
left: 5px;
}

.item a:visited{
font-family: Arial;
text-decoration: none;
color: #fff;
position: relative;
left: 5px;
}


.item a:hover{
font-family: Arial;
font-weight: bold;
background: sandybrown;
display: inline-block;
width: 170px;
color: #fff;
text-indent: 5px;
position: relative;
left: 0px
}

#navi {
background-image: url(../background/navi.png);
background-position: center center;
width: 500px;
height: 25px;
font-family: Arial;
color: #fff;
position: absolute;
top: 175px;
left: 515px;
right: 385px;
}

.point {
font-family: Arial;
color: #fff;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
position: relative;
top: 1px;
}

.point a:link{
font-family: Arial;
text-decoration: none;
color: #fff;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
position: relative;
top: 1px;
}

.point a:hover{
font-family: Arial;
font-weight: bold;
display: inline;
background: #940621;
border-radius: 25px;
-moz-border-radius: 25px;
color: #fff;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
position: relative;
top: 2px;
}

.point a:visited{
font-family: Arial;
text-decoration:none;
color: #fff;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
position: relative;
top: 2px;
}

body {
font-family: Arial;
}

a:link {
font-family: Arial;
text-decoration: none;
color: #191970;
}

a:hover {
font-family: Arial;
font-weight: bold;
text-decoration: none;
color: blue;
}

a:visited {
font-family: Arial;
text-decoration: none;
color: #000;
}

#content {
position: absolute;
top: 220px;
left: 270px;
width: 850px;
font-family: Arial;
}

h1 {
font-family: Arial;
font-weight: bold;
color: #191970;
text-shadow: #666666 2px 2px 4px;
text-align: center;
}

h2 {
font-family: Arial;
font-weight: bold;
color: #0000cd;
text-align: center;
text-shadow: #888888 2px 2px 2px;
}

#blog {
font-family: Arial;
background-color: #fffffe;
width: 900px;
border-radius: 25px;
-moz-border-radius: 25px;
border: 1px solid #000;
padding: 25px;
}

.date {
font-family: Arial;
margin-left: 90%;
size: 10pt;
}

.heading {
font-family: Arial;
font-weight: bold;
}

.mark {
font-family: Arial;
color: #ff0000;
text-decoration: underline;
}

.portrait {
position: absolute;
top:  80px;
left: 613px;
}

#coverflow{
background-color: #000;
width: 1040px;
height: 445px;
border-radius: 25px;
-moz-border-radius: 25px;
position: absolute;
left: -180px;
right: 120px;
}

.ghost_h1 {
font-family: Arial;
font-size: xx-large;
font-weight: bold;
color: #888;
text-shadow: #fff 2px 2px 4px;
text-align: center;
position: absolute;
left: 440px;
}

#birsensde {
float: left;
background-image: url(birsensde_s.png);
background-color: #000;
width: 266px;
height: 205px;
background-repeat: no-repeat;
margin: 10px;
position: absolute;
top: 120px;
bottom: 120px;
left: 714px;
right: 60px;
z-index: 1;
}

#birsensde:hover {
float: left;
background-image: url(birsensde_l.png);
background-color: #000;
width: 439px;
height: 338px;
background-repeat: no-repeat;
margin: 10px;
position: absolute;
top: 54px;
bottom: 53px;
left: 584px;
right: 17px;
z-index: 10;
}

#pomekode {
float: left;
background-image: url(pomekode_s.png);
background-color: #000;
width: 266px;
height: 205px;
background-repeat: no-repeat;
margin: 10px;
position: absolute;
top: 120px;
bottom: 120px;
left: 386px;
right: 386px;
z-index: 1;
}

#pomekode:hover {
float: left;
background-image: url(pomekode_l.png);
background-color: #000;
width: 439px;
height: 338px;
background-repeat: no-repeat;
margin: 10px;
position: absolute;
top: 54px;
bottom: 53px;
left: 300px;
right: 300px;
z-index: 10;
}

#birsensname {
float: left;
background-image: url(birsensname_s.png);
background-color: #000;
width: 266px;
height: 205px;
background-repeat: no-repeat;
margin: 10px;
position: absolute;
top: 120px;
bottom: 120px;
left: 60px;
right: 714px;
z-index: 1;
}

#birsensname:hover {
float: left;
background-image: url(birsensname_l.png);
background-color: #000;
width: 439px;
height: 338px;
background-repeat: no-repeat;
margin: 10px;
position: absolute;
top: 54px;
bottom: 53px;
left: 17px;
right: 584px;
z-index: 10;
}

.subitem {
list-style-image: url(subitem.png);
text-indent: 10px;
text-family: Arial;
}

#Kontakt {
font-family: Arial;
background-color: #fffffe;
border: 2px dotted;
border-radius: 25px;
-moz-border-radius: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
width: 305px;
float: right;
position: relative;
left: 75px;
}

#webdesign {
font-family: Arial;
font-size: x-large;
font-weight: bold;
color: #191970;
text-shadow: #fff 2px 2px 4px;
text-align: center;
}

#instruction {
font-family: Arial;
font-size: small;
font-style: italic;
text-align: center;
}

#offer {
font-family: Arial;
font-size: xx-large;
font-weight: bold;
line-height: 200%;
color: #000;
text-shadow: #999 2px 2px 4px;
text-align: center;
}

#language {
font-family: Arial;
font-size: xx-large;
font-weight: bold;
line-height: 200%;
color: #191970;
text-shadow: #999 2px 2px 4px;
text-align: center;
display: inline;
position: absolute;
left: 125px;
}

.chat-bubble-l {
  font-family: Arial;
  font-size: medium;
  color: #000;
  line-height: 100%;
  background-color:#fff;
  border:2px solid #000;
  margin:10px auto;
  padding:10px;
  position: absolute;
  left: -165px;
  top: -195px;
  text-align: left;
  width:250px;
  border-radius:25px;
  -moz-border-radius:25px;
  visibility: hidden;
}

.chat-bubble-arrow-border-l {
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 20px 0px 20px 20px;
  height:0;
  width:0;
  position:absolute;
  bottom:-41px;
  left:200px;
  visibility: hidden;
  }

.chat-bubble-arrow-l {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 18px 0px 18px 18px;
  height:0;
  width:0;
  position:absolute;
  bottom:-34px;
  left:200px;
  visibility: hidden;
}

#reference {
font-family: Arial;
font-size: xx-large;
font-weight: bold;
line-height: 200%;
color: #191970;
text-shadow: #999 2px 2px 4px;
text-align: center;
display: inline;
position: absolute;
left: 425px;
}

.chat-bubble-m {
  font-family: Arial;
  font-size: medium;
  color: #000;
  line-height: 100%;
  background-color:#000;
  border:2px solid #000;
  margin:10px auto;
  padding:10px;
  position: absolute;
  top: 65px;
  left: -450px;
  text-align: left;
  width: 1040px;
  height: 385px;
  -moz-border-radius:25px;
  border-radius:25px;
  box-shadow:0 0 5px #888888;
  visibility: hidden;
  }

.chat-bubble-arrow-border-m {
  border-color: transparent transparent #000 transparent;
  border-style: solid;
  border-width: 20px;
  height:0;
  width:0;
  position:absolute;
  bottom:407px;
  left:510px;
  visibility: hidden;
  }

#price {
font-family: Arial;
font-size: xx-large;
font-weight: bold;
line-height: 200%;
color: #191970;
text-shadow: #999 2px 2px 4px;
text-align: center;
display: inline;
position: absolute;
left: 635px;
}

  .chat-bubble-r {
  font-family: Arial;
  font-size: medium;
  color: #000;
  line-height: 100%;
  background-color:#fff;
  border:2px solid #000;
  margin:10px auto;
  padding:10px;
  position: absolute;
  left: 15px;
  top: -100px;
  text-align: left;
  width:250px;
  border-radius:25px;
  -moz-border-radius:25px;
  visibility: hidden;
  }

.chat-bubble-arrow-border-r {
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 20px 20px 20px 0px;
  height:0;
  width:0;
  position:absolute;
  bottom:-41px;
  left:50px;
  visibility: hidden;
  }

.chat-bubble-arrow-r {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 19px 19px 19px 0px;
  height:0;
  width:0;
  position:absolute;
  bottom:-35px;
  left:52px;
  visibility: hidden;
}

#contact {
font-family: Arial;
font-size: xx-large;
font-weight: bold;
line-height: 200%;
color: #191970;
text-shadow: #999 2px 2px 4px;
text-align: center;
display: inline;
position: absolute;
left: 225px;
top: 130px;
}

.chat-bubble-b {
  font-family: Arial;
  font-size: medium;
  color: #000;
  line-height: 100%;
  background-color:#fff;
  border:2px solid #000;
  margin:10px auto;
  padding:10px;
  position: absolute;
  left: -60px;
  top: 55px;
  text-align: left;
  width:305px;
  border-radius:25px;
  -moz-border-radius:25px;
  visibility: hidden;
  }

.chat-bubble-arrow-border-b {
  border-color: transparent transparent #000 transparent;
  border-style: solid;
  border-width: 15px;
  height:0;
  width:0;
  position:absolute;
  bottom:192px;
  left:150px;
  visibility: hidden;
  }

.chat-bubble-arrow-b {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 15px;
  height:0;
  width:0;
  position:absolute;
  bottom:190px;
  left:150px;
  visibility: hidden;
}

#interested {
font-family: Arial;
font-size: x-large;
font-weight: bold;
color: #191970;
text-shadow: #fff 2px 2px 4px;
text-align: center;
position: absolute;
top: 90px;
left: 350px;
}