body {
	color: #333333; 
	background-color: #e9e9e9; 
	background-image: url(images/bg.gif); 
	background-position: left; 
	background-repeat: repeat-y; 
	font-family: Verdana; 
	font-size: 12px; 
	padding: 0px; 
	margin: 0px;
}

strong { color: #573f07; font-weight: bold; }



.dummy { clear: both; }


#bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 52px; background-color: #e9e9e9; z-index: 1; }
#bg #leftbg { float: left; position: relative; background-color: #fcfbf7; width: 49.95%; height: 52px;}
#bg #rightbg { 
	float: left; 
	position: relative; 
	background-color: #e9e9e9; 
	background-image: url(images/rightbg.gif); 
	background-position: top; 
	background-repeat: repeat-x; 
	width: 50%; 
	height: 52px; 
}


#header { 
	position: relative; 
	top: 0px; 
	width: 100%; 
	text-align: center; 
	height: 130px; 
	background-color: transparent; 
	z-index: 2; 
}
/* das mutterelement des zu zentrierenden elementes muss 100% width haben und die centrier-anweisung enthalten */
/* damit der fuss unten steht, muessen alle ebenen darueber relative positioniert werden */
#headercontent {
	position: relative; 
	width: 900px; 
	background-color: #fcfbf7; 
	height: 130px; 
	margin: 0 auto 0 auto; 
} /* das zu zentrierende Objekt muss diese margin-einstellung haben */
.headbox { 
	float: left; 
	position: relative; 
	top: 0; 
	left: 0; 
	text-align: right;
}
.headbox ul#naviservice {
	color: #9a9293; 
	position: relative; 
	top: 17px; 
	margin: 0px; 
	padding: 0;
}
.headbox ul#naviservice li {
	list-style: none; 
	display: inline; 
	font-size: 11px; 
	margin: 0px; 
	padding: 0;
}
.headbox ul#naviservice li a,
.headbox ul#naviservice li a:visited { 
	margin: 0px; 
	padding: 0px 12px 0px 0px; 
	text-decoration: none; 
	color: #9a9293; 
	border: 0; 
	background-image: none;
}
.headbox ul#naviservice li a:hover, 
.headbox ul#naviservice li a.active { 
	margin: 0px; 
	padding: 0px 12px 0px 0px; 
	text-decoration: underline; 
	color: #9a9293;
}
img.headphoto { margin: 55px 35px 0px 28px; }


#main { 
	position: relative; 
	top: 0px; 
	width: 100%; 
	text-align: left; 
	background-color: transparent; 
	z-index: 2; 
}
* html #main { 
	position: relative; 
	top: 0px; 
	width: 100%; 
	text-align: center; 
	background-color: transparent; 
	z-index: 2; 
}

 /* damit der fuss unten steht, muessen alle ebenen darueber relative positioniert werden */



h1 { font-size: 14px; font-weight: bold; color: #8D242C; padding: 0px 0px 10px 0px; margin:  0px 0px 3px 0px; }
h2 { color: #333333; font-size: 12px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; }

#maincontent {
	position: relative; 
	width: 900px; 
	background-color: #e9e9e9; 
	margin: 0 auto 0 auto; 
	background-image: url(images/mainbg.gif); 
	background-position: left; 
	background-repeat: repeat-y;
} /* das zu zentrierende Objekt muss diese margin-einstellung haben */

#main #leftbox { 
	position: relative; 
	float: left; 
	width: 395px; 
	background-color: #a4a1a0; 
	background-image: url(images/leftboxbg.gif); 
	background-position: left; 
	background-repeat: repeat-y; 
	text-align: right; 

}
#main #leftbox h1 {
	text-align: right; 
	padding: 10px 12px 2px 0px; 
	margin: 3px 0px 0px 0px; 
}
#main #leftbox h2 { 
	text-align: right; 
	color: #ffffff; 
	padding: 10px 12px 5px 0px; 
	margin: 3px 0px 0px 0px;
}
#main #leftbox input { margin: 0px 0px 0px 0px; }
#main #leftbox input.howmany  { width: 20px; height: 13px; margin: 0px 0px 0px 0px; border: 1px; border-style: solid; border-color: #90846A; margin: 2px 0px 2px 0px; padding: 4px 4px 4px 4px; background-color: #E9E1D1; font-weight: normal; font-size: 11px; color: #333333; text-align: right; }
#main #leftbox input:focus.howmany, 
#main #leftbox input:hover.howmany  { 
	background-color: #ffffff; 
}
#main #leftbox #navi { position: relative; float: left; width: 190px; background-color: transparent; color: #ffffff; }
#main #leftbox #left { position: relative; float: left; width: 205px; background-color: #a4a1a0; color: #ffffff; padding: 7px 0 7px 0; margin: 0; text-align: left; }
#main #leftbox #left p { text-align: right; padding: 3px 14px 5px 30px; margin: 0; line-height: 22px; }
#main #leftbox #left a:link, #main #leftbox #left a:visited { color: #8D242C; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #e9e9e9; text-decoration: none; padding: 0px 0px 1px 7px;  margin: 0px 0px 0px 2px;  color: #8D242C; text-decoration: none; background-image: URL(images/arrow.gif); background-position: left; background-repeat: no-repeat; }
#main #leftbox #left a:hover, #main #leftbox #left a.active { border-color: #ffffff; border-width: 0px 0px 1px 0px; }

