/**************************bb*08092008*********/
/* Standard Settings **************************/
/**********************************************/
html, body{
	
	background-color	: #fff;
	margin 						: 0px;
	padding 					: 0px;
	border						: 0px;
	height						: 100%;
	min-width 				:	800px;
}

/**********************************************/
/* No image should have a border **************/
/**********************************************/

img {
	border 						: 0px;
}


/**********************************************/
/* Top outer div, to place everythin in center*/
/**********************************************/

#outer {
	width 						: 100%;
	height 						: 97px;
	background-color	: #000;
	
	min-width: 1024px;
		
}


/**********************************************/
/* Begin header-section ***********************/
/**********************************************/


/**********************************************/
/* Outer Div relative inner divs absolute ******/
/**********************************************/

#header {
	position 					: relative;
	width 						: 1000px;
	height 						: 97px;
	text-align				: center;
}

#outer #logo	{
	margin 			:	20px 0px 0px 15px;
	float 			: left;
}

#outer #navigation	{
	position : relative;
	float 			: right;
	margin 			:	50px 15px 0px 0px;
	text-align	: right;
	}



#outer .sub-navigation	{
	position : absolute;
	
	top: 15px;
	right: 0px;
	text-align	: right;

	width : 600px;
	}
	
	
	
/***************************************************/
/* Positioning subnav in relation to mainnav  ******/
/***************************************************/

#subnav1 {
	margin-right	: 200px;
}

#subnav2 {
	margin-right	: 180px;
}

#subnav3 {
	margin-right	: 10px;
}




#outer #navigation	ul {
	list-style-image	: none;
	list-style-type		: none;
	display 					: inline;
}

#outer #navigation	.extra-nav-height {
	display 					: block;
}

#outer #navigation	li {
	display 						: inline;
	padding-left				: 15px;
	background					: url(../img/navigation/navigation-abstand-punkt.gif) no-repeat;
}

/**********************************************/
/* Flash integration 100% width ***************/
/**********************************************/


#flash {
	width 						: 100%;
	/*min-width 				: 1000px;*/
	/*height 						: 315px;*/
	height 						: 265px;
	background-color	: #2A89BF;
	margin : 0px;
	padding: 0px;
}

#flash-content {
	margin : 0px;
	padding: 0px;
}

#sdkflash {
	width 						: 100%;
	/*min-width 				: 1000px;*/
	/*height 						: 315px;*/
	height 						: 68px;
	background-color	: #2A89BF;
	margin : 0px;
	padding: 0px;
}

#sdkflash-content {
	margin : 0px;
	padding: 0px;
}

.flash-shadow {
	width 						: 100%;
	height 						: 10px;
	background				: #fff url(../img/header/schattenkante-oben.gif)  top left repeat-x;
	margin : 0px;
	padding: 0px;
}


/**************************************************/
/* Start outer content-container /same as header **/
/**************************************************/
.outer-bottom {
	width 						: 100%;
}

.outer-bottom .content-container {
	position					: relative;
	width 						: 100%;
	background-color	: #fff;
	text-align				: center;
}

.outer-bottom .content-container .content-box .content-box-shadow-up {
	width							: 618px;
	height						: 9px;
	/*background 				: url(../img/content/textfeld-schatten-oben.gif) center left no-repeat;*/
	
}

.outer-bottom .content-container .content-box .content-box-shadow-bottom {
	/*background 				: url(../img/content/textfeld-schatten-unten.gif) center left no-repeat;*/
	width							: 618px;
	height						: 9px;
}

.outer-bottom .content-container .content-box {
	position					: absolute;
	top 							: 40px;
	left 							: 300px;
	max-width 						: 500px;
	margin-right			: 20px;
	/*background-color	: #fafafa;*/
	/*background 				: url(../img/content/textfeld-schatten-mitte.gif) center left repeat-y;*/
	color							: #808080;
	font-size					: 14px;
	font-family				: arial;
	text-align				: left;
}

.outer-bottom .content-container .content-box h1 {
	color 						: #45c0eb;
	font-family				: arial;
	display						: inline;
	font-size 				: 14px;
	text-transform		: uppercase;
	font-weight:normal;
}

.outer-bottom .content-container .content-box h2 {
	color 						: #45c0eb;
	font-family				: arial;
	display						: block;
	font-size 				: 14px;
	font-weight:normal;
}


.outer-bottom .content-container .content-box ul {
	list-style-image	: none;
	list-style-type		: none;
	display 					: block;
}

.outer-bottom .content-container .content-box li {
	padding 						: 0px 0px 0px 15px;
	background					: url(../img/content/content-punkt.gif) no-repeat;
	background-position : 0px 5px;
	margin-left					: -15px;
}

.outer-bottom .content-container #headline {
	position					: absolute;
	top 							: 12px;
	left 							: 50px;
	padding						: 0px 0px 0px 15px;
 	background 				: url(../img/content/punkt-headline.gif) center left no-repeat;
	background-position : 0px 4px;
}

a, a:link, a:visited, a:active {
	color 						: #45c0eb;
}






/**********************************************/
/* Place the image / shadow is background******/
/**********************************************/

.outer-bottom .content-container .thumbnail {
		position				: absolute;
		top 						: 68px;
		left 						: 50px;
		width						: 213px;
		height					: 160px;
		background 			: url(../img/content/bild-schatten.gif) center left no-repeat;
		text-align 			: left;
}

.outer-bottom .content-container .thumbnail img {
	margin: 4px 0px 0px 5px;
}



/**********************************************/
/* Show Case Styles */
/**********************************************/


.showcase {
	margin-left	:	-250px;
	
}

.showcase-content .text {
		min-height				: 160px;
		width							: 450px;
		margin-left				: 260px;

}



.showcase-content {
	width							: 800px;
	margin						: 30px 20px 0px 20px;
	text-align 				: top;
	min-height				: 160px;
}

.showcase-content .image {
	float 					:left;
	width 					: 260px;
	margin					: 0px;
}


.showcase-content .image img {
	-moz-box-shadow				: 0px 0px 4px #aaa; /* FF3.5+ */
	-webkit-box-shadow		: 0px 0px 4px #aaa; /* Saf3.0+, Chrome */
	box-shadow						: 0px 0px 4px #aaa; /* Opera 10.5, IE 9.0 */
	filter								: progid:DXImageTransform.Microsoft.Shadow(color=#AAA,direction=135);  /* IE 5.5 and above */

}
	

	
.showcase-content img {
		margin				: 4px 0px 0px 5px;
		
}


.home-teaser {
		position : absolute;
		left:			-250px;
		top:			35px;
		display: block;
}

.home-teaser-right {
		position : absolute;
		left:			530px;
		top:			35px;
		display: block;
}

.home-teaser-right img {
	margin-bottom : 17px;
	border : 0px;
}

.home-teaser-right h1 {
	margin-bottom : 12px !important;
	display:block !important;;
	font-size : 17px !important;
}
/**********************************************/
/* Footer section, not sure about integration */
/**********************************************/

#footer {
	color 						: #808080;
	position					: fixed;
	bottom						: 0px;
	background				: #fff;
	text-align				: left;
	padding						: 5px;
	width							: 100%;
	background-color 	: #efefef;
	border-top : 1px solid grey;

}


#footer a, #footer a:link, #footer a:visited, #footer a:active {
	margin-left				: 10px;
	color 						: #808080;
	font-family 			: arial;
	font-size 				: 11px;
	text-decoration 	: none;
}


.clear {
	clear : both;
}