/* 
theme: MME Pop - Black Pink Green x
author: Timo Wirth & Rebecca Heinen, Aperto AG

*/

* { 
    margin: 0;
    padding: 0;
}
body { 
    font: 62.5% arial, helvetica, sans-serif;
	color: #181512;
	background-color:#fff;
}
       
/* LINKS 
--------------- */

a {
	text-decoration: underline;
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
h2 a {
	text-decoration: none;
}
h2 a:hover,
h2 a:active,
h2 a:focus {
	text-decoration: none;
}
em.more a {
	font-size:12px;
	color:#181512;
	text-decoration:underline;	
	font-style:normal;
}
    
/* hidden & skip link  */
.aural,
.skip a,
#search-box label,
#search-results .new-search label,
#search-box h6,
#nav-global span em,
#nav li strong em,
#nav-global li.on em,
#nav-box li.on em,
#nav-global h6,
#nav-box li h3 em,
#nav h6,
#site-info #breadcrumb h3,
#extras h6,
em.more span,
#promos .more,
.pager li em,
.pager h3,
#search-results .form-wrapper label span,
#main .vcard div h3,
#extras .vcard div h3,
#glossary-index h3,
.day span,
form div label em,
#nav-content strong em,
p#copyright-magnolia span,
#event-pager h5,
div.superpromos .superpromo-section p.more a span {      
	display: block;  
    position: absolute;
    overflow: hidden;
	left: -9999px;
    width: 1px;
    height: 1px;
}
.skip a:active,
.skip a:focus {
    position: absolute;
	background: #fff;
	outline: none;
    z-index: 1000; 		
	left: 200px;	
    overflow: visible;
    width: auto;
    height: auto;
    padding: 5px 15px 10px 15px;
    font-size: 130%;
    font-weight: bold;
}

/* GRID / LAYOUT 
--------------------- */
#wrapper {
	width:985px;
}

#section-header { 
	background: transparent;	
	color: #fff; 
	float:right;
}
#branding {  
	position: relative;
	margin: 0 auto 60px 0;
	width: 985px !important;
}
#nav-global {     
	overflow: hidden;    
	float:left;
	min-height: 400px;
	width:140px;
	margin-right:35px;
}
#Kreation #nav-global {
	min-height:500px;
}

/* SECTION-HEADER 
----------------- */
#section-header {
	margin: 0 0 15px 15px;
	width: 795px;
	height:auto;
	float:left;
	position:relative;
	background: transparent;	
	color: #fff;
}
#Kreation #section-header {
	margin:0;	
	float:right;
}
#Kreation #stage {
	float:right;
	margin:15px 0px 15px 0;
}
#section-header img {
	width:795px;
	height:auto;
}
#stage {
	overflow: hidden; 
	height: 216px;
	width: 810px;
	margin: 58.4px 0 15px 0;
}
#wrapper-2 { 
	overflow: hidden;
	width: 810px;   
	float:left;
	margin-bottom:0px;
	position:relative;
	z-index: 1;
}
.text {
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	width: 410px;
	padding:20px;
	float:left;
	margin-left:15px;
}
.text p a {
	color:#181512;
	text-decoration:underline;	
}
.text ul,
.text ol { 
	margin-left:20px;
	list-style-type:square;
}
.text li {
	line-height:20px;	
}
.text td {
	background-color:#F0F0F0;
	border:solid 1px transparent;	
	padding:2.5px;
}
.text table {
	border:solid 1px transparent;
}

#extras {
	float: right;
	display: inline; /*  IE 6 */
	width: 330px;
	margin-left: 15px;
}
#promos {
	overflow: hidden;
	float: none; /* ie 6 */
	width: 100%; /* ie 6 */
	clear: both;
	padding: 20px 0 20px 0;
	border: solid thin yellow;
} 

/* FONTS */
#wrapper h1 {
	font: normal normal normal 22px/normal Georgia;
	margin-bottom:5px;
	font-size: 220%;
	letter-spacing: -1px;
}
p, 
li,
dd,
dt {
	font-size: 130%;
	line-height: 1.3em;
}
#wrapper-2 .teaser h2 {
	padding-top: 0px;
}
#wrapper-2 .teaser img {
	width:auto;	
}
#wrapper-2 .teaser h2 em { /* kicker */
	display: block;
	font-size: 66.66%; /* 12px */
	font-style: normal;
}
#wrapper-2 h3 {
	font-size: 140%;
}
#wrapper-2 .latest h3 em { /* kicker */
	display: block;
	font-style: normal;
	font-size: 68.75%; /* 11px */
}

table {
	font-size: 130%;
}


