/*
Description: fix 1024
Website: Auslands CMS
*/

* {
    margin: 0;
    padding: 0;
}

body { /* font: default 16px to 10px */
	position: relative;
	font: 62.5% verdana, tahoma, arial, helvetica, sans-serif;
}

img {
    border: 0;
}
del {
    text-decoration: none;
}
input {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
}

.print-logo {
	display: none;
}
/* LINKS
-----------------------------------*/
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a:focus,
a:active {
	text-decoration: underline !important;
}

li.mehr {
    display: block;
    margin: 0 0;
    padding: 0 0 0 18px;
    text-decoration: none;
	background-position: 0 3px;
	background-repeat: no-repeat;
}
#main .teaser p.mehr a {
    padding: 0 0 0 18px;
	background-position: 0 4px;
	background-repeat: no-repeat;
}
#main a.mehr {
	display: inline;
}
a.internal {
    display: block;
    padding: 0 0 0 18px;
	background-position: 0 4px;
	background-repeat: no-repeat;
}
a.external {
    display: block;
    padding: 0 0 0 18px;
	background-position: 0 4px;
	background-repeat: no-repeat;
}
p a.external {
	background-position: 0 5px;
}
p a.download,
p a.internal {
	background-position: 0 4px;

}
a.download {
    display: block;
    padding: 0 0 0 18px;
	 background-position: 0 0;
	background-repeat: no-repeat;
}
a.send {
    display: block;
    padding: 0 0 0 18px;
	background-position: 0 3px;
	background-repeat: no-repeat;
}
a#print {
    display: block;
    padding: 0 0 0 18px;
	font-weight: bold;
	background-position: 0 3px;
	background-repeat: no-repeat;
}
a.rss  {
    display: block;
    padding: 2px 0 2px 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.podcast,
a.videocast,
a.podcast_itunes,
a.videocast_itunes{
    display: block;
    padding: 2px 0 2px 20px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}
/* hidden */
.aural,
#nav-box h2,
#extras h2,
#search-box label,
#search-box legend,
#search-box h2 {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
}
.skip {
	display: inline;
	padding: 0;
	margin: 0;
	z-index: 1000;
	width: 1px;
    height: 1px;
}
.skip li {
	display: inline;
}
.skip a {
	position: absolute;
	z-index: 2;
	width: 10em;
	overflow: hidden;
	top: -100px;
	/*left: -1000px;*/
}
.skip a:focus,
.skip a:active {
	position: absolute;
	padding: 3px;
	z-index: 99;
	width: 18em;
	top: 0;
	left: 10px;
	margin-left: 4px;
	text-decoration: underline;
	color: #000;
	background: #eee;
	font-size: 110%;
}
.copyright,
a.send {
	display: none;
}
#extras p.aural {
    padding:0;
    margin: 0;
}
/* clear */
#nav-meta:after,
#logo:after,
.teaser:after,
#extras .teaser:after,
#footer ul:after,
#footer:after,
.special-teaser-small:after,
.special-teaser:after,
dl.photo:after,
dl.landscape:after,
.pagenav:after,
#gallery ul:after,
.section:after,
#breadcrumb ul:after,
#home-mod #content .teaser-box:after,
#head .section:after,
.forms .form-buttons:after,
.forms .form-row:after,
#stage:after {
    content: " ";
    display: block;
    clear: both;
}
input.button {
    width: auto;
    height: auto;
    margin: 0;
    font-weight: bold;
    padding: 1px 15px 1px 15px;
    float: left;
}
/* LAYOUT - RASTER
------------------------------ */
#home-mod #wrapper-outer,
.modification #wrapper-outer {
    width: 1077px;
    margin: 0 auto;
}
#wrapper {
    position: relative;
    margin: 0;
    padding: 0 0 40px 10px;
    width: 100em;
    background: #fff; /* bitte hier stehen lassen, der Hintergrund lädt ansonsten zu spät */
    border-style: solid;
    border-top-width: 1px;
	border-right-width: 1px;
}
* html #wrapper {
	width: 100em;
}
html>/**/body #wrapper {
	width: 99em;
}
#content {
   margin-left: 21em;   /* nav width */
   margin-right: 50px;   /* marginal width + 20px */
   height:1%;
   background-color: #fff;    /* bitte hier stehen lassen, der Hintergrund lädt ansonsten zu spät */
}
.altgrid #content {
    margin-right: 0;
}
.altgrid #main {
    width: 100%;    
}
#home-mod #content {
    background-color: transparent;    /* Für die Alternative Startseite kein Hintergrund */
}
#main {
	float: left;
    /*width: 700px;*/
	padding-bottom: 30px;
	overflow: hidden;
    background-color: #fff;    /* bitte hier stehen lassen, der Hintergrund lädt ansonsten zu spät */
}
#home-mod #main {
    background-color: transparent;    /* Für die Alternative Startseite kein Hintergrund */
}
#nav {
	margin-top: 30px;
	margin-left: 1px;
	width: 19.1em;
	float: left;
}
#extras {
	position: relative; /* for IE 6 */
	float: right;
    width: 281px;
	margin-right: -290px;
	margin-left: 10px;
	margin-bottom:40px;
}
#footer {
	clear: both;
    margin: 40px 0 0 0;
}

/* BRANDING
------------------------------------------- */
#branding {
	position: relative;
	height: 12em;
}
#head {
	float: right;
	min-height: 12em;
	width: 79em;
	background-position: 0 0;
}
* html #head { /* for IE6 */
	height:12em;
}

#head .section {
    display: inline;
    float: left;
	clear: none;
    margin-left: 20px;
	padding-top: 22px;
    margin-bottom: 0;
	padding-bottom: 0;
	height: auto;
	width: 22em;
	font-size: 210%;
	letter-spacing: -0.3px;
	font-family: Helvetica,sans-serif;
	background: none;
}

#logo {
    position: absolute;
    top: 0;
    left: 0;
	padding-top: 1.9em;
	display: block;
    height: 12em;
	width: 21.1em;
}
#logo a {
	display: block;
	margin-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 110%;
	font-family: arial, helvetica, sans-serif;
}
#logo a:hover {
	text-decoration: none;
}
#logo img {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#nav-meta {
	float: left;
	overflow: hidden;
	padding-left: 20px;
	width: 48em;
}
#nav-meta li a {
	font-weight: bold;
}
#nav-meta li {
	float: right;
	list-style-type: none;
	padding: 5px 8px 0 5px;
    background-position: 0 0;
}
#nav-meta li.language {
	 float: left;
}
#search-box {
	display:block;
	float:right;
	height: 12em;
	margin: 0;
	top: 0;
	width: 280px;
	z-index:500;
}
#head>#search-box {
	height: auto;
	min-height: 12em;
}
#search-box img {
	float: left;
}
#search-box form {
	position: relative;
	z-index: 600;
	clear: both;
	padding: 6px 8px 6px;
}
#search-box fieldset {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}
#search-box input#suchen {
	float: left;
	font-size: 110%;
	width: 12.5em;
	padding: 2px;
	margin-right: 6px;
}
#search-box input.button {
    font-size: 115%;
	margin-right: 0;
	padding: 1px 0;
	width: 9.8em;
	text-transform: uppercase;
	overflow: visible;
    cursor: pointer;
}

