* {margin:0;padding:0;}
  html {/* overflow:hidden; */border:0 none;}
  body {
  	background: #FFFFFF url("../image/body_bg.gif") repeat-y 0px 0px;
  	/* overflow:hidden;
  	height:100%;
  	width:100%;*/
  }

  p {
  	padding: 10px 0 0 0;
  	font: normal normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
  }

  .grey {
    color: #9D9380;
    }

  /* Grundsätzliche Behebung des Problems von
  browserabhänigen Abständen unter den Bildern */
  img {vertical-align:top;}


/********** Kopfdaten
************************************************/
  #container {
    height: 100%;
    width: 100%;
    }
  #kopf {
    position: absolute;
    top:0;left:0;
    width: 950px;
    height: 103px;
    }
  #index #kopf {
    background: url("../image/header_bg.gif") no-repeat right bottom;
    }

  #logo {
    position: absolute;
    left: 166px;
    top: 16px;
    z-index:160;
    width: 50px;
    height: 64px;
    }
  #logo a {
    display:block;
    height:88px;
    width:88px;
    background: transparent url("../image/logo_menu.gif") no-repeat left top;
    }
  * html #logo a {width:88px;height:88px;}
  #logo a span {display:none;}


/********** Inhalt
************************************************/
  #content {
  	position: absolute;
  	left: 0;right:0;
  	top: 103px;
  	z-index: 10;
  	height: 330px;
  	/* width: 100%; */
  	}
  * html #content {width: 100%;}
  #contentinside {
    margin: 0 0 0 270px;
  	padding: 5px 0 0 35px;
  	height: 325px;
  	width: 550px;
  	border-left: 1px solid #B9A98C;
  	}

  #contentinside .contentleft {
    position: absolute;
    }
  #contentinside .contentright {
    position: absolute;
    margin: 0 0 0 165px;
    }

  /*----- Content Home
  -----------------------------------*/
  #index #content {
  	background: transparent url("../image/content_bg.gif") repeat-x left top;
  	}
  #index #contentinside {
  	background: transparent url("../image/contentinside_bg.gif") no-repeat 113px 0px;
  	}

/********** Linien
************************************************/
	.linie {
    position: absolute;
    left:0;right:0;
    border: 0 none;
    width: 100%;
    border-top: 1px solid #999999;
    }
	#linie_oben  {top: 103px;}
	#linie_mitte {top: 432px;}
	#linie_unten {top: 451px;}

	/* #index #linie_oben  {width:16px;}
	#index #linie_mitte {width:16px;} */
	#index #linie_oben  {width:270px;}
	#index #linie_mitte {width:270px;}

	#vertikale_linie {
		height: 100%;
		width: 5px;
		left: 270px;
		top: 0px;
		position: absolute;
		background: url("../image/vertikal.jpg") repeat-y;
		}

/********** Menü
************************************************/
	#menu {
		position: absolute;
		top:0;left:0;
		width: 270px;
		left: 0;
		padding: 0;
		height: 519px;
		z-index: 100;
		background: #FFFFFF url("../image/menu_bg.gif") no-repeat right top;
    }
	#menu #menuinside {
    padding: 104px 0 0 166px;
    }
  * html #menu #menuinside {padding: 120px 0 0 166px;}

	#menu a {
			display:block;
			margin: 16px 0 0 0;
			width:88px;
			height:88px;
			background-repeat: no-repeat;
			background-position: left bottom;
			border: 0 none;
		}
	#menu a span {display:none;}

	#menu #profil   {background-image: url("../image/profil_grau.gif");}
	#menu #leistung {background-image: url("../image/leistung_grau.gif");}
	#menu #kreation {background-image: url("../image/kreation_grau.gif");}
	#menu #service  {background-image: url("../image/service_grau.gif");}
	#menu #kontakt  {background-image: url("../image/kontakt_grau.gif");}

	#menu #profil:hover, #menu #profil.current  {background-image: url("../image/profil_orange.gif");}
	#menu #leistung:hover, #menu #leistung.current  {background-image: url("../image/leistung_orange.gif");}
	#menu #kreation:hover, #menu #kreation.current  {background-image: url("../image/kreation_orange.gif");}
	#menu #service:hover, #menu #service.current  {background-image: url("../image/service_orange.gif");}
	#menu #kontakt:hover, #menu #kontakt.current  {background-image: url("../image/kontakt_orange.gif");}

	#menu #impressum {
    display:block;
    margin: 8px 0 0 0;
    width:54px;
    height:34px;
    border: 0 none;
    background-image: url("../image/impressum.jpg");
	 }


/********** Textbereich unten
************************************************/
  #thema {
    padding: 0 0 0 4px;
    height: 10px;
    width: 575px;
    position: absolute;
    left: 300px;
    top: 432px;
    font: normal normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
    }
  #beschreibung {
    padding: 0 0 10px 4px;
    height: 100px;
    width: 550px;
    position: absolute;
    left: 300px;
    top: 449px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    }
   #beschreibung_z {display:none;}



/********** Kreation / Unterseiten
************************************************/
  #thema_oben {
    margin: 0;
    padding: 0 0 0 4px;
    height: 10px;
    width: 575px;
    position: absolute;
    left: 300px;
    top: 174px;
    font-family: normal normal 12px/10px Verdana, Arial, Helvetica, sans-serif;
    }
  #content_kunden {
    height: 195px;
    width: 462px;
    left: 304px;
    top: 204px;
    position: absolute;
    overflow: hidden; /* auto */
    /* clip:rect(0px 461px 195px 0px); */
    /* Zum Zeigen der Grenzen des sichtbaren Bereiches
    ! Verschiebung um 1 px nach unten*/
    /* border: 1px solid #CC0000; */
    border: 0px none;
    }
  #content_kunden p {
    margin:0;
    padding:0;
    white-space:nowrap;
    width:100%;
    }
  #content_kunden img {
    margin: 0 8px 0 0;
    }

  #content_kunden_horiz {
    height: 280px;
    width: 2000px;
    left: auto;
    top: auto;
    position: relative;
    overflow: auto;
    }

button {
	background-color: #333333;
}
#content_scroll_vertikal {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: 280px;
	width: 575px;
	position: absolute;
	left: 296px;
	top: 204px;
	overflow: auto;
}

#content_scroll_horiz {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: 310px;
	width: 575px;
	position: absolute;
	left: 296px;
	top: 204px;
	overflow: auto;
}


/********** Content Kreation / Einstieg
************************************************/
  #content_einstieg {
    position: absolute;
    left: 306px;
    top: 120px;
    padding: 0 0 0 5px;
    height: 296px; /* 320px */
    width: 560px;
    overflow:hidden;
    /* Zum Zeigen der Grenzen des sichtbaren Bereiches
    ! Verschiebung um 1 px nach unten*/
    /* border: 1px solid #CC0000; */
    }
  #content_einstieg_text {
    padding: 0 0 0 5px;
    height: 296px; /* 320px */
    width: 520px;
    position: absolute;
    left: 306px;
    top: 110px; /* 174px */
    overflow:hidden;
    /* Zum Zeigen der Grenzen des sichtbaren Bereiches
    ! Verschiebung um 1 px nach unten*/
    /* border: 1px solid #CC0000; */
    }
  #content_einstieg p {
    margin:0;
    padding:0;
    vertical-align:top;
    }
  #content_einstieg img {
    margin: 0 16px 16px 0;
    padding:0;
    border:0 none;
    }
  #content_einstieg p.last img {
    margin: 0 16px 0 0;
    }



/**********************************************
************ Slider
****************************/
  #slide_container {
    /* sollte nicht verändert werden - ermöglicht das Sliden */
    position:absolute;
    top: 0;
    left: 0;
    z-index:10;
    }
  #slider_div_vertical {
    /* Für die Positionierung des Slider */
    position: absolute;
    left: 845px;
    top: 108px;
    }
  #slider_div_horizontal {
    /* Für die Positionierung des Slider */
    position: absolute;
    left: 293px;
    top: 407px;
    }
  /* #beschreibung_z {
    margin: 0px;
    padding: 0px 0px 0px 4px;
    height: 100px;
    width: 550px;
    position: relative;
    left: 300px;
    top: 525px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    z-index: -1000;
    } */
  #content_kontakt2 {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    height: 300px;
    width: 257px;
    position: absolute;
    left: 281px;
    top: 0px;
    }
  #content_kontakt1 {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    height: 300px;
    width: 257px;
    position: absolute;
    left: 299px;
    top: 180px;
    }