/* 
theme:  neustart
author: Timo Wirth & Rebecca Heinen, Aperto AG

*/


#grid {
	position: fixed;
	background: transparent url(../img/temp/grid.png) 50% 0 no-repeat;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
* {
    margin: 0;
    padding: 0;
}
body { /* font: default 16px to 10px */
    font: 62.5% arial, helvetica, sans-serif;
	background: #fff;
	color: #343730;
}
  

/* LINKS 
--------------- */
a:link {
	color: #7C8F18;
	text-decoration: none;
}
a:hover,
a:active,
a:focus,
a:hover:visited,
a:active:visited,
a:focus:visited {
	text-decoration: underline;
}
a:visited {
	color: #6b7c0e;
	text-decoration: none;
}
a:visited:hover,
a:visited:active,
a:visited:focus {
	color: #6B7C0E;
}
a:hover em,
a:active em,
a:focus em {
	color: #6B7C0E;
}
a img {
	border: none;
}
img {
	display: block;
}


/* hidden & skip link  */
.aural,

#search-box label span,
#logo em,
#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,
#extras h6,
em.more span,
#promos .more,
.pager li em,
.pager h3,
.skip a,
#search-results .form-wrapper label span,
#main .vcard div h3,
#main .vcard dt,
#extras .vcard div h3,
#glossary-index h3,
#nav-content strong em,
p#copyright-magnolia span,
#event-pager h5,
.day .dot,
div.superpromos .superpromo-section p.more a span,
.text-meta dt,
#main #toc h2,
#home .vcard h2,
.filter-wrapper h2,
.filter-group div label span,
#filter-nav .menu-skip,
#filter-nav .reset span,
form div label span em,
#extras .vcard div dt {      
	display: block;  
    position: absolute;
    overflow: hidden;
	left: -9999px;
    width: 1px;
    height: 1px;
	text-indent: -9999px;
}
p.skip {
	margin: 0;
	padding: 0;
}
.skip a:active,
.skip a:focus {
    overflow: visible;
	position: absolute;
	top: 0;
	left: 270px;	
    z-index: 1000;
    padding: 10px 15px 12px;
	background: #fff;
	outline: none;
    width: auto;
    height: auto;
    font-weight: bold;
	text-indent: 0;
	background: #a8c221; 
	color: #fff;
}
.skip p {
	margin: 0;
	padding: 0;
}

/* ausblenden */
#page-title,
#section-header {
	display: none;
}





/* GRID / LAYOUT 
--------------------- */
body {
	background-color: #444;
	background-position: 0 0;
	background-repeat: repeat;
	background-attachment: fixed;
}
#wrapper {
	position: relative;
	width: 1000px;
	margin: 30px auto 40px auto;
	padding: 0;
}
#home #wrapper {
	padding: 0;
}
#branding {  
	position: relative;
	background: #fff;
	margin: 0 auto 0 auto;
	width: 970px;
	padding: 0 30px;
}
#nav-global {  
	overflow: hidden;  
	background: #fff;   
	margin: 0 0 30px 0;
	padding: 0 0 20px 20px;
	width: 980px; 
}  
#section-header {
	margin: 0 auto 20px auto;
	padding: 21px 10px 10px 10px;
	width: 920px;
}
#stage {
	position: relative;
	background: #fff; 
	margin: 0;
	padding: 37px 30px 0 30px;	
	width: 940px;
	float: left;
}
.js-on #stage {
	height: 308px;
}
#wrapper-2 { 
	clear: both;
	overflow: hidden;
	background: #fff;
  	margin: 0 auto;
	width: 940px;
	padding: 30px;   
}
#nav {      
	float: left; 
	display: inline; /* IE 6 */
	margin: 0 20px 0 0;          
	width: 220px;
}
#wrapper-3 {
	float: left;
	display: inline; /* IE 6 */
	margin: 0 -20px 30px 0; /* IE 6 */
	width: 700px;
} 
#wrapper-3:after {
	content: " ";
    display: block;
    clear: both;
}
#home #wrapper-3,
.nav-col-float2 #wrapper-3,
.nav-col-float3 #wrapper-3,
.col-float4 #wrapper-3,
.nav-col #wrapper-3 { /* keine Randspalte */
	background: none;
} 
#map {
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 700px;
}
#main {
	float: left;
	overflow: hidden;  /* IE 6 */
	display: inline; /* IE 6 */
	margin: 0 20px 0 0;
	width: 460px;
}
#wrapper-3 > #main {
	overflow: visible;	
}
#extras {
	float: right;
	background: #EBF1F1;
	overflow: hidden;  /* IE 6 */
	display: inline; /* IE 6 */
	width: 220px;
	margin: 0 0 20px 0;
	padding: 0;
}
#home #extras {
	background: none;
	width: 100%;
	padding: 0;
}
#promos {
	clear: both;
	overflow: hidden;
	float: none; /* ie 6 */
	margin: 0 0 25px 0;
	border-top: 1px solid #dadada;
	padding: 15px 0 0 0;
	width: 100%; /* ie 6 */
} 
#site-info {
	clear: both;  
	overflow: hidden;
	height: 1%; /* IE 6 */
}

/* 2 column layout: no nav vertical | main column | sidebar */
.col-subcol #wrapper-3 {
	width: 100%; 
}
.col-subcol #main {
	width: 590px;
}
#glossary #main {
	width: 700px;
}

/* 2 column layout: nav vertical | main column | no sidebar */
.nav-col #main {
	width: 590px;
	overflow: visible;
}
.nav-col #wrapper-3 {
	width: 590px;
} 
#map {
	margin-top: 37px;
}

/* 2 column layout: two equal columns: main column | sidebar */
.col-subcol-equal #wrapper-3 {
	width: 100%; 
}
.col-subcol-equal #main,
.col-subcol-equal #extras {
	width: 460px;
}

/* 2 column layout: nav vertical and big main column with 2 floating teasers: nav | main */
.nav-col-float2 #wrapper-3,
.nav-col-float2 #main {
	width: 700px;
}

/* 3 column layout: nav vertical and big main column with 3 floating teasers: nav | main */
.nav-col-float3 #wrapper-3,
.nav-col-float3 #main {
	width: 700px;
}

/* 3 column layout: no nav vertical | main | sidebar | sidebar */
.col-subcol-subcol #wrapper-3 {
	width: 100%; 
}
.col-subcol-subcol #main,
.col-subcol-subcol #extras {
	width: 460px;
}
.col-subcol-subcol #extras-1,
.col-subcol-subcol #extras-2 {
	width: 220px;
	float: left;
}
.col-subcol-subcol #extras-2 {
	float: right;
}

/* 4 column layout: 1 big column with 4 floating teasers | main */
/* 3 column layout: 1 big column with 3 floating teasers | main */
/* 2 column layout: 1 big column with 2 floating teasers | main */
.col-float2 #wrapper-3,
.col-float2 #main {
	width: 100%;
}
.col-float3 #wrapper-3,
.col-float3 #main {
	width: 100%;
}
.col-float4 #wrapper-3,
.col-float4 #main {
	width: 100%;
}

/* 3 column layout: no nav vertical, 1 big column with 2 floating teasers and a sidebar:  main column | sidebar  */ 
.col-float2-subcol #wrapper-3,
.col-float2-subcol #main {
	width: 620px;
}
.col-float2-subcol #wrapper-3 {
	float: none;
}
.col-float2-subcol #extras {
	width: 300px;
}





/* FONTS */
p, 
li,
dd,
dt {
	font-size: 130%;
	line-height: 1.3;
}
li p,
li li {
	font-size: 100%;
}
#main h1,
#main h2,
#main h3 {
	clear: both;
	line-height: 110%;
}
#stage h1 {
	font-size: 280%;
	font-weight: normal;	
}
#main h1 {
	font-size: 310%;
	font-weight: bold;
	letter-spacing: -1px;
}
#main h2 {
	font-size: 190%;
	line-height: 110%;	
	font-weight: bold;
}
#main h3 {
	font-size: 160%;
}
#main .latest h3 { /* equal to h2s in teasers */
	font-size: 146.15%; /* 19px base li 13px */
	font-weight: normal;
	line-height: 1.2;
}
#main .opener h1 em,
#main .teaser h2 em,
#main .latest h3 em { /* kicker */
	display: block;
	font-style: normal;
}
#main .opener h1 a em,
#main .teaser h2 em,
#main .latest h3 a em,
#extras .box h2 em {
	color: #343730;
	font-size: 42%;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0;
}
#main .teaser h2 em,
#main .latest h3 a em,
#extras .box h2 em {
	font-size: 69%;
} 
#main .teaser h1 a:hover em,
#main .teaser h1 a:focus em,
#main .teaser h1 a:active em,
#main .teaser h2 a:hover em,
#main .teaser h2 a:focus em,
#main .teaser h2 a:active em,
#main .latest h3 a:hover em,
#main .latest h3 a:focus em,
#main .latest h3 a:active em,
#extras .box h2 a:hover em,
#extras .box h2 a:focus em,
#extras .box h2 a:active em {
	color: #6B7C0E;
}
#main .links h2,
#main .links h3 { /* linklist in teaser */
	margin: 0 0 5px 0;
	padding: 0;
	color: #707070;
	font-size: 130%;
	font-weight: bold;
}	
h4 {
	font-size: 130%; 
}
/* section headers: teaser groups etc */
#main .latest h2,
.teaser-group h5,
#main .teaser-wrapper h3,
#extras .twitter h2, 
#extras .blog h2,
#extras .flickr h2 {
	font-size: 170%;
	font-weight: bold;
	color: #707070;
}
#main .links li {
	font-weight: normal;
}
#main .links em {
	font-size: 85%; /* 11px */
	font-style: normal;
}
table {
	font-size: 130%;
}
#wrapper-2 .photo dd {
	font-size: 120%;
	line-height: 16px;
}
#wrapper-2 .photo dd.copyright {
	font-style: italic;
}
/* sidebar */
#extras em.more {
	display: none;
}
#extras p.all {
	font-size: 130%;
}
#extras h2,  
#extras h3 {  
	font-size: 170%;
	font-weight: normal;
	line-height: 110%;
}
#extras li h3 {
	font-size: 133%;
}
#extras h2 em,
#extras h3 em { /* kicker */
	display: block;
	font-style: normal;
}
/* promos */
.promo h3 {
	font-size: 170%;
	line-height: 110%;
}
#site-info h4 {
	font-size: 170%;
	color: #6C6E69;
}




/* BRANDING / HEAD
------------------ */
#branding {  
	height: 70px;	
	padding: 25px 0 0 30px;
} 
#logo {
	position: relative;
	top: 0;
	margin: 0 0 20px 0;
	height: 52px;
}
#logo strong {
	font-size: 240%;
	color: #000;
	text-transform: lowercase;
}
#logo span {
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 10;
	display: block;
	top: 0;
	left: 0;
	height: 52px;
	width: 210px;
	padding: 0 0 2px 0;
  	cursor: pointer;
}
#logo a img {
	display: none;
}
#branding a.lang-change {
	display: block;
	position: absolute;
	top: -22px;
	right: 0;
	color: #fff;
	font-size: 110%;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
#branding a.lang-change:hover,
#branding a.lang-change:active,
#branding a.lang-change:focus {
	color: #7C8F18;
	border-bottom: none;
}

#search-box {
	position: absolute;
	top: 94px;
	right: 30px;
	margin: 0;
	padding: 0 0 5px 5px;
}   
#search-box h6 {
	float: left;
	margin: 2px 10px 0 0;
	font-size: 170%;
	color: #707070;
	font-weight: bold;
}  
#search-box form {
	float: left;
	width: 157px;
	height: 30px;
	position: relative;
}
#search-box form div {
	position: relative;
}       
#search-box input {
	float: left;
	background: #fff;
	border: 1px solid #dadada;
	padding: 3px 30px 3px 5px;
	width: 120px;
	margin: 0;
	color: #323232;
	font-size: 120%;	
} 
#search-box input:focus,
#search-box input.a11y-focus {
	color: #333;
	border: 1px solid #b5cf37;
}
#search-box .button {
	position: relative;
	background: url(../img/icons/sprites.png) 10px -366px no-repeat;
	float: right;
	width: 25px;
	border: 0;
	margin: -20px -.5em 0 0;
	cursor: pointer;
	font-size: 12px;
	color: #fff;
	padding: 0;
	text-indent: -1000px;
	font-size: 0;
	height: 18px;
}
#search-box input.button:focus,
#search-box input.button.a11y-focus,
#search-box input.button:hover {
	background-position: 10px -436px;
	border: 0;
}




/* GLOBAL HORIZONATAL NAVIGATION 
-------------------------------- */
#nav-global ul {
	float: left;
	width: 700px;
	margin: 0;
	list-style: none;
	position: relative;
} 
#nav-global li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 5px 0;
	font-family: arial, sans-serif;
	font-size: 170%;
	z-index: 100;
	position: relative;
}
#nav-global li.on {
	background: url(../img/bgs/nav-arrow.png) 50% 100% no-repeat;
}
#nav-global li.back {
	position: absolute;
	z-index: 0;
	background: #a8c221;
  padding: 0;
} 
#nav-global li a,
#nav-global li strong {
	float: left;
	display: block;
	background: none;
	padding: 0 8px 2px 8px;
	font-weight: bold;
	color: #707070;
	text-decoration: none;
}
#nav-global li a:hover,
#nav-global li a:active,
#nav-global li a:focus,
#nav-global li strong,
#nav-global li.on a,
#nav-global li.clone a,
#nav-global .fancy li.clone a:hover,
#nav-global .fancy li.clone a:focus,
#nav-global .fancy li.clone a:active {
	background: #a8c221;
	color: #fff;
	text-decoration: none;
} 
#nav-global .fancy li a:hover,
#nav-global .fancy li a:active,
#nav-global .fancy li a:focus {
	background-color: transparent;
	color: #707070;
}
#nav-global li.on a:hover,
#nav-global li.on a:active,
#nav-global li.on a:focus {
	background: #a8c221;
	color: #fff;
}
#nav-global li a {
	cursor: pointer; /* IE */
}





/* STAGE 
-------------------------- */
#stage-box {    
	float: right;
	position: relative;
	width: 300px;
	background: aqua;
}
#stage h1 a { 
	display: block;
	position: absolute;
	background: #000;
	padding: 180px 20px 20px 20px; 
	width: 260px;
	min-height: 300px;
	color: #fff;
}
#stage h1 a:hover,
#stage h1 a:active, 
#stage h1 a:focus { 
 	background: #d0fa00;
 	color: #000;
}
#stage img {
	float: left;
}
#stage a img {
	border: none;
}  
                   

 


/* MAIN
----------------------- */
h2,
h3 {
	margin: 0 0 10px 0;
}
p {
	margin: 0 0 22px 0;
}
p.intro {
	clear: both;
	font-size: 170%;
}


/* Breadcrumb */
#main #breadcrumb {
	background: #f8f8f8;
	margin: 0 0 20px;
	float: left;
	width: 100%;
	position: absolute;
	height: 1px !important;
	width: 1px;
	left: -9999px;
	overflow: hidden;
}




