/*
global.css
*/

/*
common definitions
container
content elements
*/

/*####################################################*/
/*common definitions*/

.body {
	font-family: georgia, garamond, serif;
	font-size: 10px;
	line-height: 18px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	height:100%;
}

#flash{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:1500px; 
	height:1150px; 
	z-index:1; 
	margin-bottom:0px; 
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
	line-height: 0;
}

a.textcontent:link {
	color: #000;
	text-decoration: none;
	background-color: #65fa3d;
}
	
a.textcontent:visited {
	color: #000;
	text-decoration: none;
	background-color: #65fa3d;
}

a.textcontent:active, a.textcontent:hover {
	color: #000;
	text-decoration: none;
	background-color: #000;
}

a.navheader:link {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	background-color: #65fa3d;
}
	
a.navheader:visited {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	background-color: #65fa3d;
}

a.navheader:active, a.navheader:hover {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	background-color: #000;
}

a.nav-infotext:link {
	font-size: 8px;
	line-height: 24px;
	color: #000;
	text-decoration: none;
	background-color: #65fa3d;
}
	
a.nav-infotext:visited {
	font-size: 8px;
	line-height: 24px;
	color: #000;
	text-decoration: none;
	background-color: #65fa3d;
}

a.nav-infotext:active, a.nav:hover {
	font-size: 8px;
	line-height: 24px;
	color: #000;
	text-decoration: none;
	background-color: #000;
}

.italic-small {
	font-size: 8px;
}

.textcontent-aktiv {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	background-color: #000;
}

/*####################################################*/
/*container*/


#container-global{
	position:absolute; 
	margin:0px; 
	z-index:3; 
}

#container-content-start {
	margin-top: 160px;
	margin-left: 248px;
	width: 750px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

#container-content-start-projekt {
	margin-top: 170px;
	margin-left: 248px;
	width: 750px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

#container-content-projekt {
	margin-top: 0px;
	margin-left: 248px;
	width: 750px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

#container-content {
	margin-top: 0px;
	margin-left: 248px;
	width: 750px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

#container-content-projektbeschreibung {
	margin-top: 0px;
	margin-left: 245px;
	width: 801px;
	padding-left: 0px;
	padding-top: 0px;
	bottom: 0px;
	float: left;
	
}

#container-nav-infotext {
	background-color: #ccc;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 743px;
	height: 37px;
	float: left;
	background:url(../images/bg_schliessen.png) no-repeat ;
}





/*####################################################*/
/*logo*/
#navi-logo			{ float:left; width:990px; margin: 0 auto 0 auto; position:fixed; z-index:4; background-color:transparent!important; }
.navi-logo-box		{ float:left; height:46px; background-color:transparent!important;}

.level-1			{ display:block; float:left; background-color:transparent!important;}
.level-1 a			{ 
				 	  display:block;
				  	  text-decoration:none;
				  	  height:44px;
					  background-color:transparent!important;
				 	}
.level-1 a:hover 	{ background-color:transparent!important; background-position: bottom!important; }
.level-1 a span		{ display:none;  background-color:transparent!important;;}
#level-1-marker 	{ background-color:transparent!important; background-position: bottom!important; }

#n-logo a 			{ background:url(../images/logo_projekte.png) 0 0 no-repeat; width:990px; background-color:transparent!important;} 


/*####################################################*/
/*content elements*/

#flyout-startseite {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	bottom: 0px;
	float: left;
}

#logo { 
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	position:fixed;
	z-index:4; 
	}
	
#nav-headline { 
	font-size: 20px;
	margin-top: 146px;
	margin-left: 248px;
	text-align: left;
	position:fixed;
	color: #000;
	z-index:5;
	}
	
#nav-projekte { 
	font-size: 8px;
	margin-top: 60px;
	margin-left: 248px;
	text-align: left;
	position:fixed;
	color: #000;
	float: left;
	z-index:5;
	}
	
#nav-infotext { 
	font-size: 28px;
	margin-top: 3px;
	margin-left: 4px;
	padding-left: 0px;
	width: 744px;
	text-align: left;
	color: #000;
	}
	
#lines {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

#line-start {
	float: left;
	margin-top: 115px;
	margin-left: 0px;
	text-align: left;
	position:fixed;
	color: #000;
	z-index:6;
}

#infotext {
	margin-top: 0px;
	margin-left: -1px;
	width: 744px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
	background:url(../images/bg_container_projekte.png) no-repeat bottom;
}

#infotext-jdt {
	margin-top: 0px;
	margin-left: -1px;
	width: 744px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
	background:url(../images/bg_container_projekte_jdt.png) no-repeat bottom;
}

#infotext-01 {
	margin-top: 0px;
	margin-left: 2px;
	width: 743px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

#infotext-schliessen {
	margin-top: 0px;
	margin-left: 0px;
	width: 150px;
	padding-top: 0px;
	padding-left: 0px;
	background-color: #fff; 
	float: left;
}

#infotext-schliessen-content {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	background-color: #fff; 
	float: left;
	font-size: 14px;
	background:url(../images/bg_schliessen.png) no-repeat bottom;
}

#infotext-02 {
	margin-top: 0px;
	margin-left: 5px;
	width: 373px;
	height: 48px;
	padding-top: 0px;
	float: left;
	font-size: 14px;
}

#infotext-03 {
	margin-top: 0px;
	margin-left: 0px;
	width: 364px;
	height: 48px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
	font-size: 14px;
}

#spacer-footer {
	height: 80px;
}


/*####################################################*/
/*flyout*/

p.Projects
{
    margin: 0px 0px 23px 0px;
}

a.Projects
{
    float: left;
    display: block;
    margin: 0px 1px 1px 0px;
}

a.Projects:hover div
{
    /*
    display: block;
    */
}

div.flyoutProjects
{
    display: none;
    position: absolute;
	float:right;
    width: 400px;
}

div.flyoutProjects td.left
{
    width: 8px;
    height: 40px;
    background: transparent url(../images/flyout_right.png) no-repeat scroll;
}

div.flyoutProjects td.center
{
    padding: 0px 0px 0px 0px;
    height: 40px;
    background: transparent url(../images/flyout_bg.png) no-repeat scroll top center;
    color: #6c6d69;
    white-space: nowrap;
}

div.flyoutProjects td.center p
{
    padding: 3px 5px 5px 5px;
    background: #000;
}

div.flyoutProjects td.right
{
    width: 10px;
    height: 40px;
    background: transparent url(../images/flyout_left.png) no-repeat scroll;
}

div.flyoutProjects
{
    margin: -74px 0px 0px -264px;
}

.white {
	color: #fff;
	font-size: 14px;
	float:right;
	z-index:5;
}