* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #333333;
	width: 1400px;
	font-family: Arial, Helvetica, sans-serif;        
	font-size: 14px;
	color: #333333;
	margin-bottom: 131px;
}
#header {
	background-color: #333333;
	height:100px;
	background-image: url(/css/img/logo.png);
	background-repeat: no-repeat;
	background-position: 21px 23px;
	border-bottom-style:solid;
	border-bottom-width: 11px;
	border-top-style: solid;
	border-top-width: 11px;
	border-color: #FFFFFF;
}
.home {
	width: 220px;
	height:60px;
	position: absolute;
	left: 21px;
	top: 23px;
}
#content {
}
#navigation {
	float: left;
	width: 153px;
	height:470px;
	background-image: url(/css/img/copyright.png);
	background-repeat: no-repeat;
	background-position: 22px 434px;
}
#navigation ul {
	position: absolute;
	left: 21px;
	top: 177px;
}
#navigation ul li {
	padding-bottom: 2px;
}
#navigation ul li a {
	display: block;
	color: #333333;
}
.nava {
	background-image: url(/css/img/portfolios.png);
	background-repeat: no-repeat;
	width: 110px;
}
.navb a {
	background-image: url(/css/img/food.png);
	background-repeat: no-repeat;
	width: 62px;
}
.navb a:hover, .navb a.active {
	background-image: url(/css/img/food_01.png);
}
.navc a {
	background-image: url(/css/img/flowers.png);
	background-repeat: no-repeat;
}
.navc a:hover, .navc a.active {
	background-image: url(/css/img/flowers_01.png);
}
.navd a {
	background-image: url(/css/img/stills.png);
	background-repeat: no-repeat;
}
.navd a:hover, .navd a.active {
	background-image: url(/css/img/stills_01.png);
}
.nave a {
	background-image: url(/css/img/packaging.png);
	background-repeat: no-repeat;
}
.nave a:hover, .nave a.active {
	background-image: url(/css/img/packaging_01.png);
}
.navf a {
	background-image: url(/css/img/people.png);
	background-repeat: no-repeat;
}
.navf a:hover, .navf a.active {
	background-image: url(/css/img/people_01.png);
}
.navg a {
	background-image: url(/css/img/projects.png);
	background-repeat: no-repeat;
	padding-bottom: 18px;
}
.navg a:hover, .navg a.active {
	background-image: url(/css/img/projects_01.png);
}
.navh a {
	background-image: url(/css/img/clients.png);
	background-repeat: no-repeat;
}
.navh a:hover, .navh a.active {
	background-image: url(/css/img/clients_01.png);
}
.navi a {
	background-image: url(/css/img/info.png);
	background-repeat: no-repeat;
	padding-top: 14px;
}
.navi a:hover, .navi a.active {
	background-image: url(/css/img/info_01.png);
}
.navj a {
	background-image: url(/css/img/contact.png);
	background-repeat: no-repeat;
	background-position: 15px 0;	
}
.navj a:hover, .navj a.active {
	background-image: url(/css/img/contact_01.png);
}
.navk a {
	background-image: url(/css/img/impressum.png);
	background-repeat: no-repeat;
	background-position: 15px 0;
}
.navk a:hover, .navk a.active {
	background-image: url(/css/img/impressum_01.png);
}
#imagecontainer {
	float: left;
	width: 721px;
	height: 470px;
	padding-left: 11px;
	background-color: #FFFFFF;
}
#thumbs {
	float: left;	
	width: 141px;
	height: 458px;
	margin-left: 5px;
	margin-top: 6px;
	background-image: url(/css/img/bg_thumbs.png);
	background-repeat: no-repeat;
}
#thumbs img {
		border-right-style: solid;
		border-right-width: 2px;
		border-right-color: #333333;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-bottom-color: #333333;
		border-top-style: none;
		border-left-style: none;
}
a:link { 
	color:#333333;
	border-style:none;
	text-decoration: none;
}
a:active { 
	color:#333333;
	border-style:none;
	text-decoration: none;
}
a:visited {
	color:#333333;
	border-style:none;
	text-decoration: none;
}
#caption {
	height: 67px;
	color: #FFFFFF;
	font-size: 11px;
	background-color: #333333;
	border-top-style: solid;
	border-top-width: 11px;
	border-top-color: #FFFFFF;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #808080;	
}
#arrowright {
	float: left;
	width: 18px;	
	background-image: url(/css/img/arrow_right.png);
	background-repeat: no-repeat;	
	position: absolute;
	top: 608px;
	left: 857px;

}
#arrowleft {
	width: 18px;
	background-image: url(/css/img/arrow_left.png);
	background-repeat: no-repeat;	
	position: absolute;
	left: 165px;
	top: 608px;
}
#imagetitle {
	position: relative;
	left: 165px;
	top: 31px;
	//text-transform: uppercase; 
	color: #bebdbd;	
}
.contact {
	float: left;
	font-weight: bold;
	width: 320px;
	padding-top: 27px;
	padding-left: 22px;
}
h1 {
	font-size: 14px;
	color: #B08951;
	padding-top: 25px;
	padding-bottom: 0;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 52px;
	padding-bottom: 24px;
	padding-left: 22px;	
}
h3 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 20px 16px 22px;
	xpadding-bottom: 16px;
	xpadding-left: 22px;
	xpadding-right: 20px;	
}
.impressum {
	padding-top: 52px;
	padding-bottom: 0;
	padding-left: 22px;	
	font-weight: bold;
}
.phone {
	color: #989898;
}
.contimg {
	float: left;
	padding-top: 55px;
	padding-left: 120px;	
}
.clientsl {
	float: left;        
	font-size: 12px;
	font-weight: bold;
	width: 320px;
	padding-top: 10px;
	padding-left: 22px;
	color: #E93956;
}
.clientsr {        
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 122px;
	color: #E93956;
}
 ul li {
	list-style-type: none;	
}
.cleaner {
	clear: both;
	border: 0;
}