/* TEXT 
----------------- */
/* page-intro */
.page-intro,
#page-intro {
	margin: 0 0 20px 0;
}
.page-intro p,
#page-intro p {
	margin: 20px 0 10px 0;
	font-size: 170%;
}
#main .text h1 {
	margin-bottom: 10px;
}
#main .text h1 em {
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 42%;
	color: #707070;
	line-height: 1em;
}
#section .page-intro img.mod-2 {
	margin-top: 20px;
}
#main ul,
#main ol {
	margin: 0 0 15px 15px;
}
#main .text ol {
	margin-left: 25px;
}
#main .text ul ul,
#main .text ol ol {
	margin: 2px 0 2px 20px;
}
#main .text li {
	margin: 0 0 5px;
	line-height: 1.3em;
}
#main .text li li {
	font-size: 96%;
}
#main .text blockquote {
	background: #ebf1f1 url(../img/bgs/blockquote.png) 0 0 no-repeat;
	margin: 0 0 30px 0;
	padding: 20px 25px 10px 25px;
}
.col-subcol #main .text blockquote {
	background: #ebf1f1 url(../img/bgs/blockquote-wide.png) 0 0 no-repeat;
}
#main .text blockquote p {
	font-size: 150%;
}
#main .text blockquote p cite { /* author */
	display: block;
	padding: 40px 25px 0px 80px;
	font-weight: bold;
	font-style: normal;
}
/* table */
#main table { 
	clear: both;
	margin: 10px 0 20px 0;
	padding: 0 0 5px 0;
	empty-cells: show;
	border-collapse: collapse;
}
#main th,
#main td {
	padding: 7px 5px;
	vertical-align: top;
	text-align: left;
}
#main th {
	background: #EBF1F1;
	padding-right: 20px;
	border: 2px solid #fff;
}
#main tbody td {
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
}
#main .text td ul,
#main .text td ol,
#main .text td p {
	margin-bottom: 0;
}
#main .text td li,
#main .text td p {
	font-size: 100%;
}
/* text-meta: author, date, tags */
.text-meta {
	position: relative;
}
#main .text .text-meta {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0;
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
}
#main .text .text-data {
	overflow: hidden;
	float: left;
	width: 60%;
	margin: 0;
}
#main .text .text-data li {
	float: left;
	margin: 0 15px 0 0;
	padding: 3px 0;
	list-style: none;
	font-size: 130%;
}
#main .text .text-data li.date {
	font-weight: bold;
}
#main .text .text-data .author,
#main .text .text-data .text-comments {
	display: none;
}
/* Tags at the beginning of the text */
.text-meta dl {
	clear: both;
	float: left;
	width: 100%;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
	padding: 3px 0;
	font-size: 92%;
}
#wrapper-2 .text-meta dt {
	float: left;
	padding: 0 5px 0 0;
}
#wrapper-2 .text-meta dd {
	float: left;
	padding: 5px 10px 5px 0;
}
/* text-features */
#main .text #text-features {
	position: relative;
	float: right;
	margin: 0;
}
#text-features li {
	float: left;
	margin: 0 0 5px 5px;
	padding: 2px 0;
	list-style: none;
	font-size: 130%;
	text-align: right;
}
#text-features li a {
	background: none;
	padding: 3px;
}
#text-features li.print a {
	background: url(../img/icons/print.png) 0 0 no-repeat;
	padding-left: 23px;
}
#text-features li.social-b a {
	background: url(../img/icons/bookmark.png) 0 0 no-repeat;
	padding-left: 23px;
	outline: none;
}
#text-features #bookmarks {
	position: absolute;
	top: 24px;
	right: 0;
	background: #fff;
	width: 8.5em;
	z-index: 100;
	padding: 2px 0 0 0;
}
#text-features #bookmarks ul {
	float: left;
	margin: 0;
	border: 1px dotted #BCBCBC;
	padding-right: 10px;
}
#text-features #bookmarks li {
	display: block;
	width: 100%;
}
#text-features #bookmarks li a {
	background: transparent url(../img/icons/bookmarks.png) 100% -577px no-repeat;
	padding: 1px 22px 1px 0;
	color: #62720C;
}
#text-features #bookmarks li a:hover,
#text-features #bookmarks li a:active,
#text-features #bookmarks li a:focus {
	color: #000;
	text-decoration: underline;
}
#text-features #bookmarks li.delicious a {
	background-position: 100% 0;
}
#text-features #bookmarks li.google a {
	background-position: 100% -51px;
}
#text-features #bookmarks li.wong a {
	background-position: 100% -98px;
}
#text-features #bookmarks li.webnews a {
	background-position: 100% -151px;
}
#text-features #bookmarks li.yigg a {
	background-position: 100% -199px;
}
#text-features #bookmarks li.stumble a {
	background-position: 100% -252px;
}
#text-features #bookmarks li.oneview a {
	background-position: 100% -385px;
}
#text-features #bookmarks li.linkarena a {
	background-position: 100% -318px;
}
/* reduce FOUC */
.js-on #text-features #bookmarks {
	display: none;
}
/* Bookmarks when JS-OFF */
.js-off #text-features #bookmarks {
	position: static;
	width: 460px;
}
.js-off #text-features #bookmarks ul {
	padding-top: 10px;
}
.js-off #text-features #bookmarks li {
	float: right;
	width: 25%;
	margin: 0 0 10px 20px;
}



/* Article Partner */
.partner .text .photo {
	float: left;
}
.partner .text h3 {
	clear: none !important;
	float: left;
	width: 350px;
}
.partner .text p:after {
    content: " ";
    display: block;
    clear: both;
}
.partner #main .text p.intro {
	width: auto;
	margin-left: 0;
	padding: 0;
}
.partner .text img {
    clear: both;
}
.partner .text p a {
	font-weight: bold;
}
.partner p {
	margin-left: 235px;
}
/* Comments */
#comments {
	margin: 30px 0;
}
#comments h2 {
	margin: 0 0 20px 0;
	border-top: 1px solid #dadada;
	padding-top: 3px;
	font-size: 250%;
	color: #343730;
	font-weight: bold;
}
#comments h2 em {
	font-style: normal;
}
#comments li {
	clear: both;
	font-size: 100%;
	position: relative;
	list-style: none;
	margin: 0 0 30px 0;
}
.comment-count {
	position: absolute;
	font-size: 500%;
	left: -70px;
	top: -2px;
	font-weight: normal;
	color: #ebf1f1;
	text-align: right;
	width: 60px;
	height: 50px;
	line-height: 1;
}
#comments blockquote {
	background: url(../img/bgs/comment.png) 90% 90% no-repeat;
}
#comments blockquote p {
	font-size: 160%;
	background: #ebf1f1;
	margin: 0;
	padding: 10px;
}	
#comments blockquote p + p {
	padding-top: 0;
}
#main #comments h3 {
	padding: 15px 10px 15px 10px;
	background: #ebf1f1;
	font-size: 170%;
	font-weight: bold;
}
#comments p.comment-meta {
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 130%;
}
#comments .comment-meta img {
	display: inline;
}
#comments cite {
	display: block;
	margin: 10px 0 0 0;
	font-size: 100%;
	font-style: normal;
}
#comments cite span {
	margin: 0 3px 0 0;	
}
#comments cite span:after {
	content: ",";	
}
#comments cite span:last-child:after {
	content: "";
}
#your-comment {
	margin: 30px 0 0 0;
}



/* TOC */
#main #toc {
	clear: both;
}
#main #toc ul {
	list-style: none;
	margin: 0 0 20px 0;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
}
#main #toc li {
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	padding: 5px 0;

}
#main #toc li a {
	background: url(../img/icons/sprites.png) 2px -703px no-repeat;
	display: block;
	padding: 0 3px 0 17px;
}



/* LINK LISTS 
-------------------- */
/* anywhere in main texts, teasers etc. */
#main .teaser .links ul {
	clear: both;
}
#main .links ul,
#main .text .links ul {
	list-style: none;
	margin: 0;
}
#main .links {
	margin: 30px 0;
}
#main .text .links h2,
#main .text .links h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #707070;
	font-size: 170%;
	font-weight: bold;
}	

/* linklist in teaser */
#main .teaser .links {
	margin: 18px 0 6px 0;
}
#main .links ul {
/*	margin-bottom: -20px;*/
}
#main .links li {
	padding: 2px 0;
}
#main .links li a {
	background: url(../img/icons/sprites.png) 0 2px no-repeat;
	display: block;
	padding: 1px 3px 0 19px;
	font-weight: bold;
}
#main .links .external a {
	background-position: 0 -72px;
}
#main .links .download a {
	background-position: 0 -146px;
}
#main .links .download a em,
#main .links .download li a em {
	font-weight: normal;
	font-size: 85%;
}



/* 
PHOTOS
---------------------- */
/* photos / images */
.photo { /* for dl and without it */
	float: left;
	display: inline-block;
	width: 220px;
	margin: 3px 15px 10px 0;
}
.photo a {
	display: block; /* scrollIntoView */
}
.photo a.a11y-focus-key {
	outline: 2px solid #7c8f18;
	outline-offset: -2px;
}
img.photo { /* for dl and without it */
	background: url(../img/bgs/img-shadow-article.jpg) 0 100% no-repeat;
	padding: 0 0 10px 0;
}
.photo img {
	display: block;
	background: url(../img/bgs/img-shadow-article.jpg) 0 100% no-repeat;
	width: 220px;
	height: 124px;
	padding: 0 0 10px 0;
}
.photo a:hover img,
.photo a:focus img,
.photo a:active img {
	background: url(../img/bgs/img-shadow-article-h.jpg) 0 100% no-repeat;
}
dl.mod-2 { /* big */
	clear: both;
	float: none;
	width: 460px;
}
dl.mod-2 img,
img.mod-2  {
	clear: both;
	display: block;
	padding: 0 0 8px 0;
	width: 460px;
	height: auto;
	background: url(../img/bgs/img-shadow-opener.jpg) 0 100% no-repeat;
}
dl.mod-2 a:hover img,
dl.mod-2 a:focus img,
dl.mod-2 a:active img {
	background: url(../img/bgs/img-shadow-opener-h.jpg) 0 100% no-repeat;
}
.nav-col img.mod-2,
.nav-col dl.mod-2 img,
.col-subcol dl.mod-2 img,
.col-subcol img.mod-2 {
	width: 590px;
	float: none !important;
	background: url(../img/bgs/img-shadow-article-590.jpg) 0 100% no-repeat;
}
.nav-col dl.mod-2 a:hover img,
.nav-col dl.mod-2 a:focus img,
.nav-col dl.mod-2 a:active img,
.col-subcol dl.mod-2 a:hover img,
.col-subcol dl.mod-2 a:focus img,
.col-subcol dl.mod-2 a:active img {
	background: url(../img/bgs/img-shadow-article-590-h.jpg) 0 100% no-repeat;
}
.ref-detail img.mod-2,
.ref-detail dl.mod-2 img { /* No shadow on reference detail pages */
	background: none !important;
	margin-bottom: 20px;
	padding-bottom: 0;
}
.ref-detail dl.mod-2 {
	width: 590px;
}
.ref-detail dl.mod-2 dd.zoom {
	display: none;
}
.ref-detail dl.mod-2 dd.caption {
	text-align: center;
}
.ref-detail dl.mod-2 img {
	margin-bottom: 5px;
}
.photo dd {
	display: block;
	padding: 5px 0 0 0;
}
.photo dd.zoom {
	float: right;
}
.photo dd.zoom a {
	display: block;
	background: url(../img/icons/sprites.png) 0 -1171px no-repeat;
	margin: 0 1px 0 10px;
	width: 19px;
	height: 29px;
	text-indent: -9999px;
}
.photo dd.longdesc {
	display: none;
}




/* OPENER & TEASER 
--------------------- */
.opener,
.teaser {
	clear: both;
	float: left;
	width: 460px;
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	overflow: hidden;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
.opener {
	background: none;
}
.opener p {
	font-size: 170%;
}
.opener p,
.teaser p {
	margin: 0;
} 
.opener img {
	margin: 0 0 10px 0;
	width: 460px;
	background: url(../img/bgs/img-shadow-opener.jpg) 0 100% no-repeat;
	padding: 0 0 8px 0;
}
.opener h1 a,
.teaser h2 a {
	display: block;	
}
.teaser img {  
	float: left;
	margin: 4px 18px 5px 0;
	width: 220px;
	height: 124px; 
	padding: 0 0 8px 0;
	background: url(../img/bgs/img-shadow-promo.jpg) 0 100% no-repeat;
}
.teaser a:hover img,
.teaser a:active img,
.teaser a:focus img {
	background: url(../img/bgs/img-shadow-promo-h.jpg) 0 100% no-repeat;
}
#home .opener img {
	float: left;
	margin: 4px 10px 0 0;
	width: 190px;
	height: 122px;
}
#home .teaser img {
	margin: 0 0 0 0;
	width: 300px;
	height: 144px;
	background: url(../img/bgs/img-shadow-teaser.jpg) 0 100% no-repeat;
}
#home .teaser a:hover img,
#home .teaser a:active img,
#home .teaser a:focus img {
	background: url(../img/bgs/img-shadow-teaser-h.jpg) 0 100% no-repeat;
}
#section .opener img {
	background: url(../img/bgs/img-shadow-opener.jpg) 0 100% no-repeat;
	width: 460px;
	height: auto;
	padding: 0 0 8px 0;
}
#section .opener a:hover img,
#section .opener a:active img,
#section .opener a:focus img {
	background: url(../img/bgs/img-shadow-opener-h.jpg) 0 100% no-repeat;
}
/* nav-col-float2, nav-col-float3 */
.nav-col-float2 .opener img ,
.nav-col-float3 .opener img {
	float: left;
	margin-right: 16px;
}
em.more a { /* read-on-link */
	font-style: normal;
	padding: 0;
	font-weight: bold;
}
.teaser-group em.more  {
	display: none;
}
.teaser-group {
	clear: both;
	overflow: hidden;
	margin: 0;
}
/* Teaser on nav-col-float2 */
.nav-col-float2 .teaser {
	float: left;
	clear: none;
	width: 330px;
	margin: 0 20px 20px 0;
	padding: 0 0 32px 0;
}
.nav-col-float2 .latest,
.nav-col-float2 .event-list {
	clear: both;
	width: 700px;
}
/* teaser nav-col-float3 */
.nav-col-float3 .teaser {
	float: left;
	clear: none;
	width: 220px;
	margin: 0 20px 0 0;
	padding: 0 0 32px 0;
}
.nav-col-float3 #teaser-4,
.nav-col-float3 #teaser-7,
.nav-col-float3 #teaser-10,
.nav-col-float3 #teaser-13,
.nav-col-float3 #teaser-16,
.nav-col-float3 #teaser-19 {
	margin-right: 0;
}

/* section header */
#main .latest h2,
#main .teaser-group h5,
#main .event-list h2 {
	margin: 0;
	border-top: 1px solid #dadada;
	padding: 5px 0 10px 0;
	color: #333;
	font-size: 150%;
	font-weight: bold;
}
.opener h1 {
	margin: 0 0 15px 0;
}



