html, 
body {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 62.5%;/*IE*/
	color: #000;
	background: #fff;
	font-family: verdana, arial, sans-serif;
	margin: 1em 2em 3.2em 2em;
	text-align: left;
}

html>body {
	font-size: 10px;/*andere*/
}


/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/
.wrapper {
	width: 91em;
	background: #ece6d4 url("../img/layout/bg_nav.gif") left bottom no-repeat;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
	/*width: 782px;*/
	/*wid\th: 780px;*/
}

.outer {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 16em;/*150px;/*   /*** Critical left col dimension value ***/
	width: 59em;/*478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	background: #fff;  /*** Sets background of center col***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
	/*width: 480px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/*wid\th: 478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
	float: left;
	width: 59em;/*478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}

.center {
	float: right;
	width: 59em;/*478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
	/* \*/
	margin-left: -1px;
	/* Hidden from IE-mac */
}

.left {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 16em;/*152px;*/    /*** Critical left col/divider dimension value ***/
	margin-left: -16em;/*-151px;*/    /*** Critical left col/divider dimension value ***/
}

* html .left {
	float:left;
}

*>html .left {
	width: 16em;/*151px;*/
} /*** Fix only for IE/Mac ***/

.container-left {
	width: 16em;/*150px;*/    /*** Critical left col dimension value ***/
	padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

.right {
	float: left;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 16em;/*152px;*/    /*** Critical right col/divider dimension value ***/
	margin-right: -16em;/*-150px;*/    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
	margin-left: 0px;
	margin-right: -500px;
	mar\gin-right: -16em;/*-152px;*/
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right {
	/* \*/width: 16em;/*150px;*//* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
	fl\oat: right;
	margin-left: 2px;
	mar\gin-left: 0px;
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to
	different elements and see if that fixes the problem. Sometimes it may be necessary
	to use "position: relative;" on certain elements, but it's hard to tell in advance which
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends
	of the headings. ***/
/* \*/
* html h2 {
	height: 1%;
}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {
	margin-right: -3px;
}
/* */


.italics-test, .italics-test-side {
	font-style: italic;
	text-align: justify;
	background: #ccd;
	border: 1px solid red;
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%"
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
	overflow: hidden;
	width: 100%;
	o\verflow: visible;
	w\idth: auto;
	hei\ght: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within
	just one Mac-hack for convenience if desired. However, each fix must come
	later than the rule it is fixing or the fix itself will be overridden. ***/





/*------------------------------ header, footer, content ------------------------------*/
.wide {
	margin: 0;
	/*width: 100%;
	text-align: left;*/
}

* html .wide {
	display: inline-block;
}

.top {
	background: #fff;
	border-bottom: 0.3em solid #fc6;
	padding-bottom: 1.5em;
}

.top .logo {
	float: left;
	padding-top: 0.5em;
}

.top .banner {
	text-align: right;
	font-size: 1.1em;
	line-height: 1.4em;
}

/*hr.subhead {
	border: 0 none;
	border-top: 0.5em solid #fff;
	margin: 0;
	padding: 0;
}*/

div.subhead {
	display: none;
	border-top: 0.5em solid #fff;
	background: #ccc;
}

div.subhead .grey_left {
	float: left;
	width: 16em;
	background: #c2c2c2;
	height: 2em;
}

.bottom {
	position: relative;
	background: #f9f2df;
	color: #666;
	text-align: center;
	/*padding: 0.6em 0.6em 0.6em 30em;*/
}

.bottom .ocker_left {
	float: left;
	width: 16em;
	background: #eae4ce;
	height: 2.5em;
	margin-right: 22em;
}

.bottom .metalinks {
	padding-top: 0.6em;	
}

.bottom a, 
.bottom span.pipe {
	display: block;
	float: left;
	color: #666;
	text-decoration: none;
	/*padding-top: 0.6em;*/
}

.bottom span.pipe {
	padding-right: 0.5em;
	padding-left: 0.5em;
}




#content {
	padding: 2em 6em 8em 14em;
}

#content.kontakt {
	padding: 2em 6em 8em 1em;
}



.zweispalter .spalte_links {
	float: left;
}
.zweispalter .spalte_rechts {
	margin-left: 22em;
}


/*------------------------------ format ------------------------------*/
p, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0 none;
}

h2 {
	font-size: 1.8em;
	color: #666;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #fc6;
	margin-bottom: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
}

#content.kontakt h2 {
	margin-left: 7.2em;
}

h3 {
	font-size: 1.2em;
	color: #666;
	padding-bottom: 0.25em;
	font-weight: bold;
	line-height: 1.4em;
}

ul h3 {
	font-size: 1em;
}


a {
	text-decoration: underline;
	color: #00c;
}



.fliessTxt {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #333;
	margin-bottom: 1.4em;
}


ul.fliessTxt {
	list-style-type: none;
	padding-left: 0;
}

ul.fliessTxt li {
	line-height: 1.8em;
	padding-left: 1em;
	background: url(../img/layout/list_15_c6.gif) no-repeat 0 0.5em;
	margin-bottom: 1.2em;
}




.small {
	font-size: 0.9em;
}

.toLeft, .to-left {
	float: left;
}

.toRight, to-right {
	float: right;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.alignright {
	margin-top: 0;
	text-align: right;
	clear: both;
}

.txtCenter {
	text-align: center;
}

.clear {
	clear: both;
}

.toFocus:focus {
	background-color: #DDECFF;
}

.noCursor {
	cursor: default;
}

.rot {
	color: #cc0000;
}

.c3 {
	color: #333;
}

.c6 {
	color: #666;
}

.c9 {
	color: #999;
}

.cC {
	color: #ccc;
}

.unsichtbar {
	display: none;
}

.spacer {
	height: 1px;
	margin: 0.8em 0 1.6em 0;
	border: 0 none;
	border-top: 0.1em dashed #999;
}





.ap-test {
position: absolute;
top: -102px;
font-size: .6em;
width: 150px;
height: 100px;
border-top: 1px solid #000;
background: #5b5;
color: yellow;
}

/* \*/
* html .ap-test {
top: -101px;
t\op: -102px;
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}



.img em.bildunterschrift {
	display: block;
	margin-top: 0.6em;
	color: #666;
}


.cont_lieferanten {
	float: left;
	width: 16em;
	height: 12em;
	border: 1px solid #CDA566;
	padding: 0.8em;
	margin: 0 1.5em 2em 0;
	text-align: center;
}

div.lieferantenLogo {
	height: 10em;
}

a.lieferantenLogo {
	display: block;
}




/*------------------------------ box ------------------------------*/
.box {
	margin: 1em;
	background: #fff;
	padding: 1em;
}

.box p {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #333;
	margin-bottom: 0.5em;
}




/*------------------------------ navigation ------------------------------*/

#navDiv ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navDiv a {
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 0.6em;
	text-decoration: none;
	color: #333;
	line-height: 1.4em;
}

#navDiv ul li {
	border-bottom: 0.1em solid #ccc;
}

#navDiv ul li a.nav_on, 
#navDiv ul li a.nav_off:hover {
	font-weight: bold;
}

#navDiv ul li ul li {
	border: none;
}

#navDiv ul li ul li.lastnode {
	background: url(../img/layout/nav_explorer/lastnode_0.gif) no-repeat right top;
}
#navDiv ul li ul li.node {
	background: url(../img/layout/nav_explorer/node_0.gif) no-repeat right top;
}

#navDiv ul li ul li a {
	font-size: 1em;
	padding-right: 2em;
}

#navDiv ul li ul li.lastnode a {
	padding-bottom: 1em;
}

#navDiv ul li ul li a.nav_on, 
#navDiv ul li ul li a.nav_off:hover {
	font-weight: bold;
}


* html #navDiv ul a {
	height: 1%;
}