* {
	margin: 0px;
	padding: 0px;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: auto;	
	font-family: Arial;
	color: #181817; 
	font-size: 12px;
	line-height: 16px;
	
	background: #f3ebdf url(/gfx/bg_kachelbar.jpg) repeat-y 50% 0%;
}
#begin,
#startpage {
	width: 100%;
	height: 100%;
}
#begin {
	background: transparent url(/gfx/background.jpg) no-repeat scroll 50% 0%;
	background-attachment: scroll;
}
#startpage {
	background: transparent url(/gfx/background_startpage.jpg) no-repeat scroll 50% 0%;
	background-attachment: scroll;
}

h1,
h2,
h3 {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}

div.right h2 {
	line-height: 18px;
}

h5 {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
}

h5.headline {
	height: 32px;
	line-height: 32px;
	background: transparent url(/gfx/headline_bg.png) no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	
	padding-left: 10px;
	margin: 15px 0px 0px 0px;
}

p{
	margin:12px 0;
}


a {
	font-weight: bold;
	color: #782259;
	text-decoration: none;
	
	padding-right: 10px;
	background: transparent url(/gfx/link_arrow.png) no-repeat 100% 50%;
}

img {
	border: none;
}

#container {
	width: 930px;
	margin: 0px auto;
	padding: 0px 20px;
}

a.header_left {
	background-image: none;
}
a.header_left div {
	display: block;
	float: left;
	width: 316px;
	height: 54px;
	background: transparent url(/gfx/header_left.png) no-repeat;	
	margin-top: 65px;
	border: none;
}

a.header_left span {
	display: block;
	float: left;
	width: 316px;
	height: 54px;
	background: transparent url(/gfx/header_left.png) no-repeat;	
	margin-top: 65px;
	border: none;
}

/* TOP NAVIGATION */
#navi_search {
	min-height: 30px;
}

#navigation {
	display: block;
	float: right;
	height: 20px;
	margin-top: 25px;
}

#navigation ul {
	margin: 0px 0px 10px 0px;
	height: 14px;
}

#navigation ul li {
	display: block;
	float: left;
	min-height: 14px;
	line-height: 14px;

	padding: 0px 5px 0px 5px;
	position: relative;
	
	border-left: solid 1px #65615e;
}
#navigation ul li.first {
	border: none;
}

#navigation ul li a {
	display: block;
	float: left;	
	
	text-transform: uppercase;
	color: #181817;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.5px;
	
	background-image: none;
	padding: 2px 5px 2px 5px;

}
#navigation ul li a.active {
	color: #fff;
	background-color: #782259 ;
}
#navigation ul li a img {
	border: none;
}
#navigation ul li.first a {
	border: none;
}

/*#navigation ul li:hover ul {
	display: block;
	clear: both;
	position: absolute;
	left: 0px;
	top: 20px;
	
	background-color: #fff;
}

#navigation ul li ul {
	display: none;	
}

#navigation ul li ul li {
	display: block;
	float: none;	
}

#navigation ul li ul li a {
	display: block;
	float: none;

	border: none;
	text-transform: none;	
}*/

/* SEARCH */
#search {
	float: right;	
	margin-right: 20px;
}

#search input.searchfield {
	margin-top: 25px;
	width: 183px;
	height: 34px;
	
	padding: 0px 29px 0px 12px;
	
	background: transparent url(/gfx/search_bg.png) no-repeat 0px 0px scroll;
	border: none;
}

#search input.submit {
	width: 14px;
	height: 15px;
	margin-left: -24px;
	background: transparent url(/gfx/icon_lupe.png) no-repeat 0px 0px scroll;
	border: none;
	cursor: pointer;
}

/* CONTENT */
#content_container {
	margin: 60px 0px 20px 0px;
	height: 580px;
}

#startpage #content_container {
	height: 540px;
}

#content_container h1.left {
	float: left;
	margin-left: 10px;
}

/*#content_container img.left {
	display: block;
	float: left;
}*/

#content_container div.right,
#content_container ul.right,
#content_container div.left {
	float: left;
	width: 270px;
	height: 570px;
	overflow: hidden;
	
	padding: 0px 20px 0px 10px;
}
#content_container div.left {
	position: relative;
}
#content_container div.standard_motive {
	margin-left: -22px;
	width: 310px;
	padding-right: 0px;
}
#content_container div.left img.left {
	margin-left: 0px;
}
#content_container div.right {
	width: 600px;
	padding: 0px 0px 0px 20px;
	margin-top: -5px;
	height: 580px;
	background-image: none;
}

#content_container div.right,
#content_container ul.right {
	float: right;
}
#content_container div.limited {
	height: 580px;
	overflow: auto;
}

#content_container ul.right {
	width: 500px;
}

img.left {
	max-width: 270px;
	margin-left: 10px;
	margin-bottom: 20px;
}

#content_container div.left h1,
#content_container div.left h2,
#content_container div.left h3 {
	line-height: 25px;
}

#content_container div.left_standard_bg {
	background: transparent url(/gfx/standard_background_left.png) no-repeat 0% 100%;
	padding: 0px;
	margin: 0px 0px 0px -25px;
	width: 300px;
	height: 600px;
}

div.video {
	margin-bottom: 10px;
}



/* STARTPAGE */

#content_container div.visible {
	overflow: visible;
	position: relative;
}
#content_container div.visible img {
	border: none;
}

#content_container div.startpage {
	height: 370px;
	background-image: none;
}
#content_container div.koerper {
	padding: 20px 10px 0px 10px;
	width: 290px;
	overflow: hidden;
	float: left;
}
#content_container div.koerper img {
	margin-left: -5px;
}
#content_container div.karte {
	padding: 10px 0px 0px 10px;
	float: left;
	margin-left: 20px;
	width: 270px;
}
#content_container div.karte img {
	margin-bottom: 10px;
}
#content_container div.koerper img,
#content_container div.karte img {
	margin-top: 10px;
}
#content_container div.koerper a,
#content_container div.karte a {
	display: block;
	float: right;
}
#content_container div.koerper h3,
#content_container div.karte h3 {
	font-size: 18px;
	float: right;
	margin-bottom: 10px;
	text-align: right;
	width: 100%;
}
#content_container div.karte h3 {
	margin-top: 5px;
}
#content_container div.visible div.text {
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
}
#content_container div.visible h2 {
	font-size: 18px;
	position: absolute;
	bottom: 15px;
	right: 0px;
}
#content_container div.visible span {
	height: 16px;
	background: transparent url(/gfx/trenner_top_startpage.png) repeat-x 0% 0%;
	position: absolute; 
	bottom: 9px;
	right: 0px;
}

#content_container div.flashfilm {
	margin-top: -41px;
	width: 620px;
	padding-left: 0px;
	height: 420px;
	overflow: hidden;
}


#teaser {
	list-style-type: none;
	height: 140px;
	width: 940px;
	overflow: hidden;
	
	margin: 18px 0px 0px 0px;
	
	/*background: transparent url(/gfx/teaser_campaign_bg.png) no-repeat 0% 100%;*/
}
#teaser li {
	display: block;
	float: left;
	width: 270px;
	height: 140px;
	padding: 0px 20px;
	position: relative;
}
#teaser li.campaign {
	
}

#teaser li h2,
#teaser li h3 {
	line-height: 13px;
}

#teaser li h2 {
	font-size: 14px;
	text-transform: uppercase;
}
#teaser li h2.downloads {
	margin-bottom: 10px;
}

#teaser li h3 {
	font-size: 17px;
	margin-bottom: 10px;
	line-height: 18px;
}

#teaser li img.campaign {
	float: right;
	display: block;
	margin-bottom: 20px;
}
#teaser li img.downloads {
	float: left;
	display: block;
	margin-right: 10px;
}

#teaser li p.more {
	text-align: right;
	margin: 0px;
	position: absolute;
	bottom: 5px;
	right: 20px;
}

#teaser li p.downloads {
	height: 95px;
	overflow: hidden;
	margin: 0px;
}

#teaser li div.startpage_news_teaser {
	height: 90px;
	overflow: hidden;
	margin: 0px;
}
#teaser li div.startpage_news_teaser p {
	margin-bottom: 0px;
}

/* MEDICAL TECHNOLOGIES */

div.medical {
	margin-top: -30px !important;
	height: 620px !important;
}

div.koerper_hotspot {
	position: relative;
	width: 519px;
	height: 604px;
}


div.medical_content {
	display: none;
}

#mouseover_layer {
	position: absolute;
	width: 200px;
	min-height: 90px;
	overflow: hidden;
	display: none;
	background: transparent url(/gfx/koerper_hover_bg.png) repeat; 
	padding: 15px;
	color: #fff;
	cursor: default;
}
#mouseover_layer h2 {
	display: block;
	padding-bottom: 8px;
	margin: 0px 0px 8px 0px;
	background: transparent url(/gfx/hover_trenner.png) repeat-x 0% 100%;
}
#mouseover_layer h2 span {
	display: inline;
	width: 182px;
	padding: 0px 17px 0px 0px;
	font-size: 14px;	
	background: transparent url(/gfx/arrow_white_down.png) no-repeat 100% 50%;
}

#mouseover_layer a {
	color: #fff;
	background-image: url(/gfx/link_arrow_white.png);
}
#mouseover_layer p.top {
	margin: 0px 0px 5px 0px;
}
#mouseover_layer p.more,
#mouseover_layer p.last {
	margin: 0px;
	padding-bottom: 10px;
	background: transparent url(/gfx/hover_trenner.png) repeat-x 0% 100%;
}

div.medical_hotspot {
	position: absolute;
	width: 16px;
	height: 16px;
	line-height: 16px;
}
div.medical_hotspot a {
	padding: 0px;
	background: none;
}
div.medical_left img {
	float:left;
}
div.medical_right img {
	float:right;
}


div.medical_hotspot span.hotspot {
	background: transparent url(/gfx/hotspot_start.png) no-repeat;
	display:block;
	float:left;
	width:16px;
	height:16px;
}


div.medical_hotspot img {
	padding-top: 2px;
}


#niere {
	width: 220px;
	height: 36px;
	top: 175px;
	left: 5px;
}
#niere img{
	padding-top: 0px;
}
#niere span{
	padding-top: 27px;
	background-position: 100% 100%;	
}


#brust {
	width: 141px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 100% 100%;	
	top: 144px;
	left: 83px;
}
#lunge {
	width: 200px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 100% 100%;	
	top: 116px;
	left: 40px;
}
#augen {
	width: 97px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 100% 100%;	
	top: 28px;
	left: 146px;
}
#gehirn {
	width: 118px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 0% 100%;	
	top: 12px;
	left: 272px;
}
#mund {
	width: 75px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 0% 100%;	
	top: 60px;
	left: 270px;
}
#nervensystem {
	width: 159px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 0% 100%;	
	top: 114px;
	left: 328px;
}
#herz {
	width: 173px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 0% 100%;	
	top: 157px;
	left: 278px;
}
#magendarm {
	width: 264px;
	height: 16px;
	padding-bottom: 0px;
	background-position: 0% 100%;	
	top: 221px;
	left: 250px;
}
#hand {
	width: 159px;
	height: 41px;
	padding-top: 8px;
	background-position: 0% 0%;	
	top: 225px;
	left: 312px;
}
#hand img{
	padding-top: 15px;
}
#hand span{
	padding-top: 0px;
	background-position: 100% 100%;	
}
#blase {
	width: 147px;
	height: 21px;
	padding-top: 8px;
	top: 298px;
	left: 266px;
}
#blase img {
	padding-top: 9px;
}
#blase span {
	padding-top: 0px;
	background-position: 100% 100%;	
}
#haut {
	width: 95px;
	height: 21px;
	padding-top: 4px;
	background-position: 0% 0%;	
	top: 368px;
	left: 296px;
}
#haut img {
	padding-top: 2px;
}
#gefaesse {
	width: 137px;
	height: 16px;
	padding-top: 2px;
	background-position: 100% 0%;	
	top: 328px;
	left: 99px;
}
#unterleib {
	width: 148px;
	height: 16px;
	padding-top: 2px;
	background-position: 100% 0%;	
	top: 273px;
	left: 96px;
}
#bauchspeicheldruese {
	width: 223px;
	height: 16px;
	padding-top: 2px;
	background-position: 100% 0%;	
	top: 246px;
	left: 17px;
}
#knie {
	width: 88px;
	height: 16px;
	padding-top: 2px;
	background-position: 100% 0%;	
	top: 429px;
	left: 110px;
}
#huefte {
	width: 96px;
	height: 16px;
	padding-top: 4px;
	background-position: 0% 0%;	
	top: 284px;
	left: 313px;
}
#huefte img {
	padding-top: 2px;
}
#wirbelsaeule {
	width: 199px;
	height: 21px;
	padding-top: 4px;
	background-position: 0% 0%;	
	top: 178px;
	left: 277px;
}
#wirbelsaeule img {
	padding-top: 10px;
}

/* MEDICAL DETAIL */

#content_container div.medical_detail {
	padding: 0px;
	margin-left: -25px;
	margin-top: 10px;
	width: 330px;
	
	position: relative;
}

#content_container a.medical_hotspot_link {
	background: none;
}

#content_container div.medical_detail a.backlink_medical_detail {
	display: block;
	background: transparent url(/gfx/link_arrow_left.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 10px;
	position: absolute;
	right: 20px;
	bottom: 30px;
}

#content_container div.medical_detail_hotspots {
	position: relative;
}
#content_container div.medical_detail_hotspots img{
	float: right !important;
}

#content_container a.medical_detail_hotspot_link {
	position: absolute;
	display: block;
	background-color: #fff;
	color: #181817;
	background-image: url(/gfx/link_arrow_black.png);
	padding: 5px 20px 5px 10px;
}
#content_container a.medical_detail_hotspot_link:hover,
#content_container a.active {
	background-color: #782259 ;
	background-image: url(/gfx/link_arrow_white_big.png);
	color: #fff;
}



#content_container div.medical_detail_right {
	margin-top: 0px;
}

#content_container div.medical_detail_flash {
	margin: 30px 20px 0px 0px;
	float: left;
	height: 297px;
	width: 433px;
}

#content_container iframe {
	margin: 40px 20px 0px 0px;
	float: left;
}

#content_container p.medical_p {
	height: 200px;
}
#content_container div.medical_div {
	height: 200px;
	overflow: auto;
	padding-right: 10px;
}

#content_container div.medical_detail_links {
	float: right;
	margin-top: 240px;
	padding: 20px 0px;
	height: 316px;
	background: transparent url(/gfx/medical_detail_trenner.png) no-repeat;
}

#skim_medical {
	/*height: 155px;*/
	height: 220px;
	overflow: hidden;
	margin-top: -15px;
}
#skim_medical p{
    margin: 0px;
}

#skim_medical ul.skim_medical li {
	height: 180px;
    padding-top: 10px;
}

#skim_medical #medical_next,
#skim_medical #medical_back {
	margin-top: 5px;
}
#skim_medical #medical_next {
	float: right;
}
#skim_medical #medical_back {
	float: left;
}
#skim_medical #medical_back a {
	background: transparent url(/gfx/link_arrow_left.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 10px;
}
#skim_medical div.disabled {
	display: none;
}


div.medical_detail_medium_text {
	height: 435px;
	overflow: auto;
	padding-right: 10px;
}
div.medical_detail_links_bottom {
	height: 316px;
	background: transparent url(/gfx/medical_detail_trenner.png) no-repeat;
	float: right;
	margin-top: 20px;
	padding: 20px 0px;
}

div.medical_detail_long_text {
	height: 540px;
	overflow: auto;
	padding-right: 10px;
}




/* NEWS */

#content_container div.subline {
	float: none;
}
#content_container div.news {
	width: 600px;
	padding: 0px 0px 0px 20px;
	background-image: none;
	height: 585px;
}

#content_container div.news_no_js {
	overflow: auto;
	height: 585px !important;
}


#news_preview,
#news_preview div.jcarousel-clip {
	height: 535px !important;
}

#content_container div.news_preview h3 {
	line-height: 25px;
}

#content_container div.news_preview ul {
	list-style-type: none;
}
#content_container div.news_preview ul li {
	padding: 20px 0px 20px 0px;    
    background: transparent url(/gfx/trenner_news.png) no-repeat 50% 100%;
    overflow: hidden;
}
#content_container div.news_preview ul li.empty_news {
    background: none;
}

p.more {
margin-top: 10px;
}

div.controls {
	margin-top: 35px;
	height: 11px;
	line-height: 11px;
}
div.controls_no_js {
	display: none;
}


div.jcarousel-scroll,
div.news_control {
	
	float: right;
	height: 15px !important;
	line-height: 15px !important;
}
div.news_control {
	margin: 0px 10px 0px 10px;
}
div.news_control a{
	background-image: none !important;
}
div.jcarousel-scroll a img {
	border: none;
	display: block;
	width: 4px;
	height: 7px;
	margin: 4px 0px;
}
div.jcarousel-scroll a,
div.news_control a {
	font-size: 11px;
	height: 15px !important;
	line-height: 15px !important;
	color: #181817;
	background-image:none;
}

div.jcarousel-scroll a {
	padding: 0px;
}
div.news_control a {
	margin: 0px;
	border-left: solid 1px #cccacb;
	padding: 0px 5px 0px 5px;
}
div.news_control a.last {
	border-right: solid 1px #cccacb;
}
div.news_control a.active {
	background-color: #782259 ;
	color: #fff;
}

#content_container div.right img.news_right {
	float: right;
	line-height: 130px;
	margin-left: 20px;
}
#news_preview a.news_image_link {
	background: none;
	padding: 0px;
	margin-left: 20px;
	display: block;
	float: right;
	width: 225px;
	position: relative;
}
#news_preview a.news_image_link img {
	border: none;
}
#video_button {
	position: absolute;
	top: 0px;
	left: -8px;
}


/* NEWS DETAIL */
#skim_news_long {
	height: 500px;
	margin-bottom: 10px;
}
div.skim_news_long_no_js {
	height: 545px !important;
}

#skim_news_long ul li {
	height: 500px;
}

#skim_news {
	height: 180px;
}

#skim_news ul li {
	height: 180px;
}

div.skim_news_no_js ul li,
div.skim_news_long_no_js ul li {
	height: auto !important;
}


img.news_detail {
	display: block;
	float: none !important;
	max-width: 270px;
	margin-bottom: 20px;
}

div.news_detail_back {
	float: left;
}
div.news_detail_back a {
	padding: 0px 0px 0px 10px;
	background: url(/gfx/link_arrow_left.png) no-repeat 0% 50%;
}
div.news_detail_next {
	float: right;
}
div.disabled {
	visibility: hidden;
}

div.long_text {
	height: 555px;
	overflow: auto;
}
div.short_text {
	height: 200px;
	overflow: auto;
}

div.news_video {
	margin-top: 30px;
}


div.skim_news_long_no_js,
div.skim_news_no_js,
p.short_text_no_js {
	overflow: auto;
}

div.news_detail_controls_no_js {
	display: none;
}


a.backlink_news_detail {
	float:right;
	padding: 0px 0px 0px 10px;
	background: url(/gfx/link_arrow_left.png) no-repeat 0% 50%;
	margin-bottom:10px;
}

/* CAMPAIGN */
div.campaign {
	/*margin-top: 60px;*/
	margin-top: 5px;
}

#first_motive {
	width: 470px;
	height: 340px;
	
	float: left;
	margin: 0px 0px 20px 0px;
}

div.campaign p.motive_name {
	float: left;
	width: 300px;
	font-size: 11px;
	margin: 0px;
}
div.campaign p.more {
	margin: 0px;
	float: left;
}

div.campaign img.small_motive {
	cursor: pointer;
}
div.campaign img.small_motive_hidden {
	display: none;
}

#campaign_container {
	width: 115px;
	height: 340px;
	float: right;
	overflow: hidden;
}
/* Variante ohne Javascript */
div.campaign_container_no_js {
	display: none !important;
}

div#campaign_container_no_js {
	margin-left: 10px;
	width: 115px;
	height: 340px;
	float: right;
	text-align: center;
}
div#campaign_container_no_js a {
	background: none;
	height: 13px;
}
div#campaign_container_no_js ul {
	list-style-type: none;
	margin: 15px 0px;
	height: 280px;
}
div#campaign_container_no_js ul li {
	padding-bottom: 20px;
	height: 80px;
}


/* Ende Variante ohne Javscript */

#campaignLogos {
	height: 280px !important;
}
#campaignLogos ul li {
	padding-bottom: 20px;
}

.campaign_motive_next,
.campaign_motive_prev {
	width: 115px;
	height: 13px;
	cursor: pointer;
}

.campaign_motive_next {
	margin-top: 15px;
	background: transparent url(/gfx/arrow_purple_down.png) no-repeat 50% 50%;
}
.campaign_motive_prev {
	margin-bottom: 15px;
	background: transparent url(/gfx/arrow_purple_up.png) no-repeat 50% 50%;
}
#campaign_container .disabled {
	cursor: auto;
}

#campaignLogos h4 {
	margin-bottom: 5px;
}

div.branch {
	margin-top: 60px;
}

div.branch ul li p {
	margin: 0px;
}

div.branch ul {
	list-style-type: none;
}
div.branch ul li {
	display: block;
	float: left;
}
div.branch ul li.image {
	width: 225px;
	margin-right: 20px;
}
div.branch ul li.text {
	width: 355px;
	height: 100px;
	overflow: hidden;
}
div.branch ul li.text h2 {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 16px;
}
div.branch ul li.link {
	margin-top: 10px;
	text-align: right;
}


div.left_video {
	margin-left: 10px;
	width: 270px;
	overflow: hidden;
}

/* CAMPAIGN LOGO */
#content_container div.left div.campaign_logo_left {
	float: left;
	width: 125px;
	min-height: 100px;
	margin: 0px 10px 10px 0px;
}
#content_container div.left div.campaign_logo_left img {
	width: 125px;
}
#content_container div.left div.campaign_logo_left a {
	background: none;
}

p.campaign_logo {
	height: 540px;
	overflow: auto;
}

a.backlink_campaign_detail {
	position: absolute;
	right: 0px;
	bottom: 20px;
	padding: 0px 0px 0px 10px;
	background: url(/gfx/link_arrow_left.png) no-repeat 0% 50%;
}



/* TOP COMPANY */
#content_container div.left a.backlink_top_company {
	display: block;
	background: transparent url(/gfx/link_arrow_left.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 10px;
	margin-top: 10px;
}

#company_map_div {
	margin-top: 20px;
	width: 243px;
	height: 324px;
	position: relative;
}
#content_container div.left img.company_map {
	border: none;
}

#company_map_div a.company_map_link {
	background-image: none;
	position: absolute;
}
#company_map_div a.company_map_link img {
	
	border: none;
}

div.company_detail {
	width: 440px;
	height: 580px;
	overflow: auto;
	float: left;
	margin-right: 10px;
}
div.company_detail h1 {
	line-height: 28px !important;
}
div.company_detail ul {
	list-style-type: none;
}

div.company_image {
	width: 141px;
	float: left;
}
div.company_image h5 {
	text-align: center;
}

/* ALL COMPANIES */
#all_company_map_div {
	margin-top: 20px;
	width: 243px;
	height: 324px;
	position: relative;
}
#all_company_map_div a.company_map_link {
	background-image: none;
	position: absolute;
}
#all_company_map_div a.company_map_link img {
	border: none;
	background: transparent;
}

p.question {
	height: 34px;
	margin-top: 20px;
	padding-left: 44px;
	font-size: 11px;
	background: transparent url(/gfx/questionmark.png) no-repeat 0% 0%;
}

h2.lower {
	margin: 5px 0px 20px 0px;
}

p.copy {
	margin-bottom: 15px;
}
p.copy b {
	color: #782259 ;
}

div.all_companies {
	margin-top: 20px;
	overflow: auto;
	height: 400px;
}

ul.all_companies {
	list-style-type: none;
}

ul.all_companies li {
	padding: 5px 0px;
	background: transparent url(/gfx/trenner_news.png) no-repeat 0% 100%;
}
ul.all_companies li.first {
	padding-top: 0px;
}

ul.all_companies li p {
	padding-left: 10px;
	margin: 5px 0px;
}
ul.all_companies li p.company_name {
	font-weight: bold;
}





/* CAMPAIGN LOGO */
#content_container div.left img {
	display: block;
	float: left;
}

/* DOWNLOADS */

div.top_text {
	height: 80px;
}

#publication_download_startpage {
	margin-top: 10px;
}

#publication_download_startpage img.publication_teaser {
	max-width: 200px;
	max-height: 200px;
	margin-right: 20px;
	float: left;
}

#publication_download_startpage h4 {
	margin: 15px 0px 5px 0px;
	font-size: 14px;
}

#publication_download_startpage div.teasertext {
	height: 50px;
	margin: 0px;
	overflow: hidden;
}

#publication_download_startpage a.new_publication {
	display: block;
	background: none;
}

#publication_download_startpage p.more,
.motive_download_startpage p.more {
	text-align: right;
}

.motive_download_startpage {
	margin-top: 10px;
}

#motiveList {
	height: 140px;
	width: 515px !important;
	float: left;
}
.motive_next,
.motive_back {
	height: 18px;
}
.motive_next {
	float: right;
}
.motive_back {
	float: left;
}
.motive_next img,
.motive_back img {
	cursor: pointer;
	display: block;
	margin: 70px 0px;
}
.motive_next img {
	margin-right: 10px;
	margin-left: 15px;
}
.motive_back img {
	margin-left: 10px;
	margin-right: 20px;
}

#motiveList ul li {
	width: 165px;
	padding-right: 10px;
}
#motiveList ul li h3 {
	color: #181817;
	font-size: 12px;
	margin-bottom: 5px;
}
#motiveList ul li img {
	height: 120px;
	max-width: 165px;
	border: none;
}
#motiveList ul li a {
	background: none;
}

/* ohne Javascript */

div.motive_download_startpage_no_js {
	display: none !important;
}

div#motive_download_startpage_no_js {
	margin-top: 20px;
}
div#motive_download_startpage_no_js a {
	background: none;
	padding: 0px;
}
div#motive_download_startpage_no_js div.next,
div#motive_download_startpage_no_js div.prev {
	float: left;
	height: 140px;
}
div#motive_download_startpage_no_js div.next {
	margin-left: -10px;
}
div#motive_download_startpage_no_js div.next img,
div#motive_download_startpage_no_js div.prev img {
	margin-top: 70px;
}


div#motive_download_startpage_no_js ul {
	list-style-type: none;
	float: left;
	width: 525px;
	margin: 0px 15px;
}
div#motive_download_startpage_no_js ul li {
	display: inline;
	float: left;
	width: 165px;
	padding-right: 10px;
}
div#motive_download_startpage_no_js ul li img {
	width: 165px;
}
div#motive_download_startpage_no_js ul li h3 {
	font-size: 12px;
	margin-bottom: 5px;
}
div#motive_download_startpage_no_js p.more {
	text-align: right;
}
div#motive_download_startpage_no_js p.more a {
	padding-right: 10px;
	background: transparent url(/gfx/link_arrow.png) no-repeat 100% 50%;
}


/* DOWNLOAD MOTIVES */

div.motive {
	margin-left: -10px;
}

div.single_motive {
	float: left;
	margin: 0px 10px 20px 0px;
	width: 191px;
}
div.single_motive a {
	border: none;
	background: none;
}
div.single_motive img {
	margin-bottom: 10px;
	cursor: pointer;
}


input.download_motives_submit {
	display: none;
}

input.download_motives_submit_no_js {
	display: block !important;
	width: 13px;
	height: 18px;
	border: none;
	background: transparent url(/gfx/arrow_purple_right.png) no-repeat;
	margin: 0px 20px 0px 15px;
	float: right;
	cursor: pointer;
}


/*div.motive {
	margin-top: 20px;
	width: 580px;
	height: 550px;
	overflow: auto;
}

div.motive div.motives {
	height: 410px;
	overflow: auto;
}

ul.tab {
	list-style-type: none;
	width: 100%;
}
ul.tab li {
	display: block;
	float: left;
	width: 32%;
	
	border: solid 1px black;
}
ul.tab li.active {
	background-color: yellow;
}
ul.tab li a {
	padding: 0px 10px 0px 10px;
}
ul.tab li a.active {
	
}

div.motiveImages {
	height: 500px;
	overflow: hidden;
}

ul.motives {
	list-style-type: none;
}

ul.motives li {
	display: block;
	float: left;
	width: 200px;
}

span.image {
	position: relative;
	display: block;
}
a.lightbox {
	background-image: none;
	padding: 0px;
	display: block;
	width: 14px;
	height: 15px;
	position: absolute;
	top: 0px;
	right: 0px;
}
a.lightbox img {
	border: none;
}
span.image img.big {
	position: absolute;
	top: 0px;
	right: 0px;
}*/


/* DOWNLOAD PUBLICATIONS */

a.backlink_download {
	position: absolute;
	right: 0px;
	/*bottom: 20px;*/
	top: 0px;
	padding: 0px 0px 0px 10px;
	background: url(/gfx/link_arrow_left.png) no-repeat 0% 50%;
}

div.publication {
	height: 500px;
	overflow: auto;
}

div.publication h4 {
	font-size: 19px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-bottom: 7px;
	background: transparent url(/gfx/trenner_news.png) left bottom no-repeat;
}

div.publication_margin {
	margin-bottom: 20px;
}


div.single_publication_line
{
	/*background: transparent url(/gfx/trenner_news.png) left bottom no-repeat;*/
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;	
}
div.single_publication_line h4
{
	font-size: 12px;
	height: 14px;
	line-height: 14px;
	background: none;	
	background-color: #782259;
	color: #fff;
	padding: 4px 5px 4px 5px;
	margin: 0px;
}
div.single_publication_line p, div.single_publication_line a
{
	margin-top: 10px;
}
div.single_publication_line p
{
	margin-left: 5px;
	float: left;
}
div.single_publication_line a
{
	float: right;
}


div.single_publication {
	float: left;
	margin: 0px 10px 20px 0px;
	width: 182px;
}
div.single_publication h4 {
	font-size: 14px;
	line-height: 16px;
	padding: 3px 5px;
	background-color: #782259;
	color: #fff;
}
div.single_publication a,
div.single_publication p {
	padding-left: 5px;
}
div.single_publication a {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 191px;
	background: transparent url(/gfx/download.jpg) no-repeat;
}
div.single_publication a:hover {
	color: #fff;
	background: transparent url(/gfx/download_hover.jpg) no-repeat;
}


/* CONTACT SITE */

#content_container div.contact_right {
	margin-top: 0px;
}

#content_container ul.contactList
{
	width: 500px;
	list-style-type: none;
	margin-top: 20px;
}
#content_container ul.contactList li
{
	display: block;
	float: left;
	width: 33%;
}


/* SEARCH RESULTS */

input.search_searchfield {
	margin-top: 20px;
	height: 34px;
	width: 183px;
	padding: 0 29px 0 12px;
	border: solid 1px #CCCACB;
}

div.search_right input.submit {
	background: url("/gfx/icon_lupe.png") no-repeat scroll 0 0 transparent;
	border: none;
	height: 15px;
	width: 14px;
	margin-left: -24px;
	cursor: pointer;
}

span.search_highlight,
span.search_highlight_count {
	font-weight: bold;
	color: #782259;
}
span.search_highlight_count {
	display: block;
	float: left;
	margin-right: 5px;
	width: 60px;
	text-align: right;
}
span.search_highlight_count a {
	background: none;
	padding: 0px;
}

ul.search_pagination,
ul.search_hits_categories,
div.search_hits ul {
	list-style-type: none;
}

div.search_right p.first {
	margin-bottom: 20px;
}

ul.search_hits_categories {
	margin: 20px 20px 20px 0px;
}

div.search_sort p,
#search_sort_select {
	float: left;
}
/* Selectbox */
#search_sort_select {
	margin-top: 10px;
	margin-left: 20px;
}

#search_sort_select_msdd {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	width: 168px !important;
	height: 20px;
	border: solid 1px #CCCACB;
}
#search_sort_select_title {
	background: none;
	height: 20px;
	line-height: 20px;
	color: #181817;
	font-weight: normal;
}
#search_sort_select_titletext {
	height: 20px;
	line-height: 20px;
	color: #181817;
	font-weight: normal;
}
#search_sort_select_arrow {
	width: 20px;
	height: 20px;
	background: url(/gfx/arrow_purple_down_small.png) no-repeat;
}
#search_sort_select_child {
	margin-left: -1px;
	width: 168px !important;
	border: solid 1px #CCCACB;
	border-top: none;
}
#search_sort_select_child a {
	background-color: #fff !important;
	color: #181817;
	font-weight: normal;
}
#search_sort_select_child a:hover {
	background-color: #782259 !important;
	color: #fff;
	font-weight: normal;
}

/* Selectbox Ende */

div.search_right input.search_submit_no_js {
	width: 13px;
	height: 18px;
	border: none;
	background: transparent url(/gfx/arrow_purple_right.png) no-repeat;
	cursor: pointer;
	margin: 10px 0px 0px 10px;
}

#content_container div.search_right {
	height: 600px;
}

div.search_hits div.headline_search {
	margin-top: 20px;
	padding-left: 10px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background: transparent url(/gfx/headline_bg.png) no-repeat;
}

div.search_hits ul {
	height: 280px;
	overflow: hidden;
}
div.search_hits ul.search_hits_no_headline {
	height: 330px;
}
div.search_hits ul li {
	padding: 20px 0px 20px 10px;	
	background: transparent url(/gfx/trenner_news.png) no-repeat 0% 100%;
}
div.search_hits ul li h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
div.search_hits ul li p.more {
	margin: 0px;
}

ul.search_pagination {
	margin: 20px 0px;
	float: right;
}
ul.search_pagination li {
	float: left;
	border-left: 1px solid #CCCACB;
	padding: 0px 5px;
	height: 15px;
	line-height: 15px;
}
ul.search_pagination li.active {
	background-color: #782259;
	color: #fff;
	font-weight: bold;
}
ul.search_pagination li.prev {
	border: none;
}
ul.search_pagination li a {
	background: none;
	padding: 0px;
}



/* FOOTER */
.footer {
	list-style-type: none;
	min-height: 20px;
}

.footer li {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	
	min-height: 20px;
}
.footer li.last {
	float: right;
	font-size: 11px;
	color: #65615e;
	margin: 0px 0px 0px 10px;
}

.footer li a {
	display: block;
	float: left;
	color: #65615e;
	font-weight: normal;
	font-size: 11px;
	background-image: none;
	padding: 0px;
}

.other {
	margin-top: 37px !important;
}

/* DIFFERENT */
div.clear {
	clear: both;
}

/* TOOLTIP */
p#vtip { 
	display: none; 
	position: absolute;
	margin-top: 5px;
	height: 25px;
	line-height: 25px; 
	padding: 0px 25px 0px 10px; 
	font-size: 12px;
	font-weight: bold; 
	background: #fff url(/gfx/arrow_black.png) no-repeat 100% 50%; 
	z-index: 9999;
}
p#vtip #vtipArrow { 
	position: absolute; 
	top: -10px; 
	left: 5px;
	z-index: 9999;
}

#jqueryTooltip {
    position:absolute; /* das ist zwingend notwendig, damit der Tooltip der Maus folgen kann */
    display:none; /* auch wichtig damit der Tooltip leer nicht gezeigt wird */
    border:1px solid #000;
    background:#fff;
    padding:0.25em;
}



