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

/************************************************************************************************************************************************/
/**INDEX INDEX INDEX INDEX *************************************************************************************************************/																	
/*	Standards																*/
/*		RESET															*/
/*		TYPOGRAPHIE 														*/
/*		LINKS															*/
/*		LISTINGS, TEXT														*/
/*	Sektionen																*/
/*		INTRO															*/
/*		MENUE LEFT														*/
/*		SLIDER 															*/
/*		TEASER															*/
/*		FOOTER															*/
/*		DEFINITION KLASSEN													*/
/************************************************************************************************************************************************/

/********************************************************************************************************************************************/	
/*****		Standards														*****/
/********************************************************************************************************************************************/

/***** RESET *****/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html, body {height: 100%; width: 100%}
html {font-size: 75%; min-width:1000px;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 , p, li { font-size: 100%; font-weight: normal }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold }
q:before, q:after { content:''}
a img { border:none } /* Gets rid of IE's blue borders */
.clear { clear:both;}
div { border:0;}
.clearfix:after {
content: ".";    
display: block;    
height: 0;    
clear: both;    
visibility: hidden;
}


element.style {
    visibility: visible;
}
/*****	TYPOGRAPHIE | Allgemein	*****/

body{
	font-size: 1em;
	font-weight: normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
h3,h4,h5,h6{
	font-family: Arial, Verdana, sans-serif; /* erweitern*/
}
h1 {
	color:#FFF;
	font-size:2.5em;
	text-transform: uppercase;
	margin-bottom:0px;
	padding:5px;
}
h2 {
	color: #36D7F3;
	font-size:32px;
	text-shadow: #95b2b2 0px 0px 4px;
	text-indent: 0px;

}
	.h2_line {
		background-image: url(../images/h2_line.png);
		background-repeat: no-repeat;
		background-position: left;
		height: 5px;
		margin-left: -80px;
		width: 587px;
	}
	.h2_subtitle {
		font-size: 15px;
		color:#EEF2E3;
		text-shadow:0px 0px 1px #AAA;
		padding: 0px;
	}
h3 {
	color:#4D5C71;
	display: block;
	font-size: 1.4em;
	line-height:140%;
	text-align: left;
	/*text-shadow:#111 0px 0px 2px;*/
	 border-bottom: 1px solid #D9D9D9;
	margin: 0 0 10px 0;
}
h3.h3_subtitle{
	border-bottom: 1px solid rgba(179, 229, 52,0.4);
	/*background: url(../images/header_line.png) no-repeat scroll left bottom;*/
	color:#000;
	font-size:18px;
	margin: 0 0;
}
h4 {
	color:#000;
	font-size:1.2em;
	/*text-shadow:0px 0px 1px #482023;*/
	margin: 15px 0 0 5px;
}
.toggle_listing h4{
margin: 0 0 0 15px;
}
h5 {

	color:#000;
	font-size: 1em;
	margin: 25px 0 0 10px;
}
h6 {
	color:#000;
	font-size: 12px;
	margin: 10px 0 5px 25px;
}

/***** LINKS *****/
a, a:link, a:visited, a:focus {
	color: #36D7F3;
	text-decoration: none;
	text-shadow: none;
	outline:0;
	cursor: pointer;
}
a:hover, a:active, ul.active{
	color: #5DB1E0;
	cursor: pointer;
}
a.inactive{
	color: #7295AB;
	cursor: auto;
}
.dashed a {
border-bottom: 1px dashed #77716D;
}	

/***** LISTINGS, TEXT *****/
li, p {
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size: 1em;
	text-shadow:1px 1px 1px #AAAAAA;
}	
li {
	line-height: 1.8em;
	font-weight:normal;
	/*letter-spacing: 0.03em;*/
	/*text-shadow: #47494a 1px 1px 4px;*/
}
p {
	line-height: 1.8em;
	/*letter-spacing: 0.03em;*/
	margin: 8px 0 0 10px;
	/*text-shadow: 1px 1px 3.3px #000;*/
}
.text2 li {
font-size: 0.9em;
line-height: 1.6em;
margin: 0px 0 0  15px;
}
.text2 p { margin: 0px 0 0  25px;}

#impressum p {
	margin-top: 20px;
	margin-left: 40px;
	text-indent: -30px;
}
.small {font-size: 0.7em;}
.medium{font-size: 0.85em;}
img {
	display: block;
	margin-top:20px;
	margin-bottom:20px;
}
img.left {
	float:left;
	margin-right:10px;

}
img.right {
	float:right;
	margin-left:10px;
	margin-bottom:0;
}

img.icon {
	float:left;
	margin:0px;
	padding:0px 8px 0px 0px;
}

/***** Listings *****/
ul, ol{
	margin: 5px 0 15px 15px;
	overflow: hidden;
}
ul ul, ul.sub{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 22px;
}
ul.bullet1, ol.bullet1{
}

ul li .list1{
	padding-left:26px;
	line-height:16px;
	margin-bottom:10px;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	font-size: 1.4em;
	display: block;
}
ul li .list2{
color:#95b2b2;
font-size: 28px;
line-height: 140%;
text-indent: 30px;
}
ol li {
	list-style-position: inside;
	list-style-type: decimal;
}
ol ul {
	list-style-type: none;
}

/*****Strukturierung | Abschnitte, Boxen & Container *********************************************************************/
.section{
	clear: both;
	padding: 0 0 0 0;
	width:100%;
}
.container {
	clear: both; /*klären*/
	margin: 0px auto;
	position: relative;
	padding: 0px 0;
	width: 100%;
	min-width: 1000px;
	max-width: 1280px;
}
.column{
	overflow-y: visible;
	float: left;
}
.box {
	overflow: hidden;
	float: left;
}
.separator {
	/*background: url(../images/line.png) no-repeat top center;*/
	padding: 0px;
}
.sep_zeile {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 5px;
}

/***** COLUMNS ******************************************************************************************/
.one_third, .two_third, .one_quarter, .three_quarter, .one_half, .one {
margin-left: 1%;
margin-right: 1%;
padding: 5px;
}
.one_third {
	width: 30%;
}
.two_third{
	width: 66.6%;
}
.one_quarter {
	width: 22%;
}
.three_quarter {
width: 72%;
}
.one_half {
	width:48%;
}
.one {
	width:97%;
}

/* verifizieren */
.borderline {
	padding-top: 150px;
}
.bottom_distance {
margin-bottom: 15px;
}
.paragraph { 																/* wird momentan nicht verwendet */
	display:inline;
	overflow:hidden;
	padding: 44px;
}
.text_content {
	/*padding: 10px 16px;*/
}
.text_content p, .text_content li, .text_content a, .text_content a:hover, .text_content a:visited {
color: #FFF;
/*margin: 10px 0 10px 15px;*/
font-size:1em;
text-shadow:1px 1px 4px #111;
}
.text_content li{
	margin: 0px 0 0 15px;
}

/***** BOXEN ***************************************************************************************************************************/

.box {
	float: left;
	overflow:hidden
}

.box_rounded {
	background: #5D5A4E;
	background: rgba(30, 26, 22, 0.7) url(img/gradient.png) repeat-x scroll 0 0;	
	padding: 5px 10px;
	margin: 10px 5px;
	text-align: center;
	border:1px solid #000;
		
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:1.2px 1.2px 5px rgb(0, 0, 0);
	-moz-box-shadow:1.2px 1.2px 5px rgb(0, 0, 0);
	-o-box-shadow:1.2px 1.2px 5px rgb(0, 0, 0);
	box-shadow:1.2px 1.2px 5px rgb(0, 0, 0);
		
	behavior: url(PIE.htc);
}

/***** Infobox 1 *****/
.infobox10 {
	background: rgb(0, 1, 2);
	background: rgba(0, 0, 0, 0.88);
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 15px;
	right: 0px;
	height: auto;
	overflow: hidden;
	z-index:0;

	border: 1px solid rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 1px 1px 1px #222, inset 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #222, inset 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #222, inset 1px 1px 1px #000;
	
	behavior: url(PIE.htc);
}


/***** Infobox 0 *****/
.infobox0{
	background: rgb(236, 239, 243);
	background: rgba(249, 251, 252, 0.75);
	margin: 10px 0px 10px 0px;
	position: relative;
	padding: 15px;
	right: 0px;
	height: auto;
	overflow: hidden;
	z-index:0;
	
	border: 1px solid rgba(40,40,40,0.23);

	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-webkit-box-shadow: 0px 0px 2px #AAAAAA;
	-moz-box-shadow: 0px 0px 2px #AAAAAA;
	box-shadow: 0px 0px 2px #AAAAAA;

	
	behavior: url(PIE.htc);
	}
	
	.infobox0 h3{
	/*border-top: solid 1px rgb(217,217,217);*/
	border-bottom: solid 1px rgb(217,217,217);
	margin: 0px 0 10px 0px;
	}
	.infobox0 .bullet1 li, ol.bullet1 li{
		background: url(../images/bullet_arrow2.png) no-repeat 0px 6px;
		padding-left: 18px;
	}

.infobox_header1 {																/* Box transparent, abgerundet, mit Rand, Schatten | Fallbacks für IE -> ie.css */
	background: rgb(225, 226, 195); /* Fail Over */
	background: rgba(138, 153, 119, 0.15);
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#aaa));*/
	border: 1px solid rgba(40,40,40,0.23);
	margin: 5px 0;
	padding: 5px;
	right: 0px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 0 1px #D19591;
	-moz-box-shadow: 0 0 1px #D19591;
	box-shadow: 0 0 1px #D19591;
	behavior: url(PIE.htc);
}
	
	
	
	
/***** Infobox 1 *****/
.infobox1 {
	background: rgb(92, 92, 98);
	background: rgba(43, 43, 43, 0.5);
	filter: alpha(opacity=80);
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 15px;
	right: 0px;
	height: auto;
	overflow: hidden;
	z-index:0;

	border: 1px solid rgba(0, 0, 0, 0.5); /* für IE nachbarbeiten*/
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 2px #AAAAAA;
	-moz-box-shadow: 0px 0px 2px #AAAAAA;
	box-shadow: 0px 0px 2px #AAAAAA;

	behavior: url(../style/css/PIE.htc);
}

.download h3{
color: #86f7f3;
}

/***** Infobox 2 *****/
.infobox2 {
	background: none;
	background: none;
	/*border: 4px solid rgba(40,40,40,0.13);*/
	margin-bottom: 20px;
	padding: 4px;
	right: 0px;
	
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-webkit-box-shadow: 0px 0px 4px #222;
	-moz-box-shadow: 0px 0px 4px #222;
	box-shadow: 0px 0px 4px #222;
	-pie-shadow: 0px 0px 4px #222;
	
	behavior: url(../style/css/PIE.htc);
}
	.infobox2 h3 {
	border: none;
	margin: 0px;
	}
	

.infobox3 {																/* Box transparent, abgerundet, mit Rand, Schatten | Fallbacks für IE -> ie.css */
	background: rgb(225, 226, 195); /* Fail Over */
	background: rgba(138, 153, 119, 0.15);
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#aaa));*/
	border: 1px solid rgba(40,40,40,0.23);
	margin: 5px 0;
	padding: 15px;
	right: 0px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 0 1px #D19591;
	-moz-box-shadow: 0 0 1px #D19591;
	box-shadow: 0 0 1px #D19591;
	behavior: url(PIE.htc);
}
	.infobox3 p {
		font-size: 12px;
		/*color: #E0E0E0;*/
		margin: 5px 0 0 15px;
	}
	.infobox3 h3 {
	/*background: url(../images/header_line.png) no-repeat scroll left bottom;*/
	color:#000;
	font-size:18px;
	margin: 0 0;
}



.box_header{
/*background: #222;*/
padding: 5px 20px 5px 20px;
}
.box3 {
	/*border:1px solid #000;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
	-moz-box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 0.4);
	-o-box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 0.4);
	box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 0.4);
	behavior: url(PIE.htc);
	padding: 1px 3px 1px 6px;
	background: rgb (38,39,40);
	background: rgb(201, 197, 181) url(../images/plus_minus.png) no-repeat right top;
	
	

}
.infobox5 {
	background: none repeat scroll 0 0 rgb(125, 125, 132);/* final jeweils anpassen */
	/*-pie-background: none repeat scroll 0 0 rgba(40, 40, 40, 0.35);*/
	background: none repeat scroll 0 0 rgba(40, 40, 40, 0.15);
	border: 1px solid rgba(40, 40, 40, 0.15);
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 15px;
	right: 0px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 1px 1px 1px #999999;
	-moz-box-shadow: 1px 1px 1px #999999;
	box-shadow: 1px 1px 1px #999999;
	
	/*behavior: url(PIE.htc);*/
}

/***** Buttons *****/
.button1{
	bottom: 10px;	
	right: 10px;
	padding: 0px 10px;
	text-align: center;
	margin: 15px 0 0 0 ;
	/*height: 20px;*/
	/*border:1px solid rgba(100, 100, 100,1);*/

	-moz-border-radius:10px; 
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	
	background: rgb(38,39,40);
	/*-pie-background: rgba(38,39,40,0.6);*/
	background: rgba(38,39,40,0.6);
	behavior: url(PIE.htc);

}
	.button1, .button1 p, .button1 a, .button1 a:hover, .button1 a:visited { color: #86F7F3;}
	button1 a:hover, button1 a:hover {color: #E0E0E0;}
	.button1 p, .button1 a{
	margin: 0;
	position:relative;
	}




/***** Linien, Unterstriche **********************************************************************************************************/
.line {
	background-image: url(../images/trennlinie.png);
	background-repeat: no-repeat;
	background-position: right 50%;
}

/***** Farben ****************************************************************************************************************************/
/*.bg_grey { background: rgb(217, 217, 217);}*/
.grey { color: rgb(217,217,217);}
.color2 { color:#BCCB7D;}
.mittelgrau {color: #191C1D;}
.cream {color:#E0E0E0;text-shadow:1px 1px 3px #555;}
.dunkelgrau {color:#161616;}

/***** Icons ******************************************************************************************************************************/
.icon{
	float:left;
	padding: 5px 5px 5px 0;
}
.icon1{
	float:left;
	margin: 10px 15px 5px 0;
	/*width:75px;
	height:75px;*/
}
.icon_medium{
float: left;
margin: 0px 0px 0px 20px;

}
.icon_small {
position: relative;
width:20px;
height:20px;
left: -20px;
top:35px;
}

/************************************************************************************************************************************************/	
/* 		AUFBAU
/*			body
/*				wrap_all
					header
						logo
						neavigation
						content
				footer
					
					
/*														*/
/************************************************************************************************************************************************/

body {
	background:#8c8c98 url(../images/bg7.jpg) repeat-x scroll 0 0;
}
	#wrap_all {
		background: transparent url(../images/bgshine.png) no-repeat scroll center top;		
		min-height: 100%; /* Mindesthoehe für moderne Browser */
		height:auto !important; /* Hoehe für moderne Browser */ 
		height:100%; /* Mindesthoehe für den IE */ 
		margin-bottom: 5px;		
		width:100%;
	}

/******************** HEADER | Spezifisch ******************************************************/

#outer_header {
		background: rgb(102,102,102) no-repeat scroll 0px 0px;
		background: rgba(95,97,101,0.9) no-repeat scroll 0px 0px;
		pie-background: rgba(102,102,102,0.9) no-repeat scroll 0px 0px;
		width: 100%;
		min-width:1000px;
	box-shadow: 0 0px 10px #666;
		-moz-box-shadow: 0 0px 10px #666;
		-webkit-box-shadow: 0 0px 10px #666;
		-o-box-shadow: 0 0px 10px #666;
		box-shadow: 0 0px 10px #666;*/
	padding: 0px;
	height: 110px;
	z-index: 10000;
	/*margin-bottom: 20px;*/
	
	position:fixed;
		behavior: url(../style/css/PIE.htc);

}
	#header {
		/*
		background: rgb(102,102,102) no-repeat scroll 0px 0px;
		background: rgba(95,97,101,0.9) no-repeat scroll 0px 0px;
		pie-background: rgba(102,102,102,0.9) no-repeat scroll 0px 0px;
		
		*/
		
		/*border-bottom: 1px solid rgb(114, 127, 229);*/
		height: 110px;
		padding: 0;
		z-index:0;

		}
	
	/***** Logo *****/
	#logo_frame {
			background: #FFF;
			float:left;
			height: 80px;
			width: 220px;
			border: 2px solid #000;
			margin-top: 10px;
		}
		#logo {
			position: absolute;
			height:108px;
			margin: 10px 5px;
			text-align: left;
		}
			#logo img {
				margin-top:25px;
				margin-bottom:10px;
			}
			#logo h1 {
				color:#FFFFFF;
				font-size:2.5em;
				margin: 0px;
				padding-top:0px;
				text-transform:uppercase;
			}
			#logo h1 a {
				-moz-background-clip:border;
				-moz-background-inline-policy:continuous;
				-moz-background-origin:padding;
				background:transparent url(../images/pansys.gif) no-repeat scroll 0 0;
				height:59px;
				left:0px;
				margin-left: 5px;
				margin-top: 0px;
				position: absolute;
				text-indent:-9999px;
				width:195px;
			}
			
#flexibilitaet {

}			
			

/********************************************************************************************************************************************/	
/*****		NAVIGATION													*****/
/********************************************************************************************************************************************/

/***** Hauptmenue ********************************************************************************************************************/

#nav {
	
	display: block;
	position: absolute;
	width: auto;
	margin-top: 10px;
	top: 55px;
	left: 250px;
}
	#menu{
		position: relative;
	}
	ul.menutop {
		background: none;
		float: left;
		position: relative;
		height:auto;
		margin: 0 0px 0 50px;
		padding: 0px 0px 0px 0px;
		/*background: rgb(114, 127, 229) url(img/gradient.png) repeat-x scroll 0 0;*/
		width: auto;
		/* Rahmen um Menü */
			/*
			border:2px solid #000;
			-moz-border-radius-bottom:5px;
			-khtml-border-radius-bottom: 5px;
			-webkit-border-radius-bottom: 5px;
			-o-border-radius-bottom: 5px;
			border-radius-bottom: 5px;
			-moz-border-radius-topleft:10px;
			-moz-border-radius-topright:10px;
			-moz-box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 1);
			-webkit-box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 1);
			box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 1);
			behavior: url(PIE.htc);
			*/
	}
		ul.menutop li{
			background-image:url(../images/sep.png);
			background-position: center right;
			background-repeat: no-repeat;
			border: none;
			position: relative; /* Wichtig - definiert die Base für die Subnavigation */
			font-size: 14px;
			/*height:51px;*/
			padding-right: 10px;
			padding-left: 10px;
			display: block;
			float: left;
			text-shadow: none;
		}
		ul.menutop li.last{
			background-image: none;
		}
			/*
			ul#menu.top li.home { width: 50px;}
			ul#menu.top li.gims { width: 190px;}
			ul#menu.top li.dms { width: 170px;}
			ul#menu.top li.multimedia { width: 125px; }*/
		ul.menutop li.home a{
			/*background-image: url(../images/nav-home.png);
			background-repeat: no-repeat;*/
			/*background-position: 0px 0px;
			height: 12px;
			margin-top: 10px;
			width: 140px;
			/*text-indent: -9999px;*/
		}
			ul.menutop li.home a:hover{ /*
				background-image: url(../images/nav-home.png);
				background-repeat: no-repeat;
				background-position: 0px -25px;
				height: 25px;
				text-indent: -9999px; */

			}
			ul.menutop li a:hover, ul.menutop li a {
			/*width:100px;*/
				padding:0;
				margin:0;
				padding-top:7px;
				display: block;
				text-align: center;
				outline: 0;
				float:left;
				text-indent: 0; /* IE7 | Pop Up - Bug */
			}
			ul.menutop li a, ul.menutop li a:visited { 								/* besuchte Seiten sollen keine Änderungen gegenüber anderen Menüpunkten erfahren */
				color: rgb(233, 233, 245);
				font-size: 1.3em;
				text-decoration: none;
				text-align: center;
				font-weight: normal;
				text-shadow:0 0 1px #444444;
			}
			ul.menutop li a:hover, ul.menutop li a:active{
				border: none;
				color:#222;
				font-weight: normal;
				text-decoration: none;
				/*background:url(../images/light3.png) 0 0 no-repeat;*/
				/*border-bottom: 3px solid #333;*/
			}
			ul.menutop li.active a{
				color: #222;
				border-bottom: 3px solid #333;
			}

/***** Submenue *****/
ul.menutop ul {
	background-position: 20px 30px;
	border:3px solid #000;
	display: none;
	left: 30px;
	top: 20px;
	margin-top: 0px;
	width: auto;
	background:#0b1114 url(img/gradient.png) repeat-x scroll 0 0;
	
	border:3px solid #000;
		-moz-border-radius-bottom:5px;
		-khtml-border-radius-bottom: 5px;
		-webkit-border-radius-bottom: 5px;
		-o-border-radius-bottom: 5px;
		border-radius-bottom: 5px;
	
	/*-moz-border-radius-topleft:10px;*/
	/*-moz-border-radius-topright:10px;*/

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);
	-khtml-opacity: .98;
	-moz-opacity:0.98;
	opacity:0.98;
	
	-moz-box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 1);
	-webkit-box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 1);
	box-shadow:1.2px 1.2px 5px rgba(0, 0, 0, 1);
	
	z-index: 100;
}
	ul#menu li ul.sub_gims li{width: 120px;}
	ul#menu li ul.sub_dms li{width: 730px;}
	ul#menu li ul.sub li {
		background: transparent;
		/*background-image:url(../images/line.png);*/
		background-position: bottom center;
		background-repeat: no-repeat;
		font-size: 11px;
		height: 35px;
		margin: 0px;
		display: block;
		float: left;
		position: relative; /* Wichtig - definiert die Base für die Subnavigation */
	}
	ul#menu li:hover ul.sub {													/* Submenue wird angezeigt bei 'li hover' */
		display: block;
		padding-left: 15px;
		position: absolute;
		top: 0px;
		left: 13px;
		/*width: 170px;*/
		background-position: top left;
		z-index:10000;
	}
	ul#menu li:hover ul.sub li a {
		 background: transparent;
		 display:block;
		  color:#ffffff;
		  text-align: left;
		 /*border-bottom: 1px solid #f2f2f2;*/
		 border: none;
	}
	ul#menu li:hover ul.sub li a:hover {
		 background:transparent;
		 color:#B3E534;

	}
			
/********** MENUE 2	************************************************************************************************************************/


#navigation2, #contact{
margin-top: 10px;
}
	#navigation2 ul{
	overflow: visible;
    list-style: none;
    margin:0;
    padding:0;
	}
	
	#navigation2 .box_header{
	background: #222;
	}
	#navigation2 ul{
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	}
	#navigation2 ul li{

	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;

	padding:3px 5px 3px 5px;
	margin: 0px 0px 2px 0px;
	
	border: 2px solid #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	}
	
	#navigation2 ul li a{
    /*padding-top:5px;*/

    padding: 0px 15px 0px 10px;
    display:block;
    text-decoration: none;
    color:white;
  }
	
	#navigation2 ul li.sub{
		background:;
		font-weight: normal;
		border: none;
		font-size: 1em;
		padding:2px 2px 0px 20px;
	}
	#navigation2 ul li.sub a{
		border-color: rgb(215,220,225);
		border-style: solid;
		border-width: 1px;
		margin-top:2px;
		padding-left: 10px;
		display:block;
		text-decoration: none;
		color:white;
		font-weight: normal;
		background: rgb(35,37,38);
		background: rgba(35,37,38,0.9);
	}
	
	#navigation2 ul li.last{
		padding-bottom: 10px;
	}
	
	#navigation2 ul li.sub2 {
		/*background: #444;*/
		/*background: url(../images/bullet10.png) no-repeat 10px 5px;*/
		margin: 2px 0px 0px 2px;
		padding: 0px 2px 0px 40px;
		border:none;
	}

	#navigation2 a, #navigation2 a:link, #navigation2 a:visited, #navigation2 a:focus {
		color: #FFF;
		text-decoration: none;
		text-shadow: none;
		outline:0;
		cursor: pointer;
	}

	/****** Active Menu Points ******/	
	
	#navigation2 ul li.active.sub_header, #navigation2 ul li.active.sub_header:hover{
		background: #5B5B5B url(../images/arrow2.png) no-repeat center right;
		/*background: none url(../images/arrow2.png); */

		margin:;
		padding:;
		
		border: 2px solid #ffffff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
	}
	
	#navigation2 ul li.active.header, #navigation2 ul li.active.header:hover , #navigation2 ul li.active.header, #navigation2 ul li.active.header:hover{
		background: #5B5B5B url(../images/arrow2.png) no-repeat center right;
		/*background: none url(../images/arrow2.png); */
		border: 1px solid #B3B6BB;
		margin:;
		padding:;
		border: 2px solid #ffffff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
	}
	/*
	#navigation2 ul li.active.sub a, #navigation2 ul li.active.sub a:hover{
		background: none url(../images/arrow2.png);
		border: 1px solid #B3B6BB;
		margin:;
		padding:;
	}
	*/
	
	#navigation2 ul li.active.sub a, #navigation2 ul li.active.sub a:hover{
		color: #111;
		background: url(../images/arrow2.png) no-repeat center right;
		border-color: rgb(215,220,225);
		border-style: solid;
		border-width: 1px;
		margin:0px;
		padding-left: 10px;
		display:block;
		text-decoration: none;
		color:white;
		font-weight: normal;
		background-color: rgb(35,37,38);
		background-color: rgba(35,37,38,0.9);
	}
	
	
	/*
	#navigation2 ul li.active.sub, #navigation2 ul li.active.sub:hover{
			background: url(../images/arrow2.png) no-repeat center right;
			margin: 0px 5px 0px 0px;
			padding: 2px 0px 2px 0px;
	}
	*/
	
	
/*
	#navigation2 ul li ul li.active a{	
		color:#5db1E0;
		
		border-color: none;
		border-style: solid;
		border-width: 1px;
		margin-top:2px;
		padding-left: 10px;
		display:block;
		text-decoration: none;
		color:white;
		font-weight: normal;
		background: none;
	}
	*/
	
	
	#navigation2 ul li.subheader ul li.active{
		border:none;
		background:none;
		margin-top:2px;
		padding-left: 10px;
		display:block;
		text-decoration: none;
		color:white;
		font-weight: normal;
	}
	
	#navigation2 ul li.subheader ul li.active a{
		background: #5B5B5B url(../images/arrow2.png) no-repeat center right;
		/*background: none url(../images/arrow2.png); */
		border: 1px solid #B3B6BB;
		margint:;
		padding:;
	}
	
	/*******************************/
	
	#navigation2  li.header{	
		background: #5B5B5B;
	}
	
	#navigation2  li.sub_header{	
		background: #5B5B5B url(../images/arrow_down.png) no-repeat center right;
	}
	
	#navigation2  li.sub.subsub_header a{	
		background: #5B5B5B url(../images/arrow_down_klein.png) no-repeat center right;
	}
	
	
	#navigation2  li.sub_header a{	
		/*background: url(../images/arrow_down.png) no-repeat center right;*/
	}
	/*
	#navigation2 a:hover, li.sub_header a:hover, li.header a:hover{
		color: #111;
		cursor: pointer;
		background: #5DB1E0 url(../images/arrow2.png) no-repeat center right;
	}
	*/
	#navigation2 li.header:hover, #navigation2 li.sub_header:hover{
		color: #111;
		cursor: pointer;
		background: #5DB1E0 url(../images/arrow2.png) no-repeat center right;
	}
	#navigation2 li.sub a:hover{
		color: #111;
		cursor: pointer;
		background: #5DB1E0 url(../images/arrow2_klein.png) no-repeat center right;
	}
	


.menu ul li ul{
    width:240px;
}
.menu ul li{
    margin:0;

    /*background-color: #3d3d3d;*/
}


/*
.menu ul li a:hover{
    background: #5DB1E0 url(../images/arrow2.png) no-repeat center right;
}
.menu ul li ul a:hover{
    background: #4698ca;
}
*/
.menu ul li ul{
    display:none;

}

/**************************************************************************/	
	
	
	



	
	
/*****	Modul Language Chooser / Sprachauswahl	*****/
#selector{
    position: absolute;
    right: 180px;
    top: 20px;
}
#selector ul{
margin: 0px;
}
#language, #schriftgroesse{
	padding: 2px;
	right: 0px;
	border:1px solid #7295AB;
	margin: 3px 0px 0 6px;
	/*
	-moz-border-radius:10px; 
	border-radius:10px; 
	-moz-box-shadow:1px 4px 8px rgba(0, 0, 0, 1);
	box-shadow:1px 4px 8px rgba(0, 0, 0, 1);

	-moz-opacity:0.4;
	opacity:0.4;*/
}
#schriftgroesse{
/*width: 60px;*/
float: right;
}
#language{
/*width: 150px;*/
float: right;
}
#language p , #schriftgroesse p{
	font-size: 11px;
	color: #AAA;
}
#language ul li, #schriftgroesse ul li{
float: left;
margin: 0 7px;
background: none;
border: none;
}
/***** end Language Chooser *****/

/***** Modul breadcrumbs *****/
#breadcrumbs {
height: 15px;
border-bottom:1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
padding: 0px 0 5px 0;
}
#breadcrumbs p{
text-align:left;
float: left;
margin-right: 2px;
font-size: 0.7em;
}
/***** end breadcrumbs *****/

/********************************************************************************************************************************************/	
/*****	SEKTIONEN | SEKTIONEN | SEKTIONEN | SEKTIONEN | SEKTIONEN | SEKTIONEN | SEKTIONEN		*****/
/********************************************************************************************************************************************/

#intro{
height: auto;
}

#wrap_all.intro {
background: #000 url(../images/teaser_gross.jpg) no-repeat scroll;
}

#introduction {
	/*background: #001763 url(../images/content.jpg) scroll no-repeat 50% 0px;*/
	/*min-height: 700px;*/
	height: auto;
	overflow: hidden;
	margin-top:0px;
	z-index: 200;
/*
	-moz-box-shadow: 0 0px 3px #666;
	-webkit-box-shadow: 0 0px 3px #666;
	-o-box-shadow: 0 0px 3px #666;
	box-shadow: 0 0px 3px #666;
	
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-radius: 0px 0px 5px 5px;
	-o-box-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(PIE.htc);
	*/	
}
#content {
/*margin-top: 10px;*/
}
#container_bg {
	/*background: rgb(203, 209, 220) scroll no-repeat 50% 0px;*/
	/*-pie-background: rgba(222, 232, 244, 0.5) scroll no-repeat 50% 0px;*/
	/*background: rgba(222, 232, 244, 0.1) scroll no-repeat 50% 0px;*/
	background: none;
	min-height: 395px;
	overflow: hidden;
	padding: 0px;
	z-index:100;
	margin-top:110px;
}

/**************************************************************************/	
/* 		INFOBOXES	 // verifizieren			*/
/**************************************************************************/

#infobox2 {
	background-image: transparent url(../images/infoboxen/infobox2.png) no-repeat top left;
	float: left;
	width: 320px;
	height: 320px;
}
#infobox2_container {
	background:transparent;
}

/***** Box Kontakt	*****/
#contact {
	/*color: #fff;*/
	height: auto;
}

#contact p{
font-size: 1em;
line-height: 1em;
}
#contact.container {
	/*width:920px;*/
	overflow: hidden;
	padding:20px 20px;
	/*background-image:url(../images/transbg.png);*/
	margin:0 auto;
}
/***** end Box Kontakt *****/

/************************************************************************/	
/* 		FOOTER | Sektion					*/
/************************************************************************/
.push{
height: 35px;
}

/************************************************************************/	
/* 		FOOTER						*/
/************************************************************************/ 
#footer{
	bottom: 0;
	height: 35px;
	width: 100%;
 }
.footer .push{
	height: 28px;
}
#footer_info{
background-image: url(../images/line.png);
background-repeat: no-repeat;
background-position: top center;
padding: 2px 20px 2px 20px;
}
#footer_info p, #footer_info a, #footer_info a:hover, #footer_info a:active, #footer_info a:visited{
font-size: 11px;
line-height:  1.6em;
color:#AFADA9;
text-shadow: none;
font-style: none;
text-decoration: none;
}
#footer_info p{
	padding: 0px 15px;
}

/************************************************************************************************************************************************/
/*		SEITEN															*/
/************************************************************************************************************************************************/
/*****	Home	*****/
#home_de #container_bg, #home_en #container_bg{

/*background: #000 url(../images/teaser.jpg) no-repeat scroll;*/
height: auto;
padding-top: 100px;
}
#home_de .infobox10 h3, #home_en .infobox10 h3, #home_de .infobox1 h3 {
color:#86F7F3;
}
#home_de .infobox10 p, #home_en .infobox10 p, #home_de .infobox10 li, #home_en .infobox10 li{
color: #FFF;
text-shadow: none;
}
#home_de .infobox10 li, #home_en .infobox10 li{
border-bottom: 1px dashed #333;
line-height: 1.6em;
background: url("../images/bullet_arrow.png") no-repeat scroll 0 5px transparent;
padding-left: 18px;
}
#home_en #teaser_text, #home_de #teaser_text  {
position: relative;
top: -50px;
/*width: 940px;*/
text-align: center;
}
#home_en #teaser_text h2, #home_de #teaser_text h2{
font-size: 58px;
letter-spacing: 4px;
font-weight: normal;
text-shadow: 0 0 4px #36D7F3;
}

/*****	404		*****/
#error .infobox3{
text-align:center;
}
#error h1{
font-size: 48px;
}
#error h5{
font-size: 28px;
}

/*****	contact	*****/
#page_contact #addresses h3{
margin-top: 30px;
}
#products .infobox0 a:link, #products .infobox0 a:visited, #downloads .infobox0 a:link, #downloads .infobox0 a:visited{
color: #000;
text-decoration: underline;
}

/************************************************************************************************************************************************/	
/* 		DEFINITION KLASSEN / Allgemein											*/
/************************************************************************************************************************************************/

/*	STANDARDS	*/
em { font-style: italic }
.strong { font-weight: bold;}
.right { float:right;}
.left { float:left;}
.inline { display: inline;}