head, body {
	margin: 0;
	padding: 0;
	border: 0 none;
}

body {
	font-size: 62.5%;/*IE*/
	background: #e1e1e1;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	margin: 0;
}

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



/*------------------------------ primäre Layout-Regeln ------------------------------*/
.wrapper_outer {
	width: 96.3em;
	background: #a3a3a3 url("../img/layout/bg_wrapper_b.gif") bottom left repeat-x;
	margin-bottom: 2em;
}
.wrapper {
	margin-left: 3em;
	width: 93.4em;/*780*/
	text-align: left;
	background: #e1e1e1 url("../img/layout/bg_wrapper_r.gif") top right repeat-y;			/*** Hintergrund cols ***/
}

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

* html .outer {						/*** IE5.x/win box model fix ***/
	width: 75.9em;/*578px*/					/*** Critical left and right col/divider dimension value (moves inversly) ***/
}

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

.center {
	float: right;
	width: 68.5em;/*578px*/					/*** 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 */
	padding: 3.6em 0 8em 0;
}

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

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

.container-left {
	width: 16.6em;/*200px*/					/*** Critical left col dimension value ***/
	padding: 3.6em 0 110px 0;			/*** To keep content from going underneath the AP bottom boxes ***/ 
}
/*** 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: -0.3em;
}
/* */


.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;
	he\ight: 1px;
}
/* */




/*------------------------------ position ------------------------------*/
.hem_wrapper {
	background-color: #7c7c7c;
}

.outer .hem {
	background: url("../img/layout/hem_float-wrap.jpg") 0 0 no-repeat;
}

.left .hem {
	background: url("../img/layout/hem_left.jpg") top right no-repeat;
	height: 42.4em;
}


.filosofi_wrapper {
	background-color: #414141;
}

.outer .filosofi {
	background: url("../img/layout/filosofi_float-wrap.jpg") 0 0 no-repeat;
}

.left .filosofi {
	background: url("../img/layout/filosofi_left.jpg") top right no-repeat;
	height: 42.4em;
}

.tjaenster_wrapper {
	background-color: #414141;
}

.outer .tjaenster {
	background: url("../img/layout/tjaenster_float-wrap.jpg") 0 0 no-repeat;
}

.left .tjaenster {
	background: url("../img/layout/tjaenster_left.jpg") top right no-repeat;
	height: 42.4em;
}


.kontakt_wrapper {
	background-color: #414141;
}

.outer .kontakt {
	background: url("../img/layout/kontakt_float-wrap.jpg") 0 0 no-repeat;
}

.left .kontakt {
	background: url("../img/layout/kontakt_left.jpg") top right no-repeat;
	height: 42.4em;
}


.partner_wrapper {
	background-color: #414141;
}

.outer .partner {
	background: url("../img/layout/partner_float-wrap.jpg") 0 0 no-repeat;
}

.left .partner {
	background: url("../img/layout/partner_left.jpg") top right no-repeat;
	height: 42.4em;
}


.wide {
	background: #e1e1e1 url("../img/layout/bg_wrapper_r.gif") top right repeat-y;    /* header and footer colours */
	/*width: 100%;*/
}

.wide p {
	margin: 0;
	padding: 5px;
	position: relative;
}


.subhead1 {
	background: #e1e1e1;
}

.subhead1 .box {
	width: 16.6em;
	height: 2em;
	background: #a3a3a3;
}


.subhead2 {
	background: #fff url("../img/layout/bg_subhead2_r.gif") top right no-repeat;
	height: 6em;
}

.subhead2 .box {
	float: left;
	width: 16.6em;
	height: 6em;
}

.subhead2 .hem {
	background: #7c7c7c url("../img/layout/hem_subhead2.jpg") right bottom no-repeat;
}

.subhead2 .filosofi {
	background: #7c7c7c url("../img/layout/filosofi_subhead2.jpg") right bottom no-repeat;
}

.subhead2 .tjaenster {
	background: #7c7c7c url("../img/layout/tjaenster_subhead2.jpg") right bottom no-repeat;
}

.subhead2 .kontakt {
	background: #7c7c7c url("../img/layout/kontakt_subhead2.jpg") right bottom no-repeat;
}

.subhead2 .partner {
	background: #7c7c7c url("../img/layout/partner_subhead2.jpg") right bottom no-repeat;
}

.subhead2 .logo {
	padding: 1.7em 0 0 24em;
}

.subhead3 {
	background-color: #a8a855;
}

.subhead3 .box {
	width: 16.6em;
	height: 3.6em;
}

.subhead3 .hem {
	background: url("../img/layout/hem_subhead3.jpg") top right no-repeat;
}

.subhead3 .filosofi {
	background: url("../img/layout/filosofi_subhead3.jpg") top right no-repeat;
}

.subhead3 .tjaenster {
	background: url("../img/layout/tjaenster_subhead3.jpg") top right no-repeat;
}

.subhead3 .kontakt {
	background: url("../img/layout/kontakt_subhead3.jpg") top right no-repeat;
}

