* { margin: 0; padding: 0; border: 0;}
body {
  background-color: #999999;
  background-color: #ffffff;
  font-family: arial, sans-serif;
  font-size: 12px;
}

a {
  text-decoration: none;
/*
  font-weight: bold;
*/
  color: #ccc;
}

p{
  margin-bottom: 5px;
}

#wrapper {
  margin: 0 auto;
  margin-top: 5px;
  width: 896px;
  background-color: white;
  overflow: hidden;
}
#content {
	position: relative;
}
#oldcontent {
/*
	display: none;
*/
	position: absolute;
	top: 0;
	left: 0;
}

#topper .inner,
#content .inner {
  position: relative;
}
.w1 {
  width: 224px;
}
.w2 {
  width: 448px;
}
.w3 {
  width: 672px;
}
.w4 {
  width: 896px;
}

.h1 {
  height: 234px;
}
.h2 {
  height: 468px;
}
.hpos0 {
  left: 0px;
}
.hpos1 {
  left: 224px;
}
.hpos2 {
  left: 448px;
}
.hpos3 {
  left: 672px;
}
.vpos0 {
  top: 0px;
}
.vpos1 {
  top: 234px;
}

.innercontent {
  position: absolute;
  overflow: hidden;
  border: 0px black solid;
}
.innercontent .inner {
  width: 100%;
  height: 100%;
}

#topper {
	position: relative;
	height: 98px;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#extramenu {
  position: relative;
  top: 1px;
  left: 545px;
  font-size: 15px;
}

#extramenu ul {
  list-style-type: none;
}
#extramenu li {
  display: inline;
}

#extramenu a {
  text-decoration: none;
  color: #575656;
  padding-right: 4px;
  font-size: 9px;
  text-transform: uppercase;
  text-decoration: none;
}

#extramenu a::after {
  content: "|";
  padding-left: 7px;
}

#extramenu a.last::after {
  content: "";
}

#extramenu1 {
  position: relative;
  font-size: 15px;
  text-align: center;
}
#extramenu1  div.inner {
  clear: both;
   display: inline-block;
   text-align: left;
}

#extramenu1 ul {
  list-style-type: none;
}
#extramenu1 ul.level1  {
  padding-right: 10px;
  margin-right: 20px;
}

#extramenu1 ul.level1  li {
  padding-right: 30px;
  margin-top: 15px;
  line-height: 10px;
}

#extramenu1 ul.level2 {
  padding-right: 0px;
  font-size: 14px;
  padding-top: 11px;
}

#extramenu1 ul.level2  li{
  padding-right: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

#extramenu1 li {
  float: left;
}

#extramenu1 li  li{
  float: none;
}

#extramenu1 a,
#extramenu1 a:hover,
#extramenu1 a:active,
#extramenu1 a:visited {
  color: #999999;
  text-decoration: none;
  padding-right: 4px;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}
#extramenu1 a:hover {
  color: #333;
}

#extramenu1 .level2 a {
  font-size: 9px;
}

#searchformarea {
  position: absolute;
  top: 0;
  right: 0;
  width: 151px;
  height: 22px;
}

#searchbutton {
  display: inline;
  height: 21px;
  border:0;margin:0;padding:0;
}
#searchphrase {
  position: relative;
  background-color: #b7b6b6;
  color: white;
  left: 0px;
  top:-7px;
  width: 104px;
  height: 21px;
  border:0;margin:0;padding:0;
  text-transform: uppercase;
  font-size: 9px;
  padding-left: 10px;
  padding-right: 10px;
}

#menu {
  position: absolute;
  width: 100%;
  top: 65px;
}

#menu  .inner{
}

#menuitems {
  height: 28px;
}

#menuslider {
  position: absolute;
  top: 0;
  height: 28px;
  width: 0px;
  overflow: hidden;
/*
  background-image: url(../bg/schieber.png);
*/
  background-repeat: repeat-x;

}
#menuslider .rectangle {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #6f6f6f;
  height: 22px;
  width: 100%;
}
#menuslider .keil {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #6f6f6f;
}
#menuitemlistbg {
  position: absolute;
  color: #575656;
}

#menuitemlist,
#menuitemlistOver,
#menuitemlistButton {
  position: absolute;
  overflow: hidden;
  right: 0;
  height: 28px;
  cursor: pointer;
}
.link {
  cursor: pointer;
}

#extramenu1  a.active{
  color: #333;
}

#menuitemlistOver {
	clip: rect(0px 0px auto 0px);
}

#menu ul {
  list-style-type: none;
}
#menu ul li {
  display: inline-block;
  height: 30px;
}

#menu a {
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
  color: #575656;
  font-size: 13px;
  line-height: 22px;
  text-decoration: none;
  font-weight: bold;
}

#menuitemlist a {
  color: #575656;
}

#menuitemlistOver a {
  color: #ffffff;
}

#menuitemlistButton a {
	visibility: hidden;
}
#content .innercontent  {
	visibility: visible;
}

#content .inner  {
  overflow: hidden;
  width: 896px;
  height: 468px;
  position: relative;
}
.bglayer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.contentlayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.flyinlayer {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#content .innercontent .inner {
  height: 100%;
  width: 100%;
}

#buttonLeft,
#buttonRight {
  position: absolute;
  top: 183px;
  width: 70px;
  height: 110px;
}

#buttonRight {
  right: 0;
}

#buttonUp,
#buttonDown {
  position: absolute;
  top: 0;
  left: 392px;
  height: 70px;
  width: 110px;
}
#buttonDown {
  top: 401px;
}
.slideButton {
  z-index: 100;
  background-image: url(../bg/clear.gif);
  background-color: transparent;
}

p.bodytext{
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 15px;
}
#menuitemlistButton li {
  background-image: url(../bg/clear.gif);
}

.bildwechsler img {
  position: absolute;
}

form label,
form textarea {
  display: block;
}

form input,
form textarea {
 border: 1px solid #c2c2c2;
 margin-bottom: 5px;
}

form input.text,
form textarea {
  width: 240px;
}
form textarea {
  height: 50px;
}

form input.submit {
  background-color: #044b6d;
  border: 3px solid #044b6d;
  color: white;
}

.clearboth {
  clear: both;
}

.htbg_pink{
  background-image: url(bg/Pixel_pink.png);
  background-repeat: repeat;
}
.htbg_white{
  background-image: url(bg/Pixel_white.png);
  background-repeat: repeat;
  color: #666666;
}
.htbg_black{
  background-image: url(bg/Pixel_black.png);
  background-repeat: repeat;
}
.stdcontent h1 {
  font-size: 15px;
  padding-bottom: 10px;
}
.stdcontent {
  padding-left: 35px;
  padding-right: 35px;
}

.flyinontent h1 {
  font-size: 15px;
  padding-bottom: 0px;
}
.flyinontent {
  padding-left: 19px;
  padding-right: 19px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.flyinontent a,
.flyinontent a:hover,
.flyinontent a:active,
.flyinontent a:visited {
  color: #666666;
  text-decoration: none;
}


.vpos0 .bottommagnet{
  bottom: 25px;
}

.vpos1 .bottommagnet {
  bottom: 25px;
}

.overtext_default {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	display: none;
}
.overtext_default img.centered{
	margin: 0 auto;
	padding: 105px 0;
	display: block;
	position: relative;
}

#start_herzlich_willkommen,
#start_arbeiten {
  position: relative;
}

#start_was_wir_tun ,
#start_kontakt{
  position: relative;
}

#start_netzwerk {
    position: relative;
}

#was_wir_tun_netz {
  position: relative;
  top: 110px;
}
#was_wir_tun_was_noch {
  position: relative;
  top: 110px;
}

#was_wir_tun_druck {
  position: relative;
  top: 320px;
}

#was_wir_tun_content {
  position: relative;
  top: 320px;
}

#was_wir_tun_cd {
  position: relative;
  top: 131px;
}
#was_wir_tun_content_content {
  color: white;
  position: relative;
  top: 189px;
}

#was_wir_tun_cd_content {
  color: white;
  position: relative;
  top: 166px;
}

#was_wir_tun_netz_content {
  color: white;
  position: relative;
  top: 180px;
}
#was_wir_tun_print_content {
  color: white;
  position: relative;
  top: 195px;
}

#was_wir_tun_was_noch_content {
  color: white;
  position: relative;
  top: 241px;
}

#arbeiten_arbeiten{
  position: relative;
  top: 320px;
}

#arbeiten_zur_liste{
  position: relative;
  top: 118px;
}
#arbeiten_kundenliste {
  position: relative;
  top: 150px;
}
#arbeiten_kundenliste_content {
  position: relative;
  top: 0px;
}
#netzwerk_content {
  position: relative;
  top: 275px;
}
.scrolllist {
  color: white;
  padding-left: 30px;
  margin-right: 25px;
  margin-top: 45px;
  margin-bottom: 30px;
}
.scrolllist ul {
  list-style-type: none;
  padding-bottom: 15px;
}

.scrolllist a,
.scrolllist a:hover,
.scrolllist a:active,
.scrolllist a:visited {
  color: #e1e1e1;
  color: white;
}


#errormessages {
    color: red;
    left: 100px;
    position: absolute;
    top: 40px;


}

#errormessages ul  {
  list-style-type: none;
}
img.link {
  position: relative;
  top: 1px;
}

.hidden {
	display: none;
}