/*
	The body-wrap normally needs no presentation configuration.
	The only thing which may be useful is to set a background color for the
	whole website.
*/
#body-wrap {
	background: url(../../images/Materialien/schatten.gif) top left repeat-y;
}

/*
	Also for the head area normally only the background needs to be configured
	which results in a background-image and/or color.
*/
#head {
	background: url(../../images/Materialien/top.jpg) top left no-repeat;
}

/*
	The main-wrap needs normally only a background color. It will be defined
	for the part between the head and the footer.
*/
#main-wrap {
	background: url(../../images/Materialien/verlauf_u.gif) 198px bottom  no-repeat;
}

#main-background{
	background: url(../../images/Materialien/verlauf_o.gif) 198px 0px  no-repeat;
}

/*
	@TODO: Add Comment
*/
#footer {
	background: url(../../images/Materialien/footer.gif) top left repeat-y;
}

#left-navigation .level-1 A{
	color:#723b00;
	background: url(../../images/Materialien/menu_2.gif) top left repeat-y;
	border-color:#FFE9CD;
}

#left-navigation .level-1 A:hover {
	background: url(../../images/Materialien/menu_1.gif) top left repeat-y;
}

#left-navigation .level-2 A{
	color:#723b00;
	background: #FFD093;
	border-color:#FFE9CD;
}

#left-navigation .level-2 A:hover {
	background: url(../../images/Materialien/menu_1.gif) top left repeat-y;
}

#left-navigation .level-2 a span {
	background-image: url(../../images/Materialien/dot.gif);
}

#left-navigation .level-3 A{
	color:#723b00;
	background: #FFC982;
	border-color:#FFE9CD;
}

#left-navigation .level-3 A:hover {
	background: url(../../images/Materialien/menu_1.gif) top left repeat-y;
}

#left-navigation .level-3 a span {
	background-image: url(../../images/Materialien/arrow.gif);
}

#top-navigation UL {
	background:url(../../images/Materialien/topbg.gif) top left;
}

#top-navigation A:active,
#top-navigation A:hover {
	color:#ff9533;
}

#left-navigation .level-1 a.current-has-sub,
#left-navigation .level-2 a.current-has-sub,
#left-navigation .level-3 a.current-has-sub,
#left-navigation .level-1 a.current,
#left-navigation .level-2 a.current,
#left-navigation .level-3 a.current{
	background: url(../../images/Materialien/menu_1.gif) top left repeat-y;
}

.box .boxhead H3 {
	background: url(../../images/Materialien/box_head.gif) top left no-repeat;
}

.box .boxbody {
	background: url(../../images/Materialien/box_body.gif) bottom left no-repeat;
}

#footer p, #footer a {
	color:#572d00;
}

.csc-mailform {
	background:#FFF1DE;
}

A#searchsubmit-image {
	background: url(../../images/Materialien/suchen.gif) no-repeat;
}