/* Homepage and references only */
#home .opener {
	margin: 0 0 16px 0;
	border: none;
}
#home .teaser-group {
	clear: none;
	float: left;
}
#home .teaser {
	background: none;
}
/* Teaser Group 1 */
#home #teaser-group-1 {
	margin: 0 20px 0 0;
}
#home #teaser-group-1 #teaser-2 {
	margin-right: 0; 
}
/* Teaser Group 2 */
#home #teaser-group-2 {
	clear: both;
	width: 950px;
	margin-top: 43px;
	border-top: 1px solid #DADADA;
	padding-top: 10px;
}
#home #teaser-group-2 h5 {
	border: 0;
	margin-top: -10px;
}
#home #teaser-group-2 .teaser { 
	clear: none;      
	position: relative;
	overflow: hidden;
	float: left;
	display: inline; /* IE 6 */	
	width: 220px;
	margin: 0 20px 0 0;
}
#home #teaser-group-2 #teaser-7 {
	margin-right: 0; 
}
#home #teaser-group-2 .teaser h2 {
	font-size: 190%;
	font-weight: bold;
}
#home #teaser-group-2 .teaser p {
	display: none;
}
#home #teaser-group-2 .teaser img { 
	background: url(../img/bgs/img-shadow-promo.jpg) 0 100% no-repeat;
	display: block;
	margin: 0 0 4px 0;
	padding: 0 0 8px 0;
	width: 220px;
	height: 115px;
}
#home #teaser-group-2 .teaser a:hover img,
#home #teaser-group-2 .teaser a:focus img,
#home #teaser-group-2 .teaser a:active img { 
	background: url(../img/bgs/img-shadow-promo-h.jpg) 0 100% no-repeat;
}







/* Hover Teaser 
++++++++++++++++++++++++++++++ 
++++++++++++++++++++++++++++++ */
.hover-teaser {
	clear: none;
	position: relative;
	float: left;
	width: 300px;
	height: 20.8em;
	overflow: hidden;
	margin: 0 20px 0 0;
	border: none;	
	padding: 0;
}
.hover-teaser .teaser-box {
	background-image: none !important;
	background-repeat: no-repeat !important;
}
#references .hover-teaser {
	width: 220px;
	height: 13.2em;
	margin: 0 20px 20px 0;
}
#references #teaser-1 {
	clear: both;
}
#references #teaser-4,
#references #teaser-8,
#references #teaser-12,
#references #teaser-16,
#references #teaser-20,
#references #teaser-24,
#references #teaser-28,
#references #teaser-32,
#references #teaser-36,
#references #teaser-40,
#references #teaser-44,
#references #teaser-48,
#references #teaser-52,
#references #teaser-56,
#references #teaser-60,
#references #teaser-64,
#references #teaser-68,
#references #teaser-72,
#references #teaser-76,
#references #teaser-80,
#references #teaser-84,
#references #teaser-88,
#references #teaser-92,
#references #teaser-96,
#references #teaser-100,
#references #teaser-104,
#references #teaser-108,
#references #teaser-112,
#references #teaser-116,
#references #teaser-120 {
	margin: 0;
}
#extras .hover-teaser { /* Extras */
	clear: none;
	background: none;
	position: relative;
	float: left;
	height: 16em;
	width: 195px;
	margin: 15px 13px 15px 12px !important;
	border: none;	
	padding: 0 !important;
}
* html #extras .hover-teaser { /* Extras */
	margin: 15px 13px 15px 6px !important;
}
#home .hover-teaser .teaser-box { /* Home */
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	height: 36em;
	background: #fff;
}
#references .hover-teaser .teaser-box { /* Referenzen */
	position: static;
	margin: 0;
	top: 0;
	left: 0;
	height: 36em;
    width: 220px;
	background: #fff url(../img/bgs/img-shadow-promo-h.jpg) no-repeat 0 100% scroll;
}
#extras .hover-teaser .teaser-box { /* Extras */
	position: absolute;
	top: 0;
	left: 0;
	height: 36em;
	background: #EBF1F1;
}
#references .hover-teaser h2 {
	font-size: 150%;
}
#references .hover-teaser h2 em {
	font-size: 80%;;
}
#references .hover-teaser h2,
#references .hover-teaser h2 a,
#references .hover-teaser h2 em { /* verbirgt Sichtbarkeit bei Vergroesserung */
	color: #fff;
}
#extras .hover-teaser h2 {
	border: 0;
	margin: 0 0 13px 0;
	padding: 0;
}
.hover-teaser p {
	color: #fff;
	padding: 0 10px;
}
#extras .hover-teaser p {
	color: #E5E5E5;
}
.hover-teaser p em.more {
	display: block !important;
	color: #343730;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0;
}
.hover-teaser p em.more a {
	display: block;
	background: url(../img/icons/sprites.png) 0 -220px no-repeat;
	margin: 8px 0 0 0;
	padding: 0 0 0 18px;
	color: #fff !important;
}
#wrapper-3 .hover-teaser img {
	margin: 0 0 6px 0;
}
#references .hover-teaser img {
	background: url(../img/bgs/img-shadow-promo.jpg) 0 100% no-repeat;
	width: 220px;
	height: 124px;
	padding: 0 0 8px 0;
}
/* Hover Teaser: Hover-Zustand 
+++++++++++++++++++++++++++++++++++ */
/*
.active-start = Animations-Zustand
.active = Endzustand
*/
.hover-teaser .active-start h2,
#extras .hover-teaser .active-start h2 {
	margin: 0;
	padding: 10px;	
}
.hover-teaser .active-start h2 a {
	text-decoration: none !important;
}
.hover-teaser .active h2 a:hover,
.hover-teaser .active h2 a:active,
.hover-teaser .active h2 a:focus {
	text-decoration: underline !important;
}
.hover-teaser .active-start h2,
.hover-teaser .active-start h2 a,
.hover-teaser .active-start h2 em,
.hover-teaser .active-start p,
.js-off .hover-teaser .teaser-box:hover h2,
.js-off .hover-teaser .teaser-box:hover h2 a,
.js-off .hover-teaser .teaser-box:hover h2 em,
.js-off .hover-teaser .teaser-box:hover h2 p {
	color: #fff !important;
}
#home .hover-teaser .active,
#home.js-off .hover-teaser .teaser-box:hover { /* Home */
	margin-top: -152px;
	background: #000;
	height: 36em;
}
#references .hover-teaser .active,
#references.js-off .hover-teaser .teaser-box:hover { /* Referenzen */
	margin-top: -132px;
	background: #000;
	height: 26.5em;
	background: #000 url(../img/bgs/img-shadow-promo-h.jpg) 0 100% no-repeat;
}
#extras .hover-teaser .active,
.js-off #extras .hover-teaser .teaser-box:hover { /* Extras */
	background: #000;
	margin-top: -123px;
}
.js-off .hover-teaser .teaser-box:hover h2,
.js-off #extras .hover-teaser .teaser-box:hover h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
}
.js-off .hover-teaser .teaser-box:hover p {
	padding: 0 10px;
}
/* 6-er Raster REFERENZEN 
++++++++++++++++++++++++++++++++ */
#references .teaser-group {
	padding: 20px 0 0 0;
}
#references .teaser-group .ref-teaser {
	float: left;
	clear: none;
	width: 144px;
	height: auto;
	background: none;
	margin: 0 15px 0 0;
	padding: 0;
}
#references .teaser-group .ref-teaser img {
	background: url(../img/bgs/img-shadow-ref-xs.jpg) 0 100% no-repeat;
	width: 144px;
	height: 81px;
	margin: 0 0 15px 0;
}
#references .teaser-group .ref-teaser a:hover img { 
	background: url(../img/bgs/img-shadow-ref-xs-h.jpg) 0 100% no-repeat;
}
#references .teaser-group #ref-teaser-6,
#references .teaser-group #ref-teaser-12,
#references .teaser-group #ref-teaser-18,
#references .teaser-group #ref-teaser-24,
#references .teaser-group #ref-teaser-30,
#references .teaser-group #ref-teaser-36,
#references .teaser-group #ref-teaser-42,
#references .teaser-group #ref-teaser-48,
#references .teaser-group #ref-teaser-54,
#references .teaser-group #ref-teaser-60,
#references .teaser-group #ref-teaser-66,
#references .teaser-group #ref-teaser-72,
#references .teaser-group #ref-teaser-78,
#references .teaser-group #ref-teaser-84,
#references .teaser-group #ref-teaser-90 {
	margin-right: 0;
}








/* Latest teaser  */	
#main .latest {
	border: none;
	background: none;
}
#main .latest ul {
	margin: 0;
}
#main .latest li {
	overflow: hidden;
	float: left;
	width: 460px;
	list-style: none;
	margin: 0;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
	padding: 20px 0;
}
.nav-col-float2 #main .latest li {
	width: 700px;
}
#main .latest li:first-child {
	background: none;
	padding-top: 0;
}
#main .latest li h3 {
	clear: none;
	float: right;
	width: 222px;
}
#main .latest li.mod h3 {
	clear: none;
	float: none;
	width: auto;
}
.nav-col-float2 #main .latest li h3 {
	width: 462px;
}
#main .latest p.all,
#main .event-list p.all,
#extras p.all {
	clear: both;
	margin: 10px 0 0 0;
}
#main .latest p.all a,
#main .event-list p.all a {
	background: #ebf1f1 url(../img/bgs/all-link.gif) 100% -18px no-repeat;
	display: block;
	padding: 4px 0 3px 7px;
	font-weight: bold;
	color: #62720C;
}
#main .latest p.all a:hover,
#main .latest p.all a:active,
#main .latest p.all a:focus,
#main .event-list p.all a:hover,
#main .event-list p.all a:active,
#main .event-list p.all a:focus {
	color: #fff;
	background-color: #b5cf37;
	background-position: 100% -177px;
	text-decoration: none;
}
/* Latest teaser auf News Overview  */
#news-overview .latest ul {
	background: none;
	padding: 0;
}
#news-overview .latest li em.date {
	font-weight: bold;
}





/* Text Col Box */
.col-float4 .text-col-box {
	position: relative;
	z-index: 999;
	margin-bottom: 20px;
	
	float: left;
}
.col-float4 .text-col-box:after {
	content: " ";
    display: block;
    clear: both;
}
.col-float4 .text-col-box .text-col-1,
.col-float4 .text-col-box .text-col-2 {
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
}
.col-float4 .text-col-box .text-col-1 a,
.col-float4 .text-col-box .text-col-2 a {
	display: inline;
	font-weight: bold;
}
.col-float4 .text-col-box .text-col-2 {
	margin: 0;
}





/* PROMOS 
------------ */
.promo {       
	position: relative;
	overflow: hidden;
	float: left;
	display: inline; /* IE 6 */	
	width: 220px;
	margin: 0 20px 0 0;
}
#promo-4 {
	margin-right: 0;
}
.promo img { 
	background: url(../img/bgs/img-shadow-promo.jpg) 0 100% no-repeat;
	display: block;
	margin: 0 0 4px 0;
	padding: 0 0 8px 0;
	width: 220px;
	height: 100px;
}
.promo > a {
	display: block;
}
.promo a:hover img,
.promo a:focus img,
.promo a:active img,
.promo a.a11y-focus img { 
	background: url(../img/bgs/img-shadow-promo-h.jpg) 0 100% no-repeat;
}
.promo-text {
	display: block;	
	overflow: hidden;
	clear: both;
	width: 220px;
}
.promo-text h3 {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.promo-text h3 a {
	display: block;
	height: 1%;
	line-height: 1.2em;
	color: #7C8F18;
}	
.promo-text h3 a:hover,
.promo-text h3 a:active,
.promo-text h3 a:focus {
	background: none;
	text-decoration: underline;
	color: #7C8F18;
}
.promo-text p {
	margin: 0;
	color: #10100F;
	font-size: 160%;
	
	display: none;
}




/* PHOTO GALLERY
--------------------- */
#photo-index {
	clear: both;
	width: 700px;
	margin: 20px 0 0 0;
}
#photo-index .photo {
	width: 220px;
	margin-bottom: 30px;
}
#photo-index .photo dt img {
	background: url(../img/bgs/img-shadow-gallery.jpg) 0 100% no-repeat;
}
#photo-index .photo dt a:hover img,
#photo-index .photo dt a:active img,
#photo-index .photo dt a:focus img {
	background: url(../img/bgs/img-shadow-gallery-h.jpg) 0 100% no-repeat;
}
#photo-index dl {
	margin-right: 20px;
}
#photo-index dl.last {
	margin-right: 0;
}
/* lightbox*/
.mask {
	position: absolute;
	z-index: 999;
	background-color: #000;
	width: 100%;
}
.loading-mask {
	background: #000 url(../img/bgs/lb-loading.gif) no-repeat fixed center;
}
.showbox {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	padding: 0 0 20px 0;
	outline: none;
}
.showbox-head {
	background-color: #fff;
	overflow: hidden;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius-bottomright: 5px;
	border-radius-bottomleft: 5px;
	width: 400px;
	min-width: 10em;
	margin: 0 auto 30px;
	padding: 10px 0;
	font-size: 120%;
	font-weight: bold;
}
.showbox-head h1 {
	position: absolute;
	left: -9999em;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 1px;
}
.showbox-head a {
	color: #000;
}
.showbox-head .play-pause,
.showbox-head .index-pagination {
	display: none;
}
.showbox-head .prev {
	float: left;
	background: url(../img/icons/sprites.png) 0 -501px no-repeat;
	margin-right: 10px;
	padding: 3px 0 3px 13px;
}
.showbox-head .next {
	float: left;
	background: url(../img/icons/sprites.png) 159% -433px no-repeat;
	padding: 3px 15px 3px 0;
}
.showbox-head .showbox-toolbar .ui-disabled {
	visibility: hidden;
}
.showbox .close-button {
	background: url(../img/icons/sprites.png) 0 -767px no-repeat;
	cursor: pointer;
	float: right;
	padding:0;
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
}
.showbox .close-button:hover,
.showbox .close-button:focus,
.showbox .close-button:active,
.showbox .close-button.a11y-focus {
	background-position: 0 -1770px;
}
.showbox-toolbar {
	top: -15px;
	right: -15px;
	position: absolute;
	z-index: 2001;
}
.showbox .content-box {
	position: relative;
	width: auto;
	min-width: 680px;
	margin: 30px auto 0;
}
.showbox .content-box-box {
	position: relative;
	padding: 20px 10px;
	background-color: #fff;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 999;
}
.sb-shadow {
	position: absolute;
	bottom: -20px;
	height: 800px;
	max-height: 98%;
	width: 280px;
	max-width: 48%;
	background: url(../img/bgs/lb-shadows.png) 0 100% no-repeat;
}
.sb-shadow-left {
	left: -15px;
}
.sb-shadow-right {
	right: -15px;
	background-position: 100% 100%;
}
.showbox .multimedia-box {
	overflow: hidden;
}
.showbox .multimedia-box img {
	margin: 0 auto;
}
.showbox .controls {
  background: url(../img/bgs/lightbox-paging.png) -1000px 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	padding-top: 25px;
}
.showbox .controls a {
	position: absolute;
	top: 4%;
	height: 96%;
	width: 50%;
  float:left;
}
.showbox .controls a.prev {
	left: 0;
}
.showbox .controls a.next {
	right: 0;
}
.showbox .controls a span {
	position: absolute;
	top: 150px;
	font-size: 500%;
	background: transparent none scroll no-repeat 15px 19px;
	
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-indent: -9999em;
	width: 20px;
	cursor: pointer;
}
.showbox .controls a:hover span,
.showbox .controls a:focus span,
.showbox .controls a:active span {
	background-image: url(../img/bgs/lightbox-paging.png);
  	background-color: #b5cf37;
}
.showbox .controls a:focus,
.showbox .controls a:active {
	outline: none;
}
.showbox .controls a.prev span {
	left: -40px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-radius-topright: 0;
	border-radius-bottomright: 0;
}
.showbox .controls a.next span {
	right: -40px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-radius-topleft: 0;
	border-radius-bottomleft: 0;
	background-position: 15px -108px;
}
.showbox .controls a.ui-disabled {
	display: none;
}
.showbox .text-content {
	background: #fff;
	padding: 5px;
	font-size: 120%;
}
.showbox .text-content h2 {
	font-size: 120%;
}
.showbox .text-content p,
.showbox .text-content li {
	font-size: 100%;
}
.showbox .hiding-link {
	position: absolute;
	bottom: -12px;
	left: 41.5%;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-indent: -99999px;
}
.showbox .hiding-link a {
	display: block;
	background: url(../img/icons/sprites.png) 64% -560px no-repeat;
	padding: 10px 80px;
	outline: none;
}
.showbox .hiding-link a.hidden {
	background-position: 64% -624px;
}
.showbox h2 {
	margin: 5px 0 10px;
	font-size: 166.6667%;
	color: #333;
}
.showbox p {
	margin-bottom: 10px;
}
.showbox ul {
	margin: 10px 0 10px 0;
}
.showbox li {
	list-style: none;
	color: #555;
}





/* EXTRAS 
-------------- */
#extras .box {
	clear: both;
	float: left;
	width: 200px;
	margin: 0 0 15px;
	padding: 0 10px 0 10px;
}
/* home */
#home #extras {
	margin: 0 0 18px 0;
}
#home #extras .box {
	clear: none;
	border: none;
	margin: 0 20px 0 0;
	width: 300px;
	min-height: 180px;
	padding: 0;
} 
#home #extras .flickr {
	margin-right: 0;
}
#home #extras h2 {
	border-top: 1px solid #dadada;
	margin: 0;
	padding: 8px 0 11px 0;	
}
#extras .twitter h2 {
	background: url(../img/icons/sprites.png) 104% -1333px no-repeat;
	font-size: 150%; /* JIRA: AHP-239 */
	color: #333;
}
#extras .flickr h2 {
	background: url(../img/icons/sprites.png) 104% -1254px no-repeat;
	font-size: 150%; /* JIRA: AHP-239 */
	color: #333;
}
#extras .twitter h2 a, 
#extras .blog h2 a,
#extras .flickr h2 a {
	background: transparent;
	display: block;
	height: 1%;
}	
#extras h2,
#extras h3 {
	clear: both;
	margin: 15px 0;
	padding: 0;
	font-weight: bold;
	color: #707070;
}
#extras h2 a,
#extras h3 a {
	display: block;
}
#extras .latest h3 a,
#extras .latest h3 a:hover,
#extras .latest h3 a:active,
#extras .latest h3 a:focus {
	background-image: none;
	padding: 0;
}
#extras h2 a:hover em,
#extras h2 a:active em,
#extras h2 a:focus em,
#extras h3 a:hover em,
#extras h3 a:active em,
#extras h3 a:focus em { /* kicker */
	color: #000;
}
#extras blockquote {
	clear: both;
	background: #ebf1f1 url(../img/bgs/blockquote-extras.png) 0 0 no-repeat;
	margin: 0;
	border-bottom: 30px solid #fff;
	border-top: 28px solid #fff;
	padding: 20px 15px 0 15px;
}
*+html #extras blockquote {
	background: #ebf1f1 url(../img/bgs/blockquote-extras.png) 0 28px no-repeat;
}
* html #extras blockquote {
	background: #ebf1f1 url(../img/bgs/blockquote-extras.png) 0 28px no-repeat;
}
#extras blockquote p {
	padding-bottom: 15px;
	font-size: 130%;
}
#extras blockquote p cite { /* author */
	padding: 11px 25px 0 50px;
	font-weight: bold;
	font-style: normal;
}
#extras p.all a {
	background: #333 url(../img/bgs/all-link-extras.gif) 100% -18px no-repeat;
	display: block;
	padding: 3px 0 5px 5px;
	font-weight: bold;
	color: #fff;
	line-height: 1.1em;
}
#extras p.all a:hover,
#extras p.all a:active,
#extras p.all a:focus {
	color: #fff;
	background-color: #b5cf37;
	background-position: 100% -158px;
	text-decoration: none;
}



/* SIDEBAR #EXTRAS 
---------------------- */
#extras p {
	clear: both;
	margin: 0 0 10px 0;
}
#extras a {
	font-weight: bold;
	color: #7C8F18;
}
#extras img {
	float: left;
	display: block;
	margin: 0 0 8px 0;
	width: 189px;
	height: 106px;
	background: url(../img/bgs/img-shadow-extras.jpg) 0 100% no-repeat;
	padding: 3px 3px 11px 3px;
}
#extras a:hover img,
#extras a:focus img,
#extras a:active img {
	background-image: url(../img/bgs/img-shadow-extras-h.png);
}

#extras ul {
	margin: 0 0 0 0;
}
#extras li {
	margin: 0 0 15px 0;
	list-style: none;
}
#extras .links li {
	margin: 0;
	padding: 2px 0;
}
#extras .links li a {
	background: url(../img/icons/sprites.png) 0 2px no-repeat;
	display: block;
	padding: 0 3px 0 22px;
	font-weight: bold;
}
#extras .links .external a {
	background-position: 0 -72px;
}
#extras .links .download a {
	background-position: 0 -146px;
}
#extras .download li a em, 
#extras li.download a em {
	font-style: normal;
	font-weight: normal;
	font-size: 85%;
}
#extras .latest h2 {
	float: left;
	margin: 15px 0 0 0;
	width: 100%;
	font-weight: bold;
}
#extras .latest h3 {
	margin: 0 0 5px 0;
	border: 0;
}
#extras .latest li p {
	margin: 0;
}
#main .latest li p em,
#extras .latest li p em {
	font-weight: bold;
}
#extras .latest ul {
	margin: -10px 0 0 0;
}
#extras .latest li {
	float: left;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
}
#extras .latest li:first-child {
	background: none;
}
#extras .latest li img {
	margin: 0 0 3px 0;
}
#extras .latest li .date {
	display: none;
}
#extras .latest-comments ul {
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
}
#extras .latest-comments li {
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
	margin: 0;
	padding: 5px 0 10px 0;
}
#extras .latest-comments li:first-child {
	background: none;
	padding-top: 0;
}
#extras .latest-comments li a em {
	font-style: normal;
	color: #707070;
}









/* twitter Badge */
#twitter-link {
	display: none !important;
}
#twitter_div .date {
	font-size: 87.5%; /* 14px */
	color: #bebebe;
}
#extras #twitter_div ul,
#extras #twitter_div li {
	background: none;
	margin: 0 0 10px 0;
	border: 0;
}
#extras #twitter_div li a,
#twitter_div li a:hover,
#twitter_div li a:active,
#twitter_div li a:focus {
	background: none;
	padding-left: 0;
	display: inline;
}
/* flickr badge */
#flickr_badge_uber_wrapper .rss,
#flickr_www {
	display: none;
}
.flickr_badge_image {
	background: url(../img/bgs/img-shadow-flickr.jpg) 0 100% no-repeat;
	float: left;
	width: 140px;
	height: 110px;
	margin: 0 20px 20px 0;
	padding: 0 0 10px 0;
	text-align: center;
	overflow: hidden;
}
.flickr_badge_image:hover {
	background: url(../img/bgs/img-shadow-flickr-h.jpg) 0 100% no-repeat;
}
#flickr_badge_image2,
#flickr_badge_image4,
#flickr_badge_image6 {
	margin-right: 0;
}
#flickr_badge_wrapper a {
	width: 140px;
	height: 110px;	
	display: block;
	overflow: hidden;
}
#flickr_badge_wrapper a img {
	width: auto;
	height: auto;	
	background: none;
	padding: 0;
}



/* Extras job Teaser */
#extras .jobs h2 {
	border-top: 1px solid #DADADA;
	color: #333; /* JIRA: AHP-239 */
	font-size: 150%;
}
#extras .jobs h3 {
	border-top: 0;
	padding-top: 0;
	font-size: 170%;
}
#extras .jobs h3 a {
	font-weight: bold;
}
#extras .jobs h3 em {
	color: #343730;
}




/* Vcard Contact */
#main .vcard {
	clear: both;
	background: #EBF1F1 url(../img/bgs/contact.gif) 94% 15px no-repeat;
	margin: 0 0 30px 0;
	border: none;
	padding: 20px 15px 20px 20px;
}
#home #main .vcard {
	background-image: none; /* JIRA: AHP-238 */
}
#main .vcard div.org {
	margin: 0;
}
#main .vcard div.org p.organization-name {
	padding-right: 60px;
}
#main .vcard div.adr {
	margin: 0 0 25px 0;
}
#main .vcard div {
	margin: 8px 0 0 0;
}
#main .vcard p,
#main .vcard dd {
	margin: 0;
	font-weight: normal;
	font-size: 170%;
	line-height: 1.2;
}
#main .vcard .tel dt,
#main .vcard .email dt {
	float: left;
	margin: 0 0 0 0;
}
#main .vcard .email dd {
	background: url(../img/icons/sprites.png) 0px -991px no-repeat;
	padding: 8px 0 2px 50px;
}
.tel dd {
	background: url(../img/icons/sprites.png) 1px -1081px no-repeat;
	padding: 5px 0 7px 50px;
}
.vcard .all {
	background: url(../img/icons/sprites.png) 1px -1081px no-repeat !important;
	margin: 8px 10px 20px 10px !important;
	padding: 5px 0 5px 50px !important;
}
/* Vcard Home */
#home #main .vcard {
	clear: none;
	margin: 0;
	float: right;
	width: 245px;
	padding: 36px 15px 20px 40px;
}
#home #main .vcard p,
#home #main .vcard dd {
	font-weight: bold;
}


/* Vcard Contact in Extras */
#extras .vcard {
	float: left;
	clear: both;
	width: 220px;
	overflow: hidden;
	background: #EBF1F1;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 15px 0;
	border-bottom: 30px solid #fff;
}
#extras .vcard h2 {
	border: 0;
	padding: 8px 0 0 10px;
}
#extras .vcard div {
	overflow: hidden;
	float: left;
	clear: both;
	width: 220px;
	margin: 0 0 2px 0;
	padding: 0 10px;
}
#extras .vcard div.adr {
	margin: 0 0 10px 0;
}
#extras .vcard p {
	display: block;
	margin: 0;
	font-size: 130%;
}
#extras .vcard p.all {
	float: left;
	margin: 0 10px 10px 10px;
}
#extras .vcard p.all a {
	background: none;
	white-space: nowrap;
	padding-left: 0;
}
#extras .vcard p.all a:hover,
#extras .vcard p.all a:active,
#extras .vcard p.all a:focus {
	background: none;
	color: #7C8F18;
	text-decoration: underline;
}
#extras .vcard div.adr p.locality,
#extras .vcard div.adr p.postal-code {
	float: left;
}
#extras .vcard div.adr p.locality {
	margin-left: .3em;
}
#extras .vcard div dl {
	margin: 5px 0 0 0;
}
#extras .vcard div dd  {
	float: left;
	font-size: 130%;
}
#extras .tel dd {
	padding: 6px 0 10px 45px;
}
#extras .vcard .email dd {
	background: url(../img/icons/sprites.png) 0 -991px no-repeat;
	padding: 7px 0 6px 45px;
}
#extras .vcard .email a {
	color: #62720C;
}
#extras .vcard .photo {
	width: 100%;
}
#extras .vcard .photo dd {
	display: block;
	font-size: 110%;
}
#extras .vcard .photo dt img {
	float: none;
	background: none;
	margin: -10px 0 0 10px;
}




/* FOOTER 
----------------- */
#site-info {   
	position: relative;
	padding: 16px 0 20px 0;
	color: #707070;
	background: #eff3f3 url(../img/bgs/site-info.png) 0 0 repeat-y;
}
#site-info div {
	margin: 0 auto;
	width: 980px;
}
#site-info div div {
	float: left;
	display: inline; /* IE 6 */	
	width: 200px;
	margin: 0 0 0 20px; 
}
#site-info div div:first-child {
	width: 225px;
	margin-right: 75px;
}
#site-info div div div {
	width: 222px;
	margin: 22px 0 30px 0; 
	border-top: 1px solid #4b4e48;
	border-bottom: 1px solid #4b4e48;
	padding: 20px 0 0 0;
}
#site-info h4 {
	margin: 0 0 35px 3px;
}
#site-info p { 
	color: #707070;
	width: 200px;
	margin: 0;
}
#site-info ul { 
	margin: 5px 0 0 0;
	list-style: none;
} 
#site-info li { 
	margin: 2px 0 2px 0;
} 

/* logos aperto group */

#site-info div div:first-child h4 {
	margin-bottom: 30px;
} 
#site-info div div:first-child li { 
	float: left;
	margin-bottom: 10px;
} 
#site-info div div:first-child li:first-child { 
	float: none;
	margin-bottom: 5px;	
} 
#site-info div div:first-child li p { 
	padding: 0 0 15px 0;
} 
#site-info li a img {
	margin: 0 0 0 0;
}
#site-info li a { 
	display: block;
	padding: 3px 0 3px 3px;
	height: 1%;	
	color: #7C8F18; /* JIRA: AHP-237 */
	background: transparent;
	font-weight: normal;
} 


#site-info li a:hover,
#site-info li a:active,
#site-info li a:focus {
	text-decoration: underline;
	color: #000;
}
#copyright {
	clear: both;
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 120%;
}
#site-info table { /* fix font-size backend */
	font-size: 100%;
}



/* SIDEBAR left / NAVIGATION sub
-------------------------------- */
#nav {
	background: #fff;
	margin-bottom: 20px;
}
#nav-box {
	padding: 0;
}
#nav-box ul {
	border-bottom: 1px solid #DCDCDC;
	margin: 0;
}
#nav-box li {
	height: 1%; /* IE 6 */
	border-top: 1px solid #DCDCDC;
	margin: 0 0 2px 0;
	padding: 2px 0 0 0;
	list-style: none;
	font-size: 150%;
}
#nav-box li a,
#nav-box li strong {
	display: block;
	height: 1%;
	padding: 4px 0 4px 10px;
	margin: 0;
	background: transparent;
	color: #6A6C6C;
	font-weight: bold;
}
#nav-box li.open a {
	font-weight: bold;
	background: #b5cf37;
	color: #414632;
}
/* hover and marked */
#nav-box li.on strong,
#nav-box li.on a { /* marked & clickable */
	color: #fff;
	font-weight: bold;
	background: #b5cf37;
}
#nav-box li a:hover,
#nav-box li a:active,
#nav-box li a:focus,
#nav-box li.on a:hover,
#nav-box li.on a:active,
#nav-box li.on a:focus {
	background: #b5cf37;
	color: #fff;
	text-decoration: none;
}
#nav-box li.open a {
	font-weight: bold;
	color: #343730;
	background: #eef1f2; 
}
/* 2nd level */
#nav-box ul ul {
	margin: 0;
	border: 0;
	padding: 1px 0 0 0;
}
#nav-box li li {
	border: 0;
	margin-bottom: 1px;
	font-size: 88%;
	font-weight: normal;
}
#nav-box li li.open {
	margin-left: 20px;
}
#nav-box li li a,
#nav-box li li strong  {
	font-weight: normal;
	margin-left: 20px;
	padding: 2px 0 2px 3px;
}
#nav-box li li.open a  {
	margin-left: 0px;
}
#nav-box li.on li a {
	color: #6A6C6C;
}
#nav-box li.open li a {
	font-weight: normal;
	background: transparent;
	color: #6A6C6C;
}
#nav-box li.open li.open a {
	background: #dee4e5;	
	color: #000;
	font-weight: bold;
	padding-left: 3px;
}
#nav-box li li a:hover,
#nav-box li li a:active,
#nav-box li li a:focus,
#nav-box li.on li a:hover,
#nav-box li.on li a:active,
#nav-box li.on li a:focus {
	background: #b5cf37;
	color: #fff;
	text-decoration: none;
}
/* 3rd level */
#nav-box ul ul ul {
	margin: 0 0 0 12px;
}
#nav-box li li li {
	font-size: 100%;
}
#nav-box li li.open li a,
#nav-box li li li strong  {
	font-weight: normal;
	padding-left: 30px;
}
#nav-box li li li.on  {
	background: #b5cf37;
	margin-top: 3px;
}
#nav-box li li li.on strong {
	padding-left: 3px;
	margin-left: 0;
}
#nav-box li.open li.open li.on a {
	font-weight: bold;
	color:  #fff;
	margin-left: 0;
}
#nav-box li.open li.open li a {
	background: transparent;
	color: #6A6C6C;	
	font-weight: normal;
	padding-left: 3px;
}
#nav-box li.open li.open li a:hover,
#nav-box li.open li.open li a:active,
#nav-box li.open li.open li a:focus {
	background: #b5cf37;
	color: #fff;
	text-decoration: none;
}

