/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Farben                                                                                                 */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*  Rot                            	#801314

/*  Grau  (  10%  )                 #D7D7D7
/*  Grau  (  20%  )                 #B7B7B7
/*  Grau  (  30%  )                 #9A9A9A
/*  Grau  (  50%  )                 #707070


/* 	Helles Grau											#E6E6E6
/* 	Dunkels Grau										#D2D2D2
/* 	Orange													#F7931D
/*  Dunkles Blau										#003778
/*  Helles Blau											#737FB0

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Allgemeine Styles                                                                                     */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

html 												{ height: 100%; overflow: hidden; font-size: 11px; font-family: Arial; color: #404040; margin: 0; padding: 0; }
	
img 												{ border: 0px; }

h1, h2, h3									{ color: #003778; }

a 													{ outline: none; }

a:link, a:visited, a:active { text-decoration: none; font-weight: bold; color: #737FB0; }
a:hover 										{ color: #801314; }

.spacer 										{ display: block; font-size: 1px; background: #FFF; }
.clear											{ clear: both; } 

/* Hintergründe */
#cover											{ position: absolute; top: 50px; left: 0%;  width: 100%;  }

#bgOrangeStart							{ position: absolute; top: 204px; left: 50%; margin-left: 384px; width: 100%; height: 46px; background: #F7931D; }
#bgOrange										{ position: absolute; top: 0px; left: 0px; margin-left: 800px; width: 100%; height: 28px; background: #F7931D; }

#bgGreyStart								{ position: absolute; top: 311px; left: 0px; width: 100%; height: 58px; background: #E6E6E6; }
#bgGreyTop									{ position: absolute; top: 0px; right: 0px; margin-right: 700px; width: 100%; height: 28px; background: #D2D2D2; }
#bgGrey											{ position: absolute; top: 252px; left: 0px; width: 100%; height: 117px; background: #E6E6E6; }
#bgGrey00										{ position: absolute; top: 128px; left: 0px; width: 100%; height: 117px; background: #E6E6E6; }

#bgBlue											{ position: absolute; top: 395px; left: 0px; width: 100%; height: 110px; background: #003778; }


/* Hauptelemente */
#container									{ position: absolute;	top: 50px; left: 50%; width: 763px; height: 501px; margin-left: -370px; padding: 0 10px 0 10px; z-index: 10; background: url(../_images/bg_head.gif) no-repeat; }
#containerStart							{ position: absolute;	top: 50px; left: 50%; width: 763px; height: 501px; margin-left: -360px; padding: 0 10px 0 10px; z-index: 10; }
.headline										{ position: relative; top: 0px; left: 5px; }

#logo												{ position: absolute; top: 0px; left: 523px; z-index: 200; }
#logoStart									{ position: absolute; top: 204px; left: 400px; }

.surface										{ position: relative; top: 20px; left: 7px; width: 480px; }
.surface .left							{ float: left; width: 230px; height: 180px; margin: 0 17px 0 0; padding: 0; }
.surface .right							{ float: right; width: 230px; height: 180px; margin: 0; padding: 0; }

.surface .impRight					{ float: left; width: 230px; height: 180px; margin: 0 18px 0 0; padding: 0; }
.surface .impEnd						{ float: left; width: 230px; height: 180px; margin: 0; padding: 0; }
span.blue										{ font-weight: bold; color: #003778; }

.picture										{ position: absolute; top: 50px; left: 513px; }
	

/* Bilder */
.pictureLine								{ position: absolute; top: 252px; float: left; }
.pictureLine00							{ position: absolute; top: 128px; float: left; }	
	.pictureLine img,
	.pictureLine00 img				{float: left; background: #FFF; padding: 0 0px 0 7px;}
	.pictureLine .spacer,
	.pictureLine00 .spacer		{ position: relative; width: 5px;  }

#pictureLineStart						{ position: absolute; top: 311px; left: 17px; background: #FFF; }
	#pictureLineStart img			{ padding: 0 0px 0 4px; }
	#pictureLineStart img.s		{ padding: 0 0px 0 0px; }
	#pictureLineStart img.e		{ padding: 0 0px 0 4px; }


/* Navigation */
#homepageLink								{ position: absolute; top: 376px; left: 679px; z-index: 200; }
#homepageLink	 a 						{ padding: 3px 15px 2px; float: left; color: #737FB0; border-left: 1px solid #737FB0; border-right: 1px solid #737FB0; }
#homepageLink	 a:hover 			{ color: #FFF; background-color: #F7931D; }


#mainNavi										{ position: absolute; top: 374px;  float: left; width: 100%; font-weight: bold;  }
	#mainNavi ul 							{ margin: 2px 0 0 7px ; padding: 0; list-style: none; } 
	#mainNavi li 							{ float: left; margin: 0; padding: 0; }
	#mainNavi a 							{ padding: 3px 15px 2px; float: left; color: #737FB0; margin: 0; border-left: 1px solid #737FB0;}
	#mainNavi a:hover					{ color: #FFF; background-color: #F7931D; }
	#mainNavi a.current 			{ color: #FFF; background-color: #003778; }
	#mainNavi .seperator			{ color: #737FB0; height: 20px; width: 1px;  border-left: 1px solid #737FB0; margin: 0; padding: 0;  }
	#mainNavi #homepage				{ position: absolute; top: 0px; left: 665px; }
	
#subNavi										{ position: absolute; top: 400px; width: 753px; font-weight: bold; }
	#subNavi table						{ margin: 0 0 0 7px; }
	#subNavi table.wide				{ position: relative; margin: 0 0 0 7px; width: 738px; }
	#subNavi table.wideLast		{ position: relative; margin: 0 0 0 7px; width: 438px; }
	#subNavi tr.rowA					{ letter-spacing: 2.3px; max-width: 738px; }
	#subNavi tr.rowB					{ letter-spacing: 2.5px; }
	#subNavi tr.rowC					{ letter-spacing: 2.6px; }
	#subNavi tr.rowD					{ letter-spacing: 2.5px; }
	#subNavi td.tableContent 	{  }
	#subNavi table .seperator	{ width: auto; text-align: center; }
	
	
	#subNavi a 								{ /*padding: 3px 7px 0px 7px;*/ float:left; line-height: 18px; color: #737FB0; }
	#subNavi a:hover					{ color: #F7931D; }
	#subNavi a.current 				{ color: #FFF; background-color: #F7931D; }	
	

/* Projektfenster */				
.bgRow											{ position: relative; left: -10px; padding-left: 13px; margin: 0 0 5px 0; width: 753px; background: #E6E6E6; line-height: 20px;  }
	.bgRow .pdfLink						{ position: absolute; right: 10px; }
	.bgRow a:hover						{ color: #003778; }

	
/* Coda Slider */
/*
.csw 												{ position: absolute; left: -700px; width: 10000px; height: 100%; background: #fff; overflow: hidden; z-index: 500; }
.csw .loading 							{ position: absolute; top: 50%; left: 50%; width: 763px; height: 501px; margin-left: -370px; text-align: center; background: #fff; z-index: 600; }

*/
.csw 												{ width: 100%; height: 460px; background: #fff; overflow: scroll; z-index: 601; }
.csw .loading 							{ position: absolute; width: 10000px; margin-left: -5000px; height: 10000px; margin-top: -5000px; background: #FFF;  z-index: 602; }

.stripViewer 								{ position: relative; overflow: hidden; width: 773px; height: 501px;	clear: both; }
.stripViewer .panelContainer { 	position: relative; left: 0; top: 0; width: 100%;	list-style-type: none; }
.stripViewer .panelContainer .panel { float:left;	height: 100%;	position: relative;	width: 773px; }
.stripViewer .panelContainer .panel .wrapper { padding: 0 0 0 10px;	margin: 0;}

.stripNav 									{ position: absolute; top: 374px;  float: left; width: 100%; font-weight: bold; z-index: 100; }
	.stripNav ul 							{ margin: 2px 0 0 17px ; padding: 0; list-style: none; width: 700px;	}
	.stripNav ul li 					{	float: left; padding: 0;	/* margin-right: 2px;  If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }
	.stripNav a 							{ display: block; padding: 3px 15px 2px; float: left; color: #737FB0; }

.stripNav li.tab1 a 				{ background: #FFF; border-left: 1px solid #737FB0; }
.stripNav li.tab2 a 				{ background: #FFF; border-left: 1px solid #737FB0; }
.stripNav li.tab3 a 				{ background: #FFF; border-left: 1px solid #737FB0; }
.stripNav li.tab4 a 				{ background: #FFF; border-left: 1px solid #737FB0; }
.stripNav li.tab5 a 				{ background: #FFF; border-left: 1px solid #737FB0; }
.stripNav li.tab6 a 				{ background: #FFF; border-left: 1px solid #737FB0; }
.stripNav li.tab7 a 				{ background: #FFF; border-left: 1px solid #737FB0; border-right: 1px solid #737FB0; }

.stripNav li a:hover 				{ color: #FFF; background-color: #F7931D; }
.stripNav li a.current 			{ background: #003778; color: #FFF; font-weight: bold; }


/* Startseite */

.pics 		{ position: absolute; top: 6px; left: 79px; height:  232px; width:   232px; padding: 0;  margin:  0; } 
		 
.pics img { padding: 2px; border:  1px solid #ccc; background-color: #eee; width:  239px; height: 239px; top:  0px; left: 0px; }