/*
DESIGN UND LAYOUT BERND RITTINGHAUSEN
DIE GESAMTHEIT DIESES CSS IST UHRHEBERRECHTLICH GESCHUETZT!
--------------------------------------------------
WEBSITE:    www.succentric.de
ERSTELLT:   22. April 2008
GEAENDERT:  24. Juli 2009, BRIMG100
GEAENDERT:  17. August 2009, BRIMG100
ENTWICKLER: BRIMG100
--------------------------------------------------
FARBEN ALT:
GRAU EXTREM HELL #f3f3f4


PRIMAERTOENE:
GRAU 30%         #c2c4c7
GOLD             #b9b4ab
ROT              #e60003


SEKUNDAERTOENE:
GRAU 5%          Wird nicht verwendet!
GRAU 10%         #eceeee
GRAU 20%         #d8dadc
GRAU 40%         #adaeb2
GRAU 80%         #504E53
GRAU 90%         #39363A
GOLD 20%         #9F9A93
GOLD 30%         #918B86 << Text
GOLD 40%         #807B78
ROT 30%          #b20004

border: solid 1px #903;
*/

/* Basis ---------------------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center; /* nur fuer IE 6.x noetig, Mozilla langt 'margin: auto' im container-style */
	font: 0.65em Trebuchet MS, Verdana, Arial, Helvetica, san-serif;
	text-align: center;
	background: #f6f7f7 url(images/hg_body.jpg) repeat-x;
	background-position: top;
	}

.grundmass {
	font: 1.2em/18px Trebuchet MS, Verdana, Arial, Helvetica, san-serif;
	}

.controllgrundmass {
	font: 12px/18px Trebuchet MS, Verdana, Arial, Helvetica, san-serif;
	}

a:link img,
a:visited img,
a:hover img,
a:active img {
	border: none;
	}

/* Hauptstruktur ---------------------------------------- */
#container {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	min-height: 100px;
	width: 1015px;
	}

#redline {
	position: absolute;
	z-index: 100;
	margin: 0 10px;
	padding: 0;
	border-top: 7px solid #e60003;
	height: 7px;
	width: 995px;
	}

#headerbackground {
	position: absolute;
	z-index: 5;
	text-align: left;
	margin: 0;
	background-image: url(images/hg_header.png);
	background-position: top;
	background-repeat: repeat-y;
	background-color: transparent;
	min-height: 100px;
	width: 1015px;
	}

#bildmarke {
	position: absolute;
	z-index: 6;
	text-align: left;
	margin: 0;
	padding: 0;
	background-image: url(images/hg_bildmarke.png);
	background-position: center -50px;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 180px;
	width: 1015px;
	}

#header {
	position: absolute;
	z-index: 7;
	margin: 10px 10px 0 10px;
	padding: 0;
	text-align: left;
	height: 100px;
	width: 995px;
	}

#metanmenu1 {
	position: absolute;
	z-index: 8;
	margin: 7px 0 0 650px;
	padding: 0;
	text-align: right;
	width: 260px;
	}

#languagelink {
	position: absolute;
	z-index: 10;
	margin: 7px 0 0 875px;
	padding: 0;
	text-align: left;
	width: 110px;
	}

.contentbox {
	position: absolute;
	z-index: 2;
	margin: 104px 0 0 0;
	padding: 0;
	text-align: left;
	min-height: 200px;
	width: 1015px;
	}

.maincontentbox-top1,
.maincontentbox-top2 {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(images/hg_maincontentbox_top.png);
	background-position: top;
	background-repeat: no-repeat;
	height: 17px;
	width: 1015px;
	}

.maincontentbox1,
.maincontentbox2 {
	position: relative;
	z-index: 5;
	margin: 0 0 7px 0;
	text-align: left;
	color: #adaeb2; /* GRAU 40% */
	background-image: url(images/hg_maincontent_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 941px; /* 1015-(2*37) */
	}

.maincontentbox1 {
	padding: 30px 37px 27px 37px;
	}

.maincontentbox2 {
	padding: 0 37px 27px 37px;
	border-top: 1px solid transparent;
	}

.footer {
	position: relative;
	z-index: 5;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(images/hg_footer.png);
	background-position: top;
	background-repeat: no-repeat;
	height: 90px;
	width: 1015px;
	}

/* Substruktur ---------------------------------------- */
#logo {
	margin-top: 30px;
	margin-left: 27px;
	width: 215px;
	}

#search {
	float: right;
	position: relative;
	margin: 27px 27px 0 27px;
	text-align: right;
	width: 336px;
	}

div.formular {
	z-index: 100;
	height: 22em;
}

div.formmainnavigation {
	
}