/* SEARCH RESULTS
------------------------------- */
#search-results #main h1 em {
	display: inline;
	font-weight: bold;
	padding: 0 5px;
}
#search-results #main ol {
	margin: 20px 0 0 0;
}
#search-results #main .text h1 em {
	display: inline;
	padding: 0;
	font-size: 100%;
	color: #343730;
}
#search-results #main .highlight {
	font-style: normal;
	background: #ff0;
}
#search-results ol li {
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	list-style: none;
}
#search-results #main ol h2 {
	border: none;
	margin: 0 0 5px 0;
	font-size: 115.5%;
}
#search-results #main li p {
	clear: both;
	margin: 0;
}
#search-results #main ol ul {
	margin: 0;
}
#search-results #main ul.text-data li {
	background: none;
	float: left;
	margin: 0 8px 3px 0;
	border: none;
	padding: 0;
	font-size: 88%; /* 11px */
	color: #555;
}
#search-results #main .text-data {
	border: none;
}


/* Paging */
.pager {
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}
.pager ul {
	clear: both;
	float: right;
}
.pager li {
	float: left;
	margin: 0 3px 0 0;
	list-style: none;
	text-align: center;
}
.pager li a,
.pager li strong,
.pager li span {
	display: block;
	padding: 3px 6px 3px 6px;
	font-weight: bold;
	color: #a8c221;
}
.pager li span {
	border: none;
	padding: 3px 1px;
}
.pager li a:hover,
.pager li a:active,
.pager li a:focus {
	color: #000;
	text-decoration: none;
}
.pager li strong { /* you are here */
	display: block;
	width: 23px;
	border: 1px solid #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px 0;
	text-align: center;
	color: #000;
	text-decoration: none;
}
.pager li.previous,
.pager li.next {
	display: block;
	width: 17px;
	height: 23px;
	background: url(../img/bgs/paging-arrows.png) 0 0 no-repeat;
}
.pager li.next {
	background: url(../img/bgs/paging-arrows.png) 0 -97px no-repeat;
}
.pager li.previous a,
.pager li.next a {
	display: block;
	height: 23px;
	font-size: 0;
	text-indent: -10000px;
	opacity: 0;
}
.pager li.next a {
	padding-left: 0;
	padding-right: 16px;
}
.pager li.previous a:hover,
.pager li.next a:hover {
	opacity: 1;
}




/* JOBOFFER
------------------------- */
#joboffer .compact {
	position: relative;
	clear: both;
	float: left;
	width: 420px;
	margin: 20px 0 30px 0;
	padding: 20px 20px 30px 20px;
	background: #ebf1f1;
	z-index: 1;
}
#joboffer .compact h2 {
	padding-bottom: 5px;
}
#joboffer .compact dl {
	margin: 10px 0 0 0;
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	padding: 0 0 10px 0;
	height: 1%; /* IE 6 */
	line-height: 1.5em;
}
#joboffer .compact dt {
	float: left;
	width: 175px;
	font-weight: bold;
}







/* EVENTS 
-------------------------- */
#main .event-list {
	overflow: hidden; /* ie 6 */
	position: relative;
}
#main .event-list h2 {
	padding-right: 160px;
}
#main .event-list ul {
	margin: 0 0 10px 0;
}
#main .event-list li {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
	padding: 10px 0 10px 0;
	list-style: none;
	font-size: 100%;
	width: 100%;
}
#main .event-list li:first-child {
	background: none;
}
.event-list li h3 {
	margin: 0 0 0 3.7em;
}
#main ul.event-data {
	margin: 5px 0 0 4.5em;
	clear: both;
	border: none;
	font-size: 130%;
}
#main .event-data li {
	display: block;
	background: none;
	border: none;
	margin: 0 10px 0 0;
	padding: 0;
	color: #555;
	font-weight: normal;
}
#main .event-data li.organizer {
	clear: both;
}
.event-list li a {
	padding: 0;
}
/* Kalenderblatt in main */
#main div.date {
	position: absolute; 
	top: 10px;
	left: 0;
	margin: 0 5px 0 0;
	background: #fff;
	width: 4.8em;
}
#event #main .vevent div.date {
	left: 20px;
	top: 20px;
}
#main .date .month {
	display: block;
	background: url(../img/bgs/cal-2.png) 100% 0 no-repeat;
	padding: 0 17px 0 0;
	color: #321821;
	text-align: center;
	font-weight: bold;
	font-size: 160%;
	line-height: 1em;
}
* html #main .date .month {
	padding: 0 8px 0 0;
}
#main .date .month span {
	display: block;
	background: url(../img/bgs/cal-2.png) 0 0 no-repeat;
	border: none;
	cursor: help;
	padding: 7px 0 0 9px;
}
#main .date .month span abbr {
	border: none;
	cursor: help;
}
#main .date .day {
	display: block;
	background: url(../img/bgs/cal-2.png) 100% 100% no-repeat;
	color: #321821;
	padding: 0 17px 0 0;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}
#main .date .day span {
	display: block;
	background: url(../img/bgs/cal-2.png) 0 100% no-repeat;
	margin: 0;
	padding: 1px 0 8px 12px;
}
#main .date .day span span{
	background: none;
}
#main .date .till,
#main .date .d-end {
	display: none;
}
#main .vevent .date .month,
#main .vevent .date span,
#main .vevent .date .day,
#main .vevent .date .day span {
	background-image: url(../img/bgs/cal.png);
}
/* Event-Pager */
.event-list #event-pager {
	position: absolute;
	top: 0;
	right: 0;
}
.event-list #event-pager li {
	float: left;
	width: auto;
	background: none;
	margin: 0 0 0 10px;
	padding: 5px 0;
}
.event-list #event-pager li a {
	font-size: 120%;
}
.event-list #event-pager li.prev a {
	background: url(../img/icons/cal-prev.png) 0 0 no-repeat;
	padding-left: 19px;
}
.event-list #event-pager li.next a {
	background: url(../img/icons/cal-next.png) 100% 0 no-repeat;
	padding-right: 19px;
}
/* events in sidebar */
#extras .event-list {
	overflow: hidden;
	border: none;
}
#extras .event-list h3 {
	font-size: 150%;
	border-top: 0;
	padding-left: 3.3em;
}
#extras .event-list ul {
	position: static;
	overflow: hidden;
	margin: -10px 0 15px 0;
	border: none;
	padding: 0;
}
#extras .event-list li {
	position: relative;
	overflow: hidden;
	float: left;
	height: 100px;
	margin: 0;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
	padding: 0 0 0 0;
	width: 100%;
	font-size: 100%;
}
#wrapper-3 > #extras .event-list li {
	min-height: 100px;
	height: auto;
}
#extras .event-list li:first-child {
	background: none;
}
#extras .event-list .event-data {
	border: none;
	margin: -3px 0 10px 0;
	padding: 0 0 0 5em;
}
#extras .event-list .event-data li {
	float: none;
	background: none;
	height: auto;
	min-height: 1px;
	margin: 0 10px 0 0;
	border: none;
	padding: 0;
	height: auto;
	width: auto;
	font-weight: normal;
	font-size: 130%;
}
#wrapper-3 > #extras .event-list li li {
	min-height: 0;
	height: auto;
}
#extras .event-list .event-data li.organizer {
	clear: both;
	width: 140px;
}
#extras .event-list li a {
	background: none;
	padding: 0;
}
/* Kalenderblatt in extras */
#extras div.date {
	position: absolute; 
	top: 10px;
	left: 0;
	margin: 0 5px 0 0;
	background: #fff;
	width: 3.8em;
}
#event #extras .vevent div.date {
	left: 20px;
	top: 20px;
}
#extras .date .month {
	display: block;
	background: url(../img/bgs/cal-extras.png) 100% 0 no-repeat;
	padding: 0 5px 0 0;
	color: #321821;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	line-height: 1em;
}
* html #extras .date .month {
	padding: 0 8px 0 0;
}
#extras .date .month span {
	display: block;
	background: url(../img/bgs/cal-extras.png) 0 0 no-repeat;
	border: none;
	cursor: help;
	padding: 7px 0 0 6px;
}
#extras .date .month span abbr {
	border: none;
	cursor: help;
}
#extras .date .day {
	display: block;
	background: url(../img/bgs/cal-extras.png) 100% 100% no-repeat;
	color: #321821;
	padding: 0 11px 0 0;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}
#extras .date .day span {
	display: block;
	background: url(../img/bgs/cal-extras.png) 0 100% no-repeat;
	margin: 0;
	padding: 1px 0 8px 7px;
}
#extras .date .day span span{
	background: none;
}
#extras .date .till,
#extras .date .d-end {
	display: none;
}
#extras .vevent .date .month,
#extras .vevent .date span,
#extras .vevent .date .day,
#extras .vevent .date .day span {
	background-image: url(../img/bgs/cal.png);
}
/* calender */
#extras #calendar {
	position: relative;
	background: #EBF1F1;
	border-bottom: 30px solid #fff;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}
#calendar h2 {
	float: left;
	border-top: 0;
	margin: 7px 0 6px 0;
	padding: 0;
}
#calendar table {
	width: 100%;
	line-height: 1.2em;
}
#calendar div.pager {
	clear: none;
	float: right;
	width: 50px;
	margin: 7px 0 0 0;
}
#calendar div.next {
	float: right;
}
#calendar div.pager a img {
	background: none;
	width: 14px;
	height: auto;
	margin: 0 0 0 5px;
}
#calendar table {
	clear: both;
	border-top: 1px solid #ccc;
	border-spacing: 0;
	empty-cells: show;
}
#calendar thead th {
	padding: 7px 0;	
}
#calendar thead th abbr {
	border: none;
}
#calendar tbody tr {
	background: url(../img/bgs/dotted-line.png) 100% 0 repeat-x;
}
#calendar tbody td {
	width: 25px;
	padding: 7px 0;
	text-align: center;
}
#calendar tbody td.on  {
	margin: 2px 0;
	font-weight: bold;
}
#calendar tbody td a {
	display: block;
}
#calendar tbody td.on {
	background: #7C8F18;
}
#calendar tbody td.on a {
	color: #fff;
}



/* Event Detail */
.vevent {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	margin: 20px 0 30px 0;
	padding: 20px 0 30px 0;
	background: #ebf1f1;
	z-index: 1;
}
#wrapper-2 .vevent h2 {
	margin: 0 0 5px 0;
	padding: 0 15px 0 99px;
	font-size: 190%;
}
.vevent li {
	list-style: none;
}
#main .vevent p {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 15px 0 99px;
	font-size: 130%;
}
#wrapper-2 .vevent dl {
	margin: 10px 20px 0 20px;
	border-bottom: 1px dotted #bcbcbc;
	padding: 0 0 8px 0;
	height: 1%; /* IE 6 */
	line-height: 1.5em;
}
#wrapper-2 .vevent dt {
	float: left;
	width: 80px;
	font-weight: bold;
}
#wrapper-2 .vevent dd a {
	color: #7C8F18;
}
.vevent dl span {
	display: none;
}






/* FORMS 
-------------------- */
.form-wrapper {
	clear: both;
	margin: 40px 0 0 0;
}
.form-wrapper fieldset {
	margin: 15px 0 30px 0;
	border: none;
	padding: 10px 10px 10px 10px;
	background: #eff4f4;
}
.form-wrapper fieldset h2 {
	margin: 0 0 18px 0;
}
.form-wrapper p.required {
	position: relative;
	margin: 0 16px -42px 0;
	text-align: right;
}
.form-wrapper p.required span,
.form-wrapper dfn {
	font-weight: bold;
}
.form-wrapper div {
	margin: 0 0 22px 0;
	padding: 0;
	clear: both;
	float: left;
	width: 440px;
	font-size: 130%;
}
.form-wrapper div div {
	width: auto;
	border-bottom: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.form-wrapper label {
	position: relative;
	display: block;
}
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
	display: block;
	background: #fff;
	width: 360px;
	margin: 3px 0 0 0;
	border: 1px solid #c3c3c3;
	padding: 4px 3px 5px 3px;
	font-size: 100%;
}
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper input.a11y-focus,
.form-wrapper textarea.a11y-focus {
	border: 1px solid #b5cf37;
	outline: 1px solid #b5cf37;
}
.form-item-hidden,
.form-wrapper input[type=hidden] {
   display: none;
}
.form-wrapper input[type=checkbox]:focus,
.form-wrapper input[type=radio]:focus,
.form-wrapper select:focus {
	outline: 2px solid #b5cf37;
}
.form-wrapper input.hidden {
	display: none;
}
.form-wrapper textarea {
	height: 150px;
	width: 360px;
	font-size: 100%;
	font-family: helvetica, arial, sans-serif;
}
.form-wrapper select {
	display: block;
	width: 310px;
	margin: 5px 0 0 0;
}
.form-wrapper div label span {
	display: block;
	margin: 0;
	padding: 0;	
	font-size: 100%;
}
.form-wrapper div span { /* additional text behind input */
	display: block;
	margin: 5px 0 0 0;
	font-size: 85%;
}
/* multiple labels */
.form-wrapper div.multiple-labels span {
	display: block;
	margin: 5px 0;
	color: #000;
	font-weight: normal;
	font-size: 100%;
}
.form-wrapper div.multiple-labels label span {
	font-weight: normal;
	clear: both;
	margin: 0 0 -5px 0;
	padding: 0 0 5px 0;
}
/* multiple inputs in one row */
.form-wrapper div label.s,
.form-wrapper div label.m,
.form-wrapper div label.l {
	float: left;
	clear: none;
}
.form-wrapper div label.l {
	width: 250px;
}
.form-wrapper div label.l input {
	width: 244px;
}
.form-wrapper div label.m {
	width: 175px;
	margin-right: 18px;
}
.form-wrapper div label.m input {
	width: 169px;
}
.form-wrapper div label.s {
	width: 100px;
	margin-right: 18px;
}
.form-wrapper div label.s input {
	width: 93px;
}
/* checkboxes & radiobuttons */
.form-wrapper h4 {
	margin: 0 0 8px 0;
	font-size: 100%;
	font-weight: normal; 
}
.form-wrapper fieldset fieldset {
	float: none; /* ie 6 */
	margin: 0;
	border: none;
	padding: 0;
	background: transparent;
}
.form-wrapper fieldset fieldset label {
	margin: 0 0 8px 0;
}
.form-wrapper fieldset fieldset label span {
	display: inline;
}
.form-wrapper fieldset fieldset input {
	width: auto;
	display: inline;
	background: transparent;
	border: none;
}
#main .form-wrapper fieldset fieldset legend {
	text-indent: -9999px;
	font-size: 0;
}
/* mod for short elements */
.form-wrapper fieldset fieldset.mod label {
	float: left;
	margin-right: 10px;
}
.form-wrapper fieldset fieldset.mod label {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
/* Submit */
.form-wrapper div.button-wrapper {
	position: relative;
	margin: 0;
	border: none;
	padding: 0;
}
.form-wrapper fieldset div.button-wrapper em {
	float: right;
	margin-top: -24px;
	font-size: 140%;
}
.new-search .button,  /* button outside button-wrapper */
.form-wrapper div.button-wrapper input { /* button */
	background: #b5cf37;
	border: none;
	border: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px 10px 4px 10px;
	right: auto;
	width: auto;
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
}
.new-search .button:hover, 
.new-search .button:active,
.new-search .button:focus,
.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
	background: #333;
	color: #fff;
}
.new-search div {
	width: 500px;
}
.new-search label {
	float: left;
	margin: 0 10px 0 0;
}
.new-search .button {
	margin: 3px 0 0 0;
}


