body { font-size: 100.01%; }

body {
    margin: 0;
	padding: 0;
    font: 0.73em Verdana, sans-serif;
    color: #000;
	background-color: #fff;
}

/* STANDARDS
---------------------------------------------------------------------------------------------------------------------*/

p, ol, ul, li, blockquote, div, span, font, h1, h2, h3, h4, h5, h6, i, pre, em, b, strong, form, input, textarea, select, table, tr, td {
	font-family: Verdana, sans-serif;
}

img,
table { border: none; }
table { font-size: 100.01%; }

hr {
	clear: both;
	color: #fff;
	background-color: #fff;
	padding: 0;
	margin: 14px 0 14px 0;
	border-top: 1px solid #c1c1c1;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

p.bodytext {
	line-height: 170%;
	margin: 0 0 7px 0;
}

p.to_top_p {
	margin: 6px 0 20px 0;
}

p.to_top_p a.to_top {
	font-size: 93%;
	line-height: 120%;
	text-transform: lowercase;
}

.rahmen1  {
	margin: 0 0 10px 0;
	padding: 3px 8px;
	background-color: #fff;
	border: 1px solid #d5e4e4;
}
/* nocht nicht definiert
.rahmen2  {
	margin: 0 0 10px 0;	
	padding: 3px 5px;
	background-color: #f1f4f7;
	border-right: 1px solid #9dcb8a;
	border-bottom: 1px solid #9dcb8a;
}
*/

/* LINKS
---------------------------------------------------------------------------------------------------------------------*/

a:link,
a:visited {
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	text-decoration: underline;
}

/* AUFBAU
---------------------------------------------------------------------------------------------------------------------*/

#wrapper,
.kopf,
#haupt_container,
div.layer,
div.men_wie_layer,
/* .haupt_nav,
#nav ul, */
#wrap_cont,
#wrap_cont_fs {
	width: 981px;
}

#wrapper {
	margin: 0; 
	padding: 16px 0 0 0; 
}

.kopf {
	margin: 0; 
	padding: 0;
	height: 85px;
}

#wrap_cont,
#wrap_cont_fs { clear: both; }
#wrap_cont { padding: 40px 0 0 0; }
#wrap_cont_fs { padding: 0; }

#wrap_cont .cont_01,
#wrap_cont .cont_02,
#wrap_cont .cont_03,
#wrap_cont_fs .cont_01,
#wrap_cont_fs .cont_02,
#wrap_cont_fs .cont_03 { float: left; margin: 0; }

#wrap_cont .cont_01 { width: 163px; }
#wrap_cont .cont_02 { width: 655px; }
#wrap_cont .cont_03 { width: 163px; }

#wrap_cont_fs .cont_01 { width: 198px; padding: 40px 0 0 0;}
#wrap_cont_fs .cont_02 { width: 452px; margin: 0 29px 0 0; padding: 40px 30px 14px 40px; background-color: #efefef; }
#wrap_cont_fs .cont_03 { width: 231px; padding: 40px 0 0 0; font-size: 93%; line-height: 150% !important; }
#wrap_cont_fs .cont_03 p.bodytext { line-height: 150% !important; }

/* LOGO
---------------------------------------------------------------------------------------------------------------------*/

#logo  {
	margin: 0 0 0 22px;
	height: 64px;
}

#logo a  {
	font-family: Verdana, sans-serif;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-decoration: none;
}

/* STANDARD
---------------------------------------------------------------------------------------------------------------------*/

ul#standard {
	clear: both;
	list-style: none;
	margin: 0 0 0 22px;
	padding: 0;	
}

ul#standard li.first,
ul#standard li {
	float: left;
	margin: 0; 
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
ul#standard li.first { background-image: none; padding-left: 0; }
ul#standard li {
	padding-left: 15px;
	background: url('../images/sym_trenner_stand.gif') no-repeat 7px 4px;
}

ul#standard li.first a,
ul#standard li a {
	font-family: Verdana, sans-serif;
	font-size: 93%;
	text-decoration: none;
}

ul#standard li.first a.act,
ul#standard li a.act {
	font-weight: bold;
}

ul#standard li a,
ul#standard li a:link,
ul#standard li a:visited { color: #c6c7c8; }

