@charset "UTF-8";
/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	background-color: #595959;
	background-image:  url(../images/hg-body.jpg);
	background-repeat: repeat-x;
	clear:both;
}
/************* Layout Divs *********************/

/************ Content *********************/

#main {
	margin: auto;
	width: 1024px;
	}

#mainFrame {
	
	width: 1024px;
	min-height: 245px;
	background-repeat: no-repeat;
	float: left;	
	height: auto;
}
#under-mainFrame {
	margin: auto;
	width: 1024px;
	background-image:url(../images/bg-mainFrame.jpg);
	background-repeat: repeat-y;
	float: left;
}

#topFrame {
	margin: auto;
	width: 944px;
	height: 90px;
	text-align: right;
	background-image:url(../images/hg-header-bj.jpg);
	padding: 40px 80px 0 0;
	}

#naviFrame {
	margin: auto;
	margin-top: 30px;
	width: 1024px;
	height: 250px;
	background-image:url(../images/bg-navibox-blau.jpg)
	}

#bottomFrame{
	margin: auto;
	width: 1024px;
	background-image:url(../images/bg-main-bottom.jpg);
	height: 80px;
	position: relative;
	float: left;
	}	

#pictureFrame {
	position:absolute;
	width: 240px;
	height: 198px;
	left: 50px;
	vertical-align: bottom;
	bottom: 80px;
	background-image: url(../images/logo-left.jpg);
	font-size: 0.7em;
	padding: 18px 10px 12px 10px;
	background-repeat: no-repeat;
	background-position:bottom;
	}

#pictureFrame a:link {
	color: #124089;
	}

#pictureFrame a:hover {
	color: #A11D1F;
	}
	
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: right;
	margin-right: 100px;
	margin-top: 33px;
	width: 570px;
	clear:both;
	margin-bottom: 0px;	
	
}

#contentLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
	margin-left: 100px;
	margin-top: 50px;
	width: 230px;
	margin-bottom: 20px;
	z-index: 200;
	padding-top: 20px;
}


#nav-bottom {
	display:none;
	margin-top: 45px;
	font-size:0.7em;
	color: #CCC;
	text-align: right;
	padding-right: 90px;
	}	
#nav-bottom a:link {
	color: #CCC;
	}	
#nav-bottom a:hover {
	color: #952E2C;
	}
#nav-bottom a:visited {
	color: #CCC;
	}


/************* banner *************************/

#banner {
	margin: 0 50px;
	height: 250px;
	background-color:#FFFFFF

	
}
/************ Menue ************/



#menu {
	display:none;
    height: 65px;
	width: 927px;
	margin: 0 50px;
	
 }

	#nav {
		margin: 0;
		padding: 0;
		position: relative;
		top: 15px;
		height: 28px;
		background-image: url(../images/bg-submenue.gif);
		background-repeat: repeat-x;
	}
	
	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0; 
	
		
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { 
		margin: 0;
		float: left;
		display: block;
		padding-right: 20px;
		padding-top: 7px;
		padding-left: 20px; 
		padding-bottom: 9px;
		background-image: url(../images/menue-kartenreiter-weiss.gif);
		background-repeat:no-repeat;
		background-position: top right;
		
	}
	
	#nav li.letztes { 
	background-image: url(../images/menue-kartenreiter-weiss-last.gif);
		
		
	}

	#nav li ul {
	display: none;
	padding-right: 5px;
	position: absolute;
	top: 27px;
	left: 0;
	padding-right: 0px;
	background-color: #a4aab6;
	height: 24px;
	width: 867px;
	padding-left: 60px;
	padding-bottom: 6px;
	font-size: 0.85em;
	background-image: none;
	padding-top: 2px;
	}
	
	
	#nav li#Home {
	padding-left: 60px;

	}
	
	#nav li#Home ul {
	padding-left: 0px; 
	width: 927px;
	}
	
	#nav li#Home a {
	color: #333;
	background-color: none;
	}
	
	#nav li#Unternehmen ul {
	padding-left: 140px; 
	width: 787px;
	}
	
	#nav li#Leistungsspektrum ul {
	padding-left: 270px; 
	width: 657px;
	}
	
	#nav li#Referenzen ul {
	padding-left: 435px; 
	width: 492px;
	}
	
	#nav li#Kontakt ul {
	width: 377px;
	padding-left: 550px;
	}



	#nav li ul li{ 
		background-color: none;
		background-image: none;
		padding-left: 0px;
		
		
	}
	#nav li.off ul, #nav li.on ul  { 
	}

	#nav li.on ul {
	
	}
	

	#nav li.on:hover ul, #nav li.over ul { 
	}

	#nav li a {
	font-size: 0.8em;
	color: #333;
	display: block;
	padding: 0;
	}
	
	#nav li.active a {
	color: #C30;
	background-color: none;
	}
	#nav li a:hover {
	color: #C30;
	}
	#nav li.active ul a {
	color: #333;
	background-color: none;
	
	
	}
	#nav li ul a:hover {
	color: #fff;
	background-image: none;
	background-repeat:no-repeat;
	background-position: top right;
	}

	#nav li ul li.sub-active a{
	color: #fff;
	}
	

	#nav li ul a, #nav li ul a {
	float: left; 
	width: auto;
	
	/**** statt Pipe  ****/
	

	}
	
	#nav .last {
		border: none;
	}
	#nav .first {
		padding-left:60px;
	}

	

	#nav li.active ul {
		display: block;
	}

	#nav li:hover ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover {
	color: #C30;
	}
	
	
 #liModern.on a {
 } 