div.mailform-field {
	height:  2.8em;
	}

.illustration1 {
	float: left;
	width: 215px;
	margin: -21px 0 0 0;
	padding: 0;
	text-align: left;
	min-height: 360px;
	}

.illustration2 {
	float: left;
	width: 215px;
	margin: 0;
	padding: 0;
	text-align: left;
	min-height: 63px;
	}

.content-type1 {
	margin: 0 0 0 242px;
	padding: 0;
	min-height: 410px;
	}

.content-type2 {
	margin: 0 0 0 242px;
	padding: 0;
	}

#submenu {
	position: absolute;
	z-index: 20;
	margin: 117px 0 0 642px;
	padding: 0;
	text-align: right;
	width: 336px;
	}

#footertxt {
	margin: 0;
	padding: 17px 0 0 37px;
	width: 500px;
	}

#footertxt p {
	margin:  0;
	padding: 0;
	font-size: 1.1em;
	color: #adaeb2;
	}

#metamenu2 {
	float: right;
	margin: 0 17px 0 27px;
	padding: 17px 0 0 0;
	color: #adaeb2;
	text-align: center;
	width: 350px;
	}

#metamenu2 a {
	font-size: 1.1em;
	color: #adaeb2;
	text-decoration: underline;
	}

#metamenu2 a:hover {
	color: #adaeb2;
	text-decoration: none;
	}

.clearfloat {
	clear: left;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Sonstige ---------------------------------------- */
/*--- BEGINN - TEXT-FORMATIERUNGEN ---*/
H1, H2, H3, H4, H5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, san-serif;
	}

H1 {
	margin: 0 0 14px -2px;
	padding-top: 5px;
	font-size: 3.6em;
	color: #918B86; /* GOLD 30% */
	font-weight: normal;
	}

H2, H5, H6 {
	font-size: 1.8em;
	letter-spacing: 1px;
	color: #918B86; /* GOLD 30% */
	font-weight: normal;
	}

H3 {
	margin: 0 0 0 0;
	font-size: 1.2em;
	color: #918B86; /* GOLD 30% */
	font-weight: bold;
	}

H4 { /* wird fuer AGB-Text benutzt */
	margin: 0 0 0.65em 0;
	padding: 0;
	font-size: 0.95em;
	line-height: 1.2em;
	color: #918B86; /* GOLD 30% */
	font-weight: bold;
	}

/*--- Beginn - FCEs ---*/
.content-type1 p,
.content-type2 p {
	font-size: 1.2em;
	color: #918B86; /* GOLD 30% */
	margin: 2px 0 10px 0;
	font-weight: normal;
	}

.content-type1 table,
.content-type2 table { /* Formatierung fuer Tabellen allgemein */
	margin: 0;
	padding: 0;
	border: none;
	}

.content-type1 th,
.content-type2 th {
	border: none;
	text-align: left;
	font-size: 1.8em;
	color: #918B86; /* GOLD 30% */
	}

.content-type1 td,
.content-type2 td {
	border: none;
	text-align: left;
	font-size: 0.8em;
	color: #918B86; /* GOLD 30% */
	}

.content-type1 th,
.content-type2 th,
.content-type1 td,
.content-type2 td {
	margin: 0;
	padding: 0 27px 0 7px;
	border-left: 1px solid #adaeb2;
	}

.content-type1 td a,
.content-type2 td a {
	color: #B60006;
	text-decoration: underline;
	font-style: normal;
	}

.content-type1 td a:hover,
.content-type2 td a:hover {
	color: #918B86; /* GOLD 30% */
	text-decoration: underline;
	font-style: normal;
	}

.content-type1 ul,
.content-type2 ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
	}

