@charset "UTF-8";
@media all {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal; 
	font-style:normal; 
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th { 
	 text-align:left; 
}
fieldset,img {  
	border:0; 
}
hr {
	border:0;
	margin:0;
	padding:0;
}

/* basic framework items */

.hidden {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
}
div.cmBox {
	background-color: #1569C0;
	border:1px solid  #000000;
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 3px;
	margin-top: 5px;
	padding: 2px;
}
div.cmBox h1 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
div.cmBox h2 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.float-right {
	float: right;
	margin: 0.5em 0 1.33em 1.33em;
}
.float-left {
	float: left;
	margin: 0.5em 1.33em 1.33em 0;
}
body {
	color:#E6E7E7; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 22px;
	background-color:#000000;
	scrollbar-face-color: #2F3C3F;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000;
}
#center {
	width: 1080px;
	height:600px;
	margin-left: auto;
	margin-right: auto;
}
#container {
	position:relative;
	width: 1080px;
}

#page_bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0
}


/*######################################################################
#		header
######################################################################*/

#header {
}

#suva_logo {
	position:absolute;
	width: 132px;
	height:24px;
	top:15px;
	left:73px;
}
#suva_logo a{
	background-image:url(logo-suva-web.png);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	position:relative;
	height:24px;
	width: 132px;
	color:#E6E6E7
}
#suva_logo a .suva_home_link{
	position:absolute;
	top:33px;
	left:25px;
	width:150px;
	height:20px;
	font-size:11px;
	line-height:17px;
	display:none
}
#suva_logo a:hover{
	background-position:0 -26px;
	height:56px;
}
#suva_logo a:hover .suva_home_link{
	display:block;
}
#suva_logo img{
	display:none
}
#partner_logo {
	left:215px;
	position:absolute;
	top:0px;
}
#lang_nav {
	height:24px;
	left:510px;
	position:absolute;
	top:11px;
	width:100px;
}
#area_nav {
	position:absolute;
	height:24px;
	top:11px;
	left:582px;

}
#area_nav li {
	border:0;
	padding-right:15px;
}
#area_nav li.first {
	text-align:right;
	width:50px;
}


/*######################################################################
#		footer
######################################################################*/

#footer {
	height:20px;
	width:1004px;
	position:relative;
	bottom:-126px;
	left:52px;
	font-size:11px;
	line-height:11px;
	color:#59676C;
}
#footer img {
	vertical-align:text-bottom;
}
#eyekon_logo {
	float:right;
}
#eyekon_logo a{
	background-image:url(../img/logo_eyekon.png);
	display:block;
	background-position:0 0;
	height:14px;
	width:52px;
	background-repeat:no-repeat
}
#eyekon_logo a:hover{
	background-position:0 -17px;
	height:20px;
}
#eyekon_logo img {
	display:none
}

/*######################################################################
#	tools navigation for header & footer
######################################################################*/

.tools li{
	float:left;
	border-left:1px solid #59676C;
	padding: 0 8px;
	font-size:11px;
	line-height:11px;
	clear:right;
	color:#59676C;
}
.tools li.first{
	border-left:0;
}
.tools a{
	color:#59676C;
	text-decoration:none;
}
.tools a.intern,
.tools a.extern {
	background: none;
	padding: 0;
}
.tools a.active,
.tools a:hover{
	color:#E6E7E7;
}
a.addthis_button{
	background-image:url(icon-add-this.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:112px;
	display:block;
	margin-top:-2px
}
a.addthis_button:hover{
	background-position:0 0;
}
.section a.addthis_button {
	background-position:0 -44px;
	display:inline-block;
}

#footer a.addthis_button {
	background-position:0 -22px;
}
.section a.addthis_button:hover,
#footer a.addthis_button:hover{
	background-position:0 0;
}


/*##############################################################
	Fonts
##############################################################*/

h1 {
	color:#CCB879;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	padding:0 0 7px 0
}
h2 {
	color:#CCB879;
	font-weight:normal;
}

form, table, input, label, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 22px;
	color:#E6E7E7;
}

strong,
.lead {
	font-weight: bold;
}
em {
	font-style: italic;
}

/*##############################################################
	Links
##############################################################*/