/* fix for missing fieldset */
input#kontaktierenSieMich_0 {
	width: auto;
	float: left;
	background: none;
	border: 0;
	margin: 2px 10px 0 0;
}

/* link-Button */
a.button {
	background: #b90834 url(../img/bgs/submit.png) 0 0 repeat-x;
	min-width: 60px;
	width: auto;
	border: 1px solid #f19eb2;
	border-right: 1px solid #920728;
	border-bottom: 1px solid #920728;
	padding: 3px 20px 2px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
a.button span {
	position: absolute;
}
a.button:hover,
a.button:active,
a.button:focus {
	color: #fac4d1;
}


/* error messages */
.error {
	color: #CC0000;
	font-weight: bold;
}
#main .error h1 {
	background: url(../img/icons/sprites.png) 0 -1564px no-repeat;
	margin-bottom: 10px;
	padding: 5px 0 0 27px;
	font-size: 210%;
}
#main div.error {
	font-weight: bold;
}
#main div.error ul {
	list-style: none;
	margin: 0 0 0 35px;
}
#main div.error li {
	color: #ec1549;
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
}
#main div.error ul {
	list-style: none;
	margin: 0 0 20px 0;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
}
#main div.error li {
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	padding: 5px 0;
}
#main div.error li a {
	background: url(../img/icons/sprites.png) 2px -1648px no-repeat;
	display: block;
	padding: 0 3px 0 17px;
	color: #CC0000;
}
.form-wrapper div.error input,
.form-wrapper div.error textarea {
	border: 1px solid #CC0000;
}
form div.error label span {
	background: url(../img/icons/sprites.png) 2px -845px no-repeat; 
	padding-left: 23px;
}
form div.error label em {
	display: block;
	float: left;
	width: 22px;
	text-indent: -9999px;
}


/* success messages */
#main .success {
	margin: 10px 0;
}
#main .success h1 {
	background: url(../img/icons/sprites.png) 0 -1483px no-repeat;
	margin-bottom: 10px;
	padding: 5px 0 0 27px;
	color: #6B7C0E;
	font-size: 210%;
}



/* SITEMAP 
---------------- */
#sitemap .links h2 {
	border-bottom: 1px solid #c3c3c3;
	margin: 32px 0 10px 0;
	padding: 0 0 2px 0;	
	font-size: 170%;
}
#sitemap .links h2 a {
	display: block;
	height: 1%;
	padding: 0;	
	background: none;
	color: #333;
}
#sitemap .links h2 a:hover,
#sitemap .links h2 a:active,
#sitemap .links h2 a:focus {
	text-decoration: none;
	color: #6B7C0E;
}
#sitemap #main .links ul {
	background: none; 	
}
#sitemap #main .links li {
	float: left;
	width: 170px;
	margin: 0 25px 0 0;
	padding: 0 0 30px 0; 	
}
#sitemap #main .links li.first {
	clear: both;
}
#sitemap #main .links li a {
	background: url(../img/icons/sprites.png) 0 2px no-repeat;
	padding-left: 17px;
}
#sitemap .links li ul {
	float: left;
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x !important;
	margin: 6px 0 0 0;
	padding: 6px 0 0 0;
}
#sitemap #main .links li li {	
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
}
#sitemap #main .links li li a {	
	color: #333;
	font-weight: normal;
}
#sitemap #main .links li li ul {
	background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
	margin: 5px 0 -6px 0;
}
#sitemap #main .links li li li {
	width: 152px;
	margin: 0;	
	padding: 6px 0 6px 18px;
}




/* 
SPECIAL MODULES
==================== */
/* TAGCLOUD
---------------- */
.tagcloud {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}
#main .tagcloud ul {
	position: relative; /* ie 6 */
	margin: 0;
}
#main .tagcloud h3,
#wrapper-2 .tagcloud-wide h3 {
	margin: 0;
	border-top: 1px solid #DADADA;
	padding: 4px 0 5px 0;
	font-size: 250%;
	font-weight: bold;
}
.tagcloud li {
	display: inline;
	height: 22px;
	margin: 0 10px 0 0;
	list-style: none;
	vertical-align: middle;
}
.tagcloud li a {
	font-size: 100%;
	line-height: 1.2em;
}
.tagcloud li.level-2 a {
	font-size: 120%;
	font-weight: bold;
}
.tagcloud li.level-3 a {
	font-size: 140%;
	font-weight: bold;
}
.tagcloud li.level-4 a {
	font-size: 160%;
	font-weight: normal;
}
.tagcloud li.level-5 a {
	font-size: 180%;
	font-weight: normal;
}
.tagcloud li em {
	font-style: normal;
}
/* in sidebar */
#extras .tagcloud {
	margin-top: 0;
	margin-right: -3px; /* ie 6 */
}
#extras .tagcloud ul {
	border: none;
	margin: 0;
	padding: 5px 0 0 0;
}
#extras .tagcloud li {
	background: none;
	border: none;
	margin: 0 10px 5px 0;
	line-height: 1.6em;
}
#extras .tagcloud li a {
	display: inline;
	background: none;
	padding: 0;
}




/* FAQ 
--------------------- */
#main #faq-wrapper {
	float: left;
	width: 100%;
	margin: 20px 0 30px 0;
}
#main #faq-wrapper ul {
	margin-left: 0;
}
#main #faq-wrapper div {
	margin: 10px 0 5px 0;
}
#main #faq-wrapper h3 {
	margin: 0;
	font-weight: bold;
	font-size: 150%;
}
#main #faq-wrapper p, 
#main #faq-wrapper li li {
	font-size: 100%;
}
#main #faq-wrapper p {
	margin-bottom: 10px;
}
#main #faq-wrapper li {
	float: left;
	background: #fff url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	width: 100%;
	list-style-type: none;
	padding: 10px 0 8px 0;
	font-size: 100%;
}
#main #faq-wrapper li p {
	margin: 0 0 10px 0;
	font-size: 130%;
}
#main #faq-wrapper li h3 a {
	display: block;
	background: url(../img/icons/sprites.png) 0 0 no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}
#main #faq-wrapper li h3 a.on {
	background-position: 0 -296px;
}
#main #faq-wrapper li ul,
#main #faq-wrapper li ol {
	margin: 0 0 10px 25px;
}
#main #faq-wrapper li li {
	float: none;
	border: none;
	list-style-type: disc;
	padding: 0;
	font-size: 130%;
}
#main #faq-wrapper ol li {
	list-style-type: decimal;
}
#main #faq-wrapper .photo,
#main #faq-wrapper dt img {
	margin-bottom: 0;
}
#main #faq-wrapper dl {
	overflow: hidden;
}
#main #faq-wrapper dd {
	font-size: 120%;
	line-height: 1.3em;
}
#main #faq-wrapper dd.copyright {
	font-size: 120%;
}




/* GLOSSARY
--------------------- */
#glossary-index {
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px;
}
#glossary-index ul {
	margin: 10px 0 0 0;
}
#glossary-index li {
	list-style: none;
	float: left;
	margin: 0 5px 5px 0;
	font-size: 180%;
}
#glossary-index li a,
#glossary-index li span {
	display: block;
	border: 1px dotted #dadada;
	padding: 3px 10px;
	min-width: 12px;
	text-align: center;
	font-weight: normal;
}
#glossary-index li span {
	color: #555;	
}
#glossary-index li a:hover,
#glossary-index li a:active,
#glossary-index li a:focus {
	background: #b5cf37;
	color: #fff;
	text-decoration: none;
}
.glossary-box {
	float: left;
	width: 200px;
	height: 32em;
	margin: 0 17px 22px 0;
	border: 1px dotted #bcbcbc;
	padding: 10px;
}
#letter-c.glossary-box,
#letter-f.glossary-box,
#letter-i.glossary-box,
#letter-l.glossary-box,
#letter-o.glossary-box,
#letter-r.glossary-box,
#letter-u.glossary-box,
#letter-x.glossary-box {
	margin-right: 0;
}
#main .glossary-box li.all {
	background: none;
}
#main .glossary-box p.all a {
	display: none;
}
#main .glossary-box h2 {
	background: #ebf1f1;
	margin: 0 0 5px 0;
	padding: 3px 0 0 3px;
	font-size: 385%;
	color: #6a6c6c;
	line-height: 1;
	text-transform: uppercase;
}
#main .glossary-box ul {
	list-style: none;
	margin: 0;
}
#main .glossary-box ul li {
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	height: 1%; /* IE 6 */
	margin: 0;
	padding: 5px 0 5px 0;
	line-height: 1.2em;
	color: #707070;
}
html > body #main .glossary-box ul li {
	height: auto;
}
#main .glossary-box li a {
	background: none;
	display: block;
}
/* Glossary Details */
.glossary-details {
	height: auto;
	width: 678px;
	padding: 10px 10px 20px 10px;
}
#main .glossary-details h2 {
	display: block;
	float: none;
}
#main .glossary-details ul li {
	width: 48%;
	float: left;
	margin-right: 15px;
}
#main .glossary-details ul li.mod {
	float: right;
	margin-right: 0;
}




/* JAVASCRIPT MODULES IN MAIN 
----------------------------- */
/* Dom Tabs */
.text-box {
	overflow: hidden;
	float: left;
	clear: both; /* IE 6 */
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0;
}
#main .text-box h2 {
	margin: 0;
	border-top: 1px solid #dadada;
	padding: 4px 0 10px 0;
	color: #343730;
	font-size: 150%;
	font-weight: bold;
}
#main ol.text-box-toc {
	float: left;
	position: relative;	
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	height: auto;
	width: 450px; 
	height: 1%; /* IE 6 */
}
#main .text-box-toc li { /* dom tabs + one two three */
	float: left;
	background: url(../img/bgs/text-box-toc.png) 100% 50% no-repeat;
	display: inline; /* IE 6 */
	position: relative;
	list-style: none;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
	font-size: 150%;
}
#main .text-box-toc li:last-child {
	background: none;
}
.text-box-toc li a {
	color: #62720C;
	float: left;
	display: block;
	font-weight: bold;
	margin: 0 0 0 -1px;
	padding: 5px 0;
	cursor: pointer;
}
.text-box-toc li a.ui-disabled {
	cursor: default;
}
.text-box-toc li a.on,
.text-box-toc li.on a,
.text-box-toc li a:hover,
.text-box-toc li a.a11y-focus,
.text-box-toc li a:active,
.text-box-toc li a:focus {
	background: #ebf1f1;
	overflow: visible;
	text-decoration: none;
	color: #333;
}
.text-box-toc li span {
	display: block;
	padding: 1px 10px;
}
.text-box .text-box-section {
	float: left;
	background: #ebf1f1;
	width: 440px;
	margin: 0;
	padding: 20px 10px;
}
#main .text-box .text-box-section h2 {
	border: 0;
	font-size: 190%;
	font-weight: normal;
}
#main .text-box .text-box-section h2 em {
	display: block;
	color: #343730;
}
#main .text-box .text-box-section p {
	margin: 0;
}
#main .text-box .text-box-section p em.more {
	display: none;
}
#main .text-box .text-box-section h2 a em {
	font-style: normal;
}
.text-box img {
	float: left;
	width: 220px;
	height: 100px;
	margin: 4px 10px 5px 0;
	padding: 0 0 8px;
}
/* Dom Tabs in nav-col-float2 and nav-col-float2 */
.nav-col-float2 ol.text-box-toc,
.nav-col-float3 ol.text-box-toc,
.nav-col-float2 .text-box .text-box-section,
.nav-col-float3 .text-box .text-box-section {
	width: 690px;
}
/* teaser link list modified for tab */
#main .text-box .links { 
	clear: both;
	margin: 10px 0 0 0;
}
#main .text-box .links h3 {
	font-size: 130%;
	margin: 0 0pt 5px 0;
}
.col-float2 .text-box {
	width: 460px;
	float: left;
	clear: none;
}






/* Referenzen Filter */
#main .filter-group h2 {
	border-top: 1px solid #DADADA;
	color: #343730;
	font-size: 250%;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 10px;
}
/* Filter */
.filter-group .form-wrapper {
	margin: 0;
}
.filter-group .form-wrapper fieldset {
	background: none;
	margin: 0;
	padding: 0;
}
#main .filter-group .form-wrapper fieldset h3 {
	float: left;
	width: 212px;
	min-width: 200px;
	max-width: 250px;
	background: #ebf1f1;
	border-bottom: 30px solid #fff;
	margin: 4px 0 0 0;
	padding: 4px;
	color: #666;
	font-size: 150%;
}
html > body #main .filter-group .form-wrapper fieldset h3 {
	width: auto;	
}
.filter-group .form-wrapper fieldset div {
	float: right;
	clear: none;
	width: auto;
	margin: 0 0 30px
}
.filter-group .form-wrapper fieldset div.button-wrapper {
	float: right;
	width: auto;
	margin: -20px 0 30px 0;
}
.filter-group .form-wrapper fieldset div.button-wrapper input {
	background: #EBF1F1;
	color: #333;
	padding: 2px;
}
.filter-group .form-wrapper fieldset label {
	position: absolute;
	left: -9999em;
	overflow: hidden;
	width: 1px;
}
.filter-group .form-wrapper fieldset select {
	float: left;
	margin: 4px 0 0 5px;
	width: 220px;
	min-width: 200px;
	max-width: 250px;
	border: 2px solid #EBF1F1;
	font-weight: bold;
	font-size: 100%;
	color: #707070;
}
html > body .filter-group .form-wrapper fieldset select {
	width: auto;	
}
.filter-group .form-wrapper fieldset select:focus {
	outline: none;
}

/* Teaser */
.filter-wrapper,
.filter-box-wrapper {
	overflow: hidden;
	background: #fff;
	width: 100%;
}
.filter-group .filter-wrapper.loading {
	background: url(../img/bgs/loading.gif) no-repeat 45% 20px;
}
.filter-group .filter-box {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
	padding: 0 0 10px 0;
}
.filter-group .filter-box h3 {
	color: #6B7C0E;
}
.filter-group .mod h3 {
	float: left;
	width: 220px;
}
.filter-group .filter-box img {
	background: url(../img/bgs/img-shadow-promo.jpg) 0 100% no-repeat;
	float: left;
	width: 220px;
	height: auto;
	margin: 3px 20px 0 0;
	padding: 0 0 8px;
}
.filter-group .filter-box a:hover img,
.filter-group .filter-box a:active img,
.filter-group .filter-box a:focus img {
	background: url(../img/bgs/img-shadow-promo-h.jpg) 0 100% no-repeat;
}
.filter-group .filter-box p {
	margin: 0;
	padding-left: 240px;
}




