* { margin: 0px; padding: 0px; border: 0px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none; 
  } 


html { 
	font-size: 70%; 
	line-height: 135%; 
} 

body {
	color: #808080;
	background-color: #FFF;
	text-align: left;  
}

h1 {
	color: #FFFFFF;
	background-color: #808080;
	font-weight: bold;
	line-height: 1.4em; 
	font-size: 1em;
	display: inline;
	padding: 0px 1px 1px 1px;
}

h1.intro {
	font-weight: normal;
	color: #808080;
	background-color: #FFF;
	display: block;
	margin-top: 50px;
	margin-left: 20px;
}

p.intro {
	margin-left: 20px;
}

h2 {
	color: #FFFFFF;
	background-color: #808080;
	font-weight: bold;
	line-height: 1.58em; 
	font-size: 1em;
	display: inline;
	padding: 0px 1px 1px 1px;
}

/* LINKS */

a { 
	color: #FF9E4B; 
	outline: none;
}

a:hover { 
	color: #00A7B7; 
}

a.infoButton, #nextButtonHigh a, #prevButtonHigh a, a.langButton {
	color: #808080;
}

a.infoButton:hover, #nextButtonHigh a:hover, #prevButtonHigh a:hover, a.langButton:hover {
	color: #000;
}

#prevButtonHigh, #prevButtonLow {
	position: absolute;
	top: 0px;
	left: 0px;
}

#nextButtonHigh, #nextButtonLow {
	position: absolute;
	top: 0px;
	left: 14px;
}

/*#nextButtonLow, #prevButtonLow {
	color: #B3B3B3;
	cursor: default;
} */

#nextButtonLow a, #prevButtonLow a {
	color: #B3B3B3;
	cursor: default;
} 

#prevButtonHigh, #nextButtonLow {
	visibility: hidden;
}

.currentLang {
	color: #333;
	cursor: default;
}

.langSpacer {
	cursor: default;	
}

/*CONTAINER*/

#contNaviMain {
	position: absolute;
	left: 4px;
	top: 17px;
	width: 120px;
	height: 120px;
}

#contNaviSub {
	position: absolute;
	left: 7px;
	top: 157px;
	width: 210px;
	height: 537px;
	z-index: 101;
}

#contContent {
	position: absolute;
	left: 216px;
	top: 160px;
	height: 534px;
	z-index: 100;
}

#contIntro {
	position: absolute;
	left: 190px;
	top: 100px;
	height: 534px;
	z-index: 100;
}


#contLang {
	position: absolute;
	left: 967px;
	top: 15px;
	width: 24px;
	height: 10px;
}

#previewMessage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 990px;
	height: 16px;
	color: #FFF;
	background-color: #999;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}

/*COLUMNS*/

#column1 {
	position: absolute;
	left: 0px;
	top: -4px;
	width: 242px;
	height: 534px;
}

#column2 {
	position: absolute;
	left: 261px;
	top: -4px;
	width: 242px;
	height: 534px;
}

#column3 {
	position: absolute;
	left: 522px;
	top: -4px;
	width: 242px;
	height: 534px;
}

/*NEWS*/

#news {
	width: 785px;
}

#news img {
	float: left;
}

#news .textblock {
	float: left;
	padding-left: 17px;	
	margin-top: -4px;
	width: 610px;
}

.clearNewsItem { 
	clear: both; 
	width: 0; 
	height: 30px; 
	font-size: 0; 
	overflow: hidden; 
}


/*SHOWTIME*/

#projectImages {
	position: absolute;
	left: -25px;
	top: -25px;
	width: 790px;
	height: 465px;
}

#projectNavi {
	position:absolute;
	left: 0px;
	top: 446px;
	height: 20px;
	width: 100px;
	font-size: 1.1em;
}

#infoButton {
	position:absolute;
	left: 0px;
	top: 476px;
	height: 20px;
	width: 100px;
}

#projectText {
	position:absolute;
	left: 0px;
	top: 491px;
	height: 40px;
	width: 800px;
	visibility: hidden;
}

#image1, #image2, #image3, #image4, #image5, #image6 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

#image1 {
	visibility: visible;
}


/*naviMain*/

#naviMain li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 120px;
	height: 26px;
	padding-bottom: 6px;
}

#naviMain a
{
	display: block;
	width: 120px;
	height: 26px;
}

#naviMain #n1 a { background-image: url(../images/navi/n1_0.gif);}

#naviMain #n1 a:hover, #naviMain #n1 a.current {background-image: url(../images/navi/n1_1.gif);}

#naviMain #n2 a {background-image: url(../images/navi/n2_0.gif);}

#naviMain #n2 a:hover, #naviMain #n2 a.current {background-image: url(../images/navi/n2_1.gif);}

#naviMain #n3 a {background-image: url(../images/navi/n3_0.gif);}

#naviMain #n3 a:hover, #naviMain #n3 a.current {background-image: url(../images/navi/n3_1.gif);}

#naviMain #n4 a {background-image: url(../images/navi/n4_0.gif);}

#naviMain #n4 a:hover, #naviMain #n4 a.current {background-image: url(../images/navi/n4_1.gif);}


/*naviSub*/

#naviSub li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:3px;
}

#naviSub a {
	color: #FF9E4B;
	line-height: 1.2em; 
	font-size: 1.1em;
	position: absolute;
	left: 0px;
}

.navItemRect {
	color: #FFFFFF;
	background-color: #00A7B7;
	font-weight:bold;
	line-height: 1.2em; 
	font-size: 1.1em;
	padding: 0px 1px 1px 1px;
	margin-left: -1px;
	visibility: hidden;
}

/*GAME mischen*/

#m1_1, #m1_2, #m1_3, #m2_1, #m2_2, #m2_3, #m3_1, #m3_2, #m3_3, #mtxt0, #mtxt1, #mtxt2, #mtxt3, #mtxt4 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

#m1_0, #m2_0, #m3_0 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
}

#game1 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#game2 {
	position: absolute;
	top: 125px;
	left: 0px;
}

#game3 {
	position: absolute;
	top: 250px;
	left: 0px;
}

#gameText {
	position: absolute;
	top: 390px;
	left: 0px;
	width: 300px;
}

/*.hidden {
	visibility: hidden;
}*/

/*special projects*/

#vereinstraeger, #textil {
	position: absolute;
	top: 25px;
	left: 24px;
}

#vereinstraeger #imgTarg1, #vereinstraeger #imgTarg2, #vereinstraeger #imgTarg3, #vereinstraeger #imgTarg4 {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}

#vereinstraeger #imgTarg1 {
	visibility: visible;
}

#vereinstraeger #imgTrigg {
	position: absolute;
	left: 332px;
	top: 0px;
}

#textil #imgTarg1, #textil #imgTarg2, #textil #imgTarg3, #textil #imgTarg4, #textil #imgTarg5, #textil #imgTarg6, #textil #imgTarg7 {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}

#textil #imgTarg1 {
	visibility: visible;
}

#textil #imgTrigg {
	position: absolute;
	left: 395px;
	top: 0px;
}