a.button {
	color:#000;
	background-image:url(bg-button.png);
	background-repeat:no-repeat;
	height:26px;
	width:131px;
	display:block;
	float:right;
	text-align:center;
	padding:3px 0 0 0;
	background-position:0 0;
	font-size:13px;
	text-decoration:none;
}
a.button:hover {
	background-position:0 -29px;
	color:#000;	
}
.button {
	cursor:pointer
}

a {
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover {
	color:#CCB879;
}

a.intern,
a.extern{
	color:#FFFFFF;
	text-decoration:underline;
	background-repeat:no-repeat;
	background-position:0 3px;
}
a.intern:hover,
a.extern:hover{
	color:#CCB879;
}
a.intern {
	padding-left:18px;
	background-image: url(icon_intern.png);
}
a.intern.pdf {
	background-image: url(icon_pdf.gif);
	background-position:0 0;
}
a.intern.word {
	background-image: url(icon_word.gif);
	background-position:0 0;
}
a.intern.excel {
	background-image: url(icon_excel.gif);
	background-position:0 0;
}
a.intern.ppt {
	background-image: url(icon_ppt.gif);
	background-position:0 0;
}
a.intern.zip {
	background-image: url(icon_zip.gif);
	background-position:0 0;
}
a.intern.flash {
	background-image: url(icon_flash.gif);
	background-position:0 0;
}
a.intern.movie {
	background-image: url(icon_movie.gif);
	background-position:0 0;
}
a.intern.music {
	background-image: url(icon_music.gif);
	background-position:0 0;
}
a.intern.picture {
	background-image: url(icon_picture.gif);
	background-position:0 0;
}
a.intern.wrench {
	background-image: url(icon_wrench.gif);
	background-position:0 0;
}
a.extern {
	padding-left:14px;
	background-image: url(icon_extern.gif);
}

/*######################################################################
#		Content
######################################################################*/

#stage {
	position:relative;
	top:106px;
	left:37px;
	width:672px;
	overflow:hidden;
}
#switch_right, 
#switch_left {
	top:126px;
	position:absolute;
}
#switch_right a, 
#switch_left a {
	display:block;
	background-repeat:no-repeat;
	height:55px;
	width:33px;
	text-decoration: none;
	color: #aaaaaa;
}
#switch_left a {
	background-position:0 0;
	text-align:left;
}
#switch_right a {
	background-position:0 0;
	text-align:right;
}
#switch_left a:hover,
#switch_left a.active {
	background-position:0 -55px;
	color: #ffffff;
}
#switch_right a:hover,
#switch_right a.active {
	background-position:0 -55px;
	color: #ffffff;
}
#switch_right.inactive a,
#switch_right.inactive a:hover, 
#switch_left.inactive a,
#switch_left.inactive a:hover
{
	display: none;
}
#switch_left {
	left:0;
}
#switch_left a{
	background-image:url(arrow-left-css.png);
}
#switch_right {
	right:0;
}
#switch_right a{
	background-image:url(arrow-right-css.png);
}
#switch_right a img, 
#switch_left a img{
	display:none;
}
#switch_left a img {
	float: left;
}
#switch_right a img {
	float: right;
}
#switch_right a span, 
#switch_left a span {
	display:block;
	font-size: 11px;
	line-height: 15px;
	padding-top:10px;
}
#switch_left a span {
	padding-left:48px;
}
#switch_right a span {
	padding-right:48px;
}

#ajax-loader {
	left:302px;
	position:absolute;
	top:115px;
	width: 66px;
	height:66px;
}

#ajax-error {
	background-color:#563939;
	border:1px solid #6C0101;
	left:177px;
	padding:10px;
	position:absolute;
	top:40px;
	width:300px;
}

/*######################################################################
#		Content Movie Folge
######################################################################*/

#screen {
	width:604px;
	padding-top:12px;
	margin-left:33px;
	overflow:hidden;
}
#section_container { 
}
.section {
	width:634px;
	float:left;
}
.movie {
	width:604px;
	height:256px;
	margin-bottom:19px;
	padding:16px 0 16px 0;
}
/*flash move size 604px 256px*/
.movie_text_nav {
	width:75px;
	font-size:11px;
	line-height:15px;
	height:30px;
	margin-top:107px;
	padding-left:15px;
	float:left;
	cursor:pointer;
	color:#6E6E6E;
}

.movie .text {
	width:434px;
	padding-left:67px;
	vertical-align:middle;
	display:table-cell;
	height:258px;
}

.text_box {
	width:604px;
	height:245px;
	overflow:hidden;
	display:none;
}
.text_box p,
.text p {
	padding-bottom:5px
}

.text_box.active {
	display:block;
}
.participate_button {
	clear:left;
	padding-bottom:7px;
}
.prize_block {
	
}
.prize_img {
	width:147px;
	float:left;
	background-image:url();
	height:110px;
}
.prize_img p {
	height:110px;
	width:147px;
	text-align:center;
	display:table-cell;
	padding:0;
	vertical-align:middle;
}

.prize_description {
	width:429px;
	float:left;
	padding:10px 0 0 10px;
}

img.icon_in_text
{
	vertical-align:text-bottom;
}
.button_block {
	position:relative;
	margin:20px 20px 20px 0;
	overflow:hidden;
	text-align:right;
}
.section .button_block {
	margin:0;
	width: 580px;
}
.button_block p {
	padding: 0 0 0 10px;
}
.button_block a.button {
	margin-left:10px
}
.button_block a.intern {
	line-height:28px
}


/*##############################################################
	Street elements
##############################################################*/

#street_elements {
}

#poster_1 {
    background-image: url(poster_winter.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 228px;
    left: 850px;
    position: absolute;
    top: 105px;
    width: 120px;
    z-index: 5;
	padding: 0;
}

#poster_1:hover {
    background-position: -200px 0;
}

#banana {
	position:absolute;
	top:520px;
	left:936px;
}
.tafel a {
	display:block;
	color:#D0D3D3;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
	position:relative;
	text-align:center;
	cursor:pointer;
}
.tafel .teaserPos {
	position:absolute;
	z-index:2;
	display:block;
}
.tafel .tabelcell{
	display:table-cell;
	vertical-align:middle;
}

.tafel .highlight {
	position:absolute;
	z-index:1;
	background-repeat:no-repeat;
	top:0;
	left:0;
}
.tafel a:hover .highlight,
.tafel a.active .highlight {
	display:block;
}

#tafel_1 {
	position:absolute;
	top:388px;
	left:764px;
	z-index:4;
	width:172px;
	height:198px;
}
#tafel_1 a  {
	width:151px;
	height:175px;
	font-size:15px;
	line-height:21px;
}
#tafel_1 .teaserPos {
	top:25px;
	left:28px;
}
#tafel_1 .tabelcell {
	width:114px;
	height:140px;
}
#tafel_1 .highlight {
	width:173px;
	height:200px;
	background-image:url(tafel-teaser-1-hover.png);
	background-position:0px 0px;
}

#tafel_2 {
	position:absolute;
	top:336px;
	left:905px;
	z-index:3;
	width:152px;
	height:155px;
}
#tafel_2 a  {
	width:106px;
	height:122px;
}
#tafel_2 .teaserPos {
	top:25px;
	left:20px;
}
#tafel_2 .tabelcell {
	width:90px;
	height:100px;
}
#tafel_2 .highlight {
	width:152px;
	height:155px;
	background-image:url(tafel-teaser-2-hover.png);
	background-position:0px 0px;
}

#tafel_3 {
	position:absolute;
	top:291px;
	left:719px;
	z-index:1;
	width:124px;
	height:113px;
}
#tafel_3 a  {
	width:90px;
	height:90px;
}
#tafel_3 .teaserPos {
	top:20px;
	left:30px;
}
#tafel_3 .tabelcell {
	width:60px;
	height:71px;
}
#tafel_3 .highlight {
	width:126px;
	height:113px;
	background-image:url(tafel-teaser-3-hover.png);
	background-position:0px 0px;
}

#tafel_4 {
	position:absolute;
	top:315px;
	left:804px;
	z-index:2;
	width:130px;
	height:133px;
}
#tafel_4 a  {
	width:92px;
	height:107px;
}
#tafel_4 .teaserPos {
	top:20px;
	left:17px;
}
#tafel_4 .tabelcell {
	width:80px;
	height:80px;
}
#tafel_4 .highlight {
	width:130px;
	height:133px;
	background-image:url(tafel-teaser-4-hover.png);
	background-position:0px 0px;
}

/*##############################################################
	Informationen
##############################################################*/
#tafel_nav {
	position:absolute;
	top:72px;
	left:63px;
	width:160px;
}
#tafel_nav li  {
	height:160px;
	overflow:hidden;
	display:block;
	margin-top:-8px;
}
#tafel_nav li a {
	height:150px;
	width:100px;
	text-decoration:none;
	vertical-align:middle;
	display:table-cell;
	padding:0px 36px 0 18px;
	text-align:center;
	color:#D0D3D3;
	font-size:13px;
	line-height:17px;
	background-position: 0px -5px;
}
#tafel_nav li a:hover,
#tafel_nav  a.active{
	background-position: 0px -170px;
}

#tafel_nav li#info_1 a{
	background-image:url(tafel-navigation-1-css.png);
}
#tafel_nav li#info_2 a{
	background-image:url(tafel-navigation-2-css.png);
}
#tafel_nav li#info_3 a{
	background-image:url(tafel-navigation-3-css.png);
}
#tafel_nav li#info_4 a{
	background-image:url(tafel-navigation-4-css.png);
}

#tafel_nav li a img{
	display:none;
}

#tafel_content{
	top:71px;
	left:235px;
	width:510px;
	height:593px;
	position:relative;
	background-image:url(bg-page-tafel.jpg);
	background-repeat:no-repeat;
}
a.button_close {
	float:right;
	height:25px;
	overflow:hidden;
	width:70px;
	background-image:url(shadowbox-close.png);
	background-color: #404242;
	background-repeat:no-repeat;
	background-position:13px 6px;
	padding: 2px 7px 0 33px;
	color:#C5C6C6;
	cursor:pointer;
	text-decoration:none;
	font-size:85%;
}
a.button_close img {
	display:none
}

a.button_close:hover {
	background-color: #555959;
}

/*######################################################################
#		Content General with Text (prize, teilnehmerbedingungen)
######################################################################*/

#content_area {
	margin:20px 0 0 35px;
	width:637px;
	height:480px;
	overflow:auto
}
.content ul,
#clean-content ul,
ul.error {
	padding: 5px 0 22px 0;
}
.content.wide ul li,
#clean-content ul li,
ul.error li {
	list-style:disc;
	margin-left:20px;
}
#clean-content ul.nobullets {
	padding: 5px 0 22px 0;
}
#clean-content ul.nobullets li {
	list-style:none;
	margin-left:0;
}
.content p {
	padding-bottom:22px;
}

/*##############################################################
	prize
##############################################################*/
.content {
	width:400px;
}
ul.list_prize  {
	padding:0 0 20px 0;
}
ul.list_prize span {
	vertical-align:top;
	display:table-cell;
	padding:8px 0;
}
.content.wide ul.list_prize li,
ul.list_prize li {
	display:table-row;
	line-height:23px;
	list-style:none;
}
ul.list_prize img {
	display:block;
	margin-right:12px;
	margin-top:6px;
}

/*##############################################################
	Teilnehmerbedingungen
##############################################################*/

.content.wide {
	width:580px;
}

/*##############################################################
	leeres layout
##############################################################*/

#clean-content {
	left:0;
	position:absolute;
	top:117px;
	width:1080px;
	z-index:10;
}

#clean-content div.text,
#clean-content #login {
	margin-left:auto;
	margin-right:auto;
	width:530px;
}

#clean-content div.band {
	margin-left:auto;
	margin-right:auto;
	width:1080px;
}

h2.error {
	border:2px solid red;
	color:red;
	font-weight:bold;
	margin:20px 0;
	padding:10px;
}

/*##############################################################
	Login
##############################################################*/

#login form fieldset legend {
	display: none;
}

#login form label {
	width: 125px;
}

.loginerror {
	color: red;
}

/*##############################################################
	Misc
##############################################################*/

.clear_left {
	clear:left;
}
.clear_right {
	clear:right;
}
.clear_both {
	clear:both
}

/*####################################################################
	add This Style
####################################################################*/

#at20mc input{
	float:none;
	font-size:12px;
	line-height: 1em;
}
span.ui-checkbox {
	display: block;
	float: left;
	width: 15px;
	height: 20px;
	margin:0 7px 0 0;
	background: url(icon-checkbox.png) 0 -22px no-repeat;
}

span.ui-radiobutton {
	display: block;
	float: left;
	width: 15px;
	height: 20px;
	margin:0 7px 0 0;
	background: url(icon-radiobutton.png) 0 -22px no-repeat;
}

span.ui-checkbox:hover,
span.ui-radiobutton:hover {
	background-position: 0 -72px;
}

span.ui-checkbox-checked,
span.ui-radiobutton-checked {
	background-position: 0 3px;
}
span.ui-checkbox-checked:hover,
span.ui-radiobutton-checked:hover {
	background-position: 0 -47px;
}

span.ui-checkbox.correct,
span.ui-radiobutton.correct {
	background-position: 0 -122px;
}
span.ui-checkbox.correct:hover,
span.ui-radiobutton.correct:hover {
	background-position: 0 -122px;
}

span.ui-checkbox-checked.correct,
span.ui-radiobutton-checked.correct {
	background-position: 0 -97px;
}
span.ui-checkbox-checked.correct:hover,
span.ui-radiobutton-checked.correct:hover {
	background-position: 0 -97px;
}

span.ui-checkbox.incorrect,
span.ui-radiobutton.incorrect {
	background-position: 0 -172px;
}
span.ui-checkbox.incorrect:hover,
span.ui-radiobutton.incorrect:hover {
	background-position: 0 -172px;
}

span.ui-checkbox-checked.incorrect,
span.ui-radiobutton-checked.incorrect {
	background-position: 0 -147px;
}
span.ui-checkbox-checked.incorrect:hover,
span.ui-radiobutton-checked.incorrect:hover {
	background-position: 0 -147px;
}

#sb-container,#sb-wrapper{
text-align:left; 
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #303030;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto; 
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#060606; 
}
#sb-title,#sb-info{
position:relative;
margin:0; 
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
font-family:'Lucida Grande',Tahoma,sans-serif;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:16px;
padding:5px 0;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(shadowbox-close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(shadowbox-next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(shadowbox-previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(shadowbox-play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(shadowbox-pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-family:'Lucida Grande',Tahoma,sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}

#sb-body {
	border: 0px solid;
}
#sb-body, 
#sb-loading {
	background-color:#93989B;
}
#sb-wrapper {
	background: #93989B url(bg-page-tafel.jpg) repeat left top;
}
#sb-info {
	height:27px;
	padding: 10px 0 0 0;
}
#sb-info-inner {
	height:27px;
	padding: 0;
}
#sb-title, #sb-title-inner {
	height:0px;
}
#sb-nav {
	height:27px;
	padding:0;
}
#sb-nav #sb-nav-close{
	width: 70px;
	padding:5px 7px 8px 33px;
	color: #c5c6c6;
	background-color: #404242;
	background-position:13px 6px;
}
#sb-nav #sb-nav-close:hover{
	background-color: #555959;
}
#sb-title-inner, #sb-info-inner {
	font-family: Arial, Helvetica, sans-serif;
}
/**** CSS Style for forms  ****/
.nichtvorhanden { 
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
}

form{
	padding: 0;
	margin: 0;
	width: 580px;
}

.section form {
	display: none;
}
.section form.active {
	display: block;
}

form ul {
	margin: 0;
}

form .submitrow {
	margin: 0 !important;
}

form ul li {
	padding: 5px 0;
	list-style-type: none !important;
	margin-left: 0px !important;
	clear: left;
}

form ul li ul {
	height: 1%;
	margin: 0;
}

/**** fieldsets ****/

form.webisode fieldset {
	margin: 0 0 10px 0;
}

form fieldset legend {
	font-weight: bold;
	color: #000;
	padding-top: 0;
	padding-bottom: 0.2em;
	white-space: normal;
}
form.webisode fieldset legend {
	color:#CCB879;
	font-size:22px;
	font-weight:normal;
	line-height:26px;
	padding:0 0 7px 0;
}

form fieldset legend br{
	line-height: 1px;
}

form fieldset legend.legend-radio-group {
	font-weight: normal;
}

form fieldset legend.legend-checkbox-group {
	font-weight: normal;
}

/**** input fields ****/

form input,
form select,
form textarea {
	background-color:#070809;
	border:1px solid #7C7E80;
	color:#E6E7E7;
	font-size:11px;
	line-height:15px;
	padding:1px 0 4px 7px;
	width:242px;
	float: left;
}

form input[type=image]{
	width: auto;
}

form li.forms-input-file input {
}

form label {
	/* change here if you want to have horizontal aligment */
	float:left;
	width: 75px;
}

form input[type=radio]{
	width: auto;
}

form textarea {
	height: 100px;
}

form li.forms-input-naked-text {
	clear: left;
	padding-top:0;
}

form li.forms-input-naked-image {
	clear: left;
}

form li.forms-input-image input{
	width: auto;
}

form li.input_label_after_aligned_right {
	padding: 4px 0 4px 200px;
}

form li.input_label_after_aligned_right label{
	width: 180px;
}

/**** buttons ****/

form li.forms-input-submit input, 
form li.forms-input-reset input, 
form li.forms-input-back input,
form li.forms-input-forward input,
form input[type=submit],
form input.button {
	color:#000;
	background-image:url(bg-button.png);
	background-repeat:no-repeat;
	height:27px;
	width:131px;
	display:block;
	float:right;
	text-align:center;
	vertical-align:baseline;
	padding:0 0 0 0;
	background-position:0 0;
	background-color:transparent;
	border:0;
	font-size:13px;
	text-decoration:none;
	margin-left: 10px;
}

form li.forms-input-submit input:hover,
form li.forms-input-reset input:hover,
form li.forms-input-back input:hover,
form li.forms-input-forward input:hover,
form input[type=submit]:hover,
form input.button:hover {
	background-position:0 -29px;
}

form li.forms-input-submit {
	float: none;
	overflow: hidden;
}

form li.forms-input-reset {
	margin-right: 3px;
	float: right;
}

/**** checkboxes  and radiobuttons ****/

form li.forms-input-checkbox input,
form li.forms-input-checkbox-label-after input,
form li.forms-input-radio input,
form li.forms-input-radio-label-after input {
	position: relative;
	top: 4px;
	padding: 0;
	margin: 0 7px 0 0;
	float: left;
	width: auto;
	text-align: left;
}

form li.forms-input-checkbox span.solution input,
form li.forms-input-checkbox-label-after span.solution input,
form li.forms-input-radio span.solution input,
form li.forms-input-radio-label-after span.solution input {
	position: relative;
	top: 0;
	padding: 0;
	margin: 0;
	float: left;
	width: auto;
	text-align: left;
}

form li.forms-input-checkbox span.solution,
form li.forms-input-checkbox-label-after span.solution,
form li.forms-input-radio span.solution,
form li.forms-input-radio-label-after span.solution {
	position: relative;
	top: 4px;
	padding: 2px;
	margin: 0 7px 0 0;
	float: left;
	display: block;
}

form li span.solution.incorrect {
	background-color: #f64141;
}
form li span.solution.correct {
	background-color: #31da39;
}

form li.forms-input-checkbox-label-after {
	margin-left: 0;
	padding: 4px 0 0 75px;
	float: left;
}
form li ul li.forms-input-checkbox-label-after {
	padding: 4px 0 0 12px;
	clear: none;
}
form li.forms-input-checkbox-label-after label {
	display:table-cell;
	margin-right:0;
	width:400px;
}
form li ul li.forms-input-checkbox-label-after label {
	width:240px;
}

form li.forms-input-radio-label-after {
	margin-left: 0;
	padding: 0;
	clear: left;
}
form li.forms-input-radio-label-after label {
	display: inline;
	width: auto;
}

form li.forms-input-radiobutton-label-after {
	margin-left: 127px;
	padding: 0;
	clear: left;
}
form li.forms-input-radiobutton-label-after label {
	width: 245px;
}

form li.radiolabel label {
	width: 400px;
}

/**** validation ****/

form div.validation-advice {
	background-color:#CCB879;
	border:1px solid #CCB879;
	color:#000000;
	display:block;
	float:left;
	font-size:13px;
	line-height:18px;
	margin:0 0 0 9px;
	padding:0 7px;
	width:240px;
}
form li.validation-advice {
	clear:left;
	padding: 0.2em 1.33em 0 14.67em;
	width: auto;
	color: #c70c2b;
	margin-left: 1.2em;
}
form .validation-failed {
	border:1px solid #CCB879 !important;
}

form div.validation-advice a{
	color: red;
}
form span.validation-advice-hidden {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
.formrequiredstring {
	margin-top: 5px;
	padding-left: 3px;
	display: block;
}

/**** one row ****/

form ul.forms-onerow {
	margin-bottom: 6px;
	clear:	both;
}
form li.forms-input-onerow fieldset legend {
	font-weight: normal;
	float:left;
	margin-right:1.33em;
	width:13.33em;
}
form li.forms-input-onerow fieldset ul {
	width:26.57em;
	margin-left:14.66em;
}
form li.forms-input-onerow fieldset label {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
}
form li.forms-input-onerow fieldset li {
	clear: none;
	float: left;
	margin-left:4%;
	width: 48%;
}
form li.forms-input-onerow fieldset li div.validation-advice {
	padding: 0;
}
form li.forms-input-onerow fieldset li.first {
	margin-left: 0;
}
form li.forms-input-onerow fieldset li.small {
	width:25%;
}
form li.forms-input-onerow fieldset li.large {
	width:71%;
}
form li.forms-input-onerow fieldset li input {
	width: 100%;
}

/**** header ****/

form ul.forms-header {
	height: 18px;
	padding-left: 5px;
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
}

form li.forms-header-text {
	font-weight: bold;
	font-size: 1em;
	padding: 2px 0px 3px 0px;
	display: inline;
}

form .formheader {
	font-weight: bold;
	font-size: 1em;
	padding: 2px 0px 3px 5px;
}

.formheaderhr {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #CCCCCC;
	border-bottom: transparent;
}

/**** edit mode ****/

div.forms-editmode {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #D2D2D4;
	color: red;
	font-weight: bold;
}

/**** inxmail form ****/

#form_inform_next {
	margin-top:10px;
	height:40px;
}

#form_inform_next img{
	vertical-align:bottom;
}

#form_inform_next form {
	display: block;
	width: 434px;
}

#form_inform_next form legend,
#form_inform_next form label {
	display: none;
}

#form_inform_next form fieldset ul li {
	float: left;
	clear: none;
}

#form_inform_next form fieldset ul li.forms-input-text input {
	width:200px;
	color:#FFF;
	font-size:11px;
	line-height:15px;
	margin:5px 10px 5px 0;
	padding:4px 0 8px 3px;
	height:12px
}

#form_inform_next form fieldset ul li.forms-input-submit input {
	background-image:url(bg-button-light.png);
	color:#FFF;
	font-size:11px;
	line-height:20px;
	height:29px;
	width:112px;
	padding:0px 0 0px 0;
	background-position:0 0;
	margin:3px 0 0 0
}

#form_inform_next form fieldset ul li.forms-input-submit input:hover {
	background-position:0 -34px
}

#form_inform_next div.validation-advice {
	clear:both;
	display:block;
	float:none;
	margin:5px 0 0;
	width:190px;
}

}
@media print {
body {
	font-size:15pt;
	line-height:22pt
}
h1 {
	font-size:22pt;
	line-height:26pt;
}
#center {
	height:100%;
	margin-left: 0;
	margin-right: 0;
}
a.button_close img,
#eyekon_logo img,
#suva_logo img{
	display:block;
}
#tafel_nav li#info_1 a,
#tafel_nav li#info_2 a,
#tafel_nav li#info_3 a,
#tafel_nav li#info_4 a,
#tafel_1 .highlight,
#tafel_2 .highlight,
#tafel_3 .highlight,
#tafel_4 .highlight,
#eyekon_logo a,
#suva_logo a,
#switch_right a,
#switch_left a {
	background-image:none;
}

#tafel_nav li  {
	overflow:visible;
	display:block;
}
#tafel_nav li a {
	display:block;
	position:relative;
}
#tafel_nav li a img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:5
}
#tafel_nav li a span.teaser {
	display: block;
	width:100px;
	z-index:10;
	position:absolute;
	top:30px;
	left:20px;
	color:#fff
}
#switch_right a img, 
#switch_left a img {
	display:block;
}
#switch_right.inactive a img, 
#switch_left.inactive a img {
	display:none;
}
.addthis_button {
	display:none;
}
.pp_pic_holder{
	display: none;
}



}