#nav li.off ul a, #nav li.on ul a {
	display: block;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#nav li.off ul a:hover, #nav li.on ul a:hover {
	color: #fff;
}
#nav li.on ul a {
	background-color:none;
}

.first {
	padding-left: 60px;}
	
.last {
	border: none;}


/*************** Ende neues Menue   ************************/

/************ Styles Content ***************************/


.contentbox-left {
	width: 130px; 
	float:left;
	}
	
.contentbox-right {
	width: 420px; 
	float:left;
	padding-top:8px;
	padding-bottom: 10px;
	}

.pipe {
	 color: #C03;
	 font-size:0.8em;
	 padding-bottom: 2px;
	}
 

h1 {
	color:  #123B8B;
	font-size: 1.3em;
	font-weight:normal;
	margin-bottom: 20px;
}

h1 small {
	font-size: 0.9em;
	
}

h2 {
	color: #124089;
	font-size: 1.1em;
	font-weight:normal;
	margin-top: 10px;
	margin-bottom: 20px;
}
h3 {
	color: #124089;
	font-size: 1.0em;
	font-weight:normal;
	margin-top: 8px;
	margin-bottom: 5px;
}
small {
	font-size: 0.9em;
	}

.title1 {
	color: #039;
	line-height: 22px;
}
a { 
	text-decoration: none;
 }

a:link
{
	color: #A11D1F;	
	}
a:hover
{
	color: #C03;	 
}
a:link
{
	color: #A11D1F;	
	}
a:visited
{
	color: #666;	 
}
	
table {
	border:none;
	vertical-align: top;
}
td {
	vertical-align: top;
	}
	
.projekte-bilder {
	width: 200px;
	float: left; 
	
}
.projekte-text {
	width: 350px;
	float: left; 
	padding-left: 10px;
}

.link-arrows {
	font-size: 0.7em; 
	color:#A11D1F;
	padding-left: 10px;
}
.text-blue {
	
	color: #124089;
}
.text-red {
	
	color: #A11D1F;
}



/************** scrollable ************/
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	position:relative;
	overflow:hidden;
	width: 660px;
	height:90px;
}


.scrollable .items {

	width:20000em;
	position:absolute;
}


.items div {
	float:left;
}


/************ für Site Historie ******************/

:focus {
  -moz-outline-style:none;
}



#flowtabs {
	float: left;
	width:160px;
	margin:0 !important; 
	padding:0;	
	margin-top: -30px;
	_margin-bottom:-2px;

}
#flowtabs ul { 
	margin-top: -20px;
	
}


#flowtabs li { 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type: none;
	margin-left: -40px;
	
}


#flowtabs li a {
	height: 31px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	color:#124089;
	line-height:20px;
	text-align:left;
	text-decoration:none;
}
#flowtabs #hidden {
	color:#fff;
}
#flowtabs li a small, #projekte_right li a small{
	font-size: 0.8em;
	color: #C30;
}


#flowpanes {
	float: left;
	padding-left: 20px;
	width:340px;

}



#flowpanes div {
	display:none;
	color:#333;	
	margin:0;
}

#flowpanes p {
	margin:0;
}

#flowpanes h2 {
	margin-top:0px;
	margin-bottom: 10px;
}


#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#333;		
}

#flowpanes .narrow {
	padding-left: 60px;		
}





#projekte_left, #projekte_right {
	width: 280px;
	float: left;
	margin:0 !important; 
	padding:0;	
	padding-top: 20px; 
	
	
}
#projekte_left ul, #projekte_right ul{ 
	margin-top: -20px;
	
}


#projekte_left li, #projekte_right li { 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type: none;
	margin-left: -40px;
	padding-top: 10px;
	
}


#projekte_left li a, #projekte_right li a{
	height: 31px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	color:#124089;
	text-align:left;
	text-decoration:none;
}
#projekte_left li a small, #projekte_right li a small{
	font-size: 0.8em;
	color: #C30;
}


.simple_overlay {
	
	display:none;
	z-index:10000;
	
	background-color: white;
	background-image: url(../images/background-overlay.jpg);
	background-position: bottom left;
	
	
	width:600px;	
	height: 270px;
	border:1px solid #666;
	
	-moz-box-shadow:0 0 190px 5px #000;
	-webkit-box-shadow: 0 0 190px #000;	
}
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:20000;
}

.simple_overlay img {
	position:absolute;
	right:0px;
	top:0px;
	
}

	
	
	.details {
		position:absolute;
		top:10px;
		left:15px;
		font-size:11px;
		color:#333;
		width:350px;
	}
	
	.details h3 {
	color:#039;
	font-size:13px;
	margin-bottom:0px;
	}
	.details h4 {
	color:#666;
	font-size:11px;
	font-weight: bold; 
	margin-top:8px ;
	margin-bottom: 8px;
	}




/******** apple Overlay  ***********/

.apple_overlay {

	display:none;
	background-image:url(../images/white.png);

	width:640px;

	padding:35px;
	
	font-size:11px;
}


.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}





	#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
		background-repeat: no-repeat;
	}
	
	div.contentWrap {
		height:441px;
		overflow-y:auto;
}
	
	
	

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}