/* CSS Document */
/*a { background: url(image_hover.gif); }
a:link { background: url(image_default.gif); }
a:hover,
a:focus { background: url(image_hover.gif); }
/* YELLOW STYLE SHEET*/

h2 {
	font: normal 22px/26px Arial, Helvetica, sans-serif;
	color: #07b0bb;
	padding: 0 0 0 30px;
	margin: 0;
}

h3 {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #07b0bb;
	padding: 0 0 0 30px;
	margin: 0;
}

a:hover {
	color: #ffa800;
	}

#title-yellow {	
	background: #ffa800 url(gfx/katalogue-yellow.gif) no-repeat center 18px;
}

#title-yellow p.web {	
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	background: url(gfx/nav/web-yellow-grey.gif) no-repeat 0 0;
}

#title-yellow p.web a {
	padding: 0 15px;
	display: block;
	float: left;
	text-decoration: none;
}

#title-yellow p.web a{
	width: 57px;
	height: 10px;
	background: url(gfx/nav/web-yellow.gif) no-repeat 0 0;
}	

/*#title-yellow p a.interactive:link{
	background: url(gfx/nav/web-yellow.gif) no-repeat 0 0;
}	
*/
#title-yellow p.web a:hover{
	background: url(gfx/nav/web-yellow-grey.gif) no-repeat 0 0;
}	

#title-yellow p.design {	
	display:inline;
	float: left;
	padding: 0;
	margin: 0;
	background: url(gfx/nav/design-yellow-grey.gif) no-repeat 0 0;
}

#title-yellow p.design a{
	width: 74px;
	height: 10px;
	background: url(gfx/nav/design-yellow.gif) no-repeat 0 0;
	padding: 0 15px;
	display: block;
	float: left;
	text-decoration: none;
}	

#title-yellow p.design a:hover{
	background: url(gfx/nav/design-yellow-grey.gif) no-repeat 0 0;
}	

#title-yellow a.photos{
	width: 35px;
	height: 10px;
	background: url(gfx/nav/photos-yellow.gif) no-repeat 0 0;
}	

#title-yellow a.blog:hover{
	background: url(gfx/nav/photos-yellow-grey.gif) no-repeat 0 0;
}	
#title-yellow p.contact{
	display:inline;
	float: left;
	padding: 0;
	margin: 0;
	background: url(gfx/nav/contact-yellow-grey.gif) no-repeat 0 0;
}

#title-yellow p.contact a{
	width: 40px;
	height: 10px;
	background:  url(gfx/nav/contact-yellow.gif) no-repeat 0 0;
	padding: 0 15px;
	display: block;
	float: left;
	text-decoration: none;
}	

#title-yellow p.contact a:hover{
	background: url(gfx/nav/contact-yellow-grey.gif) no-repeat 0 0;
}	

.interactive-site-yellow a{
	font: bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	padding: 16px 0 14px 17px;
	background: url(gfx/icon-arrow-yellow.gif) no-repeat 0px 17px;
	float: none;
}

.interactive-site-yellow a:hover{
	font: bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffa800;
}