@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	*	text-align: center;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
	margin-bottom: 2px;
}
h3 {
	font-size: 12px;
}
h4, h5, h6, h7 {
	font-size: 11px;
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
}
p, p.bodytext {
	margin: 0 0 12px;
}
ul {
	margin-left: 12px;
	padding-left: 12px;
}
li {
	list-style: url('/fileadmin/media/common/bullet_s_999.gif') outside;
	margin-left: 0;
	padding-left: 0;
}
li.linkList {
	list-style: url('/fileadmin/media/common/bulletLinkList.gif') outside;
}
a:link, a:visited {
	color: #ff9300;
	text-decoration: none;
}
a:hover, a:active {
	color: #ff9300;
	text-decoration: underline;
}
a img {
	border: 0;
}
.cl-both {
	clear: both;
	height: 0.1px;
	line-height: 0;
}

#logospace {
	position: relative;
	width: 984px;
}
#logo {
	position: absolute;
	top: 0;
	right: 6px;
}

/* aus microsite09 * * * * * */
table, tbody {
	width: 100%;
}
caption {
	margin-top: 20px;
}
th, td {
	font-size: 11px;
	vertical-align: top;
	padding: 2px 4px;
	border-bottom: 1px solid #cccccc;
}
th {
	background: #eeeeee;
	text-align: left;
	padding: 4px;
}


/* * * * * * * * * * * * * * * * */
/* basics    * * * * * * * * * * */
/* * * * * * * * * * * * * * * * */

#page1, #nav, #top, #container, #footer {
	position: relative;
	margin: 0;
	padding: 0;
}
#top, #container, #wrapperLeft, #wrapperRight, #wrapperInnen, #footer {
	float: left;
	clear: left;
	width: 100%;
}

#page1 {
	width: 984px;
	margin: 36px auto;
	/*	*	margin-top: 24px; */
	padding: 0;
	z-index: 1;
	*	text-align: left;
}
#nav {
	width: 100%;
	float: left;
	margin: 60px 0 0;
	padding: 0;
	z-index: 10;
}
#nav li div.klapp {
	position: absolute;
	left: 0;
	top: 21px;
	display: inline-block;
	width: 100%; 
	*	width: 984px;
	float: left;
}
#top {
	background: url('/fileadmin/media/bg/tr.png') 100% 0 no-repeat  #ff9300;
	height: 122px;
	color: #fff;
	z-index: 8;
}


/* nav     * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * */

#nav #su {
	float: left;
	*	margin-left: -3px;
}
#nav ul#topnav {
	float: left;
	margin: 0;
	padding: 0;
}
#nav li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#nav li a.toplevel {
	display: block;
	margin: 0;
	padding: 4px 24px;
	border-left: 1px solid #ccc;
	text-decoration: none;
	background: url('/fileadmin/media/bg/bg_nav.gif') no-repeat #f6f6f6;
}
#nav li a.toplevel:link, #nav li a.toplevel:visited {
	display: block;
	color: #333333;
	background-position: 0 0;
}
#nav li#topNavLast a.toplevel:link, #nav li#topNavLast a.toplevel:visited {
	background-position: 100% 0;
}
#nav li a.toplevel:hover, #nav li a.toplevel:active, 
#nav li:hover a.toplevel, #nav li:active a.toplevel,
#nav li.over a.toplevel, #nav li.over a.toplevel:link, #nav li.over a.toplevel:visited, 
#nav li.current a.toplevel, #nav li.current a.toplevel:link, #nav li.current a.toplevel:visited,
#nav li.aktiv a.toplevel, #nav li.aktiv a.toplevel:link, #nav li.aktiv a.toplevel:visited {
	display: block;
	color: #fff;
	border-left-color: #ff9300;
	background-color: #ff9300;
	background-position: 0 -100px;
}
#nav li#topNavLast a.toplevel:hover, #nav li#topNavLast a.toplevel:active, #nav li#topNavLast:hover a.toplevel, 
#nav li#topNavLast.current a.toplevel, #nav li#topNavLast.current a.toplevel:link, #nav li#topNavLast.current a.toplevel:visited, 
#nav li#topNavLast.aktiv a.toplevel, #nav li#topNavLast.aktiv a.toplevel:link, #nav li#topNavLast.aktiv a.toplevel:visited,
#nav li#topNavLast.over a.toplevel:link, #nav li#topNavLast.over a.toplevel:visited,
#nav li#topNavLast.over a.toplevel:hover, #nav li#topNavLast.over a.toplevel:active
 {
	background-position: 100% -100px;
}

/* nav ausklapper * * * * * * * * * * * */
#nav li div.klapp {
	visibility: hidden;
	min-height: 122px;
	*	height: 122px;
	overflow: visible;
	color: #fff;
	margin: 0;
	padding: 0;
	background: url('/fileadmin/media/bg/tr.png') 100% 0 no-repeat  #ff9300;
}
#nav li:hover div.klapp, #nav li.over div.klapp {
	visibility: visible;
	z-index: 100;
}
#nav li.current div.klapp {
	visibility: visible;
	z-index: 99;
}
/* (nicht verwendet)
#nav li.language:hover div.klapp ul, #nav li.language div.klapp ul {
	margin-left: 500px;
	*	margin-left: 250px; 
}
*/
#nav li div.innen {
	margin: 12px;
	padding: 0;
	width: 1000px;
}
#nav li ul {
	width: 220px;
	margin: 12px;
	/*	*	margin-left: 6px; */
	padding: 0;
	float: left;
	border-top: 1px solid #fdb;
}
#nav li li {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}
#nav li li a {
	display: block;
	padding: 4px 4px 4px 24px;
	background: url('/fileadmin/media/bg/bullet_top.gif') no-repeat #ff9300;
}
#nav li li a:link, #nav li li a:visited {
	color: #fed;
	background-position: 4px 4px;
	border-bottom: 1px solid #fdb;
}
#nav li li a:hover, #nav li li a:active {
	color: #fff;
	text-decoration: none;
	background-position: 4px -104px;
	border-bottom: 1px solid #fff;
}


/* top * * * * * * * * * * * */
#top {
	color: #fff;
}
#top h1 {
	font-size: 16px;
	margin: 24px 24px 12px;
}
#top h1 a {
	position: absolute;
	display: block;
	height: 98px;
	min-width: 172px;
	z-index: 10;
/*	border: 1px solid #0f0;  zum Testen */
}
#top h1 a:hover, #top h1.current a {
	background: url('/fileadmin/media/bg/bgTopAktiv.gif') 64px 92px no-repeat transparent;
}
#top ul {
	position: absolute;
	bottom: 0;
	left: 200px;
	margin: 0;
	padding: 0;
}
#top li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url('/fileadmin/media/bg/bgMenList.gif') no-repeat;
}
#top a:link, #top a:visited {
	color: #fff;
}
#top li a {
	display: block;
	padding: 0 18px 8px;
}
#top li a:link, #top li a:visited {
	color: #fcf9f6;
}
#top li a:active, 
#top li.current a:link, #top li.current a:visited, 
#top li.aktiv a:link, #top li.aktiv a:visited {
	color: #fff;
	text-decoration: none;
	background: url('/fileadmin/media/bg/bgTopAktiv.gif') 50% 17px no-repeat transparent;
}
#top li a:hover {
	color: #fff;
	text-decoration: none;
	background: url('/fileadmin/media/bg/bgTopOver.gif') 50% 17px no-repeat transparent;
}
#top #abstract {
	position: absolute;
	top: 48px;
	margin: 2px 24px;
	width: 200px;
	z-index: 9;
}
#top #men {
	z-index: 11;
}


/*  subnav* * * * * * * * * */
#sub_men {
	width: auto;
	margin: 18px 12px;
}
#sub_men, #sub_men ul, #sub_men li, #sub_men a {
	/*	*	height: auto; */
}
#sub_men ul {
	list-style: url(none) none;
	margin: 0;
	padding: 0;
}
#sub_men li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	border-right: 1px solid #ccc;
}
#sub_men li.first {
	border-left: 1px solid #ccc;
}
#sub_men li a:hover {
	color: #FF9900;
	background-color: #FFFFFF;
}
#sub_men a, #sub_men a:link, #sub_men a:visited, #sub_men a:hover, #sub_men a:active {
	color: #666;
	margin: 0;
	padding: 2px 12px;
	display: block;
}
#sub_men li.aktiv a, #sub_men li.aktiv a:link, #sub_men li.aktiv a:visited {
	font-weight: bold;
	color: #FF9900;
	background-color: #FFFFFF;
}


/* container * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * */
#container {
	background: url('/fileadmin/media/bg/bgContainer.jpg') 1px 0 repeat-x;
}
#container #wrapperLeft {
	padding-top: -2px;
}
#container #wrapperLeft, #container #wrapperRight {
	background: url('/fileadmin/media/bg/bgBorder.gif') top left repeat-y;
}
#container #wrapperRight {
	background-position: top right;
}
#container #wrapperInnen {
	margin: 0 1px;
	*	margin: 0 0.5px;
	min-height: 360px;
	height: auto;
	*	height: 360px;
}
#container #bordertop {
	height: 2px;
	margin: 0 2px 0 0;
	*	margin-left: 1px;
	line-height: 0.1px;
	font-size: 0.1px;
	background: #fff;
}
.content {
	float: left;
	margin: 18px -1px -6px 0;
	padding: 0 10px;
/*	background: #cfc; zum Testen */
/*	border: 1px solid #0f0;  zum Testen */
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

.col1 {
	width: 220px;
	*	width: 240px;
}
/* drittel */
.col3rd {
	width: 300px;
	*	width: 320px;
}
/* 2 drittel */
.col23rd {
	width: 620px;
	*	width: 640px;
}
.col2 {
	width: 460px;
	*	width: 480px;
}
.col3 {
	width: 700px;
	*	width: 720px;
}
.col4 {
	width: 940px;
	*	width: 960px;
}
.firstCol {
	border-left: none;
	/* border: 1px solid #0f0;  zum Testen */
	margin-left: 12px; 
	*	margin-left: 6px;
	min-height: 36px;
	*	height: auto;
}

.lastCol {
	border-right: none;
}
/* Ergänzung drüber u. drunter .content margin-top auf 0 gesetzt*/
.drueber, .drunter {
	margin-bottom: -12px;
	min-height: 1px;
	/*	*	height: auto; */
	border: none;
}
.drunter {
	margin-top: 18px;
	margin-bottom: -12px;
}

#container .innen {
	margin: 18px 6px 0 18px;
	min-height: 1px;
	*	height: 1px;
}


/* box * * * * * * * * * * * */
.box {
	position: relative;
	float: right;
	height: auto;
	min-height: 24px;
	background: url('/fileadmin/media/bg/bgContent4.png') 0 0 no-repeat;
	margin: 24px 2px 12px 0;
	*	margin-right: 0.1px;
	padding: 0;
	overflow: visible;
	border: none;
	*	border-right: 1px solid #ccc;
}
.box h2 {
	color: #666;
}

.box1 {
	width: 240px;
}
.box13rd {
	width: 320px;
}
.box2 {
	width: 480px;
}

.box1footer {
	position: absolute;
	bottom: -12px;
	left: 0;
	clear: right;
	background: url('/fileadmin/media/bg/bgContent4.png') 0 100% no-repeat;
	height: 12px;
	width: 100%;
/*	border: 1px solid #0f0;  zum Testen */
}


/* plusLink  * * * * * * * * * * * */
ul.plusLink  {
	padding: 9px 0 6px 9px;
	margin: 0 0 6px;
	display: inline-block;
	float: left;
	clear: left;
/*	border: 1px solid #0f0;  zum Testen */
}
ul.plusLink li {
	display: inline-block;
	float: left;
	clear: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.plusLink li a, ul.plusLink li a:link, ul.plusLink li a:visited {
	display: block;
	float: left;
	width: 168px;
	*	width: 196px;
	padding: 6px 18px 6px 12px;
	margin: 0 0 -1px 0;
	color: #666;
	background: url('/fileadmin/media/bg/bgLinkPlus.jpg') 100% 0 no-repeat #fcfcfc;
	border: 1px solid #ccc;
	text-decoration: none;
}
ul.plusLink li.last a, ul.plusLink li.last a:link, ul.plusLink li.last a:visited {
	margin-bottom: 0;
}
ul.plusLink li a:hover, ul.plusLink li a:active {
	color: #333;
	background-position: 100% -100px;
}
ul.internal {
	background: url('/fileadmin/media/bg/bgPlus.gif') 0 0 no-repeat;
}
ul.external {
	background: url('/fileadmin/media/bg/bgPlus.gif') -585px 0 no-repeat;
}
div.footer {
	float: left;
	clear: both;
	width: 100%;
	height: 12px;
	background: url('/fileadmin/media/bg/bgFooter.png') bottom left no-repeat;
}
div.footer .br {
	float: right;
	width: 24px;
	height: 12px;
	background: url('/fileadmin/media/bg/bgFooter_br.png') bottom right no-repeat;
}


/* footer  * * * * * * * * * * * */

#footer {
	padding: 0;
	color: #999;
	text-align: right;
}
#footer p {
	margin: 2px 6px;
}


/* TYPO3 elemente */

.csc-textpic-text h2 {
	margin-top: 0;
}
div.csc-textpic, .csc-textpic-image {
	margin-bottom: 12px;
}
.footnote {
	color: #666;
	font-size: 10px;
}
/* mailform * * * * * * * * * * * */

.csc-mailform-field {
	padding: 0;
	border: 1px solid #eee;
}

/* ------ mailform ------ */

#mailform, .csc-mailform, .csc-mailform-field {
	float: left;
	clear: left;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}
#mailform label {
	margin: 6px 12px 6px 0;
	*	margin-top: 10px;
	display: block;
	width: 180px;
	*	width: 172px;
	float: left; /**/
	border-bottom: 1px solid #eee;
}
#mailform hr {
	clear: both;
}
#mailform input, #mailform select {
	margin: 3px 0;
	vertical-align: bottom;/**/
	border: 1px solid #ccc;
    width: 300px;
}

#mailform textarea {
	vertical-align: top;
	margin: 6px 0;
	border: 1px solid #ccc;
    width: 300px;
}
#csc-mailform-field, #mailformformtype_mail, .csc-mailform-submit {
	clear: both;
	margin-top: 20px;
}

#mailform input.csc-mailform-submit {
	color: #fff;
	background: #f68121;
	border: 0;
	text-decoration: none;
	width: 96px;
	margin-left: 192px;
	*	margin-left: 188px;
	padding: 3px 6px;
}
#mailform input.csc-mailform-submit:hover {
	background: #f9a141;
}


/* * * * * * * * * */

p.pfeillink {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.pfeillink,
p.pfeillink a,
p.pfeillink a:link,
p.pfeillink a:visited
 {
	display: inline-block;
	padding-left: 12px;
	background: url('/fileadmin/media/bg/bullet_nav_s.gif') 0 -206px  no-repeat;
}
.pfeillink:hover,
p.pfeillink a:hover,
p.pfeillink a:active
 {
	background-position: 0 -316px;
}