/* MAIN */

html { /*height: 100%; margin-bottom: 1px;*/ }

body {
	font-size: 72.00%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color:#000;
}  

/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border: 0 solid; }

/* (de) Neue Standardwerte für Listen & Zitate */
ul, ol, dl { margin: 0 0 1em 0em }

li { 
	margin-left: 1.5em; 
	line-height: 1.5em;
}

blockquote { margin: 0 0 1em 1.5em; }

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0 0 0.25em 0;
}

a { }
a:link { }
a:visited { }
a:active { text-decoration:expression(hideFocus='true'); }
a:hover { }

/* whoever thought blue linked was a good idea? */
a img, :link img, :visited img { border:none }
a { text-decoration:none; color:#FFF; }

/* no list-markers by default, since lists are used more often for semantics */
ul { list-style:none }

li {
	margin-left: 0em;
	line-height: 1.5em;
	list-style-type: none;
}
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
cite, blockquote { font-style: italic; }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
pre, code {
	font-family: monospace;
	font-size: 1.1em;
}
p { font-weight:normal;}
acronym, abbr {
	letter-spacing: .07em;
	border-bottom: .1em dashed #c00;
	cursor: help;
}

div.spacer {
	font-size: 0.08em;
	background: transparent;
	clear: both;
	width: 0;
	height: 0;
}

input {
	font-size: 12px;
}

.formlabels {
	position: absolute;
	left: -9999px;
}

.invisible {
	position: absolute;
	left: -5000px;
}

/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

/* (de) Diese Angabe benütigt der Safari-Browser zwingend !! */
.clearfix { display: block }

/* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden }

/* (de) IE-Clearing: Benütigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

/* ---------->>> GESAMTE SEITE <<<-----------*/
body {
	background: #000 url('/img/background.png') no-repeat 40px 40px;
}

div#page-margin { 
	position:relative;
}

div#page {}	


/* ---------->>> HEADER <<<-----------*/
div#logo {
	position:absolute;
	top:40px;
	left:60px;
	width: 214px;
	height: 153px;
	margin: 0;
	padding: 0;
}

div#logos {
	position:absolute;
	top:40px;
	left:60px;
	width: 214px;
	height: 153px;
	margin: 0;
	padding: 0;
}

.fade-box {
	margin-left: 0px;
	position: absolute;
	top: 0;
	/*
	width: 735px;
	height: 400px;
	*/
	display: none;
	/*
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	*/
}

#content{
	width: 735px;
	height: 560px;
	text-align: left;
}

#imageSpace{
	position:absolute;
	top:165px;
	left:225px;
	width: 735px;
	line-height: 1.4em;
	background-color:transparent;
}
#imageSpace a{
	text-decoration:underline; 
	/*color:#B70202;*/
	color:transparent;
	text-indent:-5000px;
}
#imageSpace a:hover{
	text-decoration:underline; color:#851111;
}

#cleargif {
	position: absolute;
	top:0px;
	left:0px;
	width: 735px;
	height: 410px;
	z-index: 30;
}

#imageThumbs{
	position:absolute;
	top:380px;
	left:0px;
	width: 680px;
	/*height: 150px;*/
	text-align: left;
}

#imageThumbs a:active { text-decoration:expression(hideFocus='true'); }

/*
#imageThumbs span {
	display:block;
	float:left;
	height:47px;
	width:82px;
	background-color:#fff;
}
*/


#imageThumbs a img.inactive {
  opacity: 0.3; /* Standard CSS3 opacity setting */
	/* -moz-opacity: 0.3; Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	/* filter: alpha(opacity = 30); Opacity for Internet Explorer. */
	/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; IE8 */
}
#imageThumbs a img.active {
  opacity: 1; /* Standard CSS3 opacity setting */
	/* -moz-opacity: 1;  Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	/* filter: alpha(opacity = 100);  Opacity for Internet Explorer. */
	/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; IE8 */
}

#imageThumbs a img.invisibleThumbs {
	opacity: 0; /* Standard CSS3 opacity setting */
	-moz-opacity: 0; Opacity for really old versions of Mozilla Firefox (0.9 or older)
	filter: alpha(opacity = 0); Opacity for Internet Explorer.
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; IE8
}

td {
	line-height: 1.4em;
	vertical-align:top;
	text-align:left;
}

#loading { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:10; 
	width:60px; 
	height:60px; 
	margin:-30px 0 0 -30px; 
	text-indent:-999em; 
	background-color:#000; 
	background:rgba(0,0,0,0) url(/img/slides/progress.gif) no-repeat center center; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
}

#fadeDieBilder{
	position:absolute;
	left:0px;
	top:0px;
}
#fadeDieBilder div {
	overflow: hidden;
}
	
#fadeDieBilder div img, #fadeDieBilder div a{
	cursor:hand;
	/*
		height:100%;
		width:100%;
	*/
	position:absolute;
	z-index: 0;
	top:0;
	left:0;
}

#SlideshowImage1{
	display:block;
}

#imageSpace .vimeoDiv, 
#imageSpace .vimeoDiv a, 
#imageSpace .vimeoDiv a:link, 
#imageSpace .vimeoDiv a:visited, 
#imageSpace .vimeoDiv a:active, 
#imageSpace .vimeoDiv a:hover {
	color:#FFF;
	text-decoration:none;
}

#backButton {
	display:none;
	/*visibility:hidden;*/
	position:absolute;
	top:499px;
	left:90px;
	height:37px;
	width:130px;
	background-color: #191816;
}
#backButton img {
	margin-left:55px;
}
#imageSpace .seeCampaign {
	display:none;
	/*visibility:hidden;*/
	position: absolute;
	left: -135px;
	top: 334px;
	text-indent:0;
	height:67px;
	background-color: #191816;
}

#campaignsLink {
	display:none;
	/*visibility:hidden;*/
}