/* Breadcrumb */
#breadcrumb ul {
	list-style-type: none;
}
#main #breadcrumb ul {
    overflow: hidden;
    width: auto;
	height: 1%;
	margin-bottom: 0;
    margin-left: 0;
    margin-top: 3px;
}
#main #breadcrumb ul li  {
	float: left;
	margin-right: 7px;
    padding: 0 4px 0 0;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 100% 5px;
}
#main #breadcrumb ul li.last {
	background: none;
}
#main #breadcrumb ul li a,
#main #breadcrumb ul li strong {
	list-style-type: none;
	font-size: 100%;
}
#main #breadcrumb ul li strong {
	font-weight: normal;
}
/* Navigation
------------------------------------------- */
#nav {
	padding-bottom: 300px;
	margin-top: 80px;
}
#nav .banner {
	padding: 5px;
	margin-top: 30px;
}
#nav-box ul {
	position:relative;
	height:1%
}
#nav-box  ul li {
	list-style: none;
	height: 1%;
	position: relative;
}
#nav-box  ul li.path {
	padding-left: 3px;
}
#nav-box  ul li.path a {
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position:  0 10px;
}
#nav-box ul li a {
	display: block;
	padding: 7px 10px 7px 15px;
	font-size: 110%;
	height: 1%;
}
#nav-box  ul li.path a:active,
#nav-box  ul li.path a:visited {
	background-repeat: no-repeat;
}
#wrapper #nav-box  ul li.open a:hover,
#wrapper #nav-box  ul li.path a:hover,
#wrapper #nav-box  ul li.open li a:hover,
#wrapper #nav-box  ul li a:hover{
	text-decoration: underline;
}
#nav-box  ul li.open a {
	padding-left: 15px;
}
#nav-box  ul li ul {
	margin-left: 5px;
}
#nav-box  ul li li {
	border: none;
}
#nav-box  ul li.open a {
	margin-left: 3px;
	padding-left: 12px;
	background-position: 0 10px;
}
#nav-box ul li li a,
#nav-box ul li.open li a {
	background-image: none;
	padding: 7px 10px 7px 15px;
}
#nav-box ul li li strong {
	display: block;
	padding: 5px 10px 5px 18px;
	font-size: 110%;
}
/* weitere Ebenen */
#nav-box  ul li li a.current,
#nav-box  ul li li.open {
	background: none;
}
#wrapper #nav-box ul li li.open a {
	background-position: 0 12px;
	font-weight: bold;
}
#wrapper #nav-box ul li li.open strong {
	background-position: 0 6px;
	font-weight: bold;
}
#wrapper #nav-box ul li li.open strong {
	padding-left:15px;
	padding-top:3px;
	margin-left:3px;
}
#wrapper #nav-box ul li li.open li strong {
    margin-left:0;
    padding-left:18px;
	padding-top:5px;
    height: 1%;
}
#wrapper #nav #nav-box  ul li li li a {
	background: none;
	font-weight: normal;
}
#nav-box ul li li li strong {
	padding-left: 17px;
}


/* Content-Elemente
------------------------------------------- */
#content .back-to {
    padding-left: 18px;
    background-position: 0 3px;
    background-repeat: no-repeat;
}
#content blockquote {
	margin: 0 0 15px 0;
	padding-left: 40px;
	background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 130%;
}

#content blockquote p {
	line-height: 1.2em;
	margin-bottom: 5px;
}

#content cite {
	display:block;
	font-weight: normal;
	font-size: 75%;
}
#content p {
	line-height: 1.5em;
	font-size: 110%;
}
#content p em {
	font-size: 100%;
}
#main h1 {
	font-size: 180%;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
	padding: 0 0 15px;
	margin-top:0.5em;
}
#main h2 {
	font-size: 140%;
	margin-bottom: 10px;
	margin-top: 20px;
}
#main h3 {
	font-size: 130%;
	margin-bottom: 10px;
	margin-top: 20px;
}
#main h4 {
	font-size: 110%;
	margin-bottom: 10px;
	margin-top: 20px;
}
#main h5 {
	font-size: 100%;
	margin-bottom: 0;
	margin-top: 10px;
}
#main p.highlight {
	font-weight: bold;
}
#content #main ul.anchor {
	margin-bottom: 20px;
	margin-left: 0;
}
#content #main ul.anchor li {
	margin-bottom: 0;
	padding: 3px 10px;
	list-style: none;
}
#main ul.anchor li a {
    background-position: 0 5px;
	padding-left: 15px;
	display: block;
	font-size: 100%;
}
#content #main p.top {
	margin-bottom: 20px;
	text-align: right;
}
#main p.top a {
	display: inline;
	padding-left: 15px;
    background-position: 0 5px;
}
.nav-paging {
    margin: 20px 0 25px;
	width: 100%;
	text-align: center;
	border-style:solid;
	border-width:1px 0;
	padding:4px 0;
}
.paging-mod {
    margin: 50px 0 25px;
}
 .paging {
	clear: both;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	width: 240px;
}
 .paging .back {
	left: 10px;
	text-align: left;
}
.paging .back a {
	padding: 0 4px;
	float:left;
	height:12px;
}
.paging .forward a {
	padding: 0 4px;
	float:right;
	height:12px;
}
.paging .forward {
	right: 10px;
	text-align: right;
}
.paging .back,
.paging .forward {
	position: absolute;
	top: .8em;
	width: 15px;
}
.paging p.nav-index {
	margin: 0 auto;
	padding: 0.2em 5px;
	text-align: center;
	width: auto;
}
.paging a {
	padding: 0 3px;
	text-decoration: none;
}
.paging p.nav-index strong {
	color: #000;
}

/* Teaser */
#main .mod ul.linklist {
	clear: none;
}
#main .section {
   margin-bottom: 15px;
	padding-bottom: 10px;
	height: 1%;
	clear: both;
	font-size: 100%;
	overflow: hidden;
}
#main .firstsection,
#content .firstsection {
	overflow: hidden;
	height: 1%;
    margin-bottom: 15px;
	padding-bottom: 10px;
	clear:left;
}
* html #main .firstsection {
	padding-bottom: 0;
}
* html #content .firstsection {
	padding-bottom: 20px;
}
#main .firstsection p {
	clear: none;
    margin-bottom: 10px;
}

#main .firstsection ul,
#main .firstsection ol {
	font-size: 100%;
	padding: 10px 0; /* built in for avcms-709 */
	line-height: 1.3em;
	list-style-position:inside;
}
#wrapper #main .firstsection ul  {
	font-size: 100%;
}
#wrapper #main .firstsection ul ul  {
	font-size: 110%;
}
#wrapper #main .firstsection ul li p {
	font-size: 97%;
}
* html #wrapper #main .firstsection ul li p,
* html #wrapper #main .firstsection p.MsoNormal {
	margin-bottom: 0;
}
#wrapper #main .firstsection ul li li {
	font-size: 92%;
}
.tp #main .firstsection ul.linklist,
#main .firstsection ul.linklist {
	margin-bottom:0;
	padding:0;
}
#main .section h2 {
   margin-top: 0;
	clear: both;
}
#main .section ul {
	clear: both;
}
#main dl.photo {
	float: left;
}

/* Newsletter anmeldung */
#main .section .chapter {
	margin: 10px 0;
}
#main .section .chapter label {
	font-size: 110%;
}
#main .section .chapter input#textfeldemail {
	width: 70%;
	padding: 2px;
	margin-top: 3px;
	font-size: 100%;
}
#main .section .chapter input.button {
	font-size: 100%;
	margin-right: 5px;
}
/* Ende Newsletter anmeldung */


/* newsletter (london) Problem (plus all the other newsletters)*/
* html .issue_preview { /* for IE6 */
	position: absolute;
	z-index: 300;
	left: 220px;
}
#main.issue_preview { /* for all browsers */
	overflow: visible !important;
}
#main.issue_preview #wrapper_table {
	margin-top: 60px !important;
}
#main.issue_preview #wrapper_table h1 {
	font-size: 100% !important; /* 'important' to be sure nothing breaks */
}
/* this is mainly for all newsletters */
#main.issue_preview .clear-both {
	margin: 10px 0;
	border-bottom: 1px dotted #666;
}
/* end of (london) newsletter */

/* all newsletters */
#content table.newsletter-preview {
	clear: none;
	width: auto;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	caption-side: top;
	empty-cells: hide;
	margin: 14px 0 0 0 !important;
}
#content table.newsletter-preview table {
	clear: none;
	width: auto;
	border-collapse: separate;
	border-spacing: 0;
	caption-side: top;
	empty-cells: hide;
	margin: 0 15px 10px 0 !important;
}
#content table.newsletter-preview h3 {
	margin: 10px 0 0 0;
}
#content .newsletter-preview th,
#content .newsletter-preview td {
    border: none;
    background: none;
    padding: 0;
	font-size: 100%;
	text-align: left;
}
#content .newsletter-preview th p,
#content .newsletter-preview td p {
    font-size: 100%;
}
#content .newsletter-preview ul li,
#content .newsletter-preview ol li {
    font-size: 100%;
    margin-left: 0;
}
#content .newsletter-preview ul li a,
#content .newsletter-preview ol li a {
    font-size: 90%;
}
.newsletterinhalt {
    margin-bottom: 20px;
    padding-bottom: 5px;
    background: url(../images/bgs/border_dotted.gif) repeat-x scroll 0 100%;
}
.newsletterinhalt .teaser {
    background: none;
    padding: 0;
}
.tp #main .newsletter-preview p {
    margin-bottom: 10px;
}
#content .newsletter-preview p {
    font-size: 11px;
    line-height:1.3em;
}
#content .newsletter-preview a {
    font-size: 11px;
}
.newsletter-preview td,
.newsletter-preview th {
    border:1px solid #C8D7E7;
    font-size: 11px;
    padding: 0.3em 0.5em 0.3em 0;
    text-align:left;
}
.teaser {
	margin-bottom: 15px;
	padding-bottom: 10px;
	height: 1%;
	clear: both;
	font-size: 110%;
    overflow: hidden;
}
#main .last {
	background-image: none;
}
.rss-list .teaser {
    margin-bottom: 0;
    background: none;
}
#content .rss-list {
    margin-bottom: 15px;
    padding-bottom: 10px;
}
#content .rss-list .teaser .date {
    margin-top: 0;
}
#content .rss-list p {
    margin-bottom: 10px;
}
.teaser p.copy {
	font-size:90%;
	padding:0;
}
#main .teaser h2,
.tp #main .teaser h2 {
    font-size: 125%;
    margin: 0 0 5px 0;
}
#main .teaser h4 {
    font-size: 100%;
    margin: 0 0 5px 0;
}
.teaser img {
	float: left;
	margin: 4px 10px 10px 0;
}
.teaser dl img {
	float: left;
	margin: 0;
}
.teaser dl.photo dd {
     padding-right: 10px
}
#main .teaser p {
	margin: 0 0 10px 0;
	font-size: 100%;
}
#main .teaser table p,
#extras .teaser table p {
	margin: 0 0 10px 0;
}
#main .teaser table th,
#main .teaser table td,
#extras .teaser table th,
#extras .teaser table td {
	font-size: 100%;
}
#content #main .teaser ul li,
#content #main .teaser ol li {
    font-size: 100%;
}
#content #main .teaser ul,
#content #main .teaser ol {
  list-style-position:inside;
}
#content #main ul.linklist,
#content #main .rss ul {
	list-style-position:outside;
}
#content #main ul li,
#content #main ol li {
	margin-left:10px;
    font-size: 110%;
}
#content #main ul.linklist li,
#content #main .rss ul li,
#content #main #breadcrumb ul li {
	margin-left:0;
}
#main.issue_preview p {
	margin:0 0 10px 0;
}
#main .teaser p.copy {
	margin-bottom:0;
}
#main.issue_preview ul.linklist,
.teaser ul.linklist {
	margin-top: 10px;
	clear: both;
	list-style-type: none;
}
.teaser ul.linklist li,
#main .section ul.linklist li{
	height: 1%;
	margin-bottom: 5px;
}
.teaser ul.linklist li p {
	padding-left: 18px;
	padding-bottom: 10px;
}
#main .special-teaser {
	margin-bottom: 20px;
	overflow: hidden;
	background: #D3DFED;
	width: 485px;
	margin-top:13px;
}
#main .special-teaser h2 {
	background-position: 0 0;
	font-size: 140%;
	height: 42px;
	margin-bottom: -80px;
	padding: 7px 10px;
	position: relative;
	clear:both;
	top: -78px;
    border-top: 1px solid transparent; /* for firefox bug doctype */
    border-bottom: 1px solid transparent; /* for firefox bug doctype */
}
*html #main .special-teaser h2 {
    border: none;
}
#main .special-teaser h3 {
	margin: 0;
	padding: 10px 10px 0 10px;
	font-size: 130%;
}
#main .special-teaser p {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
	font-size: 110%;
}
#main .special-teaser ul.linklist {
	margin-top: 10px;
	padding: 0 10px 10px 10px;
	clear: both;
	list-style-type: none;
}
#main .special-teaser ul.linklist li {
	height: 1%;
	margin-bottom: 5px;
}
#main .special-teaser ul.linklist li a,
#main .special-teaser-small ul.linklist li a {
	font-size: 100%;
	font-weight: normal;
}
#main .special-teaser-small {
	height: 1%;
	overflow: hidden;
	margin-bottom: 20px;
	width: 485px;
	margin-top:13px;
}
#main .special-teaser-small h2 {
	padding: 7px 10px;
	margin: 0;
	font-size: 140%;
	background-position: 0 0;
}
#main .special-teaser-small img {
	float: left;
	margin-right: 20px;
}
#main .special-teaser-small div {
	height: 1%;
}
#main .special-teaser-small p {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
	font-size: 110%;
}
#main .special-teaser-small ul.linklist {
	float: left;
	padding: 0 10px 10px 10px;
	list-style-type: none;
}
#main .date {
	display: block;
	font-size: 100%;
    font-style: normal;
	margin: 8px 0 10px 0;
}
#main .info {
    margin-bottom: 10px;
    font-size: 110%;
}
#main .teaser .info {
    margin-top: 7px;
    font-size: 100%;
}
#main .info span {
    display: inline;
}
#main .teaser h2 a span.info {
    display: block;
    margin-bottom: 2px;
    font-weight: normal;
}
#main .teaser h2 a,
#main .teaser h3 a {
    font-size: 82%;
}
#main .teaser h3 {
    margin: 0 0 5px 0;
}
#main .teaser h2 a span.date {
    display: inline;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
}