.content-type1 ul li,
.content-type2 ul li {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #918B86; /* GOLD 30% */
	background-image: url(images/ic_pfeil.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 2px;
	text-align: left;
	}

.content-type1 ul ul,
.content-type2 ul ul {
	margin-bottom: 0;
	}

.content-type1 ul li ul li,
.content-type2 ul li ul li {
	margin: 0 0 0 0.66em;
	padding: 0 0 0 9px;
	font-size: 1em;
	color: #918B86; /* GOLD 30% */
	background-image: url(images/ic_pfeil_small_grau40.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 4px;
	text-align: left;
	}

.content-type1 ol,
.content-type2 ol {
	margin: 0 0 1em 2.6em;
	padding: 0;
	}

.content-type1 ol li,
.content-type2 ol li {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #918B86; /* GOLD 30% */
	}

.content-type1 ol ol,
.content-type2 ol ol {
	margin-bottom: 0;
	list-style: lower-alpha;
	}

.content-type1 ol li ol li,
.content-type2 ol li ol li {
	margin: 0 0 0 0.33em;
	padding: 0;
	font-size: 1em;
	color: #918B86; /* GOLD 30% */
	}

table.twocolumns,
table.threecolumns,
table.fourcolumns {
	margin: 0 0 1em 0;
	font-size: 1.2em; /* Schriftgroessenkorrektur fuer Tabellen */
	color: #918B86; /* GOLD 30% */
	}

table.twocolumns p,
table.threecolumns p,
table.fourcolumns p {
	color: #918B86; /* GOLD 30% */
	}

table.twocolumns div.csc-textpic-imagewrap,
table.threecolumns div.csc-textpic-imagewrap,
table.fourcolumns div.csc-textpic-imagewrap {
	padding-top: 2px;
	}

table.twocolumns sup,
table.threecolumns sup,
table.fourcolumns sup {font-size: 1.2em;}

table.twocolumns td,
table.threecolumns td,
table.fourcolumns td {
	padding: 0 27px 0 7px;
	border-left: 1px solid #adaeb2;
	}
	
table.twocolumns td.twocolumnslast,
table.threecolumns td.threecolumnslast,
table.fourcolumns td.fourcolumnslast {
	padding-left: 7px;
	}

table.twocolumns ul,
td.twocolumnslast ul,
table.threecolumns ul,
td.threecolumnslast ul,
table.fourcolumns ul,
td.fourcolumnslast ul {
	margin: 0 0 1em 1px;
	padding: 0;
	list-style-type: none;
	}

table.twocolumns ul li,
td.twocolumnslast ul li,
table.threecolumns ul li,
td.threecolumnslast ul li,
table.fourcolumns ul li,
td.fourcolumnslast ul li {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	color: #918B86; /* GOLD 30% */
	background-image: url(images/ic_pfeil_small.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 4px;
	text-align: left;
	}

table.imgtext-table {
	margin: -7px 0 1em 0;
	padding: 0;
	}

table.imgtext-table td,
table.imgtext-nowrap td {
	padding: 0;
	border-left: none;
	}
/*--- Ende - FCEs ---*/

#impressum table {
	margin: 0;
	padding: 0;
	border: none;
	}

#impressum td {
	margin: 0;
	padding: 2px;
	border: none;
	text-align: left;
	font-size: 0.95em;
	font-style: italic;
	}

#impressum td.vorwort {
	margin: 0;
	padding: 2px;
	border: none;
	text-align: right;
	vertical-align: baseline;
	font-size: 0.75em;
	font-style: italic;
	}

#impressum td a {
	text-decoration: none;
	font-style: italic;
	}

#impressum td a:hover {
	text-decoration: underline;
	font-style: italic;
	}

.pfadanzeige {
	margin: 0 0 30px 0;
	font-size: 0.75em;
	}

.pfadanzeigehighlight {}

.contentlist1 {
	margin: 1.75em 0 0 0;
	padding: 0;
	}

.contentlist1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	
	}

.contentlist1 ul li {
	display: block;
	text-align: left;
	margin-bottom: 0.75em;
	padding: 0 0 0 19px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	}

/*--- BEGINN - FORMULAR-FORMATIERUNGEN --*/
.mailform-field-label1 {
	/*display: block;*/
	float: left;
	font-size: 1.2em;
	color: #918B86; /* GOLD 30% */
	width: 7em;
	}
/*--- ENDE - FORMULAR-FORMATIERUNGEN --*/

/*--- BEGINN - METAMENUE-FORMATIERUNGEN --*/
#languagelink ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#languagelink ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	text-indent: 0;
	}

#languagelink ul li a {
	display: block;
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	font-size: 1em;
	letter-spacing: 1px;
	text-decoration: none;
	color: #918B86; /* GOLD 30% */
	width: auto;
	}

.languagelinknotlast {
	border-right: 1px solid #adaeb2;
	}

#languagelink ul li a:hover {
	color: #fff;
	background-color: #918B86; /* GOLD 30% */
	}

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

#metanmenu1 ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	text-indent: 0;
	}

#metanmenu1 ul li a {
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	width: auto;
	color: #adaeb2;
	font-size: 1em;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
	}

.metamenu1notlast {
	border-right: 1px solid #adaeb2;
	}

#metanmenu1 ul li a:hover {
	color: #fff;
	background-color: #918B86;
	}

#metamenu2 ul {
	margin: 0;
	padding: 0 0 0 80px;
	list-style-type: none;
	}

#metamenu2 ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	text-indent: 0;
	}

#metamenu2 ul li a {
	display: block;
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	font-size: 1.1em;
	text-decoration: underline;
	color: #adaeb2;
	width: auto;
	}
	
.metamenu2notlast {
	border-right: 1px solid #adaeb2;
	}

#metamenu2 ul li a:hover {
	color: #adaeb2;
	text-decoration: none;
	}
/*--- ENDE - METAMENUE-FORMATIERUNGEN --*/

/*--- BEGINN - MAINNAVI-FORMATIERUNGEN --*/
#menu {
	position: absolute;
	z-index: 10;
	margin: 60px 0 0 279px;
	}

#menu ul {
	float: left;
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0;
	text-align: left;
	border: 0;
	color: #504E53;
	width: auto;
	}

#menu ul li {
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: left;
	text-indent: 0;
	color: #504E53;
	height: 26px;
	}

#menu ul li a {
	display: block;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 2em;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	color: #504E53;
	height: 1.4em;
	width: auto;
	}

#menu ul li a:hover {
	color: #b9b4ab;
	}

#menu ul li ul { /* Aufklappmenue */
	position: absolute;
	left: -999em;
	margin: 3px 0 0 0;
	padding-top: 10px;
	font-weight: normal;
	border: none;
	border-bottom: 1px solid #adaeb2;
	height: auto;
	width: 196px;
}

#menu ul li li {
	padding: 1px 7px 3px 7px;
	font-weight: normal;
	text-decoration: none;
	background-image: none;
	background-color: #fff;
	border-left: 1px solid #adaeb2;
	border-right: 1px solid #adaeb2;
	height: auto;
	width: 180px;
}

#menu ul li li:hover,
#menu ul li li.sfhover {
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	background-image: url(images/ic_pfeil_small.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	height: auto;
	width: 180px;
}

#menu ul li ul a {
	font-size: 1.1em;
	text-decoration: none;
	text-transform: none;
	color: #504E53;
	width: 18em;
}

#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li.sfhover ul ul,
#menu ul li.sfhover ul ul ul {
	left: -999em;
}

#menu ul li:hover ul,
#menu ul li li:hover ul,
#menu ul li li li:hover ul,
#menu ul li.sfhover ul,
#menu ul li li.sfhover ul,
#menu ul li li li.sfhover ul {
	left: auto;
}

#menu ul li:hover,
#menu ul li.sfhover {
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #918B86; /* GOLD 30% */
}

/*
#menu ul li.menuparent_act {}
#menu ul li.menuparent_act2 {}
#menu ul li.menuparent_act a {}
#menu ul li.menuparent_act ul a {}
#menu ul li ul ul {}
*/
/*--- ENDE - MAINNAVI-FORMATIERUNGEN --*/
/*--- BEGINN - SUBMAINNAVI-FORMATIERUNGEN --*/
#submenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#submenu ul li {
	display: block;
	text-align: right;
	padding: 0;
	margin: 0;
	text-indent: 0;
	}

#submenu ul li a {
	margin: 0;
	padding: 0;
	height: 1.4em;
	color: #adaeb2;
	font-size: 1.2em;
	line-height: 1.8em;
	text-decoration: none;
	display: block;
	}

#submenu ul li a:hover {
	color: #918B86;
	}
/*--- ENDE - SUBMAINNAVI-FORMATIERUNGEN --*/
/*--- BEGINN - LINK-FORMATIERUNGEN --*/
#content p a,
#content p a:link,
#content p a:visited,
#content p a:active {
	color: #918B86; /* GOLD 30% */
	text-decoration: underline;
	}

#content p a:hover {
	color: #918B86; /* GOLD 30% */
	text-decoration: underline;
	}

#content td p a,
#content td p a:link,
#content td p a:visited,
#content td p a:active {
	color: #b20004; /* Rot 30% */
	text-decoration: underline;
	}

#content td p a:hover {
	color: #918B86; /* GOLD 30% */
	text-decoration: underline;
	}

.contentbox a,
.contentbox a:link,
.contentbox a:visited,
.contentbox a:active {
	color: #918B86; /* GOLD 30% */
	text-decoration: underline;
	}

.contentbox a:hover {
	color: #b20004; /* ROT 30% */
	text-decoration: underline;
	}
/*--- ENDE - LINK-FORMATIERUNGEN --*/
/*--- ENDE - TEXT-FORMATIERUNGEN --*/
/*--- BEGINN - SEITENABHAENGIGE HINTERGRUENDE --*/
/*--- ENDE - SEITENABHAENGIGE HINTERGRUENDE --*/
/*--- BEGINN - T3-ANPASSUNGEN --*/
div.illustration1 h1.csc-firstHeader {font-size: 1em;}
/*--- ENDE - T3-ANPASSUNGEN --*/