/* BRANDING / HEAD
------------------ */
#branding {  
	color: #fff;
} 
#logo {
	overflow: hidden;
	position: relative;
	height:82px;
}
/* Die Logo-Grafik wird �ber die Page Info in Magnolia ge�ndert und die Style-Angabe steht im Template htmlHeader */
#logo span {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 18px 0;
	background-color:#fff;
	z-index: 10;
	top: 0px;
	left: 0;
	height: 56px;
	width: 281px;
}
#logo strong,
#logo em {
	overflow: hidden;
	position: relative;
	color: #000;
	font-size: 300%;
}
#logo em {
	position: absolute;
	z-index: 11;
	left: 80px;
	bottom: 0;
	width: 100%;
	height: 30px;
	color: #ec1549;
	font-size: 130%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	white-space: nowrap;
}
#logo a {
	position: absolute;
	display: block;
	top: 23px;
	left: 0;
	width: 28em;
	height: 40px;
	padding: 10px;
	cursor: pointer;
}
#logo a:hover {
	text-decoration: none;
}
#logo a img {
	display: none;
}
#search-box {
	position: relative;
	margin-top:95px; 
	bottom: 0;
	right: 0;
	height:25px;
}
#search-box input {
	background: #fff;
	border: none;
	width: 112px;
	line-height: 21px;
	height:21px;
	padding-left: 8px;
	margin-top:0 !important;
	font-size:11px;
	color: #716F6E;
	float:left;	
	vertical-align:middle;
}
#search-box .button {
	position:relative;
	background: url(../img/bgs/submit.gif) scroll no-repeat 0px 0px;
	border: none;
	width: 20px;
	height:21px;
	cursor: pointer;
	float:left;
}
#search-box .button:hover, 
#search-box .button:active,
#search-box .button:focus {
	opacity: .7;
	filter: alpha(opacity = 70);
}
#search-box a.button {
	opacity: .5;
	filter: alpha(opacity = 50);
}

/* EXTRA-NAVIGATION
Navigationspunkte unter dem Suchfeld z.B. Newsletter und Kontakt */
#extranavi {	
	padding-left:0px;
	margin-top: 13px;
}
#extranavi ul {
	position: relative; 
	margin: 0;
	list-style: none;
}
#extranavi ul li {
	vertical-align:middle;
	margin: 0 0 3.5px 0 !important; 
}
#extranavi li a {
	font-size: 11px;
	font-family: Arial;
	color: #181512;
	background-color: transparent !important;
	padding: 0 0 0 30px !important;
	height:20px;
	width:150px;
}
#extranavi ul li a:hover,
#extranavi .extraon a {
	text-decoration:none;
	background-color:#181512 !important;
	color:#fff !important;
}
/* Ausgezeichnete Qualit�t */
#qualitaets-box {
	margin-top:70px;	
}
#qualitaets-box p {
	font-size:11px;
	padding:0 0 5px 7px;
}	
/* META-NAVIGATION oben z.B. Beratung, Kreation */
#nav-meta {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	font-family:georgia;
	font-size: 15px;
	font-weight: normal;
}    
#nav-meta ul li {
	float: left;
	list-style-type: none;
	margin-left:7px;
}
#nav-meta ul li a {
	color: #151515;
	background-color: #FFFFFF;
	width:150px; 
	height: 36px;
	display:block;
	padding-top:40px;
	padding-bottom:5px;
	text-decoration:none;
}
#nav-meta ul li a:hover,
#nav-meta ul li a:active,
#nav-meta ul li a:focus {
	color: #fff;
	background-color: #181512;
	text-decoration: none;
}	

#nav-meta .metaon a {
	color:#fff;
	background-color:#181512;	
}


/* GLOBAL HORIZONATAL NAVIGATION - ERSTE EBENE
-------------------------------- */
#nav-global ul ul,
#nav-global ul {
	position: relative; 
	margin: 0 !important;
	list-style: none;
	
}
#nav-global ul li {
	vertical-align:middle;
	margin: 0 0 5px 0;
	font: normal normal normal 12px/16px Arial;  
	color: #181512;
}
#nav-global li a,
#nav-global li li a {
	display: block;
	width:110px;
 	background-color:#FFFFFF;
 	height:auto;
 	padding: 2.5px 0 2.5px 29.5px;
	color: #181512;
	text-decoration: none;
	font-weight: normal;
}
#nav-global li a {
	cursor: pointer; /* IE */
	margin:0;
}

/* on + open */
#nav-global li strong,
#nav-global li.open a,
#nav-global li.on a {
	background: #181512;
	color: #fff;
}
#nav-global .off a {
	background-color:#fff !important;
	color: #181512 !important;	
}

/* hover */
#nav-global li a:hover,
#nav-global li a:active,
#nav-global li a:focus {
	background: #181512;
	color: #fff;
}

/* 2nd level horizontal subnav */
#nav-global ul ul { 
	margin: 0;
}
#nav-global li li,
#nav-global li li.on2 {
	vertical-align:middle;
	margin: 0 !important;
	color: #181512;
}
#nav-global li li a,
#nav-global li.open li.on2 a span,
#nav-global li.open li strong span {
	color: #181512 !important;
	background-color:#fff !important;
}
#nav-global li li.open2 a,
#nav-global li li.on2 a {
	background: #404040 !important;
	color: #fff !important;
}
#nav-global li li a:hover,
#nav-global li li a:active,
#nav-global li li a:focus,
#nav-global li li a:hover span,
#nav-global li li a:active span,
#nav-global li li a:focus span {
	background: #404040 !important;
	color: #fff !important;
}


/* CONTENT
-------------------------------- */

