/* CSS-Design by dianimation, Diana Muigg */

/* ANIM INTRO NAVIGATION ------------------------------------------------------------------------------------------------------------------------------------*/

#animintro, #intronavi      { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#animintro					{ background-color: #990033; z-index: 1000; } 

#animhelper, #introhelper   { position: relative; height: 100%; width: 1px; top: 50%; left: 50%; }
#animwrap, #introwrap       { position: absolute; width: 920px; height: 600px; top: -400px; left: -460px; }

#logoinvert                 { position: absolute; left: 31px; top: 100px; width: 860px; height: 570px; cursor: pointer; }
#logoinvert                 { background: url(cssimg/logoinvert.png) no-repeat; }

#animcontentwrap            { position: absolute; left: 220px; top: 430px; width: 550px; }
#introcontentwrap	    	{ position: absolute; left: 220px; top: 406px; width: 483px; }
#introcontentwrap .language { position: absolute; margin-top: 5px; }
#animcontent h2		    	{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform: uppercase; 
                              font-style: normal; font-size: 34px; line-height: 38px; font-weight: bold; color: #FFFFFF; }

/* Anim Intro Navi */
.va-slice                   { clear: both; display: block; width: 483px; height: 42px; border-bottom: 1px solid #E2E2E2; }
.va-slice h2 a              { text-transform: uppercase; font-style: normal; font-weight: bold; color: #B7B7B7; text-decoration: none; 
                              font-size: 34px; line-height: 38px; padding-top: 2px; float: left; }
.va-slice h2 a:hover        { color: #515151; }
.va-slice ul                { display: none; padding: 0; }
.va-slice:hover ul          { display: inline-block; }
.va-slice ul li             { float: left; margin: 0 0 0 12px; }
.va-slice ul li a           { text-decoration: none; text-transform: none; font-style: italic; }

ul.ts_preview li img        { background: #DEE0E2; }

/* NEWS ORBIT ------------------------------------------------------------------------------------------------------------------------------------*/

#orbitwrap					{ position: relative; top: -30%; left: -245px; }
#news						{ position: relative; }
#news .newswrap				{ width: 576px; margin: -162px 5px 5px 5px; background: #FFFFFF; position: relative; }
#news .newswrap:first-child	{ margin-top: 5px; }
#news .newsbg				{ width: 550px; top: 3px; left: 10px; margin: 0; padding: 0; 
							  border: 8px solid #FFFFFF; background: #F4F4F4; box-shadow: 0px 0px 2px #E2E2E2; 
			    			  -moz-box-shadow: 0px 0px 2px #E2E2E2; -webkit-box-shadow: 0px 0px 2px #E2E2E2; }

#news .newsintro			{ position: relative; margin: 4px; background: transparent url(cssimg/arrownewsdown_hell.png) no-repeat 520px 6px; }
#news .newsimg				{ width: 200px; height: 100px; margin: 0; padding: 6px 4px 2px 6px; }
#news .newstext				{ position: absolute; bottom: 8px; left: 215px; margin-right: 8px; }
#news .newstext h1			{ font-size: 13px; line-height: 18px; color: #515151; }
#news .newstext p			{ padding: 0; }

#news:hover	.newsbg			{ background: #FAFAFA; cursor: pointer; }
#news:hover .newsintro		{ background: url(cssimg/arrownewsdown_rot.png) no-repeat 520px 6px; }
#news:hover	h1				{ color: #990033; }

.newstoggle					{ padding: 0 20px 14px 20px; }
.newstoggle p 				{ padding: 0 0 14px 0; }
.newstoggle p:last-child 	{ padding: 0; }
.newstoggle img				{ border: 1px solid #E2E2E2; }
.newstoggle img.floatri		{ margin-left: 16px; }
.newstoggle img.floatle		{ margin-right: 16px; }

#news .shadow				{ width: 560px; height: 18px; margin: 1px 0 0 0; 
                              background: url(cssimg/shade_news_index.png) no-repeat top center; }

/* OVERRIDES ------------------------------------------------------------------------------------------------------------------------------------*/

#header                     { background: none; }
#mainnavi                   { display: none; }
#headerlogo:hover h1        {  }
#headerlogo:hover h5        {  }
#headerintro                { display: none; padding-left: 50px; }
#headerintro h1             { font-size: 23px; line-height: 20px; padding-top: 20px; }
#headerintro h5             { color: #B7B7B7; padding-top: 13px; }

#introwrap       			{ position: relative; width: 920px; height: 600px; top: -568px; left: -460px; }
#introwrap.nonews           { top: -400px; }