/*
Farben
blau = #6086ba;
dunkelblau = #345686;
orange = #ef9b11;
h1 fast schwarz = #333333;
Schrift grau = #585858;
ganz helles blau = #ebf6fc
ganz helles orange = #ffe596 früher #ffeac8

Spaltenbreiten
3-spaltig: Links, Rechts = 180px, Mitte 568px, Abstand 16px
2-spaltig: Links 180px, Rechts = 764px, Abstand 16px
*/
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7.5pt;
	line-height: normal;
	color: #585858;
	background: url(images/basics/headerbg.gif) repeat-x #FFF;
	margin: 0px;
	padding: 0px;
}
td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7.5pt;
	line-height: normal;
	color: #585858;
	margin: 0px;
	padding: 0px;
}
body.myfly {
	/*background: url(images/basics/headermyflybg.gif) repeat-x #FFF;*/
}
body.bestellen, body.bestellpool {
	/*background: url(images/basics/headermyflybg.gif) repeat-x #FFF;*/
	background: url(images/basics/headerbestbg.gif) repeat-x #FFF;
}
body.ohnehg {
	background: none #FFF;
	padding: 20px;
}
img, form, p { padding: 0px; margin: 0px; border: 0px none; }
th { font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 7.5pt; }
hr { border: 1px solid #6086ba; }
div.hr { height: 1px; overflow: hidden; padding: 0; background-color: #6086ba; margin: 4px 0px; }

a { color: #345686; text-decoration: none; }
a:hover { text-decoration: underline; }
a.extern { color: #345686; text-decoration: none; padding-right: 13px; background: url(images/basics/linkextern.gif) right no-repeat; }
a.extern:hover { text-decoration: underline; }
a.hinweis, a.hintanchor, a.hintanchor2 { color: #585858; text-decoration: none; border-bottom: 1px dashed #345686; cursor: pointer; }
a.hinweis:hover { }
a.anker { color: #345686; text-decoration: none; }
a.anker:hover { text-decoration: underline; }
a.infoaktiv { text-decoration: underline; font-weight:bold; }
a.linkextern { color: #585858; text-decoration:none; margin: 0px; padding: 0px; }
a.linkextern:hover { text-decoration: underline; }
a.linkanker { color: #6086ba; text-decoration: none; }
a.linkanker:hover { text-decoration: underline; }
.ueberschrift, a.ueberschrift, a.ueberschrift:hover { color: #345686; text-decoration: none; font-weight: bold; margin: 0px; padding: 0px; }

p { margin: 0px 0px 5px 0px; }
p.last { margin-bottom: 0px; }
h1 { font-weight: bold; color: #333333; margin: 0px 0px 10px 0px; } /* bold schwarz */
h2 { font-weight: bold; color: #6086ba; margin: 0px 0px 10px 0px; } /* bold blau */
h3 { font-weight: normal; color: #6086ba; margin: 0px; } /* blau */
h4 { font-weight: bold; color: #585858; margin: 0px; } /* bold grau */
h5 { font-weight: normal; font-style: italic; color: #585858; margin: 0px; } /* italic grau */
p.fwservice { font-size: 14px; font-weight: bold; color: #6086ba; }

	h1.toggler1, h1.acc2toggler1 { padding-left: 10px; cursor: pointer; background:url(images/basics/pfeil_zugeklappt.gif) left 1px no-repeat; margin-bottom: 5px; }
	h1.toggler1 span, h1.acc2toggler1 span { color: #6086ba; font-weight: bold;font-size: 7.5pt;}
	div.element1, div.acc2element1 { margin-bottom: 0px; padding: 0px 0px 25px 0px; }
	div.element1 h3, div.acc2element1 h3 { font-weight: normal; color: #6086ba; margin-left: -1px; }
	div.element1 h4, div.acc2element1 h4 { font-weight: bold; color: #585858; margin: 0px; }
	h1.toggler2, h1.toggler2 { padding-left: 10px;font-weight: bold; color: #6086ba; cursor: pointer; }
	h1.toggler2 span, h1.toggler2 span { color: #6086ba; font-weight: bold;font-size: 7.5pt;}
	div.element2, div.element2 { margin-bottom: 0px; padding: 0px 0px 25px 8px; }
	div.element2 h3, div.element2 h3 { font-weight: normal; color: #6086ba; margin-left: -1px; }
	div.element2 h4, div.element2 h4 { font-weight: bold; color: #585858; margin: 0px; }
	div.last { margin-bottom: 0px; }
ul { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; list-style-position: outside; list-style-type: disc; }
ul li { margin: 0px; padding: 0px;}
ul.last { margin-bottom: 0px; }
ol { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; list-style-position: outside; list-style-type: decimal; }
ol li { margin: 0px; padding: 0px; }

input, select, textarea { font-family: Verdana, Geneva, sans-serif; font-size: 7.5pt; line-height: normal; color: #454545; border: 0px none; border-bottom: 1px solid #ffffff; background-color: #CECECE; }

img.sprachbild { border: 2px solid #ffffff; }
img.sprachbildaktiv { border: 2px solid #ef9b11; }
#hintbox{ position: absolute; top: 5px;left: -10px; background-color: #ffffff; width: 150px; padding: 5px; border: 1px solid #6086BA; z-index:100; visibility: hidden; }
.aktionsartikel { background-color: #ef9b11; padding: 1px 10px 1px 10px; color: #000000; font-weight: bold; }
div.hinweistext { padding: 5px; border: 1px solid #222222; background-color: #ffffff; width: 220px; margin-top: 3px; }

/* Buttons */
/* blau weiß */
div.buttonbw { display: inline; }
	div.buttonbw ul { margin: 0px; padding: 0px; list-style: none; clear: both; }
	div.buttonbw li { float: left; background:url("images/basics/button_bw_left.gif") no-repeat left top !important; margin: 0px; padding: 0px 0px 0px 2px !important; }
	div.buttonbw a, div.buttonbw input { display: block; background:url("images/basics/button_bw_right.gif") no-repeat right top; padding: 2px 6px 2px 6px; text-decoration: none; font-weight: bold; color: #000; }
	div.buttonbw input { border: 0px; cursor: pointer; }
	div.buttonbw a:hover { color: #333; }
/* blau gelb */
div.buttonby { display: inline; }
	div.buttonby ul { margin: 0px; padding: 0px; list-style: none; clear: both; }
	div.buttonby li { float: left; background: url("images/basics/button_by_left.gif") no-repeat left top !important; margin: 0px; padding: 0px 0px 0px 2px !important; }
	div.buttonby a, div.buttonby input { display: block; background:url("images/basics/button_by_right.gif") no-repeat right top; padding: 2px 6px 2px 6px; text-decoration: none; font-weight: bold; color: #000; }
	div.buttonby input { border: 0px; cursor: pointer; }
	div.buttonby a:hover { color: #999; }
/* blau grün */
div.buttonbg { display: inline; }
	div.buttonbg ul { margin: 0px; padding: 0px; list-style: none; clear: both; }
	div.buttonbg li { float: left; background:url("images/basics/button_bg_left.gif") no-repeat left top !important; margin: 0px; padding: 0px 0px 0px 2px !important; }
	div.buttonbg a, div.buttonbg input { display: block; background:url("images/basics/button_bg_right.gif") no-repeat right top; padding: 2px 6px 2px 6px; text-decoration: none; font-weight: bold; color: #000; }
	div.buttonbg input { border: 0px; cursor: pointer; }
	div.buttonbg a:hover { color: #999; }
div.buttontext { margin: 0px; padding: 0px; border: 0px none; display: block; text-decoration: underline; }
	div.buttontext ul{ margin: 0px; padding: 0px; border: 0px none; cursor: pointer; text-decoration: underline !important; list-style-type: none; list-style: none; list-style-image: none; }

div#page { width: 960px; margin: 0px auto; padding: 0px; }
	div#header { height: 80px; }
		div#fwlogo { float: left; margin: 10px 0px 0px 0px; }
		div#fwclaim { float: left; margin: 10px 0px 0px 20px; }
		div#fwfaecher { float: left; margin: 0px 0px 0px -30px; }
		div#sprachen { float: left; margin: 50px 0px 0px 300px; padding: 0px; }
		div#sprachen ul { display: inline; margin: 0px 0px 0px 0px; }
		div#sprachen ul li { display: inline; margin: 0px 0px 5px 0px; }
		div#landauswahl { float: left; margin: 20px 0px 0px 293px; padding: 0px; }
		div#landauswahl div#landwahlboxheader { height: auto; margin: 3px 0px 0px 0px; cursor:pointer; width: 180px; }
		div#landauswahl div#landwahlbox { background-color: #FFF; height: 0px; overflow: hidden; margin:0px 0px 0px 7px; width: 180px; border-bottom: 0px solid #6086ba;}
		div#landauswahl div#landwahlbox div { border: 1px solid #6086ba; padding:5px;}
		
	div#navi { height: 21px; margin-left: 196px; }
		div#navi a.aktiv { float: left; height: 17px; background-image: url(images/basics/bg_a.gif); color: #FFF; font-weight: bold; padding: 4px 3px 0px 3px; }
		div#navi a.passiv { float: left; height: 17px; background-image: url(images/basics/bg_p.gif); color: #FFF; font-weight: normal; padding: 4px 3px 0px 3px; }
		div#navi a:hover { color: #ef9b11; text-decoration: none; }
		div#navi span.firstaktiv { float: left; height: 21px; width: 25px; background-image: url(images/basics/1first_a_neu.gif); }
		div#navi span.firstpassiv { float: left; height: 21px; width: 18px; background-image: url(images/basics/1first_p_neu.gif); }
		div#navi span.lastaktiv { float: left; height: 21px; width: 10px; background-image: url(images/basics/1last_a.gif); }
		div#navi span.lastpassiv { float: left; height: 21px; width: 10px; background-image: url(images/basics/1last_p.gif); }
		div#navi span.trenneraktivpassiv { float: left; height: 21px; width: 13px; background-image: url(images/basics/1between_left_a.gif); }
		div#navi span.trennerpassivaktiv { float: left; height: 21px; width: 22px; background-image: url(images/basics/1between_right_a.gif); }
		div#navi span.trennerpassivpassiv { float: left; height: 21px; width: 13px; background-image: url(images/basics/1between_p.gif); }
	div#suchen { float: right; }
	div#suggestdiv { display: none; z-index: 200; width: 400px; position: absolute; border: 2px solid #ef9b11; background-color: #ffffff; padding: 3px; margin-top: 12px; text-align: left; }

	div#navi2 { height: 23px; margin-bottom: 8px; }
		/*div#navi2 div#myfly { margin: 3px 0px 0px 0px; }*/
		div#navi2 a#bestellpoolbutton { cursor: pointer; margin-left: -1px; float: left; width: 84px; height: 15px; padding: 2px 5px 0px 5px; color: #fff; background: url(images/basics/button_bestellpool.gif) no-repeat; }
		div#navi2 a#bestellpoolbutton div.menge { color: #333333; font-weight: bold; margin-top: -2px; padding-right: 5px; display: none; }
		div#navi2 a#bestellpoolbutton:hover { color: #fff; background: url(images/basics/button_bestellpool_aktiv.gif) no-repeat; text-decoration: none; }
		body.bestellpool div#navi2 a#bestellpoolbutton { margin-top: -5px; float: left; width: 84px; height: 26px; padding: 6px 5px 0px 5px; color: #fff; background: url(images/basics/tab_bestellpool.gif) no-repeat; }
		/*body.bestellpool div#navi2 a#bestellpoolbutton { padding-top: 6px; }*/
		body.bestellpool div#navi2 a#bestellpoolbutton:hover { color: #fff; text-decoration: none; }
		body.bestellpool div#navi2 a#bestellpoolbutton div.menge { margin-top: -4px; }
		div#navi2 div#myflybox { height: 0px; overflow: hidden; margin: -6px 0px 0px 0px; position: absolute; z-index: 100; }
		div#navi2 div#myflybutton { float: left; width: 78px; height: 15px; padding: 2px 5px 0px 5px; color: #fff; background-image: url(images/basics/button_myfly.gif); background-repeat: no-repeat; cursor: pointer; }
		/*div#navi2 div#myflybutton a { color: #fff; }*/
		div#navi2 div#myflybutton:hover { color: #fff; background: url(images/basics/button_myfly_aktiv.gif) no-repeat; text-decoration: none; }
		.myflyoffen { margin-top: -5px !important; padding-top: 6px !important; height: 26px !important; background-image: url(images/basics/tab_myfly.gif) !important; }
		div#navi2 div#unternavi { height: 22px; float: left; margin-left: 10px; }
			div#unternavi div.textlink { float: left; padding-top: 2px; }
			div#unternavi div.textlink a { color: #ffffff; }
			div#unternavi a.aktiv { float: left; height: 15px; background-image: url(images/basics/2active_bg.gif); color: #345686; font-weight: bold; padding: 8px 3px 0px 3px; }
			/*body.myfly div#unternavi a.aktiv { background-image: url(images/basics/2active_bg3.gif); }*/
			div#unternavi a.passiv { float: left; height: 16px; color: #fff; font-weight: normal; padding: 4px 5px 0px 3px; }
			div#unternavi a:hover { color: #ef9b11 !important; text-decoration: none; }
			div#unternavi span.leftaktiv { float: left; height: 23px; width: 15px; background-image: url(images/basics/2active_left.gif); }
			div#unternavi span.rightaktiv { float: left; height: 23px; width: 15px; background-image: url(images/basics/2active_right.gif); }
			div#unternavi div.popupmenu { float:left; margin: 2px 0px 0px 0px; padding-bottom: 3px; }
			div#unternavi div.popupmenu a { color: #ffffff; }
			/*body.myfly div#unternavi span.leftaktiv { background-image: url(images/basics/2active_left3.gif); }
			body.myfly div#unternavi span.rightaktiv { background-image: url(images/basics/2active_right3.gif); }*/

	div#contentmain { width: 960px; margin: 0px auto; }
	div#begruessung { width: 568px; padding: 0px 196px 0px 196px; margin-bottom: 5px; color: #6086ba; font-weight: bold; }
	div#contentlinks { width: 180px; margin: 0px 15px 0px 0px; float: left; }
	div#minheight { width: 1px; height: auto; float: left; }
	div#contentmitte { margin: 0px 0px 0px 0px; float: left; } /* width: 568px;  */
	div#contentrechts { width: 180px; margin: 0px 0px 0px 16px; float: right; }
	div#footer { margin: 7px 0px 10px 0px; padding: 0px; width: 100%; height: 44px; background: url(images/basics/footerbg.gif) repeat-x; }
		div#footernavi { width: 960px; margin: 0px auto; text-align: right; padding: 0px; }
		div#footernavi ul { display: inline; margin: 0px 15px 0px 0px; }
		div#footernavi ul li { display: inline; margin: 0px 0px 0px 15px; }
		/*div#footernavi ul li a { color: #6086ba; text-decoration: none; }
		div#footernavi ul li a:hover { text-decoration: underline; }*/
		div#footernavi ul li a.aktiv { font-weight: bold; }

div.box180blau { width: 180px; padding: 0px; background: url(images/basics/box180blaubg.gif) repeat-y; margin-bottom: 15px; }
	div.box180blau div.boxheader { height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/box180blauhead.gif) no-repeat; color: #FFF; }
	div.box180blau div.boxcontent { padding: 10px; background: url(images/basics/box180blaufoot.gif) no-repeat bottom; }	

div.box180orange { width: 180px; padding: 0px; background: url(images/basics/box180blaubg.gif) repeat-y; margin-bottom: 15px; }
	div.box180orange div.boxheader { height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/box180orangehead.gif) no-repeat; color: #FFF; }
	div.box180orange div.boxcontent { padding: 10px; background: url(images/basics/box180blaufoot.gif) no-repeat bottom; }	

div.box180myfly { height: auto; width: 180px; padding: 0px; background: url(images/basics/box180myflybg.gif) no-repeat bottom; }
	div.box180myfly div.boxheader { height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/box180myflyhead.gif) no-repeat; color: #FFF; cursor: pointer }
	div.box180myfly div.boxheader a { color: #ffffff; text-decoration: none; }
	div.box180myfly div.boxheader a:hover { text-decoration: underline; }
	div.box180myfly div.boxcontent { height: 215px; padding: 5px 10px 10px 10px; }
	/*div#myfly div.boxfooter { height: 5px; background: url(images/basics/box180myflyfoot.gif) bottom no-repeat; }*/
	div.box180myfly ul {}
	div.box180myfly ul li { padding: 1px !important; background-image: none !important; }
	div.box180myfly ul li.aktiv { border: 1px solid #6086ba; /*background-color: #ffe596;*/ }
	div.box180myfly ul li.aktiv a { }
	div.box180myfly ul li.eingerueckt { padding-left: 10px !important; }
	div.box180myfly ul li a.wichtig { color: #ff0000; }
	
div.box180pool { width: 180px; padding: 0px; background: url(images/basics/box180poolbg.gif); margin-top: -27px; }
	div.box180pool div.boxheader { height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/box180poolhead.gif) no-repeat; color: #FFF; cursor: pointer }
	div.box180pool div.boxcontent { padding: 5px 10px 10px 10px; background: url(images/basics/box180poolfoot.gif) no-repeat bottom; }
	div.box180pool ul {}
	div.box180pool ul li { padding: 1px !important; background-image: none !important; }
	div.box180pool ul li.aktiv { border: 1px solid #6086ba; /*background-color: #ffe596;*/ }
	div.box180pool ul li.aktiv a { }
	
div.box568blau { width: 568px; padding: 0px; background: url(images/basics/box568blaubg.gif) repeat-y; margin-bottom: 15px; }
	div.box568blau div.boxheader { height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/box568blauhead.gif) no-repeat; color: #FFF; }
	div.box568blau div.boxcontent { padding: 10px; background: url(images/basics/box568blaufoot.gif) no-repeat bottom; }

div.box568orange { width: 568px; padding: 0px; background: url(images/basics/box568blaubg.gif) repeat-y; margin-bottom: 15px; }
	div.box568orange div.boxheader { height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/box568orangehead.gif) no-repeat; color: #FFF; }
	div.box568orange div.boxcontent { padding: 10px; background: url(images/basics/box568blaufoot.gif) no-repeat bottom; }

div.box764blau { width: 764px; padding: 0px; background: url(images/basics/box764blaubg.gif) repeat-y; margin-bottom: 15px; }
	div.box764blau div.boxheader { height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/box764blauhead.gif) no-repeat; color: #FFF; }
		div.box764blau div.boxheader a, .preisebreadcrumb a { color: white; }
	div.box764blau div.boxcontent { padding: 10px; background: url(images/basics/box764blaufoot.gif) no-repeat bottom; }

div.clearer { clear: both; height: 0px; line-height:0px; margin: 0px; padding: 0px; font-size: 0px; }

div#boxmain { width: 568px; padding: 0px; margin: 0px; }
div.rubrikbox { float: left; width: 129px; margin: 0px 17px 10px 0px; padding: 0px; }
	/*div.rubrikbox div.boxheader { width: 109px; padding: 3px 10px 3px 10px; background: url(images/basics/rubrikbox129head.gif) no-repeat; color: #ffffff; font-weight: bold; text-align: center; }*/
	div.rubrikbox div.boxheader { width: 109px; height: 12px; padding: 1px 10px 2px 10px; background: url(images/basics/rubrikbox129head.gif) no-repeat; color: #ffffff; font-weight: bold; text-align: center; }
	div.rubrikbox div.row { text-align: left; width: 129px; height: 20px; line-height: 19px; display: block; }
	div.rubrikbox div.row a { color: #000000; font-size: 9px; line-height: 19px; vertical-align: middle; padding: 0px 4px 0px 4px; text-align: left; margin: 0px; height: 19px; width: 116px;
								max-width:121px; max-height: 19px; white-space: normal; text-indent: 0px; text-decoration: none; }
	div.rubrikbox div.row a:hover { color: #000000; }

div.boxcontent ul { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; list-style-position: outside; list-style-type: none; }
div.boxcontent ul li { margin: 0px; padding: 0px 0px 0px 9px; background: url(images/basics/listitem_dot.gif) no-repeat;}
div.boxcontent ol { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; list-style: outside; list-style-type: decimal; }
div.boxcontent ol li { margin: 0px; padding: 0px !important; background-image: none !important; }

div#hintbox ul { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; list-style-position: outside; list-style-type: none; }
div#hintbox ul li { margin: 0px; padding: 0px 0px 0px 9px; background: url(images/basics/listitem_dot.gif) no-repeat;}

div#artikelueberblick { margin: 0px 0px 15px 0px; }

div#breadcrumb { margin: 0px 0px 0px 10px; padding: 0px 0px 8px 0px; }
div#breadcrumb a{ }

div.finderbox { float: left; width: 166px; text-align: left; margin: 0px 20px 10px 0px; text-decoration: none; cursor: pointer; }
div.finderbox div.boximage { width: 166px; height: 95px; vertical-align: middle; text-align: center; }
div.finderbox div.boxheadline { width: 166px; padding-top: 5px; text-align: left; color: #6086ba; }
div.finderbox div.boxinfo { width: 158px; padding: 2px 0px 2px 0px; margin-top: 5px; text-align: left; }

div.servicehilfebox { float: left; width: 166px; text-align: left; margin: 0px 20px 30px 0px; text-decoration: none; cursor: pointer; }
div.servicehilfebox div.boxheadline { width: 166px; padding-top: 5px; height: 25px; text-align: left; font-weight: bold; font-size: 8.5pt; color: #6086ba; vertical-align:bottom; }
div.servicehilfebox div.boximage { width: 166px; height: 65px; vertical-align: middle; text-align: center; }
div.servicehilfebox div.boxinfo { width: 158px; padding: 2px 4px 2px 4px; margin-top: 5px; text-align: left; }

div.oneworldbox { float: left; width: 166px; text-align: center; margin: 0px 20px 30px 0px; text-decoration: none; cursor: pointer; }
div.oneworldbox div.boxheadline { width: 166px; padding-top: 5px; height: 22px; text-align: left; font-weight: bold; font-size: 8.5pt; color: #6086ba; vertical-align:bottom; }
div.oneworldbox div.boximage { width: 166px; height: 65px; vertical-align: middle; text-align: center; }
div.oneworldbox div.boxinfo { width: 158px; padding: 2px 4px 2px 4px; margin-top: 5px; text-align: left; }

div.kontaktbox { float: left; width: 166px; text-align: center; margin: 0px 20px 30px 0px; text-decoration: none; cursor: pointer; }
div.kontaktbox div.boxheadline { width: 166px; padding-top: 5px; height: 22px; text-align: left; font-weight: bold; font-size: 8.5pt; color: #6086ba; vertical-align:bottom; }
div.kontaktbox div.boximage { width: 166px; height: 65px; vertical-align: middle; text-align: center; }
div.kontaktbox div.boxinfo { width: 158px; padding: 2px 0px 2px 0px; margin-top: 5px; text-align: left; }

table.produktionszeiten { }

img.schrittkette { padding: 0px 0px 15px 10px; }
/* Hinweisboxen */

p.warnung { width: 554px; margin: 5px 0px 5px 0px; padding: 5px; background-color: #EFEFEF; color: #ff0000; border: 2px dotted #ff0000; display: block; }
p.hinweis { width: 556px; margin: 5px 0px 5px 0px; padding: 5px; background-color: #EFEFEF; color: #ff0000; border: 1px solid #ffdd99; display: block; }
p.wichtig { color: #ef9b11; font-weight: bold; }


/* Auftragscontainer status, pool, upload */

div#pageroben { width: 568px; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; background: url(images/basics/box568blaufoot.gif) no-repeat bottom; }
div#pagerobenpos{ width: 764px; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; background: url(images/basics/box764blaufoot.gif) no-repeat bottom; }
div#pagerunten { width: 568px; text-align: center; margin-top: 10px; }
div#pageroben a:hover, div#pagerobenpos a:hover, div#pagerunten a:hover { background-color: #CCC; }

div.Statuscontainer{ border: 0px none #345686; padding: 0px; margin: 0px; }
	div.Statuscontainer div.auftragheader { background: url(images/basics/box568blauhead.gif) no-repeat; padding: 1px 10px 2px 10px; height: 12px; color: #FFFFFF; font-weight: bold; width: 548px; }
	div.Statuscontainer div.auftrag { border-color: #345686; background-color: #ebf6fc; border-style: solid solid solid solid; border-width: 0px 1px 0px 1px; padding: 3px; width: 560px; }
	div.Statuscontainer div.auftragaktiv { border-color: #345686; background-color: #ffff99; border-style: solid solid solid solid; border-width: 0px 1px 0px 1px; padding: 3px; width: 560px; }
		div.Statuscontainer div.auftragsdaten { text-align: left; float: left; width: 335px; padding: 0px; margin-bottom: 5px; }
		div.Statuscontainer div.auftragslieferzeit { text-align: left; float: left; padding-left: 20px; }
		div.Statuscontainer div.auftragspreise { text-align: right; float: right; padding: 0px; }
		div.Statuscontainer span.bezeichnung { float: left; text-align: left; width: 127px; margin-right: 3px; }
		div.Statuscontainer span.wert { float: left; text-align: right; font-weight: bold; }
		div.Statuscontainer div.auftragsadressen { text-align: left; }
		div.Statuscontainer div.adresse { text-align: left; width: 100%; }
			div.Statuscontainer div.adresse span.bezeichnung { float: left; text-align: left; width: 80px; margin-right: 3px; }
			div.Statuscontainer div.adresse span.wert { float: left; text-align: left; }
	div.Statuscontainer div.position { border-color: #345686; background-color: #FFFFFF; border-style: dashed solid solid solid; border-width: 1px 1px 0px 1px; padding: 0px; width: 566px; }
	div.Statuscontainer div.positionaktiv{ border-color: #345686; background-color: #FFFF99; border-style: solid solid solid solid; border-width: 1px 1px 0px 1px; padding: 0px; width: 566px; }
		div.Statuscontainer div.positionheader { background: #6086ba url(images/basics/boxposblauheadright.gif) no-repeat right; padding: 1px 25px 2px 10px; height: 12px; color: #FFFFFF; width: 200px; }
		div.Statuscontainer div.positionbilder { float: left; width: 220px; padding: 3px 0px 5px 3px; }
			div.Statuscontainer div.positionbild { float: left; margin-right: 5px; }
		div.Statuscontainer div.positionartikel { float: left; text-align: left; padding: 3px 3px 5px 0px; }
			div.Statuscontainer div.positionartikel span.bezeichnung { float: left; text-align: left; width: 80px; margin-right: 3px; }
			div.Statuscontainer div.positionartikel span.wert { float: left; text-align: left; }
		div.Statuscontainer div.positionmitteilung{ padding: 0px 3px 0px 3px; text-align: left; }
			div.Statuscontainer div.positionmitteilung span.wert { width: 550px; overflow: hidden; text-align: left; }
		div.Statuscontainer div.positiondateien{ padding: 5px 3px 0px 3px; text-align: left; }
		div.Statuscontainer div.positionaktionen{ padding: 5px 3px 5px 3px; text-align: left; }
		div.Statuscontainer p.warnung, div.Poolcontainer p.hinweis{ width: 300px; }
		div.Statuscontainer div.containerende { border-color: #345686; background-color: #ebf6fc; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; padding: 3px; width: 560px; margin-bottom: 16px; }

div.Poolcontainer{ border: 0px none #345686; padding: 0px; margin: 0px; }
	div.Poolcontainer div.auftragheader { background: url(images/basics/box568orangehead.gif) no-repeat; padding: 1px 10px 2px 10px; height: 12px; color: #FFFFFF; font-weight: bold; width: 548px; }
	div.Poolcontainer div.auftrag { border-color: #345686; background-color: #ffe596; border-style: solid solid solid solid; border-width: 0px 1px 0px 1px; padding: 3px; width: 560px; }
	div.Poolcontainer div.auftragaktiv { border-color: #345686; background-color: #ffff99; border-style: solid solid solid solid; border-width: 0px 1px 0px 1px; padding: 3px; width: 560px; }
		div.Poolcontainer div.auftragsdaten { text-align: left; float: left; width: 335px; padding: 0px; margin-bottom: 5px; }
		div.Poolcontainer div.auftragslieferzeit { text-align: left; float: left; padding-left: 20px; }
		div.Poolcontainer div.auftragspreise { text-align: right; float: right; padding: 0px; }
		div.Poolcontainer span.bezeichnung { float: left; text-align: left; width: 127px; margin-right: 3px; }
		div.Poolcontainer span.wert { float: left; text-align: right; font-weight: bold; }
		div.Poolcontainer div.auftragsadressen { text-align: left; }
		div.Poolcontainer div.adresse { text-align: left; width: 100%; }
			div.Poolcontainer div.adresse span.bezeichnung { float: left; text-align: left; width: 80px; margin-right: 3px; }
			div.Poolcontainer div.adresse span.wert { float: left; text-align: left; }
	div.Poolcontainer div.position { border-color: #345686; background-color: #FFFFFF; border-style: dashed solid solid solid; border-width: 1px 1px 0px 1px; padding: 0px; width: 566px; }
	div.Poolcontainer div.positionaktiv{ border-color: #345686; background-color: #FFFF99; border-style: solid solid solid solid; border-width: 1px 1px 0px 1px; padding: 0px; width: 566px; }
		div.Poolcontainer div.positionheader { background: #ef9b11 url(images/basics/boxposorangeheadright.gif) no-repeat right; padding: 1px 25px 2px 10px; height: 12px; color: #FFFFFF; width: 200px; }
		div.Poolcontainer div.positionbilder { float: left; width: 220px; padding: 3px 0px 5px 3px; }
			div.Poolcontainer div.positionbild { float: left; margin-right: 5px; }
		div.Poolcontainer div.positionartikel { float: left; text-align: left; padding: 3px 3px 5px 0px; }
			div.Poolcontainer div.positionartikel span.bezeichnung { float: left; text-align: left; width: 80px; margin-right: 3px; }
			div.Poolcontainer div.positionartikel span.wert { float: left; text-align: left; }
		div.Poolcontainer div.positionmitteilung { padding: 0px 3px 0px 3px; text-align: left; }
			div.Poolcontainer div.positionmitteilung span.bezeichnung { float: left; text-align: left; width: 90px; margin-right: 3px; }
			div.Poolcontainer div.positionmitteilung span.wert { width: 465px; overflow: hidden; text-align: left; }
		div.Poolcontainer div.positiondateien{ padding: 5px 3px 0px 3px; text-align: left; }
		div.Poolcontainer div.positionaktionen{ padding: 5px 3px 5px 3px; text-align: left; }
		div.Poolcontainer p.warnung, div.Poolcontainer p.hinweis{ width: 300px; }
		div.Poolcontainer div.containerende { border-color: #345686; background-color: #ffe596; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; padding: 3px; width: 560px; margin-bottom: 16px; }
		div.Poolcontainer div.uploadfelder { padding: 3px; text-align: left; }
		div.uploadfooter { width: 562px; padding: 3px; text-align: left; margin-bottom: 16px; }
		div.uploadfooter p.warnung, div.uploadfooter p.hinweis{ width: 500px; }

div#artikelkalkulator_div { width: 180px; padding-right: 5px; }
	div#artikelkalkulator_div .bereich { background-color: #6086ba; color: #FFFFFF; margin: 0px 0px 5px 0px; padding: 1px 2px 1px 2px; }
	div#artikelkalkulator_div .gruppe { background-color: #b8d6fe; margin: 0px 0px 5px 0px; padding: 1px 2px 1px 12px; background: url(images/basics/pfeil_zugeklappt.gif) left center no-repeat #ebf6fc; cursor: pointer; }
	div#artikelkalkulator_div .element { margin: 0px 0px 5px 0px; }
	div#artikelkalkulator_div hr.trenngruppe { background-color: #b8d6fe; border: 0px none; margin-top: 2px; }
	div#artikelkalkulator_div div.name { float: left; }
	div#artikelkalkulator_div div.wert { text-align: right; float: right; width: 80px; }
	
div#aktionsbox { width: 568px; padding: 0px; margin-bottom: 20px; display: block; }
	div#aktionsbox div.boxheader { height: 20px; padding: 20px 10px 0px 10px; color: #FFF; font-weight: bold; }
	div#aktionsbox div.boxcontent { padding: 10px; height: 73px; font-size: 9px; color:#000000; border:0px solid #000000;float:left;}
	div#aktionsbox div.boxcontent strong { font-size: 9px; }
	div#aktionsbox div.boxcontentright { padding: 10px; height: 113px; margin-top:-40px; width:83px; font-size: 9px; color:#000000; border:0px solid #000000; float:left;color:#000000;cursor:pointer;}
	div#aktionsbox div.boxfooter { height: 40px;width:445px; padding: 5px 10px 0px 10px; font-size: 8px; text-align: right; border:0px solid #000000; cursor:pointer;float:left;}
	div#aktionsbox div.boxfooterright { height: 60px;width:73px;margin-top:-20px; padding: 0px 5px 5px 0px; font-size: 8px; text-align: right; border:0px solid #000000; float:right;color:#000000;}
	
div.iconbox { display: none; width: 180px; padding: 0px; margin-bottom: 5px; background: url(images/basics/icons/iconbox.jpg) no-repeat; font-size: 5pt; }
	div.iconbox div.icon { height: 25px; width: 30px; float: left; padding: 0px; background: url(images/basics/icons/secure.jpg) no-repeat; }
	div.iconbox div.boxline1 { float: left; height: 10px; padding: 2px 10px 0px 10px; color: #FFF; font-weight: bold; width: 130px; }
	div.iconbox div.boxline2 { float: left; height: 10px; padding: 2px 10px 0px 10px; color: #6086ba; font-weight: bold; width: 130px; }
	
div.iconbox2 { display: none; width: 180px; padding: 0px; margin-bottom: 5px; background: url(images/basics/icons/iconbox.jpg) no-repeat; font-size: 7.5pt; }
	div.iconbox2 div.icon { height: 25px; width: 30px; float: left; padding: 0px; background: url(images/basics/icons/secure.jpg) no-repeat; }
	div.iconbox2 div.boxline1 { float: left; height: 10px; padding: 0px 10px 1px 10px; color: #FFF; font-weight: bold; width: 130px; }
	div.iconbox2 div.boxline2 { float: left; height: 10px; padding: 1px 10px 0px 10px; color: #6086ba; font-weight: bold; width: 130px; }

div.Detailscontainer{ border: 0px none #345686; padding: 0px; margin: 0px; width: 764px; }
	div.Detailscontainer div.auftragheader { background: url(images/basics/box764blauhead.gif) no-repeat; padding: 1px 10px 2px 10px; height: 12px; color: #FFFFFF; font-weight: bold; width: 744px; }
	div.Detailscontainer div.auftrag { border-color: #345686; background-color: #ebf6fc; border-style: solid solid solid solid; border-width: 0px 1px 0px 1px; padding: 3px; width: 756px; }
		div.Detailscontainer div.auftragsdaten { text-align: left; padding: 0px; margin-bottom: 5px; }
		div.Detailscontainer span.bezeichnung { float: left; text-align: left; width: 127px; margin-right: 3px; }
		div.Detailscontainer span.wert { float: left; text-align: right; font-weight: bold; }
		div.Detailscontainer div.auftragsadressen { text-align: left; }
		div.Detailscontainer div.adresse { text-align: left; width: 100%; }
			div.Detailscontainer div.adresse span.bezeichnung { float: left; text-align: left; width: 80px; margin-right: 3px; }
			div.Detailscontainer div.adresse span.wert { float: left; text-align: left; }
	div.Detailscontainer div.position { border-color: #345686; background-color: #FFFFFF; border-style: dashed solid solid solid; border-width: 1px 1px 0px 1px; padding: 0px; width: 762px; }
		div.Detailscontainer div.positionheader { background: #6086ba url(images/basics/boxposblauheadright.gif) no-repeat right; padding: 1px 25px 2px 10px; height: 12px; color: #FFFFFF; width: 200px; }
		div.Detailscontainer div.positionartikel { text-align: left; padding: 3px 3px 5px 3px; }
			div.Detailscontainer div.positionartikel span.bezeichnung { float: left; text-align: left; width: 80px; margin-right: 3px; }
			div.Detailscontainer div.positionartikel span.wert { float: left; text-align: left; }
		div.Detailscontainer div.positionmitteilung{ padding: 0px 3px 0px 3px; text-align: left; }
		div.Detailscontainer div.positiondateien { padding: 5px 3px 0px 3px; }
			div.Detailscontainer div.dateiencontainer { text-align: center; font-weight: bold; }
			div.Detailscontainer div.dateien { border-color: #345686; border-style: solid; margin: 10px 0px 0px 0px; padding: 0px; border-width: 1px; 
												width: 48%; height: 315px; text-align: center; display: table; }
			div.Detailscontainer div.dateiendrehungcontainer { text-align: center; font-weight: bold; }
			div.Detailscontainer div.dateiendrehung { border-color: #345686; border-style: solid; margin: 0px 0px 10px 0px; padding: 0px; border-width: 0px 1px 1px 1px; 
												width: 48%; height: 35px; text-align: center; display: table; }
			div.Detailscontainer div.hinweistestcontainer { padding: 0px 3px 0px 3px; width: 756px; text-align: center; }
			div.Detailscontainer div.aenderungsformular { padding: 5px 5px 5px 5px; }
				div.Detailscontainer div.aenderunglinks { text-align:left; float:left; width:280px; }
				div.Detailscontainer div.aenderungVS { text-align:left; padding-right:5px; float:left; width:110px; }
				div.Detailscontainer div.aenderungRS { text-align:left; padding-left:5px; float:left; width:110px; display:table-cell; }
				div.Detailscontainer div.aenderungInfo { text-align:left; padding-left:5px; float:left; width:100px; }
				div.Detailscontainer div.aenderungButton { float: right; }
				div.Detailscontainer div.zurueckButton { float: left; }
				div.Detailscontainer div.stornoInfo { margin-bottom:15px; width:100%; border: 1px solid #FFFFFF; }
		div.Detailscontainer p.warnung, div.Detailscontainer p.hinweis{ width: 740px; }
			div.Detailscontainer div.containerende { border-color: #345686; background-color: #ebf6fc; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; padding: 3px; width: 756px; margin-bottom: 0px; }
			


div.FinderboxKlein { float:left; width: 100px; text-align: center; cursor: pointer; }
div.FinderboxKlein div.bild { width: 100px; vertical-align: middle; }
div.FinderboxKlein div.text { padding: 5px 0px 10px 0px; height: 25px; text-align: center; font-weight: normal; }

div#contentgrey, .contentgrey { color: #888888; }
.contentblue { line-height: 15px; color:#000000; }
.contentred { line-height: 18px; color: #ff0000; }
.hand { line-height: 16px; }
.handover { cursor: pointer; line-height: 16px; background-color: #ebf6fc; }
.trgrey { line-height: 16px; background-color: #E8E8E8; text-align: left; }
.trgreyover { cursor: pointer; line-height: 16px; background-color: #ebf6fc; text-align: left; }
.trblue { font-weight: bold; line-height: 14px; background-color: #6086BA; color: #ffffff; text-align: left; } /* Tabellenheader */
.hinweisklein { font-size: 6pt; }
span.klein { font-size: 9px; }
span.hervorheben { font-weight: bold; }
.rubrikhervorheben { font-weight: bold; color: #345686; }