html {
  height: 100%;
  background: url('../images/hg.jpg') repeat-x #ffffff;
}

body {
  margin:0px;
  padding:0px;
  background: url(../images/hg_alles.jpg) top center no-repeat;
  color: #000000;
  font-family:"lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
  text-align:center;
  font-size:77%; /*renders 10px */
}


img, div, input, span { behavior: url("iepngfix.htc") } /* IE PNG-Fix */

.inno_orange { color:#e57339; }
.inno_blau { color:#193065; }

a {
  color:#193065;
  text-decoration:none;
  font-weight:normal;
}

a:hover {
  text-decoration:underline;
}

h1, h2, h3 {
  color:#193065;
  margin:0 0 10px 0;
  font-weight:normal;
  letter-spacing:-0.05em;
}

h1 { font-size:197%; }      /*renders 26px */
h2 { font-size:167%; }      /*renders 22px */
h3 { font-size:138.5%; }    /*renders 18px */
h4 { font-size:108%; }      /*renders 14px */

#top_searchbox {
  margin: 0px 20px;
  height:30px;
  text-align: right;
}

.tx-macinasearchbox-pi1 input {
  margin: 5px 20px 0px 20px;
  width: 200px;
  color: #999999;
}

#alles {
  margin: 0px auto;
  text-align: left;
  width: 1150px;
}

/* Styles für die Logobox - START  */

#logobox {
  text-align: left;
  width: 100px;
  float:left;
  margin-right: 20px;
padding-top:50px;
}

.logo {
    margin:0px;
}

.person_links {
    padding:170px 0px 0px 0px;
}

/* Styles für die Logobox - ENDE  */

#inhalt {
  margin: 0px 0px 10px 0px;
  text-align: left;
  width: 1010px;
  min-height:1200px;
  float:left;
  /*background: url(./images/hg_inhalt.jpg) repeat-x;*/
}

/* statische Top-Navigation - START */

#topnav {
    margin:20px 10px 2px 10px;
    height:30px;
    text-align:right;
    color:#999999;
}

#topnav a { color:#999999; }
#topnav a:hover { color:#333333; }

/* statische Top-Navigation - ENDE */

/* Breadcrumb/Navtrail - START */

#navtrail {
    width:750px;
    height:15px;
    font-size: 10px;
    margin: 0 0 10px 10px;
    color: #999999;
    float:left;
}

#navtrail a {
    font-weight: bold;
    color: #999999;
}
#navtrail b {
    margin-left: 5px;
    color: #999999;
}
#empf {
    width:220px;
    margin-right: 10px;
    text-align: right;
    float:right;
}

/* Breadcrumb/Navtrail - Ende */


/* Navigation - START */

#navigation {
    width:960px;
    height:31px;
    margin: 0 0 10px 10px;
    text-align:left;
}

#navigation p {
    margin:5px 10px;
}

/* Haus */

.home {
    float:left;
}

.home img {
    margin:0 10px;
}

/* Container für Reiternavigation */

.navigation_reiter {
    float: left;
}

ul.nav,  ul.nav ul {
    list-style: none;
    margin: 0px;
    padding: 0 10px;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
ul.nav li.firstlevel {
  height: 31px;
  /*width: 160px;*/
  float: left;
  margin: 0 5px;
  padding: 0;
  position: relative;
}

ul.nav li.firstlevel a {
    height: 21px;
    /*width: 125px;*/
    padding:10px 25px 0 35px;
    background: transparent url(../images/reiter2.gif) left bottom no-repeat;
    display: block;
    float: left;
    /*font-size: 0px/0;
    text-indent: -500em;*/
    outline: none;
}

ul.nav li.firstlevel a {
    margin:0;
    outline: none;
}

ul.nav li.firstlevel a:hover, ul.nav li.firstlevel:hover {
    background-position: top left;
}

ul#nav-one li span {
    float: left;
    padding: 15px;
    position: absolute;
    left: -6px;
    top:31px;
    display: none; /*--Hide by default--*/
    width: 232px;
    color: #333;
    background: transparent url(../images/hg_nav_box.png) bottom no-repeat;
}

ul#nav-one li:hover span { /*--Show subnav on hover--*/
    display: block;
}

ul#nav-one li span a { /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
    display: inline;
    background: none;
    padding:0px;
    margin: 5px;
    width:265px;


}

ul#nav-one li span a:hover {
    text-decoration: underline;
}

/* Navigation - ENDE */


#top-content {
    margin: 0 0 10px 0px;
}

#top-content_image {
    margin: 0 0 10px 0px;
    width:770px;
    height:455px;
    /*float:left;*/
    background: transparent url(../images/banner_start.jpg) left top no-repeat;
}

#news_box {
    margin: 310px 0 0px 10px;
    width:750px;
    height:115px;
    background: transparent url(../images/news.gif) left top no-repeat;
}
.box_770_mitte {
    background: transparent url(../images/box_770px_middle_blau.gif) repeat-y;
    margin-bottom: 10px;
}

.box_770_inhalt {
    margin:0px 10px;
}

.box_770_inhalt .csc-header-n1 {
	padding:0px;
}
.box_770_inhalt h1.csc-firstHeader {
    margin:0px 0px 10px 0px;
}
.box_770_inhalt .csc-textpic {

}
.box_770_mitte p, .box_770_mitte h1, .box_770_mitte h2 {
    margin: 10px;
}


.box_770_oben {
    height:10px;
    font-size: 0px;
    background: #ffffff url(../images/box_770px_top_blau.gif) left top no-repeat;
}
.box_770_unten {
    padding:0px;
    height:10px;
    background: transparent url(../images/box_770px_bottom_blau.gif) left bottom no-repeat;
}

/* Content/inhalt_startbox */
.box_content_770_startbox {
    width:770px;
    height:450px;
    background: transparent url(../images/hg_start_leute.jpg) left no-repeat;
    margin-bottom: 10px;
}
.inhalt_startseite {
    margin:0 10px 10px 10px;
    height:280px;
}
.inhalt_startseite h1 {
    padding-top:10px;
}
.inhalt_startseite_text {
    width:370px;
    height:240px;
    margin: 0 0 0 2px;
}
.inhalt_startseite_news {
    width:748px;
    height:138px;
    margin: 0 0 0 2px;
    background: transparent url(../images/hg_newsbox.jpg) top no-repeat;
}
/* Content/inhaltsbox */

/* Content/inhaltsbox */

.box_content_770_einleitung {
    width:770px;
    height:450px;
    background: transparent url(../images/standard_banner.jpg) left no-repeat;
    margin-bottom: 10px;
}

.box_content_770_einleitung h1 {
    padding-top:0px;
}

.box_content_770_mitte {
    background: transparent url(../images/statisch_mitte_770x6.jpg) repeat-y;
    margin-bottom: 10px;
}

.box_content_770_oben {
    padding-top: 10px;
    background: transparent url(../images/statisch_kopf_770x440.jpg) left top no-repeat;

}

.box_content_770_oben .csc-default ul {
    padding-left:10px;
}

.box_content_770_oben .box_745_mitte {
	margin: 0px 0px 10px 10px;
}

.box_content_770_oben .box_745_mitte p.bodytext{
	width: 530px;
}

.box_content_770_unten {
    padding:0px;
    height:14px;
    background: transparent url(../images/statisch_unten_770x14.jpg) left bottom no-repeat;
}

/* */

.box_content_770_oben h1 {
    margin:0;
    height: 37px;
}

.inhalt_startbox {
    margin:0px 10px 10px 20px;

}
.inhalt_start_eins {
    width:460px;
    height: 180px;
    margin: 10px 0px;
    float:right;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}
.inhalt_start_zwei_links {
    float:left;
    margin: 10px 0px;
    width: 250px;
    height: 120px;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}

.inhalt_start_drei_rechts {
    width:460px;
    height: 120px;
    float:right;
    margin: 10px 0px;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}
.inhalt_links {
    float:left;
    margin: 0px 0px 10px 0px;
    width: 250px;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}

.inhalt_rechts {
    width:460px;
    float:right;
    margin: 0px 0px 10px 0px;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}

/* content_marginalien */
.content_marginalien {
    margin: 0px 10px 10px 10px;
}
.content_marginalien h3 {
    float:left;
    width: 250px;
    margin:0px 2px 10px 0px;
}

.content_marginalien_text {
    width:460px;
    float:right;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}

.content_marginalien_text p.bodytext {
    padding: 0px;
}

.content_marginalien_text .csc-default ul {
    padding: 0px 0px 0px 0px;
}

.content_marginalien_text img {
    border: 1px solid #999999;
}

#top-content_boxen {
    margin: 0 0 10px 10px;
    width:200px;
    height:300px;
    float:left;
}
.box_200px_top_clear {
    margin: 0px;
    /*padding:5px 5px 0 10px;*/
    padding-top: 4px;
    width:200px;
    height:20px;
    background: url(../images/box_200px_top.gif) top no-repeat;
}
.box_200px_top_clear b {
    margin:3px 0 0 5px;
    
}
.box_200px_top {
    margin: 0px;
    padding:5px 5px 0 10px;
    width:185px;
    height:10px;
    font-size: 0px;
    background: url(../images/box_200px_top.jpg) top no-repeat;
}
.box_200px_newsletter_clear {
    margin: 0px 0px 10px 0px;
    /*padding:5px 5px 0 10px;*/
    width:200px;
    height:116px;
    text-align:right;
    background: url(../images/box_200px_newsletter_bottom.gif) top no-repeat;
}

.box_200px_newsletter_clear p {
	padding:10px;
	font-size:130%;
    letter-spacing:0.03em;
    line-height:21px;
	text-align:center;
}

.box_200px_bottom {
    margin: 0px 0px 10px 0px;
    /*padding:5px 5px 0 10px;*/
    width:200px;
    background: url(../images/box_200px_bottomw.jpg) bottom no-repeat;
}

.box_200px_bottom_logo {
    height:125px;
    width:200px;
    margin:0px 0px 5px 0px;
    background: url(../images/box_200px_bottomw.jpg) bottom no-repeat;
}

.box_200px_bottom_logo img {
    margin:15px 0px 0px 15px;
}

.box_200px_top_kundenstimme {
    width:200px;
    height:10px;
    font-size: 0px;
    background: #ffffff url(../images/box_200px_top_blau.gif) top no-repeat;
}
.box_200px_bottom_kundenstimme {
    margin: 0px 0px 20px 0px;
    width:200px;
    background: url(../images/box_200px_bottom_blau.gif) #e2eaf9 bottom no-repeat;
}
.box_200px_bottom_kundenstimme h4 {
    padding:0 10px;
    font-weight: bold;
}
.box_200px_bottom_kundenstimme .align-center {
  padding:10px 10px 0 10px;
  color: #666666;
  font-family:"Times New Roman", "Times";
  text-align:center;
  font-size:120%; /*renders 14px */
}
.kundenstimme {
  padding:10px 10px 0 10px;
  color: #666666;
  font-family:"Times New Roman", "Times";
  text-align:center;
  font-size:140%; /*renders 14px */
}
.kundenstimme_person {
    padding:10px;
    text-align:center;
}
.box_200px_white {
    margin:0px 0px 5px 0px;
    padding-bottom: 10px;
    background: url(../images/box_200px_bottomw.jpg) bottom no-repeat;
}
.box_200px_white p, .box_200px_white ul {
    margin: 5px 5px 5px 5px;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}

#content_links {
    margin: 0 0 10px 0px;
    width:770px;
    float:left;
    /*background: transparent url(../images/banner_start.jpg) left top no-repeat;*/
}
#content_rechts {
    margin: 0 0 10px 10px;
    width:200px;
    float:left;
}

.form_submit {
    margin:10px;
}
.form_submit img {
    margin:5px;
    float:right;
}
.form_submit h1, .form_submit h2, .form_submit h3 {
    margin:5px;
    width:190px;
    float:left;
    color:#ffffff;
    font-weight:bold;
    text-align:right;
}

#content {
    margin: 0 0 10px 10px;
}

#content_iframe {
    margin: 0px;
}

#footer {
  text-align: center;
  color: #666666;
  padding-top:20px;
  width: 980px;
  /*background: url(../images/hg_footer.gif) top no-repeat #f4f4f4;*/
  height:25px;
}
#footer a {
	color: #666666;
}


/* Sonderformate */

.content_links_static {
    height: 460px;
}
.csc-textpic-caption {
    margin:2px;
    font-size:100%;
    color:#999999;
    font-style: italic;
}

.align-center {
    text-align: center;
}
.margin{
    margin: 10px;
}
.csc-header {
    padding:10px 0px 0px 10px;
}
.box_content_770_oben .csc-header,  .box_content_770_oben .bodytext {
    padding:0px 10px;
}

.bodytext a, .csc-default ul li a, .tx-mwhmitarbeiteranzeige-pi1 a.kontaktlink, .tooltip a {
    padding-left: 10px;
    background: url(../images/arrow_orange.gif) left no-repeat;
    color:#193065;
}

.name-of-person {
    color:#193065;
    font-variant: small-caps;
}

.bodytext, .csc-default p.bodytext, .csc-default ul li, .news-single-item p {
	margin: 10px 0;
	font-size:14px;
    letter-spacing:0.03em;
    line-height:19px;
}

.csc-default p.align-right {
	margin: 10px 10px 10px 0;
	font-size:14px;
    letter-spacing:0.03em;
    line-height:19px;
}

.csc-default ul {
    padding:0 10px;
}

.csc-default li {
    display: block;
    padding-left: 15px;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
    margin: 2px 0;
    background: url(../images/dot_blue.gif) left top no-repeat;
}

.box_745_inhalt p.bodytext {
    margin-left:0px;
}

.box_745_inhalt h4 {
    color:#193065;
}

.box_745_inhalt .csc-textpic-imagewrap {
    width: 155px;
    margin: 10px 10px 2px 0;
}

.box_745_inhalt .csc-default p {
    width: 550px;
    float:right;
}
.box_745_inhalt .csc-default ul {
    width: 550px;
	padding-left:0px;
    float:right;
}
.box_745_unten {
    clear: right;
}
.box_745_inhalt .csc-textpic-text h2 {
	margin-left: 175px;
}
.box_745_inhalt p.align-right{
	margin:0px;
	/*font-size: 13px;*/
	font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
}

/*--------------------------------- tt_news LIST view  -----------------------------------*/

/* Box 745px Newssystem */

.box_745_mitte {
    width: 745px;
    background: transparent url(../images/box_745px_middle_news_auf_blau.gif) repeat-y;
    margin-bottom: 10px;
}

.box_745_inhalt {
    margin:0px 10px;
}
.box_745_mitte p, .box_770_mitte h1, .box_770_mitte h2 {
    margin: 10px;
}


.box_745_oben {
    height:10px;
    font-size: 0px;
    background: #ffffff url(../images/box_745px_top_news_auf_blau.gif) left top no-repeat;
}
.box_745_unten {
    padding:0px;
    height:10px;
    background: transparent url(../images/box_745px_bottom_news_auf_blau.gif) left bottom no-repeat;
}

.news-list-container {
	padding: 10px 0;

}
.news-list-item {
	padding: 0 0 10px 0;
}

.news_list_bild_box {
    width: 155px;
    margin-right: 20px;
    float: left;
}
.news_list_text_box {
	text-align:left;
    width: 520px;
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
    float: left;
}
.news-list-container h4 {
	margin: 0px;
}

.news-list-datum {
    padding-right:10px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
    float: none;
    margin:0;
    border: none;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}
.news_list_text_box p {
    margin: 0;
    padding: 0;
}

.news-single-item h2{
	margin: 10px 0;
	font-size:14px;
    letter-spacing:0.03em;
    line-height:19px;
}

.news-single-item h1{
	margin: 10px 0;
}







/* Anfang scrollable */


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 650px;

	height:135px;

	/* custom decorations 
	border:1px solid #ccc;
	background:url(../images/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .items div {
	float:left;
	margin:0px 2px 5px 2px;
	background:url(../images/h300.png) repeat-x;
	padding:4px;
	border:1px solid #ccc;
	cursor:pointer;
	width:311px;
	height:110px;
    /*text-align: center;*/

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.news-list-container {
    text-align: center;
}
.scrollable .items div p, .scrollable .items div h4 {
        text-align: left;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:25px;
	height:100px;
	float:left;
	margin:20px 10px 10px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -100px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-25px -100px; }
a.right:active 	{ background-position:-50px -100px; }


/* left */
a.left				{ margin-left: 12px; }
a.left:hover  		{ background-position:-25px 0; }
a.left:active  	{ background-position:-50px 0; }



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* Ende scrollable */


#content-left {
    width:300px;
    float:right;
}
#content-right {
    width:300px;
    float:left;
}

.align-right {
    text-align: right;
}
.align-right a, .csc-default li a, .news-list-morelink a {
    padding-left: 10px;
    background: url(../images/arrow_orange.gif) left no-repeat;
    color:#193065;
}

.important {
    font-weight: bold;
    color:#193065;
}

.important a {
    font-weight: bold;
    color:#193065;
    padding-left: 0px;
    background: transparent;
}

.content_marginalien_text p.bodytext{
    margin:0px 0px 10px 0px;
}

#mitarbeiter-inner {
	margin-left:20px;
}
.mitarbeiter {
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
    width:160px;
    height:220px;
    margin:15px 25px 15px 0px;
    float:left;
    text-align: center;
    border: 1px solid #ffffff;
}

.mitarbeiter_spezial {
    font-size:110%;
    letter-spacing:0.03em;
    line-height:19px;
    width:160px;
    /*height:220px;*/
    margin:15px 25px 0px 10px;
    text-align: center;
    border: 1px solid #193065;
    background-color: #ffffff;
}

.mitarbeiter a {
  color:#193065;
  text-decoration:none;
}

.mitarbeiter a:hover {
  text-decoration:none;
}

.mitarbeiter:hover {
    background-color: #ffffff;
    border: 1px solid #193065;
    border-bottom: 1px solid transparent;
}

.mitarbeiter .desc h3, .mitarbeiter_spezial .desc h3{
    font-size:110%;
}

/* tooltip styling */
.tooltip {
    display:none;
    background-color:#ffffff;
    padding:5px;
    width:150px;
    font-size:100%;
    letter-spacing:0.03em;
    line-height:19px;
    color:#000000;
    border: 1px solid #193065;
} 
.tooltip2 {
    background-color:#ffffff;
    padding:5px;
    width:150px;
    font-size:100%;
    letter-spacing:0.03em;
    line-height:19px;
    color:#000000;
    border-top: 1px solid #193065;
}
.tooltip p.bodytext, .tooltip2 p.bodytext{ 
	padding:0px;
}
/*
.inhalt_startseite h1 {
	text-align:right;
}*/

.inhalt_rechts p.bodytext, .inhalt_links p.bodytext {
	margin: 0 0 10px 0;
	padding: 0px;
}
.tooltip p.bodytext {
	
	padding-top:0;
}
.tooltip p.bodytext a {
	display:block;
	background: url(../images/arrow_orange.gif) top left no-repeat;
	background-position:0px 5px;
  
}

.supi {
	color:#ff0000;
}

/* index_search */

.tx-indexedsearch-searchbox, .tx-indexedsearch-whatis, .tx-indexedsearch-browsebox {
	margin: 10px;
    font-size:100%;
    letter-spacing:0.03em;
    line-height:19px;
}

.tx-indexedsearch-searchbox input, .tx-indexedsearch-searchbox select {
	margin: 3px;
	padding:2px;
	border: 1px solid #193065;
}
.tx-indexedsearch-rules {
	margin: 5px;
    font-size:100%;
    letter-spacing:0.03em;
    line-height:19px;
}

.tx-indexedsearch-res {
	
    font-size:100%;
    letter-spacing:0.03em;
    line-height:19px;
	font-style: normal;
}
.tx-indexedsearch-descr {
	font-style: normal;
}

.csc-sitemap  li {
	background: none;
    font-size:14px;
    letter-spacing:0.03em;
    line-height:19px;
}
.form_mailmotor {
	margin: 10px 0px;
}
.form_mailmotor label{
	width:150px;
	margin:5px 5px 5px 0px;
}
.form_mailmotor input{
	width:200px;
	margin:5px 5px;
	padding:2px;
	border: 1px solid #193065;
}

.form_mailmotor input.mailmotor_submit{
	width:100px;
	margin:5px 0px;
	padding:2px;
	color:#e57339;
	border: 1px solid #e57339;
}