/* HTML */



/* Farbgebung



Hintergrund #E1DFCF

graue Linie oben #364149 */





html{ 

	height:90%;

}



html>body {

	height:90%;

}



body {

	margin: auto;

	padding: 3% 0 0 0;

	background-color:#FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	scrollbar-arrow-color: #000;

	scrollbar-face-color: #FFF;

	scrollbar-3dlight-color: #BBE5F4;

	scrollbar-darkshadow-color: #BBE5F4; 

	scrollbar-highlight-color: #BBE5F4;

	scrollbar-shadow-color: #BBE5F4;

	scrollbar-track-color: #BBE5F4;

	height: 80%;

}



h1 {

	margin: 0;

	padding: 0 0 10px 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#003366;

	font-weight:bold;

}



h2 {

	margin: 0;

	padding: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#003366;

	font-weight:bold;

}



strong {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

}



img {

	border: 0;

}





ul {

	margin: 1px 1px 1px 7px;

	padding: 1px;

}





li  {

	margin: 1px 1px 1px 4px;

	padding: 1px;

	list-style-type:square;

}



/* Typo */

.search {

	margin: 0;

	padding: 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #797979;

	font-weight:bold;

	line-height:inherit;

}



.search2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #7089A8;

	font-weight:bold;

	line-height:inherit;

}



.search3 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #797979;

	font-weight:bold;

	line-height:inherit;

}



.copy {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #000;

	font-weight:normal;

}



.grau {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color: #666;

	font-weight:normal;

}



.copyklein {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color: #000;

	font-weight:normal;

}





/* Navigation */



a:link, a:visited {

	color: #333;

	text-decoration: none;

}



a:hover {

	color:#FF0000;

}



.navihier a:link, .navihier a:visited {

	color:#FF0000;

}







/* Layout */



#box{

	width:80%;

	height:99%;

	text-align:left;

	margin:auto;

	padding : 0px;

	overflow: auto;

}



#container {

	text-align:left;

	width: 779px;

	height: 541px;

	margin: auto;

	padding: 0;

	background-image:url(images/hintergrund-trans.gif);

	background-repeat: no-repeat;

}







#grauelinie {

	margin: 0 10px 0 10px;

	padding: 0;

	/*background-color:#364149;*/

	width: 760px;

	height: 2px;

	max-height: 3px;

}







#headline {

	margin: 0;

	padding: 0;

}







#logo {

	margin: 2px 0 0 494px;

	padding: 0;

	width: 266px;

	height: 103px;

	background-image:url(images/logo-trans.png);

}







#content {

	margin: 0 10px 0 10px;

	padding:0;

	width:760px;

	height: 330px;

	background-color:#FFFFFF;

	background-image:url(images/bg_content.jpg);

	border-bottom: 1px solid #364149;

	border-top: 1px solid #364149;

}







#subnavi {

	margin: 0;

	padding:0;

	width:760px;

	height: 20px;

	background-image:url(images/bg_subnavi.jpg)

	}

	

	

	

#subnaviohne {

	margin: 0;

	padding:0;

	width:760px;

	height: 20px;

	background-image:url(images/bg_subnavi_ohne.jpg)

	}	







#textbereich {

	margin: 0;

	padding: 0 5px 0 10px;

	width: 401px;

	min-height: 269px;

	height: 269px;

	}



#textbereichscroll {

	margin: 0;

	padding: 0 0 0 10px;

	width: 389px;

	min-height: 309px;

	height: 269px;

	overflow:auto;

	}



#pfeile {

	margin: 0;

	padding: 0 5px 0 0;

	width: 388px;

	height: 20px;

	text-align: right;

	}



	

#pfeile2 {

	margin: 0;

	padding: 0 5px 0 10px;

	width: 378px;

	height: 20px;

	text-align:right

	}

	

#textsubline {

	margin: 0;

	padding: 0 5px 0 10px;

	width: 401px;

	height: 20px;

	}	



#textsubline2 {

	margin: 0;

	padding: 0 5px 0 10px;

	width: 381px;

	height: 20px;

	}	



#textsubline3 { /* Nur für Projekte */

	margin: 0;

	padding: 9px 5px 0 10px;

	width: 381px;

	height: 20px;

	}	



#textbereich2 {

	margin: 0;

	padding: 0 5px 0 10px;

	width: 381px;

	height: 269px;

	}

	

#wegenflash	{

	margin: 0;

	padding: 0;

	width: 396px;

	height: 309px;

	float: left;

	}



/* Hier die einzelnen Hintergrundbilder im Contentbereich */



#startbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_start_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}



#prozessbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_prozess_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}





#prototypenbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_prototypen_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}

	

	

#pilotliniebildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_pilotlinie_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}

	

	

#verlagerungbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_verlagerung_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}

	

	

#projektebildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_projekte_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}

	

	

#infobildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_info_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}





#referenzenbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_referenzen_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}





* html #referenzenbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_referenzen_c2.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}





#kontaktbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_kontakt_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}





#impressumbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_impressum_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}





#dokubildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_dokumentation_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}





#agbbildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	background-image:url(images/bild_agb_c.jpg);

	background-repeat: no-repeat;

	background-position: right;

	}



#emptybildc {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 309px;

	}



#flash {

	margin: 0;

	padding: 0;

	width: 364px;

	height: 308px;

	text-align:right;

	float:left;

	}	

				

/* ENDE Hintergrundbilder im Contentbereich */





#naviunten {

	margin: 3px 10px 2px 10px;

	padding: 0;

	width: 760px;

	height: 36px;

	background-image:url(images/bg_naviunten.jpg);

	border-bottom: 1px solid #364149;

	border-top: 1px solid #364149;

	float:none;

	}





#suche {

	margin:0 auto;

	padding: 7px 5px 0 0;

	width: 130px;

	height: 30px;

	float:left;

	text-align: right;

}



#suchetext {

	margin:0 auto;

	padding: 11px 0 0 123px;

	width:100px;

	height: 26px;

	float:left;

	text-align: right;

}



#sprachwahl  {

	margin:0 auto;

	padding: 9px 0 0 20px;

	width:124px;

	height: 21px;

	float: left;

}



#buttonsunten {

	margin:0 auto;

	padding:0;

	width:258px;

	height: 30px;

	float:left;

	text-align: right;

}





#abschluss {

	margin: 0;

	padding: 0;

	/*font-size: 9px;

	color: #FFF;

	text-align: right;*/

	width: 779px;

	height: 21px;

	background-image:url(images/abschluss-trans.png);

	background-repeat: no-repeat;

}









/* Hier die einzelnen Hintergrundbilder im Topbereich */





#startbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_start.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#prozessbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_prozess.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#prototypenbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_prototypen.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#pilotliniebild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_pilotlinie.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#verlagerungbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_verlagerung.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#projektebild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_projekte.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#infobild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_info.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#referenzenbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_referenzen.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#kontaktbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_kontakt.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#impressumbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_impressum.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}





#agbbild {

	margin: 0 10px 0 10px;

	padding: 0;

	width: 760px;

	height:141px;

	background-image:url(images/bild_agb.jpg);

	border-top: 4px solid #FFF;

	border-bottom: 4px solid #FFF;

}

/* ENDE Hintergrundbilder im Topbereich */













/* Navigation im Topbereich */



#topnavi {

	margin: 0;

	padding: 0;

	width: 760px;

	height: 37px;

	}

	

	







#left {

	margin:0;

	padding: 0;

	float: left;

}





#right {

	margin: 0 0 0 5px;

	padding: 0;

	float: left;

}	

	



#killfloat {

	margin: 0;

	padding: 0;

	clear: both;

}	

	

	

	

	

/* Form */



form {	

	margin: 0;

	padding: 0;

	clear: both;

}



input {

	margin: 0;

	padding: 2px 0 0 0;

	width: 120px;

	border: 1px solid #364149;

	background-color: #BBE5F4;

	}	

	

label {

	margin: 0;

	padding: 5px;

	width: 35px;

	text-align: left;

	float: left;

}	



.kurz {

	margin: 0;

	padding: 0;

	width: 20px;

	border: 0;

	background-color: #FFF;

	}

	

.lang {

	margin: 0;

	padding: 2px 0 0 0;

	width: 140px;

	text-align: center;

	border: 0;

	}

.lang2 {

	margin: 0;

	padding: 2px 0 0 0;

	width: 115px;

	text-align: center;

	border: 0;

	}	



.textfeld {

	width: 370px;

	height: 60px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color: #000;

	font-weight:normal;

}	







#artx {
	clear: both;
	text-align: right;}



#artx a {
	padding: 0;
	text-decoration: none;
	font-size: 11px;
	margin: 2px;
	color:#999999;}

#newsticker {
	padding: 4px;
	background-color:#A1ABAD;
	border: 1px solid #FFF;
	width: 230px;
	height: 70px;
	float: left;
	margin-top: 225px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 93px;
	}	
#homeleft {
	margin: 0;
	padding: 0;
	float:left;	}

.tickerlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;}

.tickerlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;}