#mainmenu ul
{
	list-style: none;
}

#mainmenu li
{
	float: left;
	
	width: 150px;
	height: 185px;
	
	margin-right: 7px;

	text-align: center;
}

#mainmenu li a
{
	font-size: 18px;
	font-weight: bold;
	color: #ccc;
	
	text-decoration: none;
}

#mainmenu li a:link,
#mainmenu li a:visited
{
	position: relative;
	top: 155px;
}

#mainmenu li a:hover,
#mainmenu li a:active
{
	color: #d00;
}

#mainmenu li#development
{
	background: transparent 0 0 url('/images/photos.jpg') no-repeat;
}

#mainmenu li#design
{
	background: transparent -300px 0 url('/images/photos.jpg') no-repeat;
}

#mainmenu li#hosting
{
	background: transparent -600px 0 url('/images/photos.jpg') no-repeat;
}

#mainmenu li#info
{
	background: transparent -900px 0 url('/images/photos.jpg') no-repeat;
}

#page.development #mainmenu li#development
{
	background: transparent -150px 0 url('/images/photos.jpg') no-repeat;
}

#page.design #mainmenu li#design
{
	background: transparent -450px 0 url('/images/photos.jpg') no-repeat;
}

#page.hosting #mainmenu li#hosting
{
	background: transparent -750px 0 url('/images/photos.jpg') no-repeat;
}

#page.info #mainmenu li#info
{
	background: transparent -1050px 0 url('/images/photos.jpg') no-repeat;
}

#page.development #mainmenu li#development a,
#page.design #mainmenu li#design a,
#page.hosting #mainmenu li#hosting a,
#page.info #mainmenu li#info a
{
	color: #d00;
}

#submenu
{
	float: left;
	margin-top: 24px;
}

#submenu ul.development,
#submenu ul.design,
#submenu ul.hosting,
#submenu ul.info
{
	display:none;
}

#page.development #submenu ul.development,
#page.design #submenu ul.design,
#page.hosting #submenu ul.hosting,
#page.info #submenu ul.info
{
	display: inline;
}

#submenu ul
{
	list-style: none;
}

#submenu li
{
	float: left;
	margin-right: 2px;
	background: url('/images/tabs.png') no-repeat 0 0;
	line-height: 18px;
	border-bottom: solid 2px #000;
}

#submenu li a
{
	display: block;
	
	margin-left: 15px;
	padding-right: 15px;
	background: url('/images/tabs.png') no-repeat 100% 0;

	font-size: 12px;
	font-weight: bold;
	
	color: #6A6E74;
	
	text-decoration: none;
}

#submenu li a:link,
#submenu li a:visited
{
}

#submenu li a:hover,
#submenu li a:active
{
	color: #ccc;
}

#submenu.net li.net a,
#submenu.application li.application a,
#submenu.net li.net a,
#submenu.native li.native a,
#submenu.web li.web a,
#submenu.druck li.druck a,
#submenu.kit li.kit a,
#submenu.file li.file a,
#submenu.administration li.administration a,
#submenu.about li.about a,
#submenu.philosophy li.philosophy a,
#submenu.prices li.prices a,
#submenu.privacy li.privacy a,
#submenu.agb li.agb a,
#submenu.sitemap li.sitemap a,
#submenu.contact li.contact a
{
	background: url('/images/tabs.png') no-repeat 100% -20px;

	color: #fff;
}

#submenu.net li.net,
#submenu.application li.application,
#submenu.net li.net,
#submenu.native li.native,
#submenu.web li.web,
#submenu.druck li.druck,
#submenu.kit li.kit,
#submenu.file li.file,
#submenu.administration li.administration,
#submenu.about li.about,
#submenu.philosophy li.philosophy,
#submenu.prices li.prices,
#submenu.privacy li.privacy,
#submenu.agb li.agb,
#submenu.sitemap li.sitemap,
#submenu.contact li.contact
{
	border: 0px;
	line-height: 20px;
	background: url('/images/tabs.png') no-repeat 0 -20px;
}