ul#standard li a:hover,
ul#standard li a:active,
ul#standard li a:focus,
ul#standard li a.act,
ul#standard li a.act:hover,
ul#standard li a.act:active,
ul#standard li a.act:focus { color: #666; }


/* HAUPTMENUE
---------------------------------------------------------------------------------------------------------------------*/

#haupt_container {
	clear: both;
	height: 30px; 
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	/* background-color: #d9d9d9; */
	background-color: #b7b7b7;
}

ul#haupt {
	margin: 0;
	padding: 0;
}

ul#haupt li.haupt_first,
ul#haupt li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	/* background-color: #d9d9d9; */
	background-color: #b7b7b7;
}

ul#haupt li.haupt_first { border: none; }
ul#haupt li { border-left: 2px solid #fff; } 

ul#haupt li a,
ul#haupt li a.act,
ul#haupt li span {
	display: block;
	margin: 0;
	padding: 8px 13px 8px 13px;
	letter-spacing: 0.08em;
	text-decoration: none;
}

ul#haupt li a,
ul#haupt li a:link,
ul#haupt li a:visited { /* color: #666;  */color: #fff; }

ul#haupt li a:hover,
ul#haupt li a:active,
ul#haupt li a:focus { color: #fff; background: #f90; }

ul#haupt li a.hptli01:hover,
ul#haupt li a.hptli01:active,
ul#haupt li a.hptli01:focus,
ul#haupt li a.hptli01_act,
ul#haupt li span.hptli01 { color: #fff; background: #b30000; }
ul#haupt li a.hptli02:hover,
ul#haupt li a.hptli02:active,
ul#haupt li a.hptli02:focus,
ul#haupt li a.hptli02_act,
ul#haupt li span.hptli02  { color: #fff; background: #b30000; }
ul#haupt li a.hptli03:hover,
ul#haupt li a.hptli03:active,
ul#haupt li a.hptli03:focus,
ul#haupt li a.hptli03_act,
ul#haupt li span.hptli03  { color: #fff; background: #b30000; }
ul#haupt li a.hptli04:hover,
ul#haupt li a.hptli04:active,
ul#haupt li a.hptli04:focus,
ul#haupt li a.hptli04_act,
ul#haupt li span.hptli04  { color: #fff; background: #b30000; }
ul#haupt li a.hptli05:hover,
ul#haupt li a.hptli05:active,
ul#haupt li a.hptli05:focus,
ul#haupt li a.hptli05_act,
ul#haupt li span.hptli05 { color: #fff; background: #b30000; }
ul#haupt li a.hptli06:hover,
ul#haupt li a.hptli06:active,
ul#haupt li a.hptli06:focus,
ul#haupt li a.hptli06_act,
ul#haupt li span.hptli06  { color: #fff; background: #b30000; }
ul#haupt li a.hptli07:hover,
ul#haupt li a.hptli07:active,
ul#haupt li a.hptli07:focus,
ul#haupt li a.hptli07_act,
ul#haupt li span.hptli07  { color: #fff; background: #b30000; }
ul#haupt li a.hptli08:hover,
ul#haupt li a.hptli08:active,
ul#haupt li a.hptli08:focus,
ul#haupt li a.hptli08_act,
ul#haupt li span.hptli08  { color: #fff; background: #b30000; }


/* LAYER
-----------------------------------------------  */
div.layer,
div.men_wie_layer {
	margin: 0;
	padding: 0;
	height: 31px;
	border-top: 1px solid #fff;
}

div.men_wie_layer {
	clear: both;
	height: 31px;
}

div.layer ul,
div.men_wie_layer ul,
div.layer ul li,
div.layer ul li.first,
div.men_wie_layer ul li,
div.men_wie_layer ul li.first {
	padding: 0;
	margin: 0;
}
	
div.layer ul li,
div.layer ul li.first,
div.men_wie_layer ul li,
div.men_wie_layer ul li.first {
	list-style: none;
	float: left;
	text-decoration: none;
}

