/* CSS Document */

html,body {
	margin:0px;
	padding:0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}

#ueberschrift {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	padding:0px;
	margin:0px;
	padding-right:4px;
}


a {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#97c00e;
	/*border:1px solid #00CC00;*/
}
a:hover { text-decoration:none; }

h3 /*uberschrift im content-bereich, schwarz */

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding-top:50px;
	padding-left:2px;
	padding-bottom:30px;
	margin:0px;

}

h4 /*uberschrift im content-bereich, schwarz */

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:0px;
	margin:0px;

}


.my_font1

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#99cc00;
	padding:0px;
	margin:0px;

}

.my_font2 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding-left:70px;
	margin:0px;

}


#box_site{
	position:absolute;
	background-image:url(images/bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	left:50%;
	top:50%;
	width:980px;
	height:560px;
	margin-left:-490px;
	margin-top:-272px;
	/*border:1px solid #FF0000;*/
}

#content {
    width:980px;
    height:560px;
}

#box_menue {
	position:absolute;
	top:80px;
	left:50px;
	height:auto;
	width:600px;
	border:0px solid #FF0000;
	z-index:2;
}

/* Menu: */
#jsddm {   
    margin: 0;
    padding: 0;
}

#jsddm li {   
    float: left;
    list-style: none;
}

#jsddm li a {   
    display: block;
    padding: 1px 7px;
    margin:0 1px;
    text-decoration: none;
    width: auto;
    color: #000000;
    background-color:#ffffff;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana sans-serif;
    font-weight:bold;
}

#jsddm li a:hover {   
    color:#97C00E;
}
    
#jsddm li ul {   
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white;
}
    
#jsddm li ul li {  
    float: none;
    display: inline;
}

#jsddm li ul li a {  
    font-size: 12px;
    font-weight:normal;
}

/* Menu Ende */

#box_content {
	/*background-color:#99cc00;*/
	position:absolute;
	top:156px;
	left:7px;
	height:388px;
	width:964px;
	border:1px solid #FF0000;
	
}

#box_start {
	/*background-color:#99cc00;*/
	position:absolute;
	top:156px;
	left:8px;
	height:388px;
	width:964px;
	/*border:1px solid #FF0000;*/
	background-image:url(images/start.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#flash_intro {
	/*background-color:#99cc00;*/
	position:absolute;
	top:156px;
	left:8px;
	height:388px;
	width:964px;
	border:0px solid black;
	z-index:1;
	
	
}


html>body #flash_intro{
	top:156px;
}

#skip {
	position:absolute;
	top:515px;
	left:468px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#333333;
	border:0px solid #FF0000;
	z-index:3;
	visibility:visible;
}


html>body #skip {
	top:515px;
	left:470px;
}



#box_content {
	/*background-color:#99cc00;*/
	position:absolute;
	top:156px;
	left:8px;
	height:388px;
	width:964px;
	/*border:1px solid #FF0000;*/
	
	
}


#box_ueberschrift {
	background-repeat:no-repeat;
	background-position:0px 0px;
	/*border:1px solid #FF0000;*/
	position:absolute;
	top:244px;
	left:8px;
	height:40px;
	width:500px;
}


.ue_mission {background-image:url(images/ue_mission.gif);}
.ue_b2p {background-image:url(images/ue_b2p.gif);}
.ue_venture {background-image:url(images/ue_venture.gif);}
.ue_krisenm {background-image:url(images/ue_krisenm.gif);}
.ue_social {background-image:url(images/ue_social.gif);}
.ue_standort {background-image:url(images/ue_standort.gif);}
.ue_public{background-image:url(images/ue_public.gif);}
.ue_jobs {background-image:url(images/ue_jobs.gif);}
.ue_kontakt {background-image:url(images/ue_kontakt.gif);}
.ue_impressum {background-image:url(images/ue_impressum.gif);}
.ue_oss {background-image:url(images/ue_oss.gif);}

.ue_gulli {background-image:url(images/ue_gulli.gif);}
.ue_gondal {background-image:url(images/ue_gondal.gif);}
.ue_gondalworld {background-image:url(images/ue_gondalworld.gif);}
.ue_artyria {background-image:url(images/ue_artyria.gif);}
.ue_emperor {background-image:url(images/ue_emperor.gif);}
.ue_xidda {background-image:url(images/ue_xidda.gif);}
.ue_moralist {background-image:url(images/ue_moralist.gif);}
.ue_escaria {background-image:url(images/ue_escaria.gif); margin-top:10px;}
.ue_nightcreeps {background-image:url(images/ue_nightcreeps.gif);}


#box_text {
	
	height:254px;
	width:904px;
	margin:30px;
	text-align:justify;
	/*border:1px solid #FF0000;*/
	line-height:18px;
	position:absolute;
	top:232px;
	left:3px;
	
}

#box_projekt_logo {
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:80px;
	width:300px;
	margin:30px;
	text-align:justify;
	line-height:18px;
	position:absolute;
	top:127px;
	left:3px;
}

#box_projekt_logo_b2p {
    background-image:url(images/b2p_logo.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:115px;
	width:240px;
	margin:30px;
	text-align:justify;
	line-height:18px;
	position:absolute;
	top:100px;
	left:3px;
}

#box_projekt_logo_gondalworld {
    background-image:url(images/gondalworld_logo.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:120px;
	width:205px;
	margin:30px;
	text-align:justify;
	line-height:18px;
	position:absolute;
	top:90px;
	left:10px;
}

.logo_gulli {background-image:url(images/gulli_logo.jpg);}
.logo_gondal {background-image:url(images/gondal_logo.jpg);}
.logo_artyria {background-image:url(images/artyria_logo.jpg);}
.logo_emperor {background-image:url(images/emperor_logo.jpg);}
.logo_xidda {background-image:url(images/xidda_logo_claim.jpg);}
.logo_moral {background-image:url(images/moralisten_logo.jpg);}
.logo_escaria {background-image:url(images/escaria_logo.jpg);}
.logo_nightcreeps {background-image:url(images/nightcreeps_logo.jpg);}

.indent_mission {text-indent:265px;}
.indent_b2p {text-indent:150px;}
.indent_venture {text-indent:383px;}
.indent_krisenm {text-indent:460px;}
.indent_social {text-indent:199px;}
.indent_standort {text-indent:114px;}
.indent_public {text-indent:183px;}
.indent_jobs {text-indent:56px;}
.indent_kontakt {text-indent:97px;}
.indent_impressum{text-indent:130px;}
.indent_gulli {text-indent:58px;}
.indent_gondal {text-indent:88px;}
.indent_gondalworld {text-indent:165px;}
.indent_artyria {text-indent:88px;}
.indent_emperor {text-indent:208px;}
.indent_xidda {text-indent:74px;}
.indent_moralist{text-indent:98px;}
.indent_escaria{text-indent:88px;margin-top:10px;}
.indent_nightcreeps{text-indent:158px;}




.box_standort {
	position:absolute;
	width:798px;
	padding-left:114px;
	border: 0px solid #cccccc;
	
}


.box_jobs {
	position:absolute;
	width:848px;
	padding-left:64px;
	/*border: 1px solid #003399;*/
}

.box_kontakt1 {
	position:absolute;
	width:848px;
	padding-left:105px;
	border: 0px solid #003399;*/
}




#copyright {
	position:absolute;
	bottom:0px;
	right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#333333;
	border:0px solid #FF0000;
}



#box_public {
	position:absolute;
	left:191px;
	width:300px;
	height:300px;
	/*border:1px solid #006600;*/

}

#box_impressum1  {
	position:absolute;
	left:138px;
	width:774px;
	height:300px;
	/*border:1px solid #006600*/
}

#box_impressum2  {
	position:absolute;
	left:330px;
	width:400px;
	height:300px;
	/*border:1px solid #006600;*/
	text-align:left;
}

#box_oss  {
	position:absolute;
	left:148px;
	width:774px;
	height:300px;
	/*border:1px solid #006600*/
}

#downloads {
	background-image:url(images/download_butt2.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:absolute; 
	top:162px;
	left:472px;
}

#download_but {
	position:relative;
	width:200px;
	height:30px;
	text-indent:35px;
	padding-top:0px;
}

#download_but2 {
	position:relative;
	width:200px;
	height:18px;
	text-indent:35px;
}

#u1 {
	height:120px;
	width:120px;
	background-image:url(images/detailplan120.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border:1px solid #000000;
	cursor:pointer;
	float:left;
	margin-left:135px;
	margin-right:20px;	
}


html>body #u1 {
	margin-left:250px;
}


#verkehr {
	height:120px;
	width:120px;
	background-image:url(images/verkehrsplan120.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border:1px solid #000000;
	cursor:pointer;
	float:left;
	margin-right:20px;
	padding:0px;
}

#netzplan {
	height:120px;
	width:120px;
	background-image:url(images/ubahnplan120.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border:1px solid #000000;
	cursor:pointer;
	float:left;
	
	padding:0px;
}

#Standort_text {
	position:absolute;
	left:360px;
	top:200px;
}

.content_mitte {
	text-align:center;
	position:absolute;
	left:60px;
	top:156px;
	width:860px;
	height:380px;
	border:0px solid #000066;
}

.content_mitte h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	padding-top:0px;
	padding-left:2px;
	padding-bottom:6px;
	margin:0px;
}

.video_title{
    position:relative;
    float:left;
    width:270px;
    text-align:center;
}

.video_text{ margin-left:160px; }

.video_text_new {
    float:left;
	width:270px;
	text-align:center;
}

.video_title_new {
    width:100%;
    margin:2px 0;
}

.intro_text {
    width:100%;
    height:50px;
}

.project_screenshots {
    position:absolute;
    top:170px;
    right:43px;
    height:80px;
    text-align:right;
}

.project_screenshots a img{ border:2px solid #97C00E; }

/* Lightbox: */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }