body {
	background-color: white;
	vertical-align: top;
}

#main {
	width: 800px;
	margin:0px auto; /* center main container*/
}

h1, .title {
	width: 395px;
	float:left;
}

#colorBox, #colorBoxGallery{
	width: 114px;
	height: 74px;
	float:left;
}

#headerImages, #headerImage, #titleImage {
	width: 495px;
	height: 74px;
	float: left;
	position: relative;
	z-index: 1;
}

#headerImages img{
	padding-left: 1px;
}

#headerImage img{
  padding-left: 0px;
}

#logo {
	width: 189px;
	height: 74px;
	float:left;
}

#topnavigation {
	width: 800px;
	height: 16px;
	text-align:left;
	padding-left: 0px;
	vertical-align:middle;
	text-indent: 0px;
	clear: left;
	margin-bottom: 2px;
	position: relative;
	z-index: 20;
}

#search {
	width: 191px;
	height: 22px;
	float:left;
	text-align:left;
	position: relative;
	z-index: 20;
}

#breadcrumb {
	width: 590px;
	height: 22px;
	float:left;
	text-align:left;
	text-indent: 12px;
	padding-left: 0px;
}

#mainnavigation, #content, #gallery, #rightBoxColumn {
	margin-top: 60px;
}

#mainnavigation {
	width: 113px;
	float:left;
	float:left;
}

#mainnavigation li, #subnavigation li{
	line-height: 20px;
}

/* subnavigation */
#subnavigation li.level1{
	padding-left: 0px;
}
#subnavigation li.level2{
	padding-left: 20px;
}
#subnavigation li.level3{
	padding-left: 30px;
}
#subnavigation li.level4{
	padding-left: 50px;
}

.rightBoxShort li.level2, .rightBoxShort li.level2active  {
	padding-left: 10px;
}

#content, #gallery {
	float:left;
	margin-right: 102px; /* 134px / 132px BOX-Model!*/
	padding-left: 10px;
}

#content {
	width: 425px;
}

#contentWide {
	float:left;
	margin-right: 0px; /* 134px / 132px BOX-Model!*/
	padding-left: 10px;
}

#contentWide {
	width: 673px;
}

#contentWide .detail p {
	padding-bottom: 20px;
}

#contentWide {
	margin-top: 60px;
}

#gallery {
	width: 475px;
}

#content .detail p, #content .gallery p{
	padding-bottom: 20px;
}

.galleryImage{
	float: left;
	padding-bottom: 5px;
}

#gallery p.imageName {
	width: 212px; /* ~50% from imagewidth 425px */
	float:left;
}

#gallery p.backLink {
	width: 213px; /* ~50% from imagewidth 425px */
	float:left;
	text-align: right;
}

#rightBoxColumn  p{
	padding-bottom: 10px;
}

#rightBoxColumn {
	width: 148px;
	text-align:left;
	float:left;
}

.rightBoxNews, .rightBoxShort {
	margin-top: 15px;
}

.rightBoxShort li {
	list-style: square;
	margin-left: 15px;
}

.rightBoxNormal .head, .rightBoxNews .head, .rightBoxShort .head {
	margin-bottom: 5px;
	padding-left: 2px;
}

#detailScroller {
	float: left;
	width: 30px;
	height: 49px; /* same height like h1 incl. padding */
}

.noDetailScroller{
	clear: left;
}

.detailScrollerArrow {
	float: left;
}

div.verticalScrollerArrow {
	text-align: right;
}