div.layer ul li.first,
div.men_wie_layer ul li.first { background: none; }
div.layer ul li { background: url('../images/sym_trenner_hpt2.gif') no-repeat 0 11px; }
div.men_wie_layer ul li { background: url('../images/sym_trenner_hpt2.gif') no-repeat 0 11px; }

div.layer ul li a,
div.layer ul li .act,
div.men_wie_layer ul li a,
div.men_wie_layer ul li .act {
	display: block;
	color: #fff;
	letter-spacing: 0.08em;
	text-decoration: none;
}

div.layer ul li a,
div.layer ul li .act { padding: 8px 11px 8px 12px; }
div.men_wie_layer ul li a,
div.men_wie_layer ul li .act { padding: 8px 11px 8px 12px; }

div.layer ul li a:hover,
div.layer ul li a:active,
div.layer ul li a:focus,
div.layer ul li a.act,
div.layer ul li a.act:link,
div.layer ul li a.act:visited,
div.layer ul li a.act:hover,
div.layer ul li a.act:active,
div.layer ul li a.act:focus,
div.men_wie_layer ul li a:hover,
div.men_wie_layer ul li a:active,
div.men_wie_layer ul li a:focus,
div.men_wie_layer ul li a.act,
div.men_wie_layer ul li a.act:link,
div.men_wie_layer ul li a.act:visited,
div.men_wie_layer ul li a.act:hover,
div.men_wie_layer ul li a.act:active,
div.men_wie_layer ul li a.act:focus { font-weight: bold; }


/* UMEN
-----------------------------------------------  */

ul#umen {
	margin: 0;
	padding: 0;
}

ul#umen li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#umen li a,
ul#umen li a.act {
	display: block;
	margin: 0;
	padding: 0 0 16px 30px;
	letter-spacing: 0.05em;
	text-decoration: none;
}

ul#umen li a,
ul#umen li a:link,
ul#umen li a:visited { color: #666; background: url('../images/sym_umen_no.gif') no-repeat 0 4px; }
/* 
ul#umen li a:hover,
ul#umen li a:active,
ul#umen li a:focus,
ul#umen li a.act,
ul#umen li a.act:link,
ul#umen li a.act:visited
ul#umen li a.act:hover,
ul#umen li a.act:active,
ul#umen li a.act:focus { siehe Einzeldateien }
 */

/* TEXTLINKS UNTER CONTENT
---------------------------------------------------------------------------------------------------------------------*/

#textlinks {
	display: block;
	clear: both;
	margin: 50px 0 0 0;
}

#textlinks ul {
	margin: 0;
	padding: 0;
}

#textlinks ul li.first,
#textlinks ul li { list-style: none; float: left; margin: 0; }

#textlinks ul li.first { padding-right: 9px; padding-left: 0; background: none; }
#textlinks ul li { padding-left: 10px; background: url('../images/sym_trenner_textl.gif') no-repeat 0 4px; }

#textlinks ul li a {
	display: block;
	font-size: 93%;
	margin: 0;
	text-decoration: none;
}

#textlinks ul li a:link,
#textlinks ul li a:visited { color: #666; }
#textlinks ul li a:hover,
#textlinks ul li a:active,
#textlinks ul li a:focus { color: #333; }

/* HEADLINES
---------------------------------------------------------------------------------------------------------------------*/

#wrap_cont h1,
h1 { text-decoration: none; margin-bottom: 20px; }
#wrap_cont h1 { font-size: 210%; font-weight: bold; margin-top: 30px; letter-spacing: 0.05em; }
#wrap_cont_fs .cont_03 h1,
#wrap_cont_fs .cont_03 h2 { font-size: 100.01%; font-weight: bold; margin-top: 0; letter-spacing: 0; text-decoration: none; margin: 10px 0; }
h1 { font-size: 160%; font-weight: normal; margin-top: 0; }
h2 { font-size: 120%; font-weight: normal; letter-spacing: 0.05em; margin-top: 16px; margin-bottom: 8px; }

#wrap_cont .csc-subheader {
	color: #666;
	font-size: 210%;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	letter-spacing: 0.05em;
	margin-top: 0;
	margin-bottom: 20px;
}

.csc-subheader {
	color: #666;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.05em;
	margin-top: -6px;
	margin-bottom: 20px;
}

h3 {
	font-size: 100.01%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 14px;
}

/* SITEMAP
---------------------------------------------------------------------------------------------------------------------*/

ul#sitemap {
	margin: 10px 0 0 0;
	padding: 0;
}

ul#sitemap li ul {
	margin: 5px 0 0 0;
	padding: 0;
}

ul#sitemap li {
	list-style: none;
	padding-left: 0;
	margin-top: 12px;
	margin-bottom: 8px;
	margin-left: 0;
	font-weight: bold;
	background: url('clear.gif') no-repeat;
}

ul#sitemap li ul li.second,
ul#sitemap li ul li.third,
ul#sitemap li ul li.fourth,
ul#sitemap li ul li.fifth,
ul#sitemap li ul li.six {
	list-style: none;
	font-weight: normal; 
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0 0 0 10px;
	background: url('../images/dot.gif') no-repeat 0 4px;
}

ul#sitemap li ul li.second { margin-left: 0; }
ul#sitemap li ul li.third,
ul#sitemap li ul li.fourth,
ul#sitemap li ul li.fifth,
ul#sitemap li ul li.six { margin-left: 1px; }

/* FORMULARE
---------------------------------------------------------------------------------------------------------------------*/

form,
#mailform form  {
	clear: both;
	margin: 14px 0 30px 0;
}

#mailform input,
#mailform textarea,
#mailform select,
input,
textarea,
select {
	display: block;
	float: left;
    font: 95% Verdana, sans-serif;
	border: 1px solid #c1c1c1;
	background-color: #fff;
	margin-bottom: 5px;
}

td.csc-form-labelcell {
	width: auto;
	padding: 0 7px 7px 0;
	vertical-align: top;
}

p.csc-form-label,
p.csc-form-label-req {
	margin: 0;
	padding: 0;
}

#mailform fieldset  {
	margin: 10px 0 0 0;
	border: none;
	background-image: none;
}

#mailform div.form_zeile {
	display: block;
	clear: both;
	margin: 0 0 26px 0;
}

#mailform label {
	display: block;
	width: 120px;
	clear: both;
	float: left;
	overflow: visible;
	margin-bottom: 5px;
}

#mailform.csc-mailform-submit {
	clear: both;
	font-weight: bold !important;
	font-size: 95%;
	margin: 14px 0;
	padding-right: 10px;
	padding-left: 10px;
}

/* CSS STYLES C.
---------------------------------------------------------------------------------------------------------------------*/

.csc-textpic-caption {
	font-size: 85%;
	font-weight: normal;
	padding-top: 6px;
}

.csc-textpic { margin-top: 16px; }

.csc-textpic h1,
.csc-textpic h2 { margin-top: 0 !important; }

	/* Captions */
	div.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
		border: 1px solid #666;
		padding: 0;
	}

	div.csc-textpic-imagewrap { padding: 0; }

	div.csc-textpic img { border: none; }

	/* div: This will place the images side by side */
	div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image { float: left; }

	/* ul: This will place the images side by side */
	div.csc-textpic div.csc-textpic-imagewrap ul { list-style: none; margin: 0; padding: 0; }
	div.csc-textpic div.csc-textpic-imagewrap ul li { float: left; margin: 0; padding: 0; }

	/* dl: This will place the images side by side */
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { float: left; }
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt { float: none; }
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd { float: none; }
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img { border: none; } /* FE-Editing Icons */
	dl.csc-textpic-image { margin: 0; }
	dl.csc-textpic-image dt { margin: 0; display: inline; }
	dl.csc-textpic-image dd { margin: 0; }

	/* Clearer */
	div.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic-equalheight div.csc-textpic-imagerow { margin-bottom: 10px; display: block; }
	div.csc-textpic div.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0 !important; }
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0 !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	div.csc-textpic-intext-left div.csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	div.csc-textpic-intext-right div.csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	div.csc-textpic-above div.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	div.csc-textpic-center { text-align: center; /* IE-hack */ }
	div.csc-textpic-center div.csc-textpic-imagewrap { margin: 0 auto; }
	div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	div.csc-textpic-center div.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	div.csc-textpic-right div.csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left div.csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left div.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right div.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html div.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html div.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */