@charset "utf-8";
html
{height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  overflow:auto;
  overflow-x: hidden;}
  
  body{ 
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #fff;}

*{border:0px solid #eee;margin:0;padding:0;list-style:none}

#mainpage
{ padding: 0px 0 0 0; 
  position: absolute;
  height:100%;
  width:100%;
  top: 0;                  
  left: 50%;
  margin: 0px 0 0px -495px;
  z-index:1; 
  border:0px solid #000;}

body, div, span, p, a, td, input, select, textarea, .titel, .subtitel, .eingabe {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000;}

h1 {
	color:#fff;
	font-size:20px;}

h2 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	padding:0px;}

h3 {
	color:#000;
	font-size:12px;}

td {
	color: #000;}

a {
	text-decoration: none;
	font-weight:normal;}

a.copyright {
	color: #b2a99e;}

p { margin:0px;
	line-height: 1.5em;}

ul {
	margin: 0px 0px 20px 0px;
	padding-left: 1em;
	text-indent: 0em;}
#liste {
	border: 0px solid #000;
	margin: 0em;
	width: 30em;
	padding-left: 3px;}

li {
	margin: 0px 0px 0px 0px;}
	
img {margin:0px; padding:0px;border:0px;}
	

/*--------------------------haupt-ids (header, content, left, right...)-------------------*/

#header-oben {
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0 0 0px;
	padding:0px;
	height:70px;
	background-color:#7db61c;	/*gruen*/
	border-bottom:12px solid #525f6a;/*grau*/
	z-index:1;}
	
/*#header-oben-neu {
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0 0 0px;
	padding:0px;
	height:70px;
	background-color:#7db61c;	
	border-bottom:12px solid #525f6a;
	z-index:1;
	width:940px;}*/
	
	#header {
	position:relative;
	top:0px;
	left:43px;
	margin:0px;
	padding:0px;
	height:66px;
	width:901px;
	background-color:#7db61c;	
	border-bottom:12px solid #525f6a;}

#header_banner {
	background-color:#fff;
	height:85px;
	width:901px;
	margin:0px auto;}
	
		#header_banner #flash {
		margin:0px 0 0 330px;
		padding:10px 0 0 0;
		color:#000;}
		
		#header_banner h1 {
		margin:0px;
		padding:0px;
		color:#000;}
	
	#header #logo1{
	float:right;
	width:150px;
	height:50px;
	padding:0px 0 0 0px;
	margin:9px 43px 0px 0px;}
	
	#header #logo2{
	float:left;
	height:69px;
	width:120px;
	padding:0px 0 0 0px;
	margin:8px 0px 0px 31px;
	border:0px solid #000;}
	
		#header #logo2 .logooben{
		padding:20px 0 0 25px;
		margin:11px 0px 0px 0px;}

#content {
	position:absolute;
	left:0px;
	padding-left:43px;
	margin:0px auto;
	width:941px;
	height:100%;
	border:0px solid #c82f23;
	/*background:url(../images/bg-raender3.png) 25px 0px repeat-y;*/
	background:url(../images/bg-raender-content2.png) 25px 0px no-repeat;}

#schattenraender {
	background:transparent;
	width:990px;
	background:url(../images/bg-raender3.png) 25px 0px repeat-y;}
	
#colum_left {
	position:absolute;
	top:0;
	bottom:0;
	left:45px;
	height:100%;
	width:180px;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	border:0px solid #000;}
	
		#colum_left p{
		background:transparent;
		background:url(../images/bg.png) 0px 0px repeat-y;
		text-transform:uppercase;
		color: #fff;
		font-size:10px;
		margin:0px 0 5px 0;
		padding:10px  10px 10px 15px;}
		
		#colum_left div.fuellung{
		position:relative;
		top:0;
		width:100%;
		left:0px;
		bottom:0;
		background:transparent;
		background:url(../images/bg-colum-left.png) 0px 0px no-repeat;
		margin:0px 0 0px 0;
		height:100%;
		padding:0em 0;}
		
		#colum_left p a, #colum_right p a{
		text-decoration:underline;
		color: #fff;
		font-size:10px;}
		
#colum_center {
	height:100%;
	width:530px;
	margin:0px 0 0px 185px;
	padding:0px 0 0 0px;}
	
		#colum_center p {
		margin:0px;
		padding:10px;
		color:#fff;}
			
		#colum_center img {
		margin:0px;
		padding:0 0 0 0px;}
		
		
		
		#colum_center h2 {
		background:transparent;
		background:url(../images/bg-h2.png) 0px 0px no-repeat;
		text-transform:uppercase;
		margin:0px 0 0 0;
		color:#bd2739;
		color:#a30216;
		color:#fff;
		font-size:12px;
		padding:10px;}
		
			#colum_center h2.bg2 {
			background:transparent;
			background:url(../images/bg2-h2.png) 0px 0px no-repeat;
			text-transform:uppercase;
			margin:0px 0 0 0;
			color:#fff;
			font-size:12px;
			padding:10px;}
		
		#colum_center h3 {
		margin:10px 0 40px 10px;}
		
		#colum_center #content1 #buttons {
			margin:10px 0 45px 0;}
		
			#colum_center h3.demo {
			height:30px;
			width:170px;
			background:transparent;
			background:url(../images/bg-demo2.png) 0px 0px no-repeat;
			padding:8px 0 0 0;
			margin:0px 0 10px 340px;
			text-align:center;}
			
			#colum_center h3.referenzen{
			float:left;
			height:30px;
			width:170px;
			background:transparent;
			background:url(../images/bg-demo2.png) 0px 0px no-repeat;
			padding:8px 0 0 0;
			margin:0px 30px 0px 40px;
			text-align:center;}
			
			#colum_center h3.mehr{
			float:left;
			height:30px;
			width:170px;
			background:transparent;
			background:url(../images/bg-demo2.png) 0px 0px no-repeat;
			padding:8px 0 0px 0;
			margin:0px 0 0px 30px;
			text-align:center;}
			
			#colum_center h3.links{
			height:30px;
			width:170px;
			background:transparent;
			background:url(../images/bg-demo2.png) 0px 0px no-repeat;
			padding:8px 0 0 0;
			margin:0px 0 5px 8px;
			text-align:center;}
			
			
			
			#colum_center h3.demo a, #colum_center h3.links a, #colum_center h3.referenzen a, #colum_center h3.mehr a{
			text-align:center;
			text-transform:uppercase;
			text-decoration:none;
			color:#fff;
			font-size:10px;
			font-weight:bold;}
			
			#colum_center h3.links a {
				text-transform:none;
			}
	
		#colum_center h4 {
		color:#fff;
		font-size:12px;
		font-weight:bold;
		padding-left:10px;
		text-transform:uppercase;}
	
			#colum_center #content1, #colum_center #content3{
			width:520px;
			margin:0px 0 5px 0px;
			padding:5px 5px 15px 5px;
			background:transparent;
			background-color:#000;
			background:url(../images/bg-content1a.png) 0px 0px repeat-y;}
			
				#colum_center #content1 img, #colum_center #content3 img{
				margin:0px;
				padding:0px;}
				
				#colum_center #content1 img.float_left {
				float:left;
				width:300px;
				height:302px;
				margin:0px 10px 0px 0;}
				
				#colum_center #content1 img.bildanleitung {
				margin:17px 0px 0px 0;}
				
				#content1 ul{
				color:#fff;}
				
				#content1 .strong{
				font-weight:bold;
				margin-bottom:-15px;}
				
				#content1 ul li{
				list-style-type:disc;
				margin:5px 0 0 15px;}
				
				
				#colum_center #content1 .szenariobild {
				margin:0px 0 5px 0;
				padding:0 0 0px 0;}
				
				#colum_center #maske{
				width:530px;
				margin:0px 0px;
				padding:0px ;
				background:transparent;
				background-color:#000;} 
				
				#FLVPlayer {
				margin:20px 105px;} 
				
				#FlashplayerID1 {
					margin:0 0 5px 0;}
				
				#playerPraxis {
					margin:20px 0px;
				} 

			
			#colum_center #content2{
			width:530px;
			margin:0px 0 5px 0px;
			padding:0px 0 20px 0;
			background:transparent;
			background:url(../images/bg-content2.png) 0px 0px repeat-y;}
			
				#colum_center #content2 ul{
				color:#fff;
				height:100px;
				margin:20px 0px 0 0;
				padding:0px 10px 0px 30px;}
				
				#colum_center #content2 ul li{
				list-style-type:none;
				display:inline;
				height:20px;
				width:140px;
				float:left;
				padding:0px 20px 0 0;}
	  
				#colum_center #content2 ul li a{
				text-transform:uppercase;
				font-size:10px;
				color:#fff;
				width:140px;
				margin:10px 0 0 0;}
				
				#colum_center #content2 ul.szenarien_text{
				color:#fff;
				height:10px;
				margin:0px 0px 0 0;
				padding:5px 0px 0px 30px;}
				
				#colum_center #content2 ul.szenarien_text li{
				text-align:center;}
				
				#colum_center #content2 ul.szenariendetails{
				width:510px;
				color:#fff;
				height:20px;
				padding:5px 10px 0px 10px;
				margin:5px 0 0px 0;
				background:transparent;
				background:url(../images/bg2-h2.png) 0px 0px no-repeat;}
				
				#colum_center #content2 ul.szenariendetails li{
				list-style-type:none;
				display:inline;
				height:20px;
				width:100px;
				float:left;
				padding:0px 20px 0 0px;
				border:0px solid #000;}
				
				#colum_center #content2 ul.szenariendetails li a{
				text-transform:uppercase;
				font-size:10px;
				color:#fff;
				width:100px;
				text-align:middle;}
				
				#colum_center #content2 ul.szenariendetails li a:hover, #colum_center #content2 ul.szenariendetails li a.active{
				color:#c90019;}

	#colum_right {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		height:100%;
		width:180px;
		margin:0px 0 0 765px;
		padding:0px;}	
		
	#colum_right h3{
		text-transform:uppercase;
		font-size:12px;
		margin-left:5px;}
	
	#colum_right p{
	  text-transform:uppercase;
	  font-size:11px;
	  color:#fff;
	  font-weight:bold;}
	  
	 #colum_right .rechtefuellung{
		float:right;
		background:transparent;
		background:url(../images/bg-colum-left.png) 0px 0px no-repeat;
		margin:10px 2px 0px 0;
		border:0px solid #F30;
		width:178px;
		height:100%;
		padding:0px;}
	 
	 #colum_right p.passwort{
		 margin:0px 0 20px 0;}
		 
	#colum_right .referenzen {
	width:164px;
	margin:0 0 10px 0;
	background:transparent;
	background:url(../images/bg.png) 0px 0px repeat-y;
	padding:20px 8px;}

	#colum_right .referenzen p {
		color:#fff;
		/*font-size:11px;*/
		font-size:10px;
		text-transform:uppercase;
		font-weight:bold;}
		
	#colum_right .referenzen p span{
		font-size:10px;
		font-weight:normal;
		/*text-transform:none;*/
		text-transform:uppercase;
		color:#fff;}
		
	#colum_right .referenzen p a{
		/*font-weight:bold;*/
	}
				
	/*--------------------------------------tabellen--*/
	#content  table {
		color:#fff;
		margin:10px;}
		
	#content table td {
		color:#fff;
		vertical-align:top;}
	