/* Page Intro */
.page-intro { 
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	padding:20px;
	width:410px;
	margin: 0 0 15px 15px;
	position:relative;	
	float:left;
}
#wrapper-2 .page-intro .photo,
#wrapper-2 .text .photo,
#wrapper-2 .page-intro .photo,
#wrapper-2 .teaser .photo {
	float: left;
	margin: 5px 5px 0 0;
}
#wrapper-2 .page-intro .mod,
#wrapper-2 .text .mod,
#wrapper-2 .page-intro .mod,
#wrapper-2 .teaser .mod {
	float: right;
	margin: 5px 0 0 5px;
}
#wrapper-2 .page-intro .mod-2,
#wrapper-2 .text .mod-2,
#wrapper-2 .page-intro .mod-2,
#wrapper-2 .teaser .mod-2 {
	float: none;
	margin-left: 0;
	margin-right: 0;
}
#wrapper-2 .page-intro ol {
	margin-left:20px;
}
#wrapper-2 .page-intro ul {
	margin-left:15px;
}


/* OPENER & TEASERS
-------------------- */
.opener,
.teaser {
	overflow: hidden;
	margin: 0 0 15px 15px;
	padding: 13px 20px 20px 20px;
	background-color: #fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	min-height:20px; 
	float:left;
}
#Home .teaser {
	min-height: 92px;
}
.teaserbreite187 {
	width: 147px;
}
.teaserbreite255 {
	width: 215px;
}
.teaserbreite330 {
	width: 290px;
}
.teaserbreite390 {
	width: 350px;
}
.teaserbreite450 {
	width: 410px;
}
#extras .teaserbreite450 {
	background-color: #fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
}
.teaserbreite525 {
	width: 485px;
}

/* Teaser und allgemeine Schriftformate */ 
#wrapper-2 h2,
#wrapper-2 latest mod h2 {
	margin-bottom: 10px;
	padding-top:20px;
	font: normal normal normal 16px/normal Georgia;
	color:#181512;
	
}
#wrapper-2 h2 a,
#wrapper-2 latest mod h2 a {
		font: normal normal normal 16px/normal Georgia;
		color:#181512;
		padding:0px 20px 0 0;
		width:auto;
		background: url(../img/bgs/doppelpfeil-klein.png) no-repeat 100%;
}
#wrapper-2 h2 a:hover,
#wrapper-2 latest mod h2 a {
	text-decoration:none;
}
#wrapper-2 p {
	font: normal normal normal 12px/20px Arial;
	color: #181512;
}
#wrapper-2 p em {
	background-color:yellow; 
	font-style:normal;
}
#wrapper-2 h1 {
	font: normal normal normal 22px/normal Georgia;	
	margin-bottom:5px;
}
#wrapper-2 h1 a {
	font: normal normal normal 22px/normal Georgia;
	color:#181512;
	padding-right:30px;
	width:auto;
	background: url(../img/bgs/doppelpfeil-gross.png) no-repeat right;
	text-decoration:none;
	margin-bottom:5px;	
	display: inline;	
}
.teaser img {
	width: 138px;  
	margin: 5px 10px 5px 0;
}

/* something special */
#wrapper-2 .highlight {
	background: yellow;
	font-weight:bold;
	padding: 2px;
}

/* Teaser Group */
.teaser-group {
	margin-left:15px;
	float:left;
	width:450px;
	
}
.teaser-group .teaser {
	margin: 0 0 15px 0;
	padding: 20px;
	width:410px;
}
.teaser-group .teaser img { 
	width: 218px;  
} 

/* teaser with newslists NICHT EXTRAS */
#wrapper-2 .latest {
	border-bottom: none;
	width:410px;
	padding:20px 20px 20px 20px;
	margin-top:0px;
}
#wrapper-2 .latest li {
	list-style:none inside;
	margin-bottom:15px;
	padding:0;
	height:100%;
	clear:both;
	list-style:none none outside;
}
#wrapper-2 .latest img {
	margin:0 5px 10px 0;
	float:left;
	border:0px;
}
#wrapper-2 .latest h2 a:hover {
	text-decoration:none;
}
#wrapper-2 .latest li a {
	vertical-align:top;
	text-decoration:none;
}	
#wrapper-2 .latest li a em {
	font:12px/20px Arial;
	color:#181512;
}
#wrapper-2 .latest li a:hover {
	text-decoration:none;	
}
#wrapper-2 .latest li .more {
	background-color:transparent;
	border-bottom:0;
}
#wrapper-2 .latest li .more a {
	text-decoration:underline;
}
#wrapper-2 .latest li .more a:hover {
	text-decoration:underline;
}
#wrapper-2 .latest .date {
	font:normal normal normal 11px/10px Arial;
	page-break-after:always;
}
#wrapper-2 .latest .mod {
	float:left;	
	margin-bottom:15px; 
}

/* teaser with just a link list */
#wrapper-2 .teaserlist {
	float:left;	
	width:410px;
}
#wrapper-2 .teaserlist li {
	margin-left:20px;
} 
#wrapper-2 .teaserlist li a {	
	font:12px/20px Arial;
	color:#181512;
}

/* LINK LISTS 
-------------------- */
/* anywhere in main texts, teasers etc. */

#wrapper-2 .video {
	margin:15px 0 15px 0;	
}
#wrapper-2 .links { 
	margin:0px 0 0px 0;	
	/* Margin-top muss wegen teaser-group 0 sein. */
	/* Margin-bottom 0 wegen Boxen auf Startseite */
}
#wrapper-2 .teaserlist ul,
#wrapper-2 .links ul {
	list-style: none !important;
	margin: 0;
}
#wrapper-2 .teaserlist li,
#wrapper-2 .links li {
	margin:0 !important;
}
#wrapper-2 .teaserlist a,
#wrapper-2 .links a {
		font:12px/1.3 Arial;
		color: #181512;	
}
#wrapper-2 .teaserlist a,
#wrapper-2 .links a {
	background: url(../img/icons/icon-web.png) no-repeat left;
	padding: 0 0 0 15px;
}
#wrapper-2 .teaserlist .download a,
#wrapper-2 .links .download a {
	background: url(../img/icons/icon-pdf.png) no-repeat left 2px;
	padding: 0 0 0 35px;
}

#wrapper-2 .links a:hover,
#wrapper-2 .teaserlist a:hover {
	text-decoration:underline;
}

/* Teaser in Latest Newslist der Seiten Magazin und Presse */
.magazin {
	background-color:transparent;
	padding:0 !important;	
	width:450px !important;
}
.magzin ul {
	width:450px;
}
.magazin li {
	background-color:#fff;
	padding:20px !important;
	display:block;
	height:auto;
}
.magazin img {
	float:none !important;	
}
.magazin-detail {
	background-color:transparent;
	padding:0;	
	width:450px;
}
.magazin-detail .magintro {
	background-color:#fff;
	padding:20px;
	margin-bottom:15px;	
}
.magazin-detail .links {
	background-color:#fff;
	padding:20px;
	margin-bottom:15px;
}
.magazin-detail .magsub {
	background-color:#fff;
	padding:20px;
	margin-bottom:15px;
}
.magazin-detail h2 {
	padding:0 !important;	
}

/* blockquote */
.text blockquote {
	position: relative;
	background: #DCE1E4 url(../img/bgs/quote.png) 0 0 no-repeat;
	padding: 15px 50px 5px 50px;
}
.text blockquote cite {
	background: url(../img/bgs/dash.png) 0 8px no-repeat;
	padding-left: 10px;
	font-size: 85%;
}

/* Speaking Navigation */
#nav-box.nav-speaking li {
	padding: 0;
}
#nav-box.nav-speaking li a {
	padding: 3px 0 0 10px;
}
#nav-box.nav-speaking li p a {
	padding-bottom: 5px;
}
#nav-box.nav-speaking li h3 {
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
#nav-box.nav-speaking li p {
	padding: 0;
	font-size: 100%;
}
#nav-box.nav-speaking li:hover,
#nav-box.nav-speaking li:focus,
#nav-box.nav-speaking li:active {
	cursor: pointer;
}
#nav-box.nav-speaking li:hover h3 a,
#nav-box.nav-speaking li:focus h3 a,
#nav-box.nav-speaking li:active h3 a {
	color: #ec1549;
	background: none;
	text-decoration: none;
}
#nav-box.nav-speaking li:hover p a,
#nav-box.nav-speaking li:focus p a,
#nav-box.nav-speaking li:active p a {
	text-decoration: none;
	background: #ec1549;
	color: #fff;
}

/* SIDEBAR right: #EXTRAS 
------------------------- */ 
#extras img {
	float: left;
	width: 88px;
	margin: 0 10px 3px 0;
}
#extras ul {
	clear: both;
	margin: 5px 0 0 0;
	padding: 2px 0 0 0;
	list-style: none;
}
#extras li {
	height: 1%; /* ie 6 */
	margin: 5px 0;
}

/* box-groups */
#extras .box-group {
	width:290px;
	padding:17px 20px 20px 20px;
	margin-bottom:15px;	
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
}

/* EXTRAS Fonts */
#extras h2 {
	margin-bottom: 13px;
	padding-top:0px;
	font: normal normal normal 16px/normal Georgia;
	color:#181512;
}
#extras h2 a {
	font: normal normal normal 16px/normal Georgia;
	color:#181512;
	padding-right:20px;
	width:auto;
	background: url(../img/bgs/doppelpfeil-klein.png) no-repeat 100%;
}
#extras h2 a:hover {
	text-decoration:underline;
}
#extras .box {
	padding:15px 20px 20px 20px;
	width:290px;
	height:auto;
	margin-bottom:15px;
}
#extras .box h2 a {
	height:150px;
}

/*Icon f�r externe Links*/
#extras  li a, 
#extras li a {
	background: url(../img/icons/icon-web.png) 0 0 no-repeat;
	font-size:12.5px;
	color:#181512;
	font-style:normal !important;
	display: block;
	padding: 0 0 0 15px;
	text-decoration:underline;
}
#extras .download li a, 
#extras li.download a {
	background: url(../img/icons/icon-pdf.png) 0 0 no-repeat;
}
#extras .links {
	background-color: #fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
}
#extras .links li a, 
#extras li.links a {
	font-size:12.5px;
	color:#181512;
	font-style:normal !important;
	text-decoration:underline; 
	margin-bottom:4px;
}
#extras li a em {
	display:none;	
}
#extras .links ul {
	margin-top:0px;	
}

/* EXTRAS Kontakt */
#extras .vcard {
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	padding:15px 20px 0 20px;
	width:290px;
	height:130px;
}
#extras .vcard a {
	text-decoration:none;	
}
#extras .vcard .caption {
	display:none;
}
#extras .vcard img {
	margin-top:0px;
	width:122px;
	height:	81px;
	border:0px;
	float:left;
}
#extras .daten {
	float:left;
	margin-top:-5px;
	width:155px;
}
#extras .hintergrund {
	background-color: #181512;
	width:auto;
	float:left;
	padding:0.5px 4px 0.5px 4px;
	margin:3px 5.5px 0 0;
}
#extras .visitenkarte {
	margin-right:0px !important;	
}
#extras .hintergrund a {
	color:#fff;
	text-decoration:underline;
}
#extras .position {
	margin-top:-2px;
}
#extras .tel {
	margin-top:3.5px;
}


/* EXTRAS Bild-Teaser */
#extras .bildteaser { 
	padding:0; 
	height:100px; 
	width:330px;
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
}
#extras .bildteaser img {
	border:0px;
	position:absolute;
	width:330px;
	height:100px;
	z-index:0;
}
#extras .bildteaser h2 {
	position:absolute;
	width:245px;
	height:40px;
	z-index:1;
	margin:45px 0 0 70px;
}
#extras .bildteaser h2 span {
	position:absolute;
	bottom:0px;
	right:0px;
	height:auto;
	
}
#extras .bildteaser h2 span a {
	font:normal normal normal 12px/18px Arial;	
	background-color: #181512;
	background-image:none;
	padding: 3px 5px 3px 5px;
	color: #fff;
	text-decoration:underline;
}

/* EXTRAS Latest News */
#extras .latest {
	width:290px;
	padding:14.5px 18px 22px 21px;
	background-color:#918F5A;
	opacity:0.9;
	filter: alpha(opacity = 90);
	}
#extras .latest ul,
#extras .latest ul li {
	margin: 0;
	border: none;
	padding:0;
	list-style:none none outside;
}
#extras .latest h2 {
	margin-bottom:7px;	
}
#extras .latest h2 a {
	text-decoration:none;	
	font: normal normal normal 16px/normal Georgia;
	background: transparent url(../img/bgs/doppelpfeil-klein.png) no-repeat 100%;
}
#extras .latest li a {
	font-weight:normal !important;
	text-decoration: underline;
	line-height:1.3;
	background:url("../img/icons/icon-web.png") no-repeat scroll left transparent;
	padding-left: 15px;
}
#extras .latest li a:hover {
	text-decoration: underline;	
}
#extras .latest li p {
	line-height:1.3;
	margin-bottom:5px;
}
#extras .latest img,
#extras .latest .date,
#extras .latest .more {
	display:none;
}

/* EXTRAS Referenz-Teaser */
#extras .referenzteaser {
	padding:0px 0 5px 0;
	margin:0;
	height:64px;
	clear:both;
}
#extras .referenzteaser h2 a {
	font:normal normal normal 12px/16px Arial;
	background-image:none;
	background-color:#181512;
	color:#fff;
	height:20px;
	max-width:145px;	
	background:#181512;
	padding:3px 5px;
	text-decoration:underline;
}
#extras .referenzteaser p {
	visibility:hidden;	
}
#extras .referenzteaser img {
	width:122px;
	height:	69px;
}

/* EXTRAS HTML-Teaser*/
#extras .htmlteaser {
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	width: 290px;
	padding:15px 20px 20px;	
	margin-bottom:15px;
}

/* EXTRAS Social Media*/

#extras #socialmedia {
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	width: 290px;
	height:90px;
	padding:20px 20px 20px 20px;	
	margin-bottom:15px;
}
#extras #socialmedia a {
	float:left;

}
#extras #socialmedia a img {
	border:0;	
	margin:0 15px 0 0;
	padding:0;
	width:40px;
	height:41px;
}

/* FOOTER 
----------------- */
#site-info {   
	clear: both;  
	overflow: hidden;
	height: 1%; /* IE 6 */
	position: relative;
	padding: 0px;
	color: #fff;
	height:40px;
	margin-bottom:-12px;
}
#site-info p {
	color: #181512;
	font-size: 11px;
	padding: 0 0 5.5px 8px;
	width:140px;
}
#site-info img {
	padding-bottom:4px;	
}
#site-info .anfang {
	background-color:#181512;
	width:auto;
	line-height:1.3;
	padding:3px 10px;
	position:absolute;
	bottom:0;
	left:0;
	float:left;
}
#site-info .anfang a {
	color:#fff;
	font-size:11px;
	text-decoration:underline;
}

#site-info .bildlink img {
	border:0;	
}

/* Breadcrumb */
#site-info #breadcrumb {
	position:absolute;
	bottom:0px;
	left:190px;
	background-color:#181512;
	width: auto;
	text-align:center;
	padding:3px 10px 0 10px;
	height:17.5px;
	display:block;
}
#site-info #breadcrumb p {
	float:left;
	color:#fff !important;
	padding:0 !important;
	width: auto;
}
#site-info #breadcrumb ol {
	list-style: none;
	margin: 0;
	float:left;
	padding:0;
}
#site-info #breadcrumb li {
	float: left;
	font-size:11px;
	padding-left:8px;
}
#site-info #breadcrumb li a {
	color:#fff;
	text-decoration:underline;
}

