* {
	font-family:tahoma;
	font-size:8pt;}
p {
	margin:10px;}

/* Margin und Padding zurücksetzen */
form, body, h3.home, .box p, .box_group p, ul {
	margin:0;
	padding:0;}
body {
	cursor:default;
	color:#242424;
	text-align:center;
	background:url(../images/bodybg.png) repeat-x left top #e7e7e7;}
/* Hyperlinks */
a {
	text-decoration:none;
	color:#2E68B2;
	cursor:pointer;}
ul {
	list-style:url(../images/list-style.gif) inside;}

ul.master {
	list-style:url(../images/bullet_master.gif) inside;
	padding:8px 0 0 0;
	clear:both;
}
ul.children {
	list-style:url(../images/bullet_children.gif) inside;
	padding:0;
	clear:both;
}

/*******************************************************************************************************************************************/
/* Schriftformatierungen */
/*******************************************************************************************************************************************/
h1,h2,h3,h4 {
	margin:0;
	padding:5px 0;
	letter-spacing:0.1px;}
h1 {
	font:normal 28px "tahoma";
	color:#a1a1a1;}
h2 {
	font:bold 12px "verdana";
	color:#000000;}
h3,.h3 {
	font:bold 11px "verdana";
	color:#535353;}
h4 {
	font:bold 11px "verdana";
	color:#F8981C;}
h3.home,a.h3 {
	font:bold 12px "verdana";
	height:12px;
	}
.normaltext {
	font:normal 11px verdana;
	color:#535353;}
.techtext {
	color:#a1b1c7;
	font:normal 11px tahoma;}
.story {
	color:#2F2F2F;
	font:normal 11px tahoma;
	letter-spacing:1px;
	line-height:16px;}
/*******************************************************************************************************************************************/
/* Grafiken */
/*******************************************************************************************************************************************/

/* ImageStore: enthält nahezu alle grafiken, ohne repeat */
.imglib {
	background-image:url(../images/imgLib.gif);
	background-color:transparent;
	background-repeat:no-repeat;}
.img1 {
	background-position:0 0;
	width:80px;
	height:92px;}
.img2 {
	background-position:-80px 0;
	width:95px;
	height:90px;}
.img3 {
	background-position:-175px 0;
	width:94px;
	height:84px;}
.img4 {
	background-position:-269px 0;
	width:71px;
	height:72px;}
.img5 {
	background-position:-340px 0;
	width:129px;
	height:48px;}
.img6 {
	background-position:-469px 0;
	width:135px;
	height:64px;}
.img7 {
	background-position:-604px 0;
	width:149px;
	height:50px;}
.img8 {
	background-position:-753px 0;
	width:112px;
	height:62px;}
.img9 {
	background-position:-865px 0;
	width:30px;
	height:38px;}
.img10 {
	background-position:-895px 0;
	width:30px;
	height:38px;}
.img11 {
	background-position:-925px 0;
	width:30px;
	height:38px;}
.img12 {
	background-position:-955px 0;
	width:30px;
	height:38px;}
.img13 {
	background-position:-985px 0;
	width:30px;
	height:38px;}
.img14 {
	background-position:-340px -50px;
	width:78px;
	height:68px;}
.box, .layer {
	background-image:url(../images/layer.png);
	background-color:transparent;}
/* enthält schriftzüge */
.schriften {
	background-image:url(../images/schriften.png);
	background-color:transparent;
	background-repeat:no-repeat;}

/*******************************************************************************************************************************************/
/* Logo */
#logo {
	float:left;
	display:inline;
	width:200px;
	padding-top:16px;
	height:113px;}
/* Oberer Balken */
#topframe {
	width:1024px;
	height:20px;
	background:url(../images/topbg.gif) repeat-x left top #99cc33;}
#topframe .claim {
	color:#9aff00;
	font-weight:bold;
	margin-left:250px;
	line-height:18px;}
/* Seitliche Produktgruppen */
#sidebar {
	margin:35px 0 0 10px;
	width:229px;}

#sidebar ul li {
	line-height:18px;}
	
/* Menüleiste (oben) */
#xtramenu {
	float:left;
	margin:6px 0 0 15px;
	position:relative;
	z-index:10;}
#xtramenu ul {
	list-style-image:none;
	list-style:none;}