.subhead3 .partner {
	background: url("../img/layout/partner_subhead3.jpg") top right no-repeat;
}

.subhead4 {
	background-color: #86863b;
}

.subhead4 .box {
	float: left;
	width: 16.6em;
	margin-right: 7.4em;
}

.subhead4 .hem {
	background: url("../img/layout/hem_subhead4.jpg") bottom right no-repeat;
}

.subhead4 .filosofi {
	background: url("../img/layout/filosofi_subhead4.jpg") bottom right no-repeat;
}

.subhead4 .tjaenster {
	background: url("../img/layout/tjaenster_subhead4.jpg") bottom right no-repeat;
}

.subhead4 .kontakt {
	background: url("../img/layout/kontakt_subhead4.jpg") bottom right no-repeat;
}

.subhead4 .partner {
	background: url("../img/layout/partner_subhead4.jpg") bottom right no-repeat;
}

.subhead4 a, 
.subhead4 p {
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #cc9;
	text-decoration: none;
	padding: 0.45em 1em 0.55em 1em;
}

.subhead4 a.nav_on,
.subhead4 a.nav_off:hover, 
.subhead4 a.nav_off:focus, 
.subhead4 a.nav_off:active {
	background: #663;
	color: #fff;
}




.bottom {
	background: url("../img/layout/bg_wrapper_rb.gif") bottom right no-repeat;
	height: 9px;
	position: relative;
}

.ap-test {
	display: none;
	position: absolute; 
	top: -3em; 
	width: 18.6em; 
	height: 2.9em;
}

.ap-left {left: 0;}

.ap-right {right: 0;}





.container_content {
	margin-bottom: 1.2em;
}

.content {
	float: left;
	width: 49.5em;
	/*margin-right: 2em;*/
}

.content_right {
	/*margin-right: 2em;
	text-align: right;*/
	margin-left: 51.5em;
	width: 15em;
}

.content_right .bildLupe {
	float: right;
	padding: 0.4em 0;
	margin-left: 1.2em;
}

.content_right .bildUnterzeile, 
.content_right .bildOberzeile {
	font-size: 1em;
	font-style: italic;
	color: #666;
	margin-bottom: 0.2em;
	text-align: left;
}

.content_right .bildUnterzeile {
	padding-bottom: 2.5em;
	padding: 0.4em 2.5em 1em 0;
	margin-bottom: 1.2em;
	background: url("../img/layout/lupe_in.gif") top right no-repeat;
}

.content_right .bildOberzeile {
	padding: 0.4em 0 1em 0;
	border-top: 1px dotted #ccc;
}

.content_right a {
	text-decoration: none;
}

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

h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.2em;
	line-height: 2em;
	color: #000;
	font-weight: bold;
}

h4 {
	font-size: 1em;
	line-height: 1.4em;
	color: #666;
	font-weight: bold;
}

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

.content p, 
.content ul, 
.content ol, 
.fliessTxt {
	font-size: 1.2em;
	line-height: 2em;
	color: #333;
}

.content p, 
.content ul, 
.content ol {
	margin-bottom: 0.8em;
}

.content ul {
	margin-left: 1.2em;
}
.content ol {
	margin-left: 1.6em;
}

.content ul h3, 
.content ul p {
	font-size: 1em;
}

.content p.noMargin {
	margin-bottom: 0;
}

p.link {
	font-size: 1.2em;
	line-height: 2em;
	color: #00c;
	text-decoration: underline;
	margin: 0.5em 0 2em 0;
}




.adress {
	margin-bottom: 3em;
}
.adress h3 {
	font-size: 1.2em;
	padding: 0;
	color: #666;
	font-weight: bold;
	margin-left: 12em;
}

.adress p {
	margin-bottom: 0;
}

.adress p.linkeSpalte {
	clear: both;
	display: block;
	float: left;
	font-size: 1.2em;
	width: 11em;
	margin: 0 1em 0 0;
	text-align: right;
	color: #666;
}

.adress p.rechteSpalte {
	margin-left: 12em;
}




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

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

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

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.txtCenter {
	text-align: center;
}

.clear {
	clear: both;
}


hr {
	height: 1px;
	border: 0 none;
	border-top: 1px dashed #999;
	margin: 0 0 2em 0;
	padding: 0;
	width: 40em;
}

.spacer {
	margin-bottom: 2em;
}

.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;
}

.left ul {
	list-style-type: none;
	text-align: right;
}

.left ul a {
	display: block;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #333;
	padding: 0.75em 2em 0.75em 1em;
	text-decoration: none;
	background: #ccc;
}

.left ul a.nav_off:hover,
.left ul a.nav_off:active,
.left ul a.nav_off:focus,
.left ul a.nav_on {
	/*background: #fbfbfb;*/
	color: #fff;
	font-weight: bold;
	background: #666 url("../img/layout/pfeil_left.gif") top right no-repeat;
}


.bildUnterzeileNewWin {
	float: right;
	font-size: 10px;
	font-style: italic;
	color: #666;
	margin: 8px;
}