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

*/


#stage {
	position: relative;
	background: #fff; 
	margin: 0;
	width: 900px;
	float: left;
}


/* 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;
}  


  #stage a img                  



/* 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;
}


/* ###   TW-PAGING ### */
/* Inside #Stage */
#stage div.tw-paging {
	position: relative;
	overflow: hidden;
	float: left; /* ie 6 */
	clear: both;
	height: auto;
	width: 900px;
	margin: 0;
	padding: 0;
}
#stage div.tw-paging h3 { 
	border: 0;
	padding: 5px 10px; 
	color: #fff;
	
} 
#stage div.tw-paging .rack {
	float: left;
	width: 900px;
	margin: 0;
	padding: 0;
} 
.js-on #stage div.tw-paging .rack {
	display: inline;
	position: relative; /* IE */
	height: 300px;
}
.js-on #stage div.tw-paging .rack-design {
	height: 300px;
	overflow: hidden;
}
#stage div.tw-paging .rack-teaser {
	overflow: hidden;
	position: relative;
	width: 900px;
	height: 300px;
	border: none;
	margin: 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;

}  
#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;
	bottom: 10px;
	right: 40px;
	height: 30px;
}

#stage div.tw-paging .linkformore{
	position: absolute;
	z-index: 100;
	top: 80px;
	left: 440px;
	height: 180px;
	width:404px;
	
	}

.linkformore img{diplay:block; float:none !important;}

.findmore{ width:173px; height:37px; overflow: hidden; clear:all; display:block; margin-top:10px;}


.findmore a img{float:none!important; display:block !important;}
.findmore a{display:block !important;}
.findmore a:hover img{margin-top:-37px;}


#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: #FFF;
	text-align: center;
	font-size: 90%; 
	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: #E22128;
	color: #fff;
	text-decoration: none;
}



/* ###   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;
}