/* Teaser audio/video */
#content .teaservideo {
	margin: 0;
	width: 160px;
	clear: both;
}
#content .video-box {
	float: left;
    margin: 0 10px 0 0;
}
#content .object {
	width: 160px;
	margin: 0 18px 10px 0;
}
#content .teaservideo.preview,
#content .object.preview {
	float: left;
	margin: 4px 18px 3px 0;
}
#content .object.preview {
	clear:left;
}
#content .teaservideo.mod {
	float:right;
	margin: 4px 0 4px 20px;
}
#content .object.mod {
	clear:right;
	float:right;
	margin: 0 0 10px 20px;
}
#content .teaser div {
	clear: both;
}

#content #main .teaser object {
    float: left;
    margin: 0 18px 10px 0;
}
#extras .teaservideo,
#extras .object {
	float: none;
	width: 280px;
	margin-right: 0;
}
#content #teaservideo p {
	margin-top: 10px;
}
#content #teaservideo-big {
	float: none;
}
#content .videolandcape {
	padding: 0 0 10px 0;
}
#wrapper #extras #videoplayer,
#wrapper #extras .videoplayer {
	margin-top: -10px;
	margin-bottom: 10px;
}
#wrapper #extras #videoplayer p {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
#extras #audioplayer,
#content #teaseraudio {
	margin-bottom: 10px;
}
#content .teaseraudio {
	margin: 5px 0;
}
#content #teaseraudio {
	margin-top: 10px;
}
#content .audio {
   position: relative;
   margin: 3px 18px 10px 0;
	float: left;
	background-position: 0 0;
}
#extras .audio {
   position: relative;
	float: left;
	left: 10px;
   background-position: 0 0;
}
#wrapper #extras .default,
#wrapper #content  .default {
    width: 60px;
}
.teaser .audio  img {
	 margin: 3px 8px 10px 0;
}
#wrapper #extras .audio img,
#wrapper #content .audio img {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
}
#wrapper #extras .audio img {
	margin-left: 0;
}
#wrapper #extras .audio h4 {
	margin: 0;
	padding: 0 10px 0 0;
}
#wrapper #extras .audio p {
	padding-right: 10px;
}
#wrapper #extras .audio span {
	position: absolute;
	top: 5px;
	left: 6px;
	height: 26px;
	width: 26px;
	background-position: 0 0;
	text-indent: -2000px;
}
#content .audio span {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 26px;
	width: 26px;
	background-position: 0 0;
	text-indent: -2000px;
}
#wrapper #extras .audio span.aural,
#content .audio span.aural {
	position: static;
	display: block;
	width: 68px;
	height: 48px;
	background: none;
}

/* Bilder mit Bildunterschrift */
dl.photo { /* Bild standard Größe */
    clear: left;
	display: inline;
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
	overflow: hidden;
}
dl.mod-1 { /* Bild ohne umfließenden Text */
    display: block;
    float: none !important;

}
img.photo {
	clear: left;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	padding: 10px 0;
	overflow: hidden;
}
.teaser img.photo {
    padding: 0;
    margin: 4px 10px 10px 0;
}
#content dl.big
#content img.big,
#content dl.opener-image,
#content img.opener-image {
	float: none !important;
    overflow: hidden;
}
#content dl.opener-image {
    margin-bottom: 20px;
    overflow:hidden;
    padding: 0;
}
#content dl.opener-image,
#content img.opener-image {
	margin-bottom: 20px;
}
dl.opener-image img,
dl.photo img {
	display: block;
}
dl.opener-image dd,
dl.photo dd {
	font-size: 100%;
	margin: 0;
	padding: 2px 20px 2px 5px;
}
#main dl.photo img {
    display: block;
}
#main dl.photo dd.zoom,
#main .opener-image dd.zoom {
    position: relative;
	padding: 0;
}
#main dl.photo dd.zoom a,
#main .opener-image dd.zoom a {
    float: right;
    display: block;
    margin: -12px 0 0 0;
    padding: 0;
    width: 13px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -4000px;
    z-index: 100;
}
/* bilder rechts */
#main dl.mod,
#main img.mod {
    clear: right;
	float: right;
	margin: 0 0 8px 20px;
	padding: 0;
}
#main dl.mod img  {
margin-left: 0;
}

/* VCards */
/* plus contact languages and opening hours */
#main .vcard,
#main .langs {
	padding: 0 10px 10px 0;
}
#main .vcard {
	font-size: 110%;
}
#main .vcard h3 {
	font-size: 120%;
}
#main .teaser .vcard {
	font-size: 100%;
}
#main .vcard .organization {
	font-weight: bold;
	margin-bottom: 5px;
}
#main .vcard dl,
#main .langs dl {
	margin:0.7em 0;
	clear:both;
	overflow:hidden;
}
#main .vcard dl.adr dd {
	float:left;
}
#main .vcard dl.adr dd.locality {
	margin-left:0.5em;
}
#main .vcard dl.tel dt,
#main .vcard dl.email dt,
#main .vcard dl.url dt,
#main .langs dl dt {
	width:8em;
	float:left;
}
#main .vcard dt span.alternative {
	visibility:hidden;
}
#main .vcard dl.tel dd,
#main .vcard dl.email dd,
#main .vcard dl.url dd {
	float:left;
}
#main .vcard dl.tel .type {
    clear: left;
    margin-bottom: 7px;
}
#main .vcard dl.tel .last {
    clear: left;
    margin-bottom: 0;
}
#main .openinghours span {
   display: block;
    margin-bottom: 2px;
}

/* tables */
/*table {
	clear: both;
	width: 99.8%;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	caption-side: top;
	empty-cells: show;
	margin:0 1px 20px;
}
td, th {
	padding: 0.3em 0.5em;
	font-size: 110%;
	text-align: left;
	border: 1px solid #C8D7E7;
}
table ul {
	list-style-position:inside;
}
table table {
	margin-left:0;
	margin-right:0;
}
#main.issue_preview table {
	margin:0 !important;
}
table a:focus {
   font-weight: normal !important;
}*/
/* Gallery */
#gallery {
	overflow: hidden;
	height: 1%;
}
#gallery p {
	font-size: 110%;
	margin-bottom: 20px;
	margin-top: 10px;
}
#content #gallery ul {
    margin-left:0;
    margin-bottom: 0;
    height: 1%;
}
#gallery ul li {
    overflow: hidden;
    position: relative;
	float: left;
	margin: 0 0 8px 8px;
	height: 140px;
	width: 155px;
	list-style-type: none;
}
#main #gallery ul li.first {
	margin-left: 0;
}
#gallery ul li.photo div {
    overflow: hidden;
    position: absolute;
	bottom: 0;
	left: 0;
	width: 155px;
}
#gallery ul li.portrait div {
	text-align: center;
}
#gallery ul li.photo div img {  /* mordern browser only (no IE) */
    position: relative;
	bottom: -2px;
}
*+html #gallery ul li.photo div img {  /* only IE7*/
	bottom: 0;
}
* html #gallery ul li.photo div img { /* only IE6 */
	bottom: 0;
}
#gallery ul li div a {
	display: block;
	text-align: center;
}
#main #gallery ul li.photo div span.zoom {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	float: none;
    width: 20px;
    padding: 0;
    height: 20px;
    margin: 0;
}
#main #gallery ul li.portrait span.zoom {
	display: block;
	position: absolute;
	bottom: -3px;
	right: 0;
	float: none;
    margin: 3px 0 3px 0;
    padding: 0;
    width: 20px;
    height: 20px;
}
*html #main #gallery ul li.photo div span.zoom {
    right: -1px;
}
#main #gallery ul li span.zoom a { /* image zoom */
    display: block;
    right: 0;
    margin: 4px 0 0 4px;
    padding: 0;
    width: 13px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -4000px;
    z-index: 100;
}

/* Veranstaltungen */

#main .rubric h3 {
	text-transform: uppercase;
	padding:5px 10px;
	margin-top:0;
	font-size: 110%;
}

#main .rubric .teaser {
	margin-top:15px;
}

/* Text-Page (.tp) */
.tp #main h2 {
	margin-bottom: 20px;
}
.tp #main  p {
	margin-bottom: 10px;
}
.tp #main ul.linklist {
	margin: 0 0 20px 0;
}
.tp #main ul.linklist li {
	list-style: none;
	margin-bottom: 5px;
}
.tp #main ul.linklist li a {
	font-size: 100%;
	font-weight: normal;
}
.tp #main ul {
	margin-left: 15px;
	margin-bottom: 20px;
}
.tp #main ul li {
	margin-bottom: 5px;
	font-size: 110%;
}
.tp #main ul ul {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 0;
}
.tp #main ul li li {
	font-size: 100%;
}
.tp #main .teaser ul.linklist li a {
	font-size: 100%;
}

/* Sitemap */
#sitemap #main h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 140%;
	background: url(../images/bgs/border_dotted.gif) repeat-x 0 100%;
}
#sitemap #main  p {
	margin-bottom: 10px;
}
#sitemap #main ul.linklist {
	margin: 0 0 30px 0;
}
#sitemap #main ul.linklist ul {
	margin: 10px 0 10px 20px;
}
#sitemap #main ul.linklist li {
	height: 1%;
	list-style: none;
	margin-bottom: 10px;
}
#sitemap #main ul.linklist li a {
	display: block;
	font-weight: bold;
	padding: 0 0 0 18px;
	background-position: 0 3px;
}
#sitemap #main ul.linklist a.open {
    background-position: 0 4px;
}
#sitemap #main ul.linklist li li {
    font-size: 100%;
}
#sitemap #main ul.linklist li li a,
#sitemap #main ul.linklist li li li a {
	font-weight: normal;
}
#sitemap li p {
	padding-left: 18px;
	padding-bottom: 10px;
}

/* Searchresult */
/* Searchresult new */
.searchresult #main form fieldset {
	border: none;
}
.searchresult #main form input {
	width: 180px;
}
.searchresult #main form input.button {
	width: auto;
	text-transform: uppercase;
}

/* searchresult old - to be deleted when new result is in use */
ul.searchresult  li {
	list-style: none;
	margin-bottom: 8px;
	height: 1%;
}
ul.searchresult  li a {
    display: block;
    padding: 0 0 0 18px;
	font-weight: normal;
	background-position: 0 3px;
	background-repeat: no-repeat;
}
form.quicksearch {
	margin-bottom: 20px;
}
form.quicksearch input.button {
	float: none;
}
input.back {
	display: block;
	border: none;
	padding-left: 15px;
	background-position: 0 5px;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #316394;
	font-size: 100%;
	text-align: left;
}
input.forward {
	display: block;
	border: none;
	padding-right: 15px;
	background-position: 100% 5px;
	background-repeat: no-repeat;
    background-color: #fff;
	color: #316394;
	font-size: 100%;
	text-align: right;
}
fieldset {
	border: none;
}
.pagenav {
	height: 1%;
	width: 100%;
	overflow: hidden;
	margin: 20px 0 20px 0;
}
form.pager  {
	float: left;
	width: 200px;
	margin-top:10px;
}
form.pager:hover { /* works only in Browsers, that can handle hover on other elements than 'a' */
	text-decoration:underline;
}
ul.searchresult {
	clear:both;
	padding-top:15px;
}