#xtramenu ul li {
	color:#2E68B2;
	float:left;
	margin:0 7px 0 0;}
#xtramenu ul li.current a {
	color:#A0A0A0;}
#basket_infolayer {
	border:1px solid #B9C6D7;
	background-color:#EAEFF5;
	width:242px;
	height:33px;
	padding:2px 0 0 2px;
	position:relative;
	top:-1px;
	left:450px;
	z-index:5;}
#loginBox {
	float:left;
	display:inline;
	margin-top:-20px;
	margin-left:20px;
	width:314px;
	height:96px;
	position:relative;
	z-index:9;}
#loginBox td {
	height:24px;}
#globalSearch {
	float:left;
	display:inline;
	margin:0 0 0 20px;
	width:314px;
	height:64px;}
#globalSearch td {
	height:32px;}
#navigation {
	float:left;
	margin-top:-30px;
	padding-left:215px;}
#navigation ul {
	list-style-image:none;
	list-style:none;}
#navigation ul li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	margin-right:16px;}
#navigation .sep {
	background-position:-304px 0px;
	width:6px;
	height:32px;}
#navigation a .nav1 {
	background-position:0 0;
	width:56px;
	height:32px;}
#navigation a .nav2 {
	background-position:-56px 0px;
	width:124px;
	height:32px;}
#navigation a .nav3 {
	background-position:-180px 0px;
	width:124px;
	height:32px;}
#navigation a:hover .nav1 {
	background-position:0 -32px;
	width:56px;
	height:32px;}
#navigation a:hover .nav2 {
	background-position:-56px -32px;
	width:124px;
	height:32px;}
#navigation a:hover .nav3 {
	background-position:-180px -32px;
	width:124px;
	height:32px;}
#navigation .current .nav1 {
	background-position:0 -32px;
	width:56px;
	height:32px;}
#navigation .current .nav2 {
	background-position:-56px -32px;
	width:124px;
	height:32px;}
#navigation .current .nav3 {
	background-position:-180px -32px;
	width:124px; 
	height:32px;}
#footer {
	margin-top:10px;}
.hhr {
	clear:both;
	background-color:#B9C6D7;
	height:2px;
	font-size:1px;
	width:100%;}
.hhr2 {
	background-color:#B9C6D7;
	height:1px;
	font-size:1px;
	margin:10px 0 10px 0;
	width:100%;}
.block {
	display:block;
	clear:both;
	line-height:14px;}
.block2 {
	}
.center {
	text-align:center;}
.cls {
	clear:both;
	border-bottom:1px solid #E9EDF4;
	padding:5px 0;}
.rFloat	{
	float:right;
	display:inline;}
/* Schattenzüge hinter dem großen Weißem content */
.shadow_left {
	width:10px;
	background-position:-5140px 0;
	background-repeat:repeat-y;}
.shadow_right {
	width:10px;
	background-position:-5150px 0;
	background-repeat:repeat-y;}
.shadow_bottom {
	width:1044px;
	height:39px;
	background:url(../images/footer.png) no-repeat;}
#content {
	width:710px;
	background-color:#FFFFFF;}
.box_group {
	background:url(../images/group_bg.gif) transparent;
	width:458px;
	height:212px;
	padding:3px 10px;
}

.box_220_small_t {
	background-position:-710px 0;
	background-repeat:no-repeat;
	width:220px;
	height:10px;}
.box_220_small_m {
	background-image:url(../images/box_220_small_m.png);
	background-color:transparent;
	background-repeat:no-repeat;
	width:220px;
	height:200px;}

.box_220_small_b {
	background-position:-710px -10px;
	background-repeat:no-repeat;
	width:220px;
	height:10px;}
.box_220_big_t {
	background-position:-930px 0;
	background-repeat:no-repeat;
	width:220px;
	height:10px;}
.box_220_big_m {
	background-position:-2790px 0;
	background-repeat:repeat-y;
	width:200px;
	padding:0 10px;
	height:430px;}
.box_220_big_b {
	background-position:-930px -10px;
	background-repeat:no-repeat;
	width:220px;
	height:10px;}
.box_710_small_t {
	background-position:-1150px 0;
	background-repeat:no-repeat;
	width:710px;
	height:10px;}
.box_710_small_m {
	background-position:-3010px 0;
	background-repeat:repeat-y;
	width:690px;
	padding:0 10px;
	height:40px;}
.box_710_small_b {
	background-position:-1150px -10px;
	background-repeat:no-repeat;
	width:710px;
	height:10px;}
.box_710_var_t {
	background-position:0 0;
	background-repeat:no-repeat;
	width:710px;
	height:10px;}
.box_710_var_m {
	background-position:-1860px 0;
	background-repeat:repeat-y;
	width:690px;
	padding:3px 10px;
	height:auto;}
.box_710_var_b {
	background-position:0 -10px;
	background-repeat:no-repeat;
	width:710px;
	height:10px;}
.color_box {
 	width:12px;
 	height:12px;
 	border:1px solid #2E68B2;
  	margin-right:6px;}
.fixed {
	table-layout:fixed;
	clear:both;}
.input {
	width:150px;
	height:16px;
	border:1px solid #2E68B2;
	font:normal 11px tahoma;}
.input_dis {
	background-color:#EAEFF5;
	border:1px solid #B9C6D7;
	color:#CC0000;
	padding:3px;
	font:bold 11px tahoma;}

/* Grafische Buttons START */
.buttonlib {
	text-transform:uppercase;
	text-align:center;
	font:bold 10px tahoma;
	border-style:none;
	background:url(../images/buttonlib.png) no-repeat;
	display:block;
	height:22px;
	padding-bottom:4px;
	color:#FFFFFF;
	cursor:pointer;}
.small_green {
	background-position:0 0;
	width:77px;}
.small_green_hover {
	background-position:0 -22px;
	width:77px;}
.small_green_pressed {
	background-position:0 -44px;
	width:77px;}
.small_red {
	background-position:-77px 0;
	width:69px;}
.small_red_hover {
	background-position:-77px -22px;
	width:69px;}
.small_red_pressed {
	background-position:-77px -44px;
	width:69px;}
.small_yellow {
	background-position:-146px 0;
	width:69px;}
.small_yellow_hover {
	background-position:-146px -22px;
	width:69px;}
.small_yellow_pressed {
	background-position:-146px -44px;
	width:69px;}
.big_green {
	background-position:-215px 0;
	width:147px;}
.big_green_hover {
	background-position:-215px -22px;
	width:147px;}
.big_green_pressed {
	background-position:-215px -44px;
	width:147px;}
.big_blue {
	background-position:-362px 0;
	width:147px;}
.big_blue_hover {
	background-position:-362px -22px;
	width:147px;}
.big_blue_pressed {
	background-position:-362px -44px;
	width:147px;}
.medium_red {
	background-position:-509px 0;
	width:77px;}
.medium_red_hover {
	background-position:-509px -22px;
	width:77px;}
.medium_red_pressed {
	background-position:-509px -44px;
	width:77px;}
.big_yellow {
	background-position:-586px 0;
	width:147px;}
.big_yellow_hover {
	background-position:-586px -22px;
	width:147px;}
.big_yellow_pressed {
	background-position:-586px -44px;
	width:147px;}

/* Grafische Buttons ENDE */
.label_green {
	color:#199A00;
	font:bold 11px tahoma;
	text-transform:uppercase;}
.label_blue {
	font:bold 11px tahoma;
	text-transform:uppercase;
	color:#2E68B2;}
#message {
	margin:6px 0 0 15px;
	float:left;
	display:inline;
	width:400px;
	height:100px;}
#errorBox {
	border:3px solid #F00;
	height:auto;
	overflow:auto;
	background-color:#FFF600;}
#successBox	{
	border:3px solid #158400;
	height:auto;
	overflow:auto;
	background-color:#9aff00;}
#successText {
	font-weight:normal;
	color:#000;
	display:block;
	line-height:18px;
	padding:3px;
	white-space:normal;}
#errorText {
	font-weight:normal;
	color:#000;
	display:block;
	line-height:18px;
	padding:3px;
	white-space:normal;}
.label {
	font:normal 11px tahoma;
	color:#2F2F2F;
	letter-spacing:0.5px;
	padding-right:2px;}
.text {
	padding:2px;
	width:170px;
	height:14px;
	border:1px solid #C0C0C0;}
.text_small {
	padding:2px;
	width:80px;
	height:14px;
	border:1px solid #C0C0C0;}
.select {
	padding:2px;
	width:176px;
	height:20px;
	border:1px solid #C0C0C0;}
.select_small {
	padding:2px;
	width:86px;
	height:20px;
	border:1px solid #C0C0C0;}
.textarea {
	padding:2px;
	width:500px;
	height:100px;
	border:1px solid #C0C0C0;}
.i {
	font-style:italic;}
.b {
	font-weight:bold;}
.bg_g {
	background-color:#E9EDF4;}
.bg_b {
	background-color:#477550;}
.bg_o {
	background-color:#535353;}
input.error {
	border:1px solid #c00;}
/* Farben */
.c1 {
	color:#B78623;} /* ocker/olive */
.c2 {
	color:#704D79;} /* lila */
.c3 {
	color:#477550;} /* mint grün */
.c4 {
	color:#9A413F;} /* rot/braun */
.c5 {
	color:#000000;} /* schwarz */
.c6 {
	color:#CC0000;} /* rot */
.c7 {
	color:#137500;} /* grün */
.c8 {
	color:#535353;} /* dunkelgrau */
.c9 {
	color:#FFF;} /* weiss */
	
.input, textarea, select {
	background-color:#ffffff;}
.checkbox {
	height:20px;
	padding:0;
	margin:1px 0;}
.index_nav {
	border-bottom:1px solid #EFEFEF;
	height:25px;}
.index_nav a {
	float:left;
	margin:0 0 0 10px;
	background-color:#EFEFEF;
	border:1px solid #DFDFDF;
	padding:5px 10px;
	display:inline;}
.index_nav a:hover,.index_nav .active {
	float:left;
	margin:0 0 0 10px;
	background-color:#DFDFDF;
	border:1px solid #DFDFDF;
	padding:5px 10px;
	display:inline;}
#bglayer_allumfassend {
	position:relative;
	left:10px;}

.mainTable {
	position:relative;
	left:-10px;
	z-index:5;}
.cls1 {
	background-color:#FFFFFF;
	padding:0 29px 0 35px;}
.m15 {
	margin-left:15px;}
.ctnrLft {
	background-color:#FFFFFF;
	padding:0 0 0 35px;
	position:relative;
	z-index:0;}
.btn_basket {
	position:absolute;
	bottom:0px;
	right:0px;}
.sidebar {
	background-color:#FFFFFF;
	padding:0 29px 0 0;}
.footerTD {
	background-color:#FFFFFF;
	padding:0 29px 10px 35px;}
.rel{
	position:relative;}

#workflows {
	height:21px;
	text-align:right;
	margin-right:10px;
	padding-bottom:4px;
}
.workflow_sep {
	font-size:1px;
	padding:0; margin:0;
	height:17px;
	width:9px;
	/* background:url(../images/workflow_sep.gif) no-repeat #fff;*/
}
.workflow_finished {
	padding:0 7px;
	text-align:center;
	height:15px;
	background:#ff8302;
	border:1px solid #a64a00;
	color:#FFF;
}
.workflow_current {
	padding:0 7px;
	text-align:center;
	height:15px;
	background:#9aff00;
	border:1px solid #158400;
	color:#000;
}
.workflow_next {
	padding:0 7px;
	text-align:center;
	height:15px;
	background:#FFF;
	border:1px solid #a1b1c7;
	color:#8a98ac;
}
