/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/

/* ### Logo ################################################################# */
#logo {
	display: none;
}

/* ### Header ############################################################### */
#header {
	background:#37444f url(header.jpg) no-repeat;
	height:149px;
	color: #c4c4c4;
}

#nav-header {
	position:absolute;
	left:140px;
	top:128px;
	width:660px;
	min-width:660px;
	max-width:660px;
}

/* ### Teaser ############################################################### */

/* #main-teaser {
	background-image: url(start_teaser.jpg);
	background-repeat: no-repeat;
}
*/

/* ### Start-block Background ################################################# */

.mainrahmen {
	position:absolute;
	left:45px;
	top:100px;
	width:665px;
}

#anav {
	position:absolute;
    background: url(werkstatt-a.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#anav a {
	display:block;
	height:171px;
	width:220px;
	text-indent:-700em;
}
#anav a:hover {
	background-image: url(werkstatt-b.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#bnav {
	position:absolute;
	margin-left:220px;
    background: url(laden-a.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#bnav a {
	display:block;
	height:171px;
	width:220px;
	text-indent:-700em;
}
#bnav a:hover {
	background-image: url(laden-b.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#cnav {
	position:absolute;
	margin-left:440px;
    background: url(messer-a.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#cnav a {
	display:block;
	height:171px;
	width:220px;
	text-indent:-700em;
}
#cnav a:hover {
	background-image: url(messer-b.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}


* html body #main-block { height: 580px; } /* IE 6 / 5.5 Hack */

/* ### main-block => MainContent ################################################### */

#main {
	float:left;
	width:580px;
}

#main-content {
	background-image: url(start-body.jpg);
	background-repeat: repeat;
}

#main-content-block-start {
	
	width:700px;
}

/* ### Donate ###################################################################### */

#donate {
	position: absolute;
	right: 15px;
	display:block;
	clear:left;
	width:120px;
	height: 400px;
}

#donate input {
	margin-top: 300px;
}

#footer {
  background-image: url(footer-start.jpg);
}