/* Kontaktformular */
#contact #main form {
	background: url(../images/bgs/border_dotted.gif) 0 100% repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#contact #main form p {
	margin-bottom: 10px;
}
#contact #main input {
/*	width: 244px;*/
	padding: 2px;
	font-size: 100%;
}
#contact #main input.button {
	width: auto;
	margin-right: 20px;
	padding: 3px 15px;
	font-size: 110%;
}
#contact select{
/*	width: 250px;*/
}
#contact texarea {
	width: 60%;
}
#contact .form-row {
	margin-bottom: 10px;
}
#contact .form-row-info {
	visibility: hidden;
}
#contact .form-label {
	margin-bottom: 3px;
}
#contact label {
	font-size: 110%;
}
#contact #content select {
	font-size:120%;
}
#content .errorMessage {
	clear: both;
	font-weight: bold;
	font-size: 1.1em;
}
#content .successMessage {
	clear: both;
	font-weight: bold;
	font-size: 1.1em;
}
#content .errorMessage p,
#content .successMessage p {
	padding: 10px 0;
}

/* Marginal-Elemente
------------------------------------------- */
#extras .special-teaser {
     border-top: 1px solid #fff;
	 margin-top: 28px;
}

#extras .special-teaser div {
   position: relative;
  overflow: hidden;
	height: 1%;
}
#extras .special-teaser h3,
#content #extras .eventsearch h3 {
	margin-bottom: 0;
	padding: 5px 0 10px 0;
	margin-left: 10px;
	font-size: 180%;
	font-weight: normal;
	letter-spacing: -0.1px;
	line-height: 1.2em;
}

#content #extras .eventsearch h3 {
	font-size:130%;
	font-weight: bold;
	padding:10px 0 0;
}
#extras .special-teaser img {
	display: block;
}
#extras .special-teaser ul.linklist {
	padding: 5px 10px 7px 10px;
	margin-top: 0;
}
#extras .special-teaser ul.linklist li {
	margin: 0;
	padding: 0;
	height: 1%;
	list-style: none;
}
#extras .special-teaser ul.linklist li.last {
	border-bottom: none;
}
#extras .special-teaser ul.linklist li a {
	display: block;
   padding: 5px 10px 5px 10px;
	font-size: 110%;
	height: 1%;
}
#extras .special-teaser ul.linklist li a:hover,
#extras .special-teaser ul.linklist li.current a{
	text-decoration: none;
}
#extras .teaser {
	margin: 30px 0 0 0;
	padding: 0 0 5px 0;
	height: 1%;
	overflow: hidden;
}
#extras .teaser ul {
	margin: 0 0 0 10px;
    list-style: none;
}
#extras .teaser h3 {
	margin-bottom: 10px;
	margin-top: 0;
	padding: 2px 7px;
	font-size: 100%;
}
#extras .teaser h4 {
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	font-size: 100%;
}
#extras .teaser li h4 {
	margin: 0;
    padding: 0;
}

#extras .teaser li p {
	padding: 0 10px 0 30px;
}
#extras .teaser p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 100%;
}
#extras .teaser p.copy {
	padding-left:0;
}
#extras .video p,
#extras .video ul.linklist {
	clear: both;
	padding-left: 0 !important;
	padding-right: 10px;
}
#extras .teaser p a {
	display: inline;
}
#extras .teaser img {
	float: left;
	margin: 3px 10px 10px 7px;
}
#extras .videoplayer img,
#extras .teaser #videoplayer img {
	float: left;
	margin: 0 0 10px 0;
}
#extras .rss ul li {
	list-style-type: none;
}
#extras .teaser ul.linklist {
	clear: both;

	padding-right: 10px;
}
#extras .rss ul .date {
    display: block;
	margin-top: 15px;
	margin-left: 7px;
}
#extras .teaser ul .date {
    display: block;
	margin-top: 15px;
	margin-left: 18px;
    margin-bottom: 3px;
}
#extras .teaser ul li em {
	margin-top: 2px;
	margin-right: 5px;
	margin-left: 25px;
	float: left;
}
#extras .vcard {
	padding: 0 10px 10px 10px;
}
#extras .vcard span.organization-name {
	margin-bottom: 3px;
	display: block;
}
#extras .vcard span.organization-unit {
		display: block;
	font-style: italic;
}
#extras .vcard .contact,
#extras .vcard .tel{
	margin-bottom: 20px;
}
#extras .vcard .adr  {
	margin-bottom: 20px;
}
#extras .eventsearch form {
	margin: 10px;
	background-color: #fff;
	overflow:hidden;
	position:relative;
}
#extras .eventsearch fieldset {
	display:block;
	padding:7px 15px;
}

#extras .eventsearch label {
	width:100%;
	float:left;
	margin-bottom:3px;
	margin-top:5px;
}

#extras .eventsearch select {
	width:100%;
	margin-bottom:5px;
	font-size:91%;
}

#extras .eventsearch input.button {
	text-transform: uppercase;
	padding:1px;
	float:right;
    font-size: 105%;
}
/* RSS Teaser Marginalspalte */
#extras .rss-list {
	margin-top: 28px;
}
#extras .rss-list p {
	padding: 10px 10px 0 10px;
}
#extras .rss-list .teaser {
    margin-top: 0;
    background: none;
}

#extras .rss-list h3 {
    position: relative;
    margin-bottom: 0;
	margin-top: 0;
	padding: 2px 7px;
	font-size: 106%;
}
#extras .rss-list .teaser .date {
    display: block;
    margin: 8px 0 5px 0;
	padding: 0 10px 0 10px;
	font-size: 100%;
}