#main #right { position: relative;float: left; background-color: #e9e9e9; width: 490px;  color: #333333; padding: 10px 0px 7px 15px; text-align: left; }
#main #right h1 { padding: 10px 0px 5px 0px; }
#main #right h2 { padding: 10px 0px 5px 0px; }
#main #right img { margin: 4px 12px 4px 0px; }
#main #right p { text-align: left; padding: 0px 14px 7px 0px; margin: 0; line-height: 22px; }
#main #right a:link, #main #right a:visited { color: #8D242C; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #ffffff; text-decoration: none; padding: 0px 0px 1px 7px;  margin: 0px 0px 0px 2px;  color: #8D242C; text-decoration: none; background-image: URL(images/arrow.gif); background-position: left; background-repeat: no-repeat; }
#main #right a:hover, #main #right a.active { border-color: #a4a1a0; border-width: 0px 0px 1px 0px; }

#main #right input.address { width: 289px; border: 1px; border-style: solid; border-color: #a4a1a0; margin: 0px 0px 3px 0px; padding: 4px 4px 4px 4px; background-color: #E9E1D1; font-weight: normal; font-size: 11px; color: #333333; }
#main #right input:focus.address, #main #right input:hover.address  { background-color: #ffffff; }
#main #right input.submit { width: 200px; border: 0px; margin: 7px 0px 0px 0px; padding: 4px 4px 4px 4px; background-color: #981e0a; color: #ffffff; font-size: 12px; }
#main #right .k { padding: 0; margin: 0; width: 170px; float: left; position: relative; text-align: right; }
#main #right .m { padding: 0; margin: 0; width: 290px; float: left; position: relative;}
#main #right p.caption, #main #right dd.csc-textpic-caption { color: #8D242C; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; line-height: 14px; }


#footer1 { position: relative; width: 490px; background-color: #e9e9e9; margin: 0 auto 0 auto; background-image: url(images/footerbg.gif); background-position: left; background-repeat: repeat-y; color: #a4a1a0; padding: 7px 0px 7px 410px; z-index: 2; }
* html #footer1 { position: relative; width: 900px; background-color: #e9e9e9; background-image: url(images/footerbg.gif); background-position: left; background-repeat: repeat-y; color: #a4a1a0; padding: 7px 0px 7px 410px; margin: 0; z-index: 2; text-align: left; }
#main #footer1 a { color: #555555; text-decoration: none; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #ffffff; background-image: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; }
#main #footer1 a:hover { border-color: #a4a1a0; color: #333333; border-width: 0px 0px 1px 0px; text-align: left; }

/*-------
-------*/

#footer { float: left; position: relative; width: 100%; height: 600px; text-align: left; background-color: #fcfbf7; z-index: 2; }


#footer2  { position: relative; width: 490px; background-color: #fcfbf7; color: #9a9293; padding: 7px 0px 50px 410px; margin: 0px auto 0px auto; z-index: 2; }
* html #footer2  { position: relative; width: 900px; background-color: #fcfbf7; color: #9a9293; padding: 7px 0px 50px 462px; margin: 0px auto 0px auto; z-index: 2; }
#footer2 ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#footer2 ul li { list-style: none; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px; }
#footer2 ul li a { color: #555555; text-decoration: none; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #e9e9e9;  background-image: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  }
#footer2 ul li a:hover { border-color: #9a9293; color: #333333; border-width: 0px 0px 1px 0px; }

/* ------- Navi Main ------
------------------------*/

ul#navicraft {
	background-color: #d22520;
}
ul#navicraft li a:hover, 
ul#navicraft li a.active { 
	background-image: url(images/navimainbgcraft.gif); 
	border: 0;
}
ul#navicraft li ul li a:hover, 
ul#navicraft li ul li a.active { 
	background-image: none;
}
ul#naviinfo { 
	background-color: #981e0a; 
	border-style: solid; 
	border-width: 2px 0px 0px 0px; 
	border-color: #fcfbf7;
}
ul#naviinfo li a:hover, 
ul#naviinfo li a.active { 
	background-image: url(images/navimainbginfo.gif); 
	border: 0;
}
ul#naviinfo li ul li a:hover, 
ul#naviinfo li ul li a.active { 
	background-image: none; 
	}
ul#naviready { background-color: #ad1a25; border-style: solid; border-width: 2px 0px 0px 0px; border-color: #fcfbf7; }
ul#naviready li a:hover, ul#naviready li a.active { background-image: url(images/navimainbg.gif); border: 0; }
ul#naviready li ul li a:hover, ul#naviready li ul li a.active { background-image: none; }


ul.navimain { 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 190px; 
	color: #dddddd; 
	text-align: left;
}
* html ul.navimain { 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 20px; 
	width: 170px; 
	color: #dddddd; 
	text-align: left;
}
ul.navimain li { list-style: none; padding: 4px 0px 4px 0px; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 20px; border-color: #fcfbf7; }
* html ul.navimain li { list-style: none; padding: 4px 0px 4px 0px; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #fcfbf7; }

ul.navimain li a, ul.navimain li a:visited { display: block; padding: 4px 0px 4px 24px; margin: 0px 0px 0px 0px; color: #dddddd; text-decoration: none; font-weight: normal; background-image: none; border: 0; }
ul.navimain li a:hover, ul.navimain li a.active { padding: 4px 0px 4px 24px; margin: 0px 0px 0px 0px; color: #dddddd; text-decoration: none; font-weight: normal; background-image: url(images/navimainbg.gif); background-position: bottom; background-repeat: no-repeat; color: #ffffff; }
ul.navimain li.close { padding: 0px 0px 0px 14px; margin: 0px 0px 0px 0px; color: #ffffff; text-decoration: none; font-weight: bold; border-style: solid; border-width: 0px 0px 0px 20px; border-color: #fcfbf7; }
* html ul.navimain li.close { padding: 0px 0px 0px 14px; margin: 0px 0px 0px 0px; color: #ffffff; text-decoration: none; font-weight: bold; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #fcfbf7; }

ul.navimain li ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 150px; background-color: transparent; color: #d28c8c; font-weight: normal; }
ul.navimain li ul li { padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 20px; border-color: #fcfbf7; border-style: none; }
* html ul.navimain li ul li { padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #fcfbf7; border-style: none; }

ul.navimain li ul li a, ul.navimain li ul li a:visited { padding: 0px 0px 0px 24px; margin: 0px 0px 0px 0px; color: #d28c8c; text-decoration: none; background-image: none; }
ul.navimain li ul li a:hover, ul.navimain li ul li a.active { padding: 0px 0px 0px 24px; margin: 0px 0px 0px 0px; color: #ffffff; text-decoration: none; background-image: none; }
ul.navimain li ul li .on { padding: 0px 0px 0px 24px; margin: 0px 0px 0px 0px; font-weight: bold; color: #ffffff; }

ul.navimain li.oncraft { padding: 6px 0px 6px 14px; margin: 0; color: #ffffff; text-decoration: none; font-weight: bold; border-color: #d22520; border-style: solid; border-width: 0px 0px 0px 20px; }
*html ul.navimain li.oncraft { padding: 6px 0px 6px 14px; margin: 0; color: #ffffff; text-decoration: none; font-weight: bold; border-color: #d22520; border-style: solid; border-width: 0px 0px 0px 0px; }

ul.navimain li.oninfo { padding: 6px 0px 6px 14px; margin: 0; color: #ffffff; text-decoration: none; font-weight: bold; border-color: #981e0a; border-style: solid; border-width: 0px 0px 0px 20px; }
* html ul.navimain li.oninfo { padding: 6px 0px 6px 14px; margin: 0; color: #ffffff; text-decoration: none; font-weight: bold; border-color: #981e0a; border-style: solid; border-width: 0px 0px 0px 0px; }

ul.navimain li.onready { padding: 6px 0px 6px 14px; margin: 0; color: #ffffff; text-decoration: none; font-weight: bold; border-color: #ad1a25; border-style: solid; border-width: 0px 0px 0px 20px; }
* html ul.navimain li.onready { padding: 6px 0px 6px 14px; margin: 0; color: #ffffff; text-decoration: none; font-weight: bold; border-color: #ad1a25; border-style: solid; border-width: 0px 0px 0px 0px; }

img.navimain { padding: 0; margin: 0; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #fcfbf7; }

/***TUDOCK***/
div.csc-textpic-imagewrap {margin: 0px 0px 0px 0px;}
.csc-mailform {border: none; margin: 0px; padding: 0px;}