/*@import "stickyfooter.css";*/

* { margin: 0; padding: 0 }

html { 
	overflow-y: scroll; }

body { 
	color: #393939;
	font: 13px/18px 'Lucida Grande', 'Trebuchet MS', Tahoma,Verdana, sans-serif;
	background: #487cb0 url('../../img/layout/bg-canvas-blu.png') center 0 repeat-y; }

	body.red { 
		background: #88010E url('../../img/layout/bg-canvas-red.png') center 0 repeat-y; }


/* ---[ seitenaufbau allgemein ]------------------------------- */

#titlewrap {
	padding: 80px 0 11px;
	min-height: 220px;
	background: #487cb0 url('../../img/layout/bg-gradient-blu.png') 50% 0 repeat-x; }

.red #titlewrap {
	background: #88010E url('../../img/layout/bg-gradient-red.png') 50% 0 repeat-x; }

	#titlewrap .inner {
		width: 940px;
		padding: 0;
		margin: 0 auto; }
	
#keyvisual {
	width: 940px;
	height: 240px;
	background: url('../../img/keyvisual.png') 0 0 no-repeat;
	position: relative; }

#mainwrap, #footwrap {
	width: 936px;
	padding: 0 2px;
	margin: 0 auto;	}	

#mainwrap {
	padding: 30px 2px 0;
	background: url('../../img/layout/bg-mainwrap-top-blu.png') 50% 0 no-repeat; }

.red #mainwrap {
	background: url('../../img/layout/bg-mainwrap-top-red.png') 50% 0 no-repeat; }
			
.left { 
	width: 280px;
	margin-left: 28px;
	float: left; }

.right { 
	width: 580px;
	margin-right: 28px;
	float: right; }
	
	.homepage .first .left, .homepage .first .middle, .homepage .first .right {
		padding-top: 28px;
		float: left; }			

	.homepage .first .left {
		float: left;
		padding-right: 15px;
		width: 270px; }

	.homepage .first .middle {
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		width: 280px; }
	
	.homepage .first .right {
		padding-left: 12px;
			padding-right: 28px;
			margin-right: 0;
		width: 270px; }

	.homepage .second .left, .homepage .second .middle, .homepage .second .right {
		float: left; }			

	.homepage .second .left {
		float: left;
		padding-right: 15px;
		width: 270px; }

	.homepage .second .middle {
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		width: 280px; }
	
	.homepage .second .right {
		padding-left: 12px;
			padding-right: 28px;
			margin-right: 0;
		width: 270px; }


.section {
	min-height: 137px;
	margin: 24px 0 0;
	padding: 24px 0 0;
	background: url('../../img/layout/bg-section.png') 50% 0 no-repeat; }		
		
		.section.first {
			margin-top: 0;
			padding-top: 0;
			background: none;}

		.homepage .section.first {
			margin-top: -28px;
			background: url('../../img/layout/bg-intro-home.png') 50% 0 no-repeat;}
		
		.homepage .section.second {
			margin-top: 0;
			min-height: 0;
			padding: 0;
			background-image: none;}
			
		.section.none {
			padding: 0;
			background: none; }		

			
#footwrap {
	padding: 30px 2px 15px;
	margin-top: 24px;
	min-height: 55px;
	background: url('../../img/layout/bg-footwrap.png') 50% 0 no-repeat; }
			
			
/* ---[ titlewrap ]------------------------------- */
				
/* ---[ hauptnavigation ]--- */
/* erste ebene */
#mainnavi { 
	margin: -80px 0 6px;
	background: url('../../img/layout/bg-mainnavi.png') 0 0 no-repeat;
	position: fixed;
	z-index: 44;
	height: 80px;
	width: 940px; } 

#mainnavi #logo a { 
	padding: 0; }

#mainnavi ul { 
	padding: 0;	
	margin: 0 7px 0 0;
	list-style: none;
	height: 80px;
	float: right; }
	
#mainnavi li/*, .red #mainnavi li*/ {
	padding: 0 0 0 2px;	
	margin: 0;
	float: left;
	list-style: none;
	background: url('../../img/layout/mainnavi-trenner.png') 0 0 no-repeat;
	position: relative;
	z-index: 9; }
				
#mainnavi a { 
	color: #5e5d5d; 
	font-size: 115.4%;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	line-height: 58px;
	height: 58px;
	padding: 0 8px 20px;
	display: block;
	background: url('../../img/layout/bg-mainnavi-links.png') 50% 0 no-repeat;
	position: relative;
	z-index: 9; }

	#mainnavi a:hover, #mainnavi a:focus,
	#mainnavi .hover a { 
		color: #444;
		background-position: 50% -80px; }
	
	#mainnavi .current a, #mainnavi .current a:hover, #mainnavi .current a:focus { 
		color: #333;
		background-position: 50% -160px; }

/* zweite ebene */
#mainnavi li ul { 
	margin: 0; padding: 0;
	height: auto;
	background: #eee;
	border: 1px solid #d1d1d1;
	border-width: 0 1px 1px;
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 222;
	background: #e8e8e8 url('../../img/layout/bg-mainnavi-dropdown.png') 50% 0 repeat-x;
	visibility: hidden; }
	
#mainnavi li li, .red #mainnavi li li {
	padding: 2px 0 0;	
	margin: 0;
	float: none;
	background: url('../../img/layout/mainnavi-trenner-dropdown.png') 50% 0 no-repeat;	}
	
	#mainnavi li li.first, .red #mainnavi li li.first {
		padding-top: 12px; 
		margin: 0 -1px;
		background: url('../../img/layout/bg-mainnavi-dropdown-first.png') 0 0 no-repeat;}
				
#mainnavi li li a,
	#mainnavi .hover li a { 
	color: #646363; 
	font-size: 100%;
	text-shadow: none;
	line-height: normal;
	height: auto;
	min-width: 120px;
	padding: .4em 9px;
	background: none; }

#mainnavi li li a:hover, #mainnavi li li a:focus { 
	color: #333; }

#mainnavi li .current a, #mainnavili .current a:hover, #mainnavi li .current a:focus { 
	color: #333; }


/* ---[ weitere elemente der hauptnavi ]--- */
#logo {
	padding: 0 7px 0;
	position: absolute;
	top: 0;
	left: 0; }

#mainnavi #logo a {
	background: none; }

li#search {
	padding: 17px 4px 0 8px;
	height: 58px; }

#search .textfield {
	padding: 3px 2px;
	width: 100px;
	vertical-align: middle;
	border: 1px solid #cacaca; }
	
#search .button {
	padding: 0 2px; 
	margin: 0;
	vertical-align: middle;
	float: none;
	display: inline;
	background: none; }


/* dropdown language */
#mainnavi #lang img.active { 
	color: #5e5d5d; 
	font-size: 115.4%;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	line-height: 58px;
	height: auto;
	padding: 22px 5px 20px 8px;
	display: block;
	background: url('../../img/layout/bg-mainnavi-links.png') 50% 0 no-repeat;
	position: relative;
	z-index: 9; }

#mainnavi #lang li a,
	#mainnavi #lang.hover li a { 
	min-width: 17px; }

#mainnavi #lang a {
	padding: 22px 8px 0; }

#mainnavi #lang li a {
	padding: 0 10px 4px; }

	#mainnavi #lang li.first, .red #mainnavi #lang li.first {
		padding-top: 18px;
		padding-bottom: 4px; }

			
/* ---[ subvigation ]------------------------------- */

#subnavi { 
	padding: 0;	
	margin: 10px 0 0;
	list-style: none; }
	
#subnavi li, .red #subnavi li {
	padding: 0;	margin: 0;
	list-style: none;
	background: none;	}

#subnavi a {   
	color: #898989;
	font-size: 130.8%;
	line-height: 24px;
	text-decoration: none;
	display: block;
	padding-left: 20px;}	

	#subnavi a {   
		color: #898989;}
		
#subnavi a:hover, #subnavi a:focus {
	color: #3865a3; }
	
	.red #subnavi a:hover, .red #subnavi a:focus{
		color: #933744; }

#subnavi .current a, #subnavi .current a:hover, #subnavi .current a:focus {
	color: #004bb3;
	background: url('../../img/layout/subnavi-blu.gif') 0 2px no-repeat; }
	
	.red #subnavi .current a, .red #subnavi .current a:hover, .red #subnavi .current a:focus {
		color: #D01805;
		background: url('../../img/layout/subnavi-red.gif') 0 2px no-repeat; }


/* ---[ module navigation  ]------------------------------- */

/* buttons der modulnavigation*/
.modules ul, .modules li {
	padding: 0; margin: 0;
	background: none; }

.modules a {
	font-size: 138.4%;
	font-weight: normal;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	line-height: 20px;
	padding: 16px;
	margin: 0 -4px;
	height: 36px;
	display: block;
	background: url('../../img/layout/blanko-modulnavi.png') 0 0 no-repeat; }
	
	.modules a span {
		font-size: 72.2%;
		font-weight: normal;
		display: block;
		text-shadow: none;
		line-height: 13px; }

.modules a:hover, .modules a:focus {
	color: #333;
	background-position: 0 -68px; }

.modules .current a, 
.modules .current a:hover, .modules .current a:focus {
	color: #333;
	background-position: 0 -136px; }


/* aufteilung modulnavi in spalten */

.modules {
	width: 900px; 
	padding-left: 28px; }

.modules h2 {
	margin-bottom: 0; }

.modules .col {
	width: 300px; 
	float: left; }

.modules ul {
	margin-top: 10px; }

.modules li {
	width: 280px;
	float: left;
	margin-right: 20px; }
	
/* ---[ content-elemente ]------------------------------- */
/* buttons */
.button  {
	float: left; }

.button a {
	text-decoration: none;
	display: block; }
		
.button span  {
	/*margin: 0 0 1em;*/
	padding-left: 30px;
	background: url('../../img/layout/bg-button.png') 0 0 no-repeat;
	display: block; }
	
	.button.small  span  {
		padding-left: 22px;
		background-image: url('../../img/layout/bg-button-small.png')}

.button span span  {
	font-size: 100%;	
	font-weight: bold;
	line-height: 26px;
	text-shadow: #fff 0px 1px 0px;
	padding: 0 10px 4px 0;
	background: url('../../img/layout/bg-button.png') 100% 0 no-repeat;
	padding-right: 14px;
	display: block;	 }
	
	.button.small span span  {
		line-height: 19px;
		padding-bottom: 1px;
		background: url('../../img/layout/bg-button-small.png') 100% 0 no-repeat; }
		
.button a:hover span, .button a:focus span {
	background-position: 0 -40px; }

.button a:hover span span, .button a:focus span span {
	background-position: 100% -40px; }
			
			
/* ---[ textformate ]------------------------------- */
			
p { 
	margin: 1em 0;
	padding: 0;	}
				
h1 { 
	color: #898989;
	font-size: 184.6%;
	font-weight: normal;
	line-height: 1.2em;
	margin: 4px 0 15px; }
				
h2 { 
	color: #004BB3;
	font-size: 130.8%;
	font-weight: normal;
	line-height: 1.2em;
	margin: 11px 0 10px;}

.red h2 {
	color: #D01805; }
			
abbr, acronym { 
	border-bottom: 1px dotted #bbb;
	cursor: help; }
			
em { font-style: italic; }
strong { font-weight: bold; }
a img { border: 0; }
.hide {	display: none; }
hr { display: none; }

		
a { color: #666; }
a:visited {	color: #666; }
a:hover { color: #004BB3; }
a:active { color: #D01805; }


/* texformate eigene */

.indent { 
	margin: 0 30px; }

.minitext { 
	font-size: 85%;
	line-height: 1.2em; }
	
.tab {
	width: 4.5em;	
	float: left;
	display: block;
	clear: left;}
			
			
/* unnummerierte listen */
ul { 
	margin: .5em 0;
	padding: 0 0 0 8px;
	display: block; }
ul li { 
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	background: url('../../img/layout/list-dot-blu.png') 8px .65em no-repeat; }

	.red ul li { 
		background-image: url('../../img/layout/list-dot-red.png'); }
				
.listspace li { padding-bottom: .5em; }


/* nummerierte listen */
ol { 
	margin: .5em 0 .5em 8px;
	padding: 0; }
ol li { 
	margin: 0 0 0 20px;
	padding: 0; }

/* Zweispalter und Dreispalter */
.twocols {
	clear: both;}

.twocols .one {
	width: 280px; 
	float: left;
	margin-right: 20px; }

.twocols .two {
	width: 280px; 
	float: left; }
			
			
.threecols {
	clear: both;}

.threecols .left {
	width: 280px; 
	float: left;
	margin: 0 20px 0 28px; }

	
			
/* Bilder */
.pic {
	text-align: center;
	margin-bottom: 10px;
	position: relative; }

.picright {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 4px;
	position: relative;
	z-index: 12; }

.picleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 4px;
	position: relative;
	z-index: 12; }

.picright a, .picleft a {
	display: block; }

.picright img, .picleft img {
	border: 1px solid #b9b9b9; }

.pic p, .picright p, .picleft p {
	margin: 4px 0 0;
	line-height: 16px; }


/* Bild verlinkt */
.mag {
	width: 120px; height: 120px;
	background: url('../../img/layout/thumbnails-float-zoom.png') 0 0;
	position: absolute;
	top: 0; right: 0;
	z-index: 11; 
	display: block; }

a:hover .mag, a.focus .mag {
	background-position: 0 -120px; }
	
.bg {
	width: 120px; height: 120px;
	background: url('../../img/layout/thumbnails-float-bg.png') 0 0 no-repeat;
	position: absolute;
	top: 0px; right: 0px;
	z-index: -3; 
	display: block; }

a:hover .bg, a.focus .bg {
	background-position: -120px 0; }


/* Logos */
.logolist {
	margin: 0 -5px; }

.logolist .pic {
	margin: 5px;
	float: left; }

.logolist .pic a img {
	padding: 4px;
	background: url('../../img/layout/bg-logohover.png') 0 0 no-repeat;  }

	.logolist .pic a:hover img, .logolist .pic a:focus img {
		background-position: 0 -100px; }

/*.logolist .pic img {
	width: 100px; }*/

.cboxContent {
	/* siehe colorbox.css */}


/* Presseliste */
.tabbody li {
	padding-bottom: .5em; }


/* Teamliste */
.teamlist {
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 -5px; }
	
.teamlist .pic {
	text-align: left;
	width: 108px;
	float: left;
	margin: 5px; }

.teamlist .button {
	margin: 4px 0 0;}

.teamlist .button span span {
	width: 50px; }


/* Galerie */
.gallery {
	font-size: 85%;
	line-height: 1.4em;
	margin: 1em -5px;
	padding: 0; }

.gallery .pic {
	float: left;
	width: 108px;
	margin: 5px;
	clear: none; }

.gallery a img {	
	border: 1px solid #fff; }

.gallery a:hover img, .gallery a:focus img {
	border: 1px solid #ccc; }


/* News */

.intro {
	font-weight: bold; }
	
.intro p:first-child {
	margin-top: 0; }
	

/* ---[ tabs partner ]------------------------------- */
	
.tabs {
	width: 580px; }
	
.tabs ul.tabs-list {
	padding: 0;
	list-style: none;	}
	
.tabs ul.tabs-list li {
	float: left;
	margin: 0;
	padding-left: 14px;
	margin-right: 6px;
	background: url('../../img/layout/tabs-off.png') no-repeat 0 0;
	position: relative;
	bottom: 0;
	z-index: 10; }
	
.tabs ul.tabs-list a {
 	color: #8a8a8a;
	font-size: 153.8%;
	font-weight: normal;
	line-height: 1.2em;
	padding: 13px 14px 7px 0;
	float: left;
	display: block;
	text-decoration: none;
	background: url('../../img/layout/tabs-off.png') no-repeat 100% 0; }
	
.tabs ul.tabs-list a:hover {
	color: #666;	}
	
.tabs ul.tabs-list .current {
	background-image: url('../../img/layout/tabs-on.png');
	border-width: 0;
	bottom: -2px;
	z-index: 10;	}
	
.tabs ul.tabs-list .current a {
	color: #004BB3;
	padding: 11px 14px 9px 0;
	background-image: url('../../img/layout/tabs-on.png');	}


/* karteireiter tabs */
#partnerTabs.tabs ul.tabs-list a {
	font-size: 100%; }

/* dropdown länderwahl */
#country {
	padding: 2px;
	position: absolute;
	top: 50px;
	left: 48px;
	width: 260px; }


.js .tabs {
	width: 936px; }
	
.js .tabs ul.tabs-list {
	margin: 0 0 0 328px; }

.js .tabs .current-info,
.js .tabs .accessibletabsanchor,
.js .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
		position: absolute;
		left: -999em; }
		
.js .tabs .content {
		clear: both;
		padding: 30px 20px 0 328px;
		background: url('../../img/layout/bg-section.png') 50% 0  no-repeat; }



/* ---[ formulare ]------------------------------- */

#onlineform p {
	padding: 0; 
	clear: both; }

#onlineform .hint { 
	font-size: 85%;
	line-height: 1.2em;
	margin: .5em 0; }
			
#onlineform dl { 
	clear: both;
	margin: 1em 0 0; }

#onlineform dt {
	font-weight: normal;
	margin: 0;
	padding: 0; }

#onlineform dd {
	margin: 0;
	padding: 0 0 .25em; }

#onlineform .inputfield, #onlineform .textfield, #onlineform .selectfield {
	padding: 2px;
	border: 1px solid #cacaca;
	width: 574px; }
			
#onlineform .btn {
	padding: .25em 1em; }
				
#onlineform .twocols {
	margin: 0; }
			
#onlineform .twocols .inputfield, #onlineform .twocols .textfield {
	width: 274px; }

#onlineform .twocols #zip.inputfield {
	width: 50px;
	margin-right: 6px; }
	
#onlineform .twocols #city.inputfield {
	width: 212px; }
	
#newsletter {
	vertical-align: middle; }
	
/* Fehler*/
div.error, p.error, ul.error {
	padding: 10px;
	background: #f3e5e6;
	border: 1px solid #900; }

#onlineform .error .inputfield  {
	padding: 2px;
	background: #f3e5e6;
	border: 1px solid #900; }
	
.success  {
	background: #e8f3e5;
	border: 1px solid #00990e;
	padding: 10px; }	

/* Ergebnisliste Kontaktformular */
dl.result {
	width: 580px; }

.result dt {
	padding: 0; 
	margin: 0;
	width: 130px;
	float: left;
	clear: both;  }

.result dd {
	padding: 0 0 0 150px;
	margin: 0 0 .25em;
	width: 424px; }

/* ---[ footer ]------------------------------- */
			
#footwrap {
	font-size: 84.6%;
	line-height: 1.2em;
	text-align: center; }

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

.aysberg { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990000;
	border-left: 2px dotted #900;
	padding-left: .5em; }