/* Veranstaltungs Teaser */
#extras .events ul {
   margin: 0 10px 10px 10px;
   overflow: hidden;
   height: 1%;
}
#main .events ul {
   margin: 10px 0 10px 0;
   overflow: hidden;
   height: 1%;
}
#extras .events li,
#main .events li {
    margin-bottom: 15px;
    list-style: none;
}
#extras .events li h4 a span.info,
#main .events li h4 a span.info {
    display: block;
    margin-bottom: 2px;
    font-weight: normal;
}
#extras .events li h4 a span.date,
#main .events li h4 a span.date {
    display: inline;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
}
#extras .events p.all,
#main .events p.all {
    margin: 0 10px;
    padding: 0 0 10px 0;
}
/* Weather-Tool */
#extras .weather-tool {
    padding-bottom: 0;
}
#extras .weather-tool div.city {
    float: left;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 130%;
    font-weight: bold;
}
#extras .weather-tool div.situation  {
    float: right;
    clear: none;
    width: 61%;
}
#extras .weather-tool span {
    display: block;
    float: left;
    padding-left: 35px;
    width: 40%;
    height: 39px;
    font-size: 130%;
    font-weight: bold;
}
#extras .weather-tool span#degree {
    width: 18%;
}


/* Footer-Elemente
------------------------------------------- */
#footer {
	overflow: hidden;
	height: 1%;
	margin-left: 21em;
	padding: 5px 0;
}
#footer ul {
	float: left;
	height: 1%;
	list-style: none;
	margin-left: 10px;
	width: 40%;
}
#footer ul li {
	float: left;
	margin-right: 20px;
}
#footer ul li a {
	font-weight: normal;
	padding-top: 2px;
}
#footer p {
	float: right;
	margin-right: 10px;
}
#footer p a {
	font-weight: normal;
}

/* Alternative Startseite
------------------------------------------ */
#home-mod #wrapper {
    width: 1077px;
    padding-bottom: 30px;
    padding-left: 0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom: 0;
}
#home-mod #branding {
    overflow: hidden;
    background: none;
    height: auto;
    width: 990px;
}
#home-mod #content {
    margin: 0;
}
#home-mod #content #main {
    min-height: 500px;
    padding-bottom: 20px;
    width: 994px;
}
* html #home-mod #content #main {
    overflow: visible;
    min-height: 0;
    height: 500px;
}
#home-mod #wrapper #content .var {  /* if there is no message- or event-box */
    padding-bottom: 140px;
}
/* Branding */
#home-mod #nav-meta {
    width: 480px;
}
#home-mod #service-nav {
    float: left;
    margin-bottom: 30px;
    padding-left: 180px;
    width: 810px;
}

#home-mod #search-box {
    height: auto;
    width: 280px;
}
#home-mod #search-box input.button {
    font-size: 115%;
    margin-right: 0;
    overflow: visible;
    padding: 1px 5px;
    text-transform: uppercase;
    width: auto;
}
#home-mod .head {
    float: left;
    margin-bottom: 20px;
}
#home-mod .head .logo {
    position: relative;
    float: left;
    width: 230px;
    height: 183px;
}
* html #home-mod .head .logo {  /* for IE6 alternatives Logo ohne Transparenz  */
    top: 2px;
}
#home-mod .head .logo div {
    position: absolute;
    top: 15px;
    left: 5px;
    width: 186px;
    height: 73px;
}
#home-mod .head .logo div img {
    float: right;
}
#home-mod .head .headline {
    float:left;
    margin: 2px 0 10px 0;
    padding: 5px;

}
#home-mod .head .headline div {
    height: 1%;
    float: left;
    width: 750px;
    min-height: 8.2em;
}
* html #home-mod .head .headline div {
    min-height: 0;
    height: 8.2em;
}
#home-mod .head .headline h1 {
    font-size: 186%;
    padding: 5px 10px 5px 10px

}
#home-mod .head .headline p {
    font-size: 130%;
    padding: 0 10px 10px 10px
}
#home-mod #content .teaser-box {
    height: 1%;
    float: none;
    overflow: hidden;
    clear: left;
    margin: 0 0 10px 230px;
    padding-left: 10px;
    width: auto;
    border-left-style: solid;
}
* html #home-mod #content .teaser-box {
    float: none;
    overflow: visible;
}
* html #home-mod #content .teaser-box div {
    left: 10px;
}
#home-mod #content .teaser-box div {
    position: relative;
    margin-left: -10px;
    float: left;
    width: 239px;
    padding: 10px;
    border-width: 1px;
    border-left-width: 0;
    border-style: solid;
}
* html #home-mod #content .teaser-box div {
    margin-left: -10px;
    padding: 10px 9px 10px 10px;
}
#home-mod #content .teaser-box div h2 {
    position: absolute;
    bottom: 18px;
    left: 15px;
    margin: 0;
}
#home-mod #content .teaser-box div h2 a {
    display: block;
    padding: 5px 10px 8px 10px;
    width: 210px;
    text-decoration: none;
    font-weight: bold;
}
#home-mod #content .teaser-box div h2 a:hover {
    display: block;
    padding: 5px 10px 8px 10px;
    width: 210px;
    text-decoration: none;
}
#home-mod .current-events-box {
    display: inline;
    float:left;
    margin: 0 0 10px 230px;
    padding: 5px;
    width: 749px;
}
#home-mod .current-events {
    height: 1%;
    float: left;
    width: 750px;
}
#home-mod .current-events h3 {
    font-size: 140%;
    font-weight: bold;
    margin: 0;
    padding: 8px 10px 10px 35px;
}
#home-mod .current-events div {
    float: left;
    width: 220px;
    padding: 0 10px 0 20px;
    font-size: 110%;
}
#home-mod .current-events div span {
    display: block;
    margin-bottom: 2px;
    padding-left: 15px;
}
#home-mod .current-events div span.date {
    padding-left: 0;
}
#home-mod .current-events div a em {
    display: block;
    padding: 0 0 10px 15px;
    font-style: normal;
}
#home-mod .current-events div a:hover em,
#home-mod .current-events div a:hover span {
    text-decoration: underline;
}
#home-mod .current-events div.all {
    display: block;
    clear: both;
    width: 98%;
    text-align: right;
    padding: 20px 0 10px 0;
    font-size: 110%;
}
#home-mod .current-events div.all a {
    float: right;
}
#home-mod #footer {
    height:1%;
    margin: 10px 0 10px 230px;
    width: 760px;
    overflow: hidden;
    padding: 5px 0;
}



/* Detailseite alternatives Branding
---------------------------------------------- */
.modification #wrapper {
    display: inline-block;
    border-left: 0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    padding-right: 0;
    width: 99.7em;
}
* html .modification #wrapper {
    width: 99.7em;
}
* html .modification #main {
    width: 100%;
}
* html .modification #extras {
    margin-right: -291px;
}
html>/**/body.modification #wrapper {
    width: 99em;
}
.modification #branding {
    margin-left: -10px;
    background: none;
    height: 13.1em;
}
.modification #wrapper #nav-meta {
    width: 480px;
}
.modification #wrapper #service-nav {

    overflow: hidden;
    margin-bottom: 0;
    padding-left: 180px;
    width: 820px;
}