/* Copyright im Footer */
p#copyright {
	clear: both;
	text-align: center;
	color: #ebebeb;
	display: none;
}
p#copyright-magnolia {
	text-align: center;
	color: #ebebeb;
	padding: 2px;
}
div > p#copyright-magnolia a {
	padding: 0 0 0 18px;
	background: url(../img/icons/sprites.png) 0 -939px no-repeat;
}
p#copyright-magnolia span {
	display: none;
}
/* Magnolia im Footer*/
#site-info .magnolia {
	position:absolute; 
	bottom:0px; 
	left:777px; 
	padding-bottom:2px;
	color:#181512;
	background-color:#fff;
	padding:3px 10px;
	font-size:11px;
	line-height:1.3;
}
#site-info .magnolia a {
	color:#181512;
}
#site-info .magnolia a:hover {
	text-decoration:underline;
}

/* SEARCH RESULTS
------------------------------- */
#search-results {
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	width:410px;
	padding:20px;	
	margin-left:15px;
}
#search-results .text {
	margin:0;	
	background:none;	
}
#search-results ol li {
	list-style:none;
	padding-bottom:10px;
}
#search-results li .date {
	font:11px/10px Arial;
}

/* Paging 
F�r Such-Ergebnisliste*/
.pager {
	overflow: hidden;
	width: 410px;
	padding:0;
	margin:0 0 15px 15px;
	float:left;
}
#search-results .pager {
	width:390px;	
}
.pager ul {
	clear: both;
	float: left;
}
.pager li {
	float: left;
	margin-right:5px;
	list-style: none;
	font: normal normal bold 12px/1.3 Georgia normal;
	color:#181512;
}
.pager li a,
.pager li strong,
.pager li span {
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	padding:3px 5px;
}
.pager li strong { /* you are here */
	font-weight:bold;
	color:#fff;
	background-color: #181512;
}
.pager li a:hover,
.pager li a:active,
.pager li a:focus {
	text-decoration: none;
	color:#fff;
	background-color: #181512;
}
.pager li a,
.pager li.previous a,
.pager li.next a {
	text-decoration:none;
	color:#181512;
}


/* FORMS 
-------------------- */

.form-wrapper {
	width:410px;
	padding:0 20px 30px 20px;
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	float:left;
	position:relative;
	margin-left:15px;
} 
.editWidth {
	width:450px;
} 
.form-wrapper fieldset {
	border: none;
	margin: 0px 0 20px 0;
	height:auto;
	padding:0;
}

/* Felder unten */
.form-wrapper label,
.form-wrapper legend {
	font:12px/16px Arial;
	color:#181512;	
	padding:0 0 0 5px;
	width:auto;
	float:left;
}
.form-wrapper fieldset input {
	margin-bottom:10px;
}
.form-wrapper .contact-select fieldset select {
	margin-right:5px;	
	margin-bottom:10px;
	float:right;
}
.form-wrapper select,
.form-wrapper input {
	float:right;
	margin-right:5px;	
	width:250px;
	border: 1px groove #999;	
}
.form-wrapper select {
	width:252px;	
}
.form-wrapper .select-titel {
	font-weight:bold;
	margin-left:0px !important;	
}
#contact p {
	margin-bottom:20px;
}

/* Felder oben */
.form-wrapper .form-item label {
	width:auto !important;	
}
.form-wrapper .contact-select .form-item input {
	float:left !important;
}
.form-wrapper .contact-select p {
	margin-bottom:15px;	
}

.form-wrapper h2 {
	padding-top:0 !important;	
}
.form-wrapper .contact-select .form-item {
	clear:both;
	width:400px;
	padding:0;
	margin-bottom:0px;
	line-height:25px;
	height:25px;
}
.form-wrapper .contact-select .form-item label {
	padding-top:2px;
}
.form-wrapper .contact-select .form-item item {
	vertical-align:top;	
}
.form-wrapper .form-item input {
	border: 1px groove #999;
} 

/* Feldbreite bei gruppierte Felder (wird bisher nicht gebraucht) */
.form-wrapper .form-item-s input {
	width:50px;
}
.form-wrapper .form-item-l input {
	width:200px;
}
.form-wrapper .form-item-m input {
	width:125px;
}
.form-wrapper .groupedItem {
	float:left;	
}

/* Formatierung f�r die Google-Karte */
.weg-input {
	 border: 1px groove #999;
	 background-color:#fff;
	 width:280px;
	 height:21px;
	 margin-bottom:5px;	
	 margin-top:5px;
	 font-size:11px;
	 color:#716F6E;
	 padding-left:8px;
}
.weg-hr {
	border:solid thin #716F6E;	
	margin:20px 0 20px -20px;
	width:330px;
}
.htmlteaser a {
	color:#181512;
	text-decoration:underline;	
}

/* Buttonformatierung */
.button-wrapper input {
	float:left;
	width:auto;
	padding:2px;
}
.contact-button,
.weg-button {
	font:12px/20px Arial;
	margin-left:155px;
	background-color:#181512;
	color:#fff;
	padding:2px;
	cursor:pointer;
	border:0px;	
}
.contact-button:hover,
.weg-button:hover {
	text-decoration:underline;
}
.form-wrapper p.required {
	font-size:10px !important;
	position:absolute;
	bottom:10px;
	right:80px;
	
	line-height:12px !important;
	color:#716F6E !important;
}
.form-wrapper dfn {
	color: #181512;
}