/* Filter Nav Referenzen */
#filter-nav {
	position: relative;
	float: left;
	z-index: 999;
}
#filter-nav h3 {
	font-weight: normal;
	font-size: 130%;
}
#filter-nav ul {
	position: relative;
	float: left;
	margin: 0;
}
#filter-nav li {
	float: left;
	margin: 0 10px 0 0;
	list-style: none;
	font-size: 120%;
}
#filter-nav li.first {
	margin: 0;
}
#filter-nav li span {
	background: #f2f2f2 url(../img/icons/sprites.png) 126% -632px no-repeat;
	display: block;
	width: 131px;
	padding: 3px 3px 3px 6px;
	color: #6B7C0E;
	cursor: default;
	font-weight: bold;
	cursor: pointer;
}
#filter-nav li.ui-menu-visible span,
#filter-nav li.on span {
	background: #A8C221;
	background-image: none;
	color: #fff;
	text-decoration: none;
}
#filter-nav li .menu {	
	position: absolute;
	top: 22px;
	left: -99999em;
	z-index: 1000;
	background: url(../img/bgs/black-80.png) 0 0 repeat;
	width: 780px;
	margin-top: -1px;
	padding: 35px 0 30px 20px;
	z-index: 999;
}
.js-on #filter-nav li .menu {
	margin: 0;
}
#filter-nav div.open-menu,
.js-off #filter-nav li:hover div {
	display: block;
	left: 0;
}
#filter-nav .menu li {
	position: relative;
	width: 170px;
	margin: 0 10px 0px 0;
	background: transparent url(../img/icons/sprites.png) 0 -1891px no-repeat scroll;
	padding: 5px 5px 5px 10px;
	font-size: 100%;
}
#filter-nav .menu li.last {
	margin: 0;
}
#filter-nav .menu li.first {
	clear: both;
}
#filter-nav .menu li a {
	display: block;
	background: none !important;
	width: auto;
	padding: 0 0 3px 0;
	color: #B8D524 !important;
}
#filter-nav .menu li a:hover,
#filter-nav .menu li a:active,
#filter-nav .menu li a:focus {
	text-decoration: underline;
}
#filter-nav .menu li span {
	background: none;
	display: block;
	width: auto;
	cursor: auto;
	padding: 0 20px 20px 0;
	color: #dadada;
	font-weight: normal;
	line-height: 1.2em;
	cursor: default;
}
#filter-nav .menu li.on {
	background: #A8C221;
}
#filter-nav .menu li.on a,
#filter-nav .menu li.on span {
	color: #343730 !important;
}
#filter-nav .menu li.on a {
	display: block;
	padding: 0 0 3px 0;
	font-weight: bold;
}

#filter-nav .reset {
	position: absolute;
	top: 0;
	right: 10px;
	background: url(../img/icons/cal-prev.png) 100% 2px no-repeat;
	padding: 0 20px 0 0;
	font-size: 130%;
	font-weight: bold;
	color: #7C8F18;
}
/* preload invisible spinner */
.refernce-wrapper {
	background: url(../img/bgs/loading.gif) -999px -999px no-repeat;
}
/* show spinner */
.loading-references {
	background-position: 45% 80px;
}
.reference-title {
	background: #fff;
	outline: none;
}
.reference-box {
	background: #fff;
}





/* JAVASCRIPT MODULES IN #EXTRAS 
------------------------- */ 
/* dom tabs */
#extras .toc-box {
	overflow: hidden;
	width: 220px;
	border: none;
	float: left;
	clear: both; /* IE 6 */
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
}
#extras .toc-box h2 {
	margin: 0;
	padding: 5px 5px 0 5px;
}
#extras ol.toc-box-toc {
	width: 218px;
	overflow: hidden;
	padding: 10px 0 0 2px;
	list-style: none;
}
#extras .toc-box-toc li {
	float: left;
	border: none;
	margin: 0 2px 0 0;
}
#extras .toc-box-toc li a {
	background-image: none;
	float: left;
	display: block;
	padding: 0;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	text-decoration: none;
}
#extras .toc-box-toc li a.on,
#extras .toc-box-toc li a:hover,
#extras .toc-box-toc li a:active,
#extras .toc-box-toc li a:focus {
	background-image: none;
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
#extras .toc-box-toc li span {
	display: block;
	margin-right: 4px;
	padding: 5px 6px 5px 10px;
}
#extras .toc-box .toc-box-section {
	float: left;
	width: 204px;
	margin: 0;
	padding: 10px 8px;
}
#extras .toc-box .toc-box-section h3 {
	background: none;
	padding: 0 0 5px 0;
	color: #000;
}



/* CAROUSELS
----------------------------- */
/* ###   TW-SWITCHER ### */
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-switcher {
	position: relative;
	border: 0;
	float: left;
	clear: both;
	height: auto;
	width: 458px;
	margin: 0 0 40px 0;
	padding: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher h3 { 
	margin: 0;
	border-top: 1px solid #dadada;
	padding: 4px 0 16px 0;
	color: #343730;
	font-size: 150%;
	font-weight: bold;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .pager {
	display: none;
	width: auto;
	margin: 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .pager {
	display: block;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev {
	background: url(../img/bgs/tw-switcher-paging.png) 100% -230px no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 19px;
	height: 150px;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev {
	left: 0;
	right: auto;
	background-position: 0 0;
	border-left: none;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next a,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev a {
	display: none;
	background: #ebf1f1 url(../img/bgs/tw-switcher-paging.png) 0 -460px no-repeat;
	width: 19px;
	height: 150px;
	text-indent: -9999px;
}  
#wrapper-2 #wrapper-3 #main div.tw-switcher .next a {
	background-position: 0 -690px;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next a.show,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev a.show {
	display: block;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev a.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev a.show:focus,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev a.show:active {
	background: #B5CF37 url(../img/bgs/tw-switcher-paging.png) 0 -920px no-repeat;
	outline: none;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next a.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-switcher .next a.show:focus,
#wrapper-2 #wrapper-3 #main div.tw-switcher .next a.show:active {
	background: #B5CF37 url(../img/bgs/tw-switcher-paging.png) 0 -1150px no-repeat;
	outline: none;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 410px;
	margin: 0;
	padding-left: 0;
} 
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	overflow: hidden;
	height: 150px;
	margin-left: 30px;
	padding-left: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
	overflow: hidden;
	float: left;
	width: 300px;
	background: url(../img/bgs/dotted-line2.png) 0 0 repeat-y;
	margin: 4px 0 6px 10px;
	padding: 0 0 0 10px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
	width: 458px;
	height: 13.7em;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser:first-child {
	border: 0;
	background: none;
	margin-left: 0;
	padding-left: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser h2 {
	float: right;
	width: 100%;
	margin: 2px 0 8px 0;
	font-size: 170%;
	font-weight: bold;
}   
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser h2 {
	width: 223px;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .mod h2 {
	width: 100% !important;
}     
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser img {
	display: block;
	float: left;	
	background: url(../img/bgs/img-shadow-promo.jpg) 0 100% no-repeat;
	width: 220px;
	height: 124px;
	margin: 4px 15px 0 0;
	padding: 0 0 8px 0;
	border: none;
}  
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser a:hover img,
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser a:active img,
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser a:focus img {	
	background: url(../img/bgs/img-shadow-promo-h.jpg) 0 100% no-repeat;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser p {
	clear: both;
} 
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser p {
	clear: none;
}   
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser em.more {
	display: none;
}
/* Inside #main -> Diffenrent Layout Types */
.nav-col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher,
.nav-col-float3 #wrapper-2 #wrapper-3 #main div.tw-switcher {
	width: 700px;
}
.nav-col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher .rack,
.nav-col-float3 #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 640px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher {
	width: 590px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 530px;
}




/* ###   TW-PAGING ### */
/* Inside #Stage */
#stage div.tw-paging {
	position: relative;
	background: url(../img/bgs/img-shadow-stage.jpg) 0 100% no-repeat;
	overflow: hidden;
	float: left; /* ie 6 */
	clear: both;
	height: auto;
	width: 940px;
	margin: 0;
	padding: 0;
}
#stage div.tw-paging h3 { 
	border: 0;
	padding: 5px 10px; 
	color: #fff;
	font-size: 200%;
} 
#stage div.tw-paging .rack {
	float: left;
	width: 940px;
	margin: 0;
	padding: 0;
} 
.js-on #stage div.tw-paging .rack {
	display: inline;
	position: relative; /* IE */
	height: 298px;
}
.js-on #stage div.tw-paging .rack-design {
	height: 298px;
	overflow: hidden;
}
#stage div.tw-paging .rack-teaser {
	overflow: hidden;
	position: relative;
	width: 940px;
	height: 298px;
	border: none;
	margin: 0;
	padding: 0 0 20px 0;
}
.js-on #stage div.tw-paging .rack-teaser {
	padding: 0;
}
#stage div.tw-paging .rack-teaser h2 {
	float: right;
	position: relative;
	background: #ebf1f1;
	height: 296px;
	width: 270px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 190%;
}
#stage div.tw-paging .rack-teaser h2 a {
	position: absolute;
	left: 10px;
	top: 90px;
	z-index: 1;
	display: block;
	height: auto;
	width: 250px;
	background: none;
	padding: 0;
	color: #7C8F18;
	vertical-align: bottom;
	line-height: 110%;
	text-align: left;
	letter-spacing: 0;
}
#stage div.tw-paging .rack-teaser h2 a.active {
	text-decoration: underline;
}
#stage div.tw-paging .rack-teaser h2 a:hover,
#stage div.tw-paging .rack-teaser h2 a:focus,
#stage div.tw-paging .rack-teaser h2 a:active {
	background: none;
}  
#stage div.tw-paging .rack-teaser h2 a em {
	margin-bottom: 10px;
	color: #343730;
	font-size: 69%;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}
#stage div.tw-paging .rack-teaser h2 span {
	position: absolute;
	top: 180px;
	left: 10px;
	display: block;
	padding: 0 10px 0 0;
	font-size: 69%;
	font-weight: normal;
	line-height: 1.3em;
}
#stage div.tw-paging .rack-teaser img {
	display: inline;
	width: 680px;
	height: 296px;
	margin-right: -10px;
}  
#stage div.tw-paging .rack-teaser p {
	display: none;
}
#stage div.tw-paging .mod p {
	width: 100%; 
}
#stage div.tw-paging .rack-teaser em {
	display: block;
	margin-top: 5px;
	font-style: normal;
}
#stage div.tw-paging .rack-teaser em a {
	padding-left: 17px;
}
#stage div.tw-paging .pagination {
	position: absolute;
	z-index: 100;
	top: 15px;
	right: 10px;
	height: 30px;
}
#stage div.tw-paging .pagination ul {
	float: none;
}
#stage div.tw-paging .pagination li {
	float: left;
	list-style-type: none;
	padding: 0 0 5px 0;
}
#stage div.tw-paging .pagination li a {
	display: block;
	float: left;
	width: 30px;
	margin-right: 5px;
	padding: 1px 0;
	color: #707070;
	text-align: center;
	font-size: 130%; 
	font-weight: bold;
	cursor: pointer;
}
#stage div.tw-paging .pagination li a.ui-disabled {
	cursor: default;
}
#stage div.tw-paging .pagination li.on {
	background: url(../img/bgs/tw-paging-arrow.png) 45% 100% no-repeat !important;
}  
#stage div.tw-paging .pagination li a:hover,
#stage div.tw-paging .pagination li a:active,
#stage div.tw-paging .pagination li a:focus,
#stage div.tw-paging .pagination li a.a11y-focus,
#stage div.tw-paging .pagination li.on a {
	background: #a8c221;
	color: #fff;
	text-decoration: none;
}

#stage video {
	display: block;
	width: 412px;
	height: 262px;
}
.video-wrapper {
	position: relative;
	overflow: hidden;
	height: 296px;
	background: #EBF1F1;
}
.video-box {
	position: absolute;
}
#stage div.video-box img.video-bg {
	position: absolute;
	display: none;
	float: none;
	margin: 0;
	top: -50px;
	left: 35px;
	width: 590px;
	height: auto;
	
	
	-moz-transition-property: top, left, width;
    -moz-transition-duration: 1s;
	-o-transition-property: top, left, width;
    -o-transition-duration: 1s;
	-webkit-transition-property: top, left, width;
    -webkit-transition-duration: 1s;
	
	transition-property: top, left, width;
    transition-duration: 1s;
	
	
}
.modern-browser-js #stage div.video-box img.video-bg {
	display: block;
}
#stage div.video-box.video-box-play img.video-bg {
	top: -35px;
	left: 10px;
	width: 640px;
}
.video-box-box {
	position: relative;
	width: 376px;
	height: 240px;
	top: 5px;
	left: 137px;
	
	-moz-transition-property: top, left, width, height;
    -moz-transition-duration: 1s;
	-o-transition-property: top, left, width, height;
    -o-transition-duration: 1s;
	-webkit-transition-property: top, left, width, height;
    -webkit-transition-duration: 1s;
	
	transition-property: top, left, width, height;
    transition-duration: 1s;
}

div.video-box.video-box-play .video-box-box {
	top: 25px;
	left: 120px;
	width: 415px;
	height: 263px;
}
#stage .video-box-box img,
#stage .video-box-box video,
#stage .mm-video-box {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
#stage div.video-box a.state-button {
	position: absolute;
	overflow: hidden;
	top: 10px;
	left: 115px;
	width: 425px;
	height: 275px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;
	background: url(../img/bgs/player-buttons.png) 180px 75px no-repeat;
}
#stage div.video-box a.a11y-focus-key.state-button {
	outline: 3px solid #a8c221;
}
#stage div.video-box.play-requested a.state-button {
	background-position: -500px -500px; 
}
#stage div.video-box.waiting a.state-button {
	background: url(../img/bgs/loading-video.gif) 210px 115px no-repeat;
}
#stage .media-controls {
	display: none;
	position: absolute;
	left: 121px;
	bottom: -21px;
	width: 351px;
	padding: 0 28px;
	height: 30px;
	background: #000 url(../img/bgs/player-bar.png) 0 0 no-repeat;
	z-index: 10;
}
html > body #stage .media-controls {
	background-color: transparent;
}
#stage .aperto-playing .media-controls {
	display: block;
}
#stage .media-controls a {
	position: absolute;
	top: 4px;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999em;
	cursor: pointer;
}
.timeline-slider {
	position: absolute;
	top: 10px;
	margin: 0 0 0 3px;
	width: 345px;
	height: 10px;
	background: #fff;
}
html > body .timeline-slider {
	background: url(../img/bgs/slider-bg.png);
}
.timeline-slider .ui-slider-range {
	height: 100%;
	background: #a8c221;
	position: relative;
}
.progressbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-progressbar-value {
	position: relative;
	height: 100%;
	background: #d0d6d9;
}
#stage .media-controls a span.button-text {
	position: absolute;
	left: -99999em;
	text-indent: -9999em;
}
#stage .media-controls a.play-pause {
	left: 6px;
}
#stage .media-controls a.mute-unmute {
	right: 4px;
}
#stage .media-controls a span.ui-icon {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/bgs/player-controls.png) 3px 4px no-repeat;
}
#stage .media-controls a span.ui-icon-play {
background-position: 4px -46px;
}
#stage .media-controls a:hover span.ui-icon-play,
#stage .media-controls a.a11y-focus-key span.ui-icon-play {
	background-position: -26px -46px;
}
#stage .media-controls a span.ui-icon-pause {
	background-position: 3px 4px;
}
#stage .media-controls a:hover span.ui-icon-pause,
#stage .media-controls a.a11y-focus-key span.ui-icon-pause  {
	background-position: -27px 4px;
}