.modification #wrapper #search-box {
    height: auto;
    width: 280px;
}
.modification #wrapper #search-box input.button {
    font-size: 115%;
    margin-right: 0;
    overflow: visible;
    padding: 1px 5px;
    text-transform: uppercase;
    width: auto;
}

.modification #wrapper .head {
    position: relative;
    overflow: hidden;
    width:  100%;
    min-height: 10em;

}
* html .modification #wrapper .head { /* for ie6 */
    min-height: 0;
    height: 10em;
}
.modification #wrapper .head .logo {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    width: 205px;
    height: 100px;
}
.modification #wrapper .head .logo div {
    position: relative;
    top: 15px;
    left: 5px;
    width: 186px;
    height: 73px;
}
.modification #wrapper .head .logo div img {
    float: right;
}
.modification #wrapper .head .headline {
    float:left;
    margin: 2px 0 10px 0;
    padding: 5px;

}
.player-copyright {
    margin-top: 15px
}
object,
iframe,
embed {
    margin: 15px 0 20px 0;
}
#videoplayer object,
#videoplayer iframe,
#videoplayer embed,
.teaservideo embed,
.flash-container embed,
.teaservideo iframe,
.flash-container iframe,
.teaservideo object,
.flash-container object {
    margin: 0;
}
object:hover,
embed:hover {
	border: 0 solid;
}
/* -----------------------------
Formular Baukasten
-------------------------------- */
#main .forms {
    margin-bottom: 20px;
}
.forms .form-row {
    overflow: hidden;
    margin-top:5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    height: 1%;
}
.forms .form-buttons {
    overflow: hidden;
    height: 1%;
    padding-top: 10px;
    margin-bottom: 10px;
}
#main .forms h3 {
    padding: 0;
    margin: 0 0 15px 0;
}
#main .forms legend {
    position: absolute;
    overflow: hidden;
    width: 1px;
    text-indent: -2000px;
}
.forms .form-row input {
    width: 287px;
}
.forms .form-row .form-elem {
    padding-bottom: 10px;
}
.forms .form-buttons input {
    float: right;
    width: auto;
}
.forms .form-row label {
    display: block;
    height: 1%;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 110%;
}
.forms .form-row label em  {
    display: block;
    float: left;
    margin: 3px 0 0 0;
    font-style: normal;
    font-weight: normal
}

.forms .form-row .choice label {
    position: relative;
    margin-bottom: 10px;
    padding: 0 0 0 30px;
    min-height: 20px;
    font-weight: bold;
}
* html .forms .form-row .choice label {
    min-height: 0;
    height: 1%;
}
#main .forms .form-row .choice input {
    border: 0;
}
.forms .form-row .choice label input {
    position: absolute;
    left: 0;
    margin: 0;
    display: block;
    width: auto;
}
#main p.note {
    margin: 10px 0 20px 0;
}
/* Form-Errors */
#main ul.error {
    list-style: none;
    background: none;
    margin-top: 25px;
    margin-bottom: 25px;
}
#main .forms .error,
#main .forms .error * {
    font-weight: bold;
}
#content #main ul.error li {
    margin: 0;
    padding: 0;
}
#main .forms .form-row .choice .error em {
    font-weight: normal;
}
#gimmick-shadow,
#swf-gimmick,
#gimmick {
	position: absolute;
	top: 0;
	margin: 0 !important;
}
html > body #gimmick {
	position: fixed;
	top: 0;
	margin: 0 !important;
}

/* Video-Overview */
#video-gallery {
    position: relative;
    margin: 0;
}
#toc {
    overflow: hidden;
    margin: 0 10px 20px 0;
    padding: 0;
    height: 1%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#content #main #toc li {
    float: left;
    margin-left: 0;
    margin-right: 2px;
    font-size: 110%;
    list-style: none;
    font-family: helvetica, arial, sans-serif;
}
#main #toc a {
    display: block;
    float: left;
    margin: 0 0 2px 0;
    padding: 4px 30px 3px 30px;
    font-weight: bold;
    font-size: 110%;
}
#main #toc a.on,
#main #toc a:hover {
    padding: 5px 30px 4px 30px;
    margin-bottom: 0;
    text-decoration: none;
}
#main #video-gallery .section {
    float: left;
}
#main #video-gallery .section .teaser {
    overflow:visible;
    float: left;
    margin: 0 17px 10px 0;
    padding-bottom: 0;
    height: auto;
    clear: none;
    font-size: 100%;
    background: none;
}
#main #video-gallery .section .video-box  {
    margin: 0;
}
#main #video-gallery .section p {
    margin: 3px 0 0 3px;
    line-height: 1.3em;
    font-size: 110%;
}
#stage {
    margin-bottom: 30px;
    min-height: 250px;
}
*+html #stage {
   height: 250px; 
}
#stage .teaser {
    background: none;
}
#main #stage .teaser {
    overflow:visible;
    clear: none;
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
    background: none;
}
#content #stage .teaser .teaservideo {
    margin-right: 35px;
    width: 370px;
    height: 250px;
}
#content #stage .teaser .teaservideo embed,
#content #stage .teaser .teaservideo object {

}
#stage .teaser h2 {
    padding: 30px 20px 10px 10px;
    font-size: 160%;
    font-weight: bold;
}
#stage .teaser object,
#stage .teaser embed {
    width: 370px;
}
#stage .teaser p {
    padding: 0 20px 20px 10px;
}
#stage .teaser .video-box {
    margin-right: 0;
}
#content #stage .object,
#content #stage .embed {
    display: block;
    margin: 0;
}
#stage .teaser img {
    display: block;
    margin: 0;
}
#extras #video-gallery .box {
    overflow: auto;
    height: 510px;
}
#extras #video-gallery h2 {
    display: block;
    position: static;
    margin: 0;
    padding: 25px 0 10px 0;
    width: auto;
    height: auto;
    font-size:180%;
    font-weight:bold;
    line-height:1.3em;
}
#extras #video-gallery .video-box {
    width: 100%;
}
#extras #video-gallery .teaser {
    margin-top: 0;
    margin-bottom: 3px;
    height: auto;
}
#extras #video-gallery .teaser h3 {
    padding: 20px 10px 20px 0;
    border: none;
    background: none;
}
#extras #video-gallery .teaser h3 a {
    display: block;
}
#extras #video-gallery .teaservideo {
    float: left;
    margin-right: 10px;
    width: 100px;
}
#extras #video-gallery .object {
    clear: none;
    width: auto;
}