/* checkboxes & radiobuttons */ 
.form-wrapper fieldset fieldset {
	float: none; 
	margin: 0;
	padding: 0;
} 
.form-wrapper fieldset fieldset input {
	width: auto;
	display: inline;
	background: transparent;
	border: none;
}

/* NEW Search */ 
.new-search form {
	margin:15px 0 15px 0;	
}

.new-search .button {
	background-color:#181512;
	color:#fff;
	font:12px Arial;
	padding:2px;
	border:0;
	width:60px;
	height:21.5px;
}
.new-search #search {
	border: solid 1px #181512;
	background-color:#fff;
	opacity:1.0;
	filter: alpha(opacity = 90);
	padding:2px;
	width:250px;
	margin:0;
}
.new-search fieldset {
	border:0px;	
}
.new-search .button:hover, 
.new-search .button:active,
.new-search .button:focus {
	text-decoration: underline !important;
	cursor: pointer;
	font-weight:bold;
}

/* New Search */
#search-results .form-wrapper div {
	background: #f2f2bf;
	float: left;
	width: 100%;
	padding: 10px 0;
}
#search-results .form-wrapper input {
	float: left;
	margin: 3px 0 0 10px;
}
#search-results .form-wrapper div a.button {
	float: left;
	margin-top: 2px;
}
#search-results .form-wrapper input.submit {
	width: auto;
	background: #cc0;
	padding: 2px 10px;
	cursor: pointer;
}

/* error messages - M�ssen noch formatiert werden */
.error {
	color: #EC1549 !important;
	font-weight: bold !important;
	padding-bottom:20px;
}
div.error {
	margin: 20px 0;
	font-weight: bold;
}
div.error ul {
	margin: 0 0 0 45px;
}
div.error li {
	color: red;
	list-style:none none inside;
}
div.error li a,
div.error label span {
	color: red;

}
div.error h2 {
	color:red !important;	
}
.form-wrapper div.error {
	margin: 0;
}
.form-wrapper div.error input,
.form-wrapper div.error textarea {
	border: 1px solid red;
}

/* success messages */
#main .success {
	margin: 10px 0;
}
#main .success h1 {
	background: url(../img/bgs/confirmed.png) 0 8px no-repeat;
	margin-bottom: 10px;
	padding: 5px 0 0 30px;
	color: #afaf00;
}


/* SITEMAP 
--------------------- */
#sitemap {
	width:850px;
	margin:0 15px 0 0;
}
#sitemap .links {
	width:147px;
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	margin:0 0 15px 15px;
	padding: 0 20px 20px 20px;	
	float:left;
}	
#sitemap .links h2 {
	margin: 10px 0 0 0;
	padding-top:8px;
}
#sitemap .links h2 a {
	font: normal normal normal 16px/normal Georgia !important;
	padding:0 20px 0 0;
	background: url(../img/bgs/doppelpfeil-klein.png) no-repeat 100%;	
}
#sitemap .links h2 a:hover {
	text-decoration:none;	
}
#sitemap .links li a {
	padding:0;
	background:none;	
}

/* REFERENZEN 
--------------------- */
.referenzen {
	width:815px;
}
.referenzen ul {
	list-style-type:none;	
}
.referenzen li {
	border:0;
	float:left;
	margin: 0 0 15px 15px;	
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	padding:20px;
}
.referenzen li a img {
	text-decoration:none;
	border:0;
}


/* ACCORDION/FAQ f�r KOMPETENZEN 
---------------------------------- */
.list-box { /* don�t use height, border, margin or padding here - accessibility */ 
}
.faq-intro {
	background-color:#fff;
	opacity:0.9;
	filter: alpha(opacity = 90);
	margin-bottom:1px;
	width:450px;
	margin-left:15px;	
}
.faq-intro h1 {
	padding:20px 0 11px 20px;
	margin-bottom:0 !important;
}
.faq-intro p {
	padding:0 0 20px 20px; 	
}
.super-list {
	width:450px;
	opacity:0.9 !important;
	filter: alpha(opacity = 90) !important;
	float:left;
	margin-left:15px;
}
.super-list li,
.faqextras .super-list li {
	float: none;
	background-color:#fff;
	width:auto;
	list-style-type: none;
	padding:5px 20px 8px 20px;
	margin-bottom:1px;
}
.super-list h3 a,
.faqextras .super-list h3 a {
	display:block;
	background: transparent url("../img/bgs/pfeil-unten.gif") scroll no-repeat right !important;
	padding-left:0px !important;
	font: normal 16px Georgia !important;	
	color:#181512;
	text-decoration:none !important;
	cursor:pointer;
}
.super-list li h3 a.on,
.faqextras .super-list li h3 a.on {
	background: transparent url("../img/bgs/pfeil-oben.gif") scroll no-repeat right !important;
}
.super-list a,
.faqextras .super-list a {
	color:#181512;
	text-decoration:underline;
	background:none !important;
	padding-left:0px !important;
}
.super-list li p,
.faqextras .super-list li p {
	margin:10px 0 10px 0;	
}
.super-list .faqAbstract {
	padding:20px;
	background-color:#fff;
	margin-bottom:1px;	
}
.super-list .faqAbstract h1 {
	padding-bottom:5px;
}

.faqextras {
	margin-right:60px !important;	
	
}
.faqextras .htmlteaser {
	float:left;
	width: 290px;
}
.faqextras .htmlteaser h1 {
	padding-top:5px;
	margin-bottom:0px !important;	
}
.faqextras .htmlteaser p {
	margin-bottom:-10px !important;	
}
.faqextras .super-list {
	float:left;
	margin-top:1px;
	width:290px;
	margin-left:0px;
}
.faqextras .super-list ul,
.super-list ul {
	margin:0 !important;
	padding:0 !important;	
}
.faqextras .super-list li {
	margin:0 0 1px 0 !important;
	padding:5px 20px 8px;
	float:right !important;
	width:290px;
}
.faqextras .box {
	float:left;	
}

#Kompetenzen .faq-intro { width:390px;}
#Kompetenzen .super-list { width:390px;}
#Kompetenzen .faqextras .htmlteaser { width:350px !important; }
#Kompetenzen .faqextras .super-list { width:390px !important; }
#Kompetenzen .faqextras .super-list li { width:350px !important; }


/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-switcher {
	position: relative;
	background: #000;
	border: 0;
	float: left; /* ie 6 */
	clear: both;
	height: auto;
	width: 938px;
	margin: 0 0 20px 0;
	padding: 0;
}
#wrapper-2 div.tw-switcher h3 { 
	padding: 4px 10px 5px 10px; 
	color: #fff;
	font-size: 200%;
}
#wrapper-2 div.tw-switcher .pager {
	display: none;
	width: auto;
	margin: 0;
}
.js-on #wrapper-2 div.tw-switcher .pager {
	display: block;
}


/* RSS f�r MAGAZIN-RSS 
---------------------------------- */
#rssfeed li p a { 
	color:#181512;
}
#rssfeed li h2 a {
	font: normal normal normal 16px/normal Georgia;
	color:#181512;
	width:auto;
	background: url(../img/bgs/doppelpfeil-klein.png) no-repeat right;
	text-decoration:none;
	margin-bottom:5px;	
	display: inline;	
}

/* ###   TW-PAGING ### */
/* Inside #Stage - diese Klassen werden genutzt! */

#stage div.tw-paging {
	position: relative;
	background: transparent;
	float: left; 
	height: auto;
	width: 795px !important;
	margin-left:15px;
}

#stage div.teaser-wrapper {
	width: 796px !important;
	height:217px !important;
	border: 0px solid blue !important;
}
.js-on #stage div.tw-paging {
	
}  
#stage div.tw-paging h3 { 
	border: 0;
	padding: 5px 10px; 
	color: #fff;
	font-size: 200%;
} 
#stage div.tw-paging .pagination {
	position: absolute;
	bottom: 18px;
	right: 30px;
	height: 30px;
	width: 280px;
	z-index:101;
}
#stage div.tw-paging .pagination ul {
	float: right;
}
#stage div.tw-paging .pagination li {
	float: left;
	list-style-type: none;
}
#stage div.tw-paging .pagination li a {
	display: block;
	float: none;
	background: url(../img/bgs/teaser-paging.png) 0 0 no-repeat;
	font:normal normal normal 22px/1 Georgia;
	opacity: 1 !important;
	filter: alpha(opacity = 100) !important;
	margin: 0 5px 0 0px;
	padding:-2px 0 0 0;
	height: 27px;
	width: 28px;
	text-align:center;
	color: #000;
	text-decoration:none;
}
#stage div.tw-paging .pagination li a:hover,
#stage div.tw-paging .pagination li a:active,
#stage div.tw-paging .pagination li a:focus {
	background: url(../img/bgs/teaser-paging-off.png) 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
	opacity:1 !important;
	filter: alpha(opacity = 100) !important;
}
#stage div.tw-paging .pagination .on a {
	background: url(../img/bgs/teaser-paging-off.png) 0 0 no-repeat;
	color: #fff;
}

#stage div.tw-paging .rack {
	float: left;
	width: 795px !important;
	height: 216px !important;
} 
.js-on #stage div.tw-paging .rack {
	display: inline;
	position: relative;
	height: 320px;
}
#stage div.tw-paging .rack-teaser {
	float: left;
	background-color:transparent;
	width: 795px !important;
	height: 216px !important;
}
.js-on #stage div.tw-paging .rack-teaser {
	position: relative;
	background-image: none;
}

#stage .stageTextWidth {
	max-width:600px;	
	position:absolute;
	z-index: 10;
	bottom: 20px;
	margin-left: 20px;
}
#stage div.tw-paging .rack-teaser h2 {
	position: relative;
	width: auto;
	font: normal normal normal 25px/35px Arial;
	background-color:#181512;
	padding:4px 6px 4px 6px;
	display:inline;
}
#stage div.tw-paging .rack-teaser h2 a {
	color: #fff;	
}

#stage div.tw-paging .rack-teaser img {
	display: inline;
	width: 795px;
	float: left;
}