#stage .media-controls a span.ui-icon-volume-on {
	background-position: 3px -97px;
}
#stage .media-controls a:hover span.ui-icon-volume-on,
#stage .media-controls a.a11y-focus-key span.ui-icon-volume-on  {
	background-position: -27px -97px;
}
#stage .media-controls a span.ui-icon-volume-off{
	background-position: 3px -147px;
}
#stage .media-controls a:hover span.ui-icon-volume-off,
#stage .media-controls a.a11y-focus-key span.ui-icon-volume-off {
	background-position: -27px -147px;
}
#stage div.video-box a.state-button * {
	display: inline !important;
}
/* ###   TW-IMAGES ### */
/* caroussel in main */
#main div.tw-images {
	position: relative;
	border: 0;
	float: left;
	clear: both;
	height: auto;
	width: 458px;
	margin: 5px 0 20px 0;
	padding: 0;
}
#main div.tw-images h3 { 
	margin: 0;
	border-top: 1px solid #dadada;
	padding: 4px 0 16px 0;
	color: #343730;
	font-size: 150%;
	font-weight: bold;
}
#main div.tw-images .pager {
	display: none;
	width: auto;
	margin: 0;
}
.js-on #main div.tw-images .pager {
	display: block;
}
#main div.tw-images .next,
#main div.tw-images .prev {
	background: url(../img/bgs/tw-switcher-paging.png) 100% -230px no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 19px;
	height: 150px;
}
#main div.tw-images .prev {
	left: 0;
	right: auto;
	background-position: 0 0;
	border-left: none;
}
#main div.tw-images .next a,
#main div.tw-images .prev a {
	display: none;
	background: url(../img/bgs/tw-switcher-paging.png) 0 -460px no-repeat;
	width: 19px;
	height: 150px;
	text-indent: -9999px;
}  
#main div.tw-images .next a {
	background-position: 0 -690px;
}
#main div.tw-images .next a.show,
#main div.tw-images .prev a.show {
	display: block;
}
#main div.tw-images .prev a.show:hover,
#main div.tw-images .prev a.show:focus,
#main div.tw-images .prev a.show:active {
	background: url(../img/bgs/tw-switcher-paging.png) 0 -920px no-repeat;
	outline: none;
}
#main div.tw-images .next a.show:hover,
#main div.tw-images .next a.show:focus,
#main div.tw-images .next a.show:active {
	background: url(../img/bgs/tw-switcher-paging.png) 0 -1150px no-repeat;
	outline: none;
}
#main div.tw-images .rack {
	width: 410px;
	margin: 0;
	padding-left: 0;
} 
.js-on #main div.tw-images .rack {
	overflow: hidden;
	height: 146px;
	margin-left: 30px;
	padding-left: 0;
}
#main div.tw-images .rack-teaser {
	overflow: hidden;
	float: left;
	width: 160px;
	height: 137px;
	background: url(../img/bgs/dotted-line2.png) 0 0 repeat-y;
	margin: 6px 0 6px 10px;
	padding: 0 0 0 10px;
}
.js-on #main div.tw-images .rack-teaser:first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}
.js-on #main div.tw-images .rack-teaser {
	width: 160px;
} 
#main div.tw-images .rack-teaser h2 {
	float: right;
	width: 223px;
	margin: 2px 0 8px 0;
	font-size: 170%;
	font-weight: bold;
}   
#main div.tw-images .mod h2 {
	width: 100% !important;
}     
#main div.tw-images .rack-teaser img {
	display: block;
	width: 160px;
	height: 120px;
	margin: 4px 15px 0 0;
	padding: 0;
	border: none;
}  
div.tw-images .rack-teaser > a {
	display: block;
} 
div.tw-images .rack-teaser > a.a11y-focus-key {
	outline: 2px solid #7c8f18;
	outline-offset: -2px;
}
#main div.tw-images .rack-teaser em.more {
	display: none;
}
#main div.tw-images .rack-teaser dl.photo {
	margin: 0;
	width: 160px;
} 
#main div.tw-images .rack-teaser dd.caption,
#main div.tw-images .rack-teaser dd.zoom {
	display: none;
}  
/* Inside #main -> Diffenrent Layout Types */
.nav-col-float2 #main div.tw-images,
.nav-col-float3 #main div.tw-images {
	width: 700px;
}
.nav-col-float2 #main div.tw-images .rack,
.nav-col-float3 #main div.tw-images .rack {
	width: 640px;
}
.col-subcol #main div.tw-images {
	width: 590px;
}
.col-subcol #main div.tw-images .rack {
	width: 530px;
}




/* ###   Showbox-IMAGES ### */
/* caroussel in the showbox */
.showbox .teaser-wrapper {
	position: relative;
	border: 0;
	clear: both;
	height: 147px;
	margin: 25px 0 0px 0;
	padding: 0;
	overflow: hidden;
}
.showbox .teaser-wrapper h3 { 
	margin: 0;
	border-top: 1px solid #dadada;
	padding: 4px 0 16px 0;
	color: #343730;
	font-size: 250%;
	font-weight: bold;
}
.showbox .teaser-wrapper .pager {
	display: none;
	width: auto;
	margin: 0;
}
.js-on .showbox .teaser-wrapper .pager {
	display: block;
}
.showbox .teaser-wrapper .next,
.showbox .teaser-wrapper .prev {
/*	background: url(../img/bgs/tw-switcher-paging.png) 100% -215px no-repeat;*/
	background: #ebf1f1 url(../img/bgs/tw-switcher-paging.png) no-repeat scroll 100% -230px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 19px;
	height: 150px;
}
.showbox .teaser-wrapper .prev {
	left: 0;
	right: auto;
	background-position: 0 0;
	border-left: none;
}
.showbox .teaser-wrapper .next a,
.showbox .teaser-wrapper .prev a {
	display: none;
	background: #ebf1f1 url(../img/bgs/tw-switcher-paging.png) 0 -460px no-repeat;
	width: 19px;
	height: 150px;
	text-indent: -9999px;
}  
.showbox .teaser-wrapper .next a {
	background-position: 0 -690px;
}
.showbox .teaser-wrapper .next a.show,
.showbox .teaser-wrapper .prev a.show {
	display: block;
}
.showbox .teaser-wrapper .prev a.show:hover,
.showbox .teaser-wrapper .prev a.show:focus,
.showbox .teaser-wrapper .prev a.show:active {
	background: #B5CF37 url(../img/bgs/tw-switcher-paging.png) 0 -920px no-repeat;
	outline: none;
}
.showbox .teaser-wrapper .next a.show:hover,
.showbox .teaser-wrapper .next a.show:focus,
.showbox .teaser-wrapper .next a.show:active {
	background: #B5CF37 url(../img/bgs/tw-switcher-paging.png) 0 -1150px no-repeat;
	outline: none;
}
.showbox .teaser-wrapper .rack {
	margin: 0;
	padding-left: 0;
} 
.js-on .showbox .teaser-wrapper .rack {
	overflow: hidden;
	height: 147px;
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 0;
}
.showbox .teaser-wrapper .rack-teaser {
	overflow: hidden;
	float: left;
	width: 160px;
	height: 137px;
	background: url(../img/bgs/dotted-line2.png) 0 0 repeat-y;
	margin: 4px 0 6px 10px;
	padding: 0 0 0 10px;
}
.showbox .teaser-wrapper .rack-teaser:first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}  
.showbox .teaser-wrapper .rack-teaser a {
	display: block;
	overflow: hidden;
}
.showbox .teaser-wrapper .rack-teaser img {
	display: block;
	float: left;	
	background: url(../img/bgs/img-shadow-showbox.jpg) 0 100% no-repeat;
	width: 160px;
	height: 120px;
	margin: 4px 15px 0 0;
	padding: 0 0 8px 0;
	border: none;
}  
.showbox .teaser-wrapper .rack-teaser a:hover img,
.showbox .teaser-wrapper .rack-teaser a:active img,
.showbox .teaser-wrapper .rack-teaser a:focus img,
.showbox .teaser-wrapper .rack-teaser a.active img {	
	background: url(../img/bgs/img-shadow-showbox-h.jpg) 0 100% no-repeat;
}  
.showbox .teaser-wrapper .rack-teaser em.more {
	display: none;
}






/* Finger-Tabs - superpromo */
div.superpromos {
	clear: both;
	overflow: hidden;
	position: relative;
	width: 260px;
	margin: 20px 0 32px 0;
	padding: 5px 230px 5px 5px; 
	background: #ebf1f1;	
	height: auto;
	height: 38em;	
}
.nav-col div.superpromos,
.nav-col-float2 div.superpromos,
.nav-col-float3 div.superpromos {
	width: 475px; /* plus 230px + 10px padding nav */
}
/* tabs */
ol.superpromos-toc {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 231px;
	margin: 10px 0 0 0;
	padding: 0;
}
#wrapper ol.superpromos-toc li {
	float: none;
	font-size: 100%;
	list-style: none;
}
ol.superpromos-toc a {
	display: block;
	height: 1%;
	margin: 0;
	padding: 4px 10px 4px 20px;
	font-size: 150%;
	font-weight: bold;
	color: #6a6c6c;
}
ol.superpromos-toc a.on,
ol.superpromos-toc a:hover,
ol.superpromos-toc a:active,
ol.superpromos-toc a:focus {
	background: url(../img/bgs/superpromo-arrow.png) 0 0 no-repeat;
	color: #414632;
	text-decoration: none;
}
div.superpromos .superpromo-section {
	margin: 0;
	padding: 10px;
	background: #fff;
	width: 465px;
	height: 36em;
}    
div.superpromos .superpromo-section h2 {
	margin: 5px 0 16px 0;
	padding: 0;
}    
div.superpromos .superpromo-section img {
	display: block;
	background: url(../img/bgs/img-shadow-opener.jpg) 0 100% no-repeat;
	border: none;
	margin: 0 0 12px 0;
	padding: 0 0 8px 0;
	width: 460px;
	height: 259px;
}
div.superpromos .superpromo-section a:hover img,
div.superpromos .superpromo-section a:active img,
div.superpromos .superpromo-section a:focus img {
	background: url(../img/bgs/img-shadow-opener-h.jpg) 0 100% no-repeat;
}
.nav-col div.superpromos .superpromo-section img {
	width: 485px;
	height: 200px;
}
div.superpromos .superpromo-section p {
	margin: 0;
}
div.superpromos .superpromo-section p.more a {
	font-weight: bold;
} 
div.superpromos .superpromo-section p.more a:hover,
div.superpromos .superpromo-section p.more a:active,
div.superpromos .superpromo-section p.more a:focus {
	color: #000;
}






/* HCM
----------------------------- */
.hcm #logo a img {
	display: block;
}
.hcm #logo strong,
.hcm #logo span {
	display: none;
}
.hcm a:link,
.hcm a:visited {
	text-decoration: underline !important;
}
.hcm a:hover,
.hcm a:active,
.hcm a:focus,
.hcm a:hover:visited,
.hcm a:active:visited,
.hcm a:focus:visited {
	text-decoration: none !important;
}
.hcm #search-box .button {
	position: static;
	width: auto;
	margin: 3px 0 0 3px;
	text-indent: 0;
	font-size: 130%;
}
.hcm #stage div.tw-paging .pagination li a {
	border: 1px solid #fff;
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-switcher .next,
.hcm #wrapper-2 #wrapper-3 #main div.tw-switcher .prev {
	width: auto;
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-switcher .next a,
.hcm #wrapper-2 #wrapper-3 #main div.tw-switcher .prev a {
	width: auto;
	height: auto;
	text-indent: 0;
	font-size: 140%;
	font-weight: bold;
}
/* Pager */
.hcm .pager li.previous,
.hcm .pager li.next {
	width: auto;
}
.hcm .pager li.previous a,
.hcm .pager li.next a {
	font-size: 100%;
	text-indent: 0;
	opacity: 1;
}
/* Images-Carousel */
.hcm #main div.tw-images .next,
.hcm #main div.tw-images .prev,
.hcm .showbox .teaser-wrapper .next,
.hcm .showbox .teaser-wrapper .prev {
	position: relative;
	height: auto;
	width: auto;
	float: left;
} 
.hcm #main div.tw-images .next,
.hcm .showbox .teaser-wrapper .next{
	float: right;
}
.hcm #main div.tw-images .next a.show,
.hcm #main div.tw-images .prev a.show,
.hcm .showbox .teaser-wrapper .next a.show,
.hcm .showbox .teaser-wrapper .prev a.show {
	display: block;
	width: auto;
	height: auto;
	text-indent: 0;
	font-size: 120%;
}  
/* Lightbox */
.hcm .showbox .close-button {
	height: auto;
	width: auto;	
	padding: 0 15px 0 0;
	text-indent: 0;
	font-size: 130%;
}
.hcm .showbox .teaser-wrapper .rack-teaser .a11y-focus img {
	outline: 3px solid #000;
}
.hcm .showbox .controls a {
	font-size: 220%;
	text-indent: 0;
	width: auto;
}
.hcm .showbox .controls a.prev {
	left: -120px;
}
.hcm .showbox .controls a.next {
	right: -120px;
}
/* Referenzen */
.hcm #filter-nav li .menu {
	background-color: #fff;
	background-image: none;
}

#browserupdate {
	display: none;
	overflow: hidden;
	height: 1%;
	border-top: 1px solid #dadada;
	padding: 10px 25px 10px;
	background: #EFF3F3;
	font-size: 120%;
}
.browsernotice {
	float: left;
	margin: 1em 0 0;
	width: 450px;
	font-size: 108.3333%; /* 13px */
}
.browsernotice a {
	background: none;
	padding: 0;
}
.browser-downloads {
	float: right;
	max-width: 400px;
}
#browserupdate span.browser-icon {
	padding: 1px 0 1px 20px;
	background: url(../img/bgs/browser.png) 0 0 no-repeat;
}
#browserupdate span.mozilla {
	background-position: 0 -200px;
}
#browserupdate span.opera {
	background-position: 0 -400px;
}
#browserupdate span.safari {
	background-position: 0 -600px;
}
#browserupdate h4 {
	margin: 0 0 10px;
	font-size: 100%;
}
.browser-downloads li {
	margin: 0 3px;
	float: left;
	list-style: none;
}
.browser-downloads a {
	display: block;
	padding: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999em;
	background: url(../img/bgs/browser.png) 0 -100px no-repeat;
}
.browser-downloads a,
.browser-downloads a:hover,
.browser-downloads a:focus,
.browser-downloads a:active {
	border: none;
}
.browser-downloads a.mozilla {
	background-position: 0 -300px;
}
.browser-downloads a.opera {
	background-position: 0 -500px;
}
.browser-downloads a.safari {
	background-position: 0 -700px;
}