body {
    margin: 0;
	padding: 0;
    font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	background: #d1d1d1 url(images/bg_body.jpg) fixed 0 0;
}

#site_start, #site_home, #site_ideekonzept, #site_text, #site_illustration, #site_fotografie, #site_publishing, #site_kontakt, #site_impressum {
   width: 960px;
   height: 580px;
   margin: 0px auto;
   padding: 0px;
   position: relative;
   background-repeat: no-repeat;
   background-image: url(images/bg_site.jpg);
   background-position: 0 0;
   background-color: #fff;
}

#logo {
	background: transparent url(images/logo_sh_trans.png) no-repeat 324px 17px;
	height: 77px;
	left: 0px;
	top: 503px;
    width: 960px;
	position: absolute;
	z-index: 12;
}

#logo a {
    display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#navi_bg {
   left: 0px;
   top: 0px;
   width: 422px;
   height: 523px;
   position:absolute;
   background-repeat: no-repeat;
   background-image: url(images/bg_navi.jpg);
   background-position: 0 0;
   background-color: #fff;
}

#site_start #navi_bg {
    background: none
} 

#site_home #navi_bg,
#site_ideekonzept #navi_bg,
#site_text #navi_bg ,
#site_illustration #navi_bg,
#site_fotografie #navi_bg,
#site_publishing #navi_bg,
#site_kontakt #navi_bg,
#site_impressum  #navi_bg   {
    background: transparent url(images/bg_navi.png) no-repeat scroll 0px 0px;
}












#column_1_bg, #column_2_bg, #column_3_bg, 
#column_1_txt, #column_2_txt, #column_3_txt {
    position: relative;
	top: 0px;
    margin-left: 34px;
	width: 228px;
	height: 489px;
	background: transparent url(images/bg_column.png) fixed 0 0;
	z-index: 2;
	float: left;
}

#column_3_bg {
    width: 197px;
}


#column_1_bg {
margin-left: 36px;
}


#column_1_txt, #column_2_txt, #column_3_txt {
	background: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 229px;
}
#column_2_txt, #column_3_txt {
    margin-left: 34px;
}


#column_3_txt {
    margin-left: 34px;
	width: 200px;
}


#content_txt {
	width: 683px;
	height: 416px;
	z-index: 2;
	float: left;
    padding: 50px 25px 23px 19px;
	background-color: #000;
}

#content_txt_scroll {
	height: 338px;
	padding: 0 20px 0 0;
    /*
	overflow-x:hidden;
    overflow-y:auto;
	*/
	position: absolute;
	width: 650px;
}



.column_text {
    position: absolute; 
	bottom: 0px;
	padding: 0px 19px 0px 19px;
	margin: 0;
}



.column_text p {
    margin: 0px;
	padding: 0px 0px 23px 0px;
	letter-spacing: 0;
}



#navi, #navi_overlay, #navi_overlay_action {
    position: absolute;
    top: 0px;
	left: 0px;
	width: 197px;
	height: 489px;
	z-index: 10;
}

#navi {
    position: relative;
    padding-top: 18px;
	padding-left: 16px;
	height: 471px;
	width: 181px;
	background: transparent url(images/bg_column.png) fixed 0 0;
	z-index: 90;
	float: left;
}

#navi_overlay,  #navi_overlay_action {
    display: block;
    z-index: 100;
	background: transparent url(images/navi_overlay.png) scroll 0 0;

} 

#navi_overlay_action {
   z-index: 110; 
   background: none;
}


#site_start #navi_image, #site_home #navi_image, 
#site_ideekonzept #navi_image, #site_text #navi_image, 
#site_illustration #navi_image, #site_fotografie #navi_image, 
#site_publishing #navi_image, #site_kontakt #navi_image, #site_impressum  #navi_image {
    position: absolute;
	width: 60px;
	height: 519px;
	bottom: 98px;
	left: 152px;
	z-index: 240;
	background-position: 0px bottom;
	background-color: transparent;
	background-repeat: no-repeat;
}


#site_start #navi_image {
    background: none
} 

#site_home #navi_image {
    background-image: url(images/img_navi_home.png);
}

#site_ideekonzept #navi_image {
    background-image: url(images/img_navi_ideekonzept.png);
}

#site_text #navi_image {
    background-image: url(images/img_navi_text.png);
} 

#site_illustration #navi_image {
    background-image: url(images/img_navi_illustration.png);
} 

#site_fotografie #navi_image {
    background-image: url(images/img_navi_fotografie.png);
}

#site_publishing #navi_image {
    background-image: url(images/img_navi_publishing.png);
}

#site_kontakt #navi_image {
    background-image: url(images/img_navi_kontakt.png);
}

#site_impressum  #navi_image {
    background-image: url(images/img_navi_impressum.png);
}








#site_start #content,
#site_home #content, 
#site_ideekonzept #content,
#site_text #content, 
#site_illustration #content, 
#site_fotografie #content, 
#site_publishing #content,
#site_kontakt #content, 
#site_impressum #content {
    position: absolute;
	left: 197px;
	padding-left: 36px;
	width: 726px;
	height: 489px;
	z-index: 200;
}

#site_start #content {
    background: transparent url(images/bg_site_content_start.png) no-repeat scroll right 0;
}
#site_home #content {
    background: transparent url(images/bg_site_content_neutral.png) no-repeat scroll right 0;
}
#site_ideekonzept #content {
    background: transparent url(images/bg_site_content_ideekonzept.jpg) no-repeat scroll right 0;
}
#site_text #content {
    background: transparent url(images/bg_site_content_text.jpg) no-repeat scroll right 0;
}
#site_illustration #content {
    background: transparent url(images/bg_site_content_illustratio.jpg) no-repeat scroll right 0;
}
#site_fotografie #content {
    background: transparent url(images/bg_site_content_fotografie.jpg) no-repeat scroll right 0;
}
#site_publishing #content {
    background: transparent url(images/bg_site_content_publishing.jpg) no-repeat scroll right 0;
}
#site_kontakt #content {
    background: transparent url(images/bg_site_content_neutral.png) no-repeat scroll right 0;
}
#site_impressum #content {
    background: transparent none no-repeat scroll right 0;
}




#navi a {
    display: block;
    height: 15px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 180px;
	margin-bottom: 6px;
}


#navi a.home, #navi a.ideekonzept, #navi a.text, #navi a.illustration, #navi a.fotografie, #navi a.publishing, #navi a.kontakt, #navi a.impressum   {
    background:transparent url(images/btn_home_out.png) no-repeat scroll 0 0;
}

#navi a.ideekonzept {
    background-image: url(images/btn_ideekonzept_out.png);
}

#navi a.text { 
    background-image: url(images/btn_text_out.png);
}

#navi a.illustration { 
    background-image: url(images/btn_illustration_out.png);
}

#navi a.fotografie {
    background-image: url(images/btn_fotografie_out.png);
}

#navi a.publishing {
    background-image: url(images/btn_publishing_out.png);
}
 
#navi a.kontakt {
    background-image: url(images/btn_kontakt_out.png);
}

#navi a.impressum {
    background-image: url(images/btn_impressum_out.png);
}

#navi a.home:hover, #navi a.home_active,
#navi a.ideekonzept:hover, #navi a.ideekonzept_active,
#navi a.text:hover, #navi a.text_active,
#navi a.illustration:hover, #navi a.illustration_active,
#navi a.fotografie:hover, #navi a.fotografie_active,
#navi a.publishing:hover, #navi a.publishing_active,
#navi a.kontakt:hover, #navi a.kontakt_active, 
#navi a.impressum:hover, #navi a.impressum_active  {
    background:transparent url(images/btn_home_over.png) no-repeat scroll 0 0;
}



#navi a.ideekonzept:hover, #navi a.ideekonzept_active {
    background-image: url(images/btn_ideekonzept_over.png);
}

#navi a.text:hover, #navi a.text_active { 
    background-image: url(images/btn_text_over.png);
}

#navi a.illustration:hover, #navi a.illustration_active { 
    background-image: url(images/btn_illustration_over.png);
}

#navi a.fotografie:hover, #navi a.fotografie_active {
    background-image: url(images/btn_fotografie_over.png);
}

#navi a.publishing:hover, #navi a.publishing_active {
    background-image: url(images/btn_publishing_over.png);
}
 
#navi a.kontakt:hover, #navi a.kontakt_active {
    background-image: url(images/btn_kontakt_over.png);
}

#navi a.impressum:hover, #navi a.impressum_active {
    background-image: url(images/btn_impressum_over.png);
}






a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #d79b1b;
    font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

a:hover, a:active  {
	text-decoration: underline;
}

h1, h2, h3 {
    margin: 0px 0px 16px 0px;
	font-size: 100%;
	font-weight: normal;
}

h2 {
    margin: 0px 0px 8px 0px;
}

h3 {
    margin: 0px 0px 0px 0px;
}

p  {
   margin: 0px 0px 16px 0px;
}