/*--------------------------spezifische ids-------------------*/



#lang {
	text-align:right;
	margin:-10px 10px 0 0;
	color:#acacac;}
	
	#lang a {
	color:#acacac;
	font-size:10px;
	text-transform:uppercase;}
	
	#lang a.activ {
	color:#525f6a;
	font-size:10px;
	text-transform:uppercase;}

#title {
	height:50px;
	margin:0px auto;
	padding:0px;
	width:900px;
	background:transparent;
	background:url(../images/bg_willkommen.png) 0px 0px no-repeat;}

#title img{
	margin:0px 0 0 20px;
	padding:0px;}

/* Colum left*/
	#colum_left .szenarien  {
	width:160px;
	margin:0px;
	padding:0px;}
	
	#colum_left ul.szenarien {
	margin:0px 0 0px 0;
	list-style-type: none;
	width:160px;}
	
	#colum_left ul.szenarien li {
	margin:0px 0 5px 0;
	padding:0px;}
	
	#colum_left ul.szenarien li a{
		text-transform:uppercase;
		color: #fff;
		font-size:10px;
		padding:30px 5px 5px 5px;
		text-align:center;
		display:block;
		width:180px;
		height:40px;	
		font-weight:normal;
		text-decoration:none;
		background:transparent;
		background:url(../images/bg-left-active2.png) 0px 0px no-repeat;}
	
	#colum_left ul.szenarien li a:hover{
	width:180px;
	height:40px;
	display:block;
	margin:0px 0 0px 0;
	padding:30px 5px 5px 5px;
	text-align:center;
	background:transparent;
	background:url(../images/bg-left-active2.png) 0px -80px no-repeat;}
	
	#colum_left ul.szenarien li .active {
	width:180px;
	height:40px;
	display:block;
	margin:0px 0 0px 0;
	padding:30px 5px 5px 5px;
	text-align:center;
	background:transparent;
	background:url(../images/bg-left-active2.png) 0px -80px no-repeat;}

	

/*--------------------------footer-------------------*/
#footer {
	position:relative;
	top:0px;
	left:0px;
	clear:both;
	width:530px;
	height:auto;
	margin:0px 0 0px 0;
	padding:0px 0 0px 0px;}
	
	#footer .inner {
	background: transparent;
	background:url(../images/bg-footer.png) 0px 0px repeat-y;}
	
	#footer p{
	font-size:10px;
	text-align:right;
	padding: 5px ;
	color:#ddd;}
		
	#footer a {
		color:#ddd;
		font-size: 10px;
		text-align:right;
		text-decoration:none;}
		
	#footer a:hover {
		font-size: 10px;
		text-decoration:underline;}


/*--------------------------IE6 transparent png hack / http://www.twinhelix.com/css/iepngfix/-------------------*/
#nav #inner, #schattenraender, 
#title,
#title img,
#colum_right,
#colum_right .referenzen,
#colum_center img,
#colum_center .bg2,
#colum_center #content1,
#colum_center #content2,
#colum_center h3, 
#colum_left, 
#colum_left p, 
#colum_left p.fuellung, 
.fuellung,
.formsubmit, 
.formfield, 
textarea,
#footer #inner, 
#footer .inner,
#colum_right p.rechtefuellung,
#content,
ul.szenariendetails, 
#colum_left ul.szenarien,
#colum_left ul.szenarien li a,
#header #logo2 .logooben a img
{ behavior: url(../scripts/iepngfix.htc) }