/* STANDARD DEFINITIONS
================================================================================================================================================================== */
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	height: 100%;
	
	padding: 0; 
	margin: 0;
}

html{
	background-image: url("../img/bg_small.jpg");
	background-repeat: repeat;
	
}

body{
	background-image: url("../img/bg.jpg");
	background-repeat: repeat-x;
	
}

/* SANDARD LINKS 
================================================================================================================================================================== */
	/* WHITE LINK */
	a.white:link{
		color: #FFFFFF;
		margin: 0;
		padding: 0;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: none;
	}
	a.white:visited{
		color: #FFFFFF;
		margin: 0;
		padding: 0;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: none;
	}
	a.white:hover{
		color: #FFFFFF;
		margin: 0;
		padding: 0;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: underline;
	}
	
	/* PURPLE LINK */
	a.purple:link{
		color: #81287f;
		margin: 0;
		padding: 0;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: none;
	}
	a.purple:visited{
		color: #81287f;
		margin: 0;
		padding: 0;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: none;
	}
	a.purple:hover{
		color: #81287f;
		margin: 0;
		padding: 0;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: underline;
	}
	
	
	
	
	



a.download{
	width: 400px;
	background-image: url("../img/pdf.jpg");
	background-repeat: no-repeat; 
	left: 0; 
	padding: 3px 0 0 22px; 
	margin: 4px 0 0 0 ;
	 
	display: inline-block;
	font-size: 9pt;
	text-decoration: none;
	height: 20px;
	color: #38244c;
	float: none;

}

a.download:hover{
	font-weight: bold;
	
}




/* LAYOUT MAINFRAME 
================================================================================================================================================================== */

/* LAYOUT - MAIN WRAPPER */
#wrapper_main{
	width: 900px;
	/* height: auto;  CHECK */  
	margin: 20px auto 0 auto;
	padding: 0;

}


	/* MAIN WRAPPER - MENU BAR ON TOP */
	#wrapper_header{
		width: 900px;
		height: 120px; 
		margin: 0;
		padding: 0;
		position: relative;
	

		
	}
		/* MAIN WRAPPER - MENUBAR ON TOP - MENU */
		#wrapper_header #logo{
			background-image: url("../img/logo.png");
			background-repeat: no-repeat;
			width: 95px;
			height: 95px; 
			margin: 0;
			padding: 0;
			position: relative;
			float: left;
			
		}
		
		#wrapper_header #menu_main{
			width: 650px;
			height: 22px; 
			margin: 70px 0 0 20px;
			padding: 0;
			position: relative;
			float: left;
			text-align: center;
font-size: 14pt;

		}
	
			#menu_main a,#menu_main  b{
				width: auto;
				height: 16px; 
				margin: 0 4px 0 30px;
				padding: 3px 0 0 0;
				position: relative;
				float: left;
				text-align: center;
				
				font-weight: normal;
				color: #FFFFFF;
				text-decoration: none;
				
				
			}
				#menu_main  b{
					
					text-decoration: underline;
				}
			
			
					#menu_main a:hover{
						color: #FFFFFF;
						height: 14px;
						text-decoration: underline;
						

		

			
					}
					#menu_main a:active{
						color: #FFFFFF;
						height: 14px;
						background-image: url("../img/bg_menu_active.png");
						background-repeat: no-repeat;
						color: #FFFFFF;
					}
		
		
		
		
		#wrapper_header #menu_sub{
			width: 900px;
			height: 22px; 
			margin: 5px 0 0 0;
			padding: 0;
			position: relative;
			float: left;

			display: inline-table;
			text-align: center;

	white-space: nowrap;
	

		}
		
		
		

			#menu_sub .wrapper_items {
				width: auto;
				white-space: nowrap;
				
				
				height: auto;
				
				padding: 0;
				margin: 0 auto 0 auto;
				color: #FFFFFF;
				font-size: 9pt;
				position: relative;
					

					display: inline-block;
			}
						#menu_sub .menuitem{
							width: auto;
							
							color: #0a5391;
							margin: 0 5px 0 5px;
							padding: 0;
							float: left;
							display: block;

							float: left;
							
							
						}
							#menu_sub .menuitem a{
								color: #FFFFFF;
								float: left;
								text-decoration: none;
								position: relative;
							}
							#menu_sub .menuitem a:hover{
								color: #FFFFFF;
							margin: 0;
								text-decoration: underline;
								padding: 0;
							}
			
						#menu_sub .menuitem_active {
							color: #FFFFFF;
							text-decoration: underline;
							font-weight: bold;
							float: left;
							padding: 0;
							margin: 0 5px 0 5px;
							/* margin: 0 15px 0 0;*/
							display: block;
							
	
						}
							#menu_sub .menuitem_active p{
								height: auto;
								margin: 0;
								padding: 0;
								color: #FFFFFF;
								float: left;
								text-decoration: none;
								position: relative;
		
							}
		
		
		
		
		

		#wrapper_header #wrapper_language{
			position: absolute;
			top: 0;
			right: 0;
			color: #FFFFFF;
			font-size: 11pt;
			font-weight: bold;
		
		}
		#wrapper_language p{
				float: left;
				margin: 0 10px;
				padding: 0;
			}
			#wrapper_language img{
				float: left;
				margin: 1px 0 0 5px;
				padding: 0;
				border: 1px solid #FFFFFF;
				height: 13px;
			}
		
			#wrapper_language a{
				float: left;
				margin: 0;
				padding: 0;
			}
			#wrapper_language a img{
				float: left;
				border: none;
				margin: 1px 0 0 5px;
				padding: 0;
				border: 1px solid #FFFFFF;
			}
			
		
	/* MAIN WRAPPER - CONTENT WRAPPER */
	#wrapper_content{
		width: 900px;
		height: auto; 
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		clear: both;
		

	}
	
		/* MAIN WRAPPER - CONTENT WRAPPER - LEFT DIV COLUMN */
		#wrapper_content #wrapper_left{
			width: 390px;
			height: auto; 
			margin: 0 10px 0 0;
			padding: 0px;
		
			position: relative;
			float: left;
			display: table; 


		}

			#wrapper_content #wrapper_left #image{
				width: 380px;
				height: auto; 
				margin: 0px;
				padding: 0px;
				position: relative;
				display: table; 
				float: left;
				
			}
				#wrapper_content #wrapper_left #image img{
					width: 365px;
					height: auto; 
					margin: 0px;
					padding: 0px;
					position: relative;
					display: block; /* needs to be block, instead of table. otherwise IE8 wont show the image */
					border: 8px solid #FFFFFF;
					float: left;
		
				}
				
			
			#wrapper_content #wrapper_left #title_mouseover{
				width: 380px;
				height: 20px; 
				margin: 5px 0 0 0;
				padding: 0px;
				position: relative;
				display: table; 
				float: left;
				color: #FFFFFF;
				text-align: center;
				font-size: 10pt;
				font-weight: bold;

			}
			
			#wrapper_content #wrapper_left #wrapper_picturemenu{
				width: 380px;
				height: auto; 
				margin: 0px;
				padding: 0px;
				position: relative;
				display: table; 
				float: left;
				border-bottom: 1px solid #FFFFFF;

			}
				#wrapper_picturemenu table{
					width: auto;
					height: auto; 
					margin: 0 auto 0 auto;
					padding: 0px;
					position: relative;
					display: table; 
								

					
				}
				#wrapper_picturemenu table tr td {
					width: 79px;
					height: 70px; 
					margin: 0px;
					padding: 5px;
					position: relative;
					
				}
				
				#wrapper_picturemenu table tr td img{
					width: 75px;
					height: 65px; 
					margin: 0px;
					padding: 0px;
					position: relative;
		
					
					border: 2px solid #FFFFFF;
				
				}
				
				
			#wrapper_left #wrapper_contact{
				
				width: 380px;
				height: auto; 
				margin: 5px 0;
				padding: 0;
				position: relative;
				white-space: nowrap;
			
				font-size: 10pt;
				float: left;
				display: block;
				overflow: hidden;
				
				
			}
				#wrapper_left #wrapper_contact .left{
					color: #FFFFFF;
					
					width: 220px;
					height: auto; 
					margin: 0;
					padding: 0;
					position: relative;
					display: table;
					font-size: 8pt;
					float: left;
					/* border-right: 1px solid #FFFFFF;*/
				}
				#wrapper_left #wrapper_contact .right{
					color: #FFFFFF;
					width: 160px;
					height: auto; 
					margin: 0;
					padding: 0;
					position: relative;
					display: table;
					font-size: 8pt;
					float: right;
					text-align: right;

				}
			
			

		/* MAIN WRAPPER - CONTENT WRAPPER - RIGHT DIV COLUMN */
		#wrapper_content #wrapper_right{
			width: 500px;
			height: auto; 
			margin: 0 0 0 0;
			padding: 0;
			float: right;
			display: block;
			color: #38244c;	
			position: relative;
			

		}
			#wrapper_content #wrapper_right #wrapper_whitebox{
				width: 450px;
				height: auto; 
				margin: 0 0 0 0;
				padding: 20px ;
				float: right;
				display: block;
				color: #38244c;	
				position: relative;
				background-color: #FFFFFF;
			}
		
		
			#wrapper_whitebox .wrapper_title{
				width: 440px;
				height: auto;
				color: #FFFFFF;
				font-size: 9pt;
				font-weight: bold;
				float: left;
				margin: 0;
				padding: 0;
				display: inline-table;
				position: relative;
				border-bottom: 1px solid #38244c;
				
		
		
				
			}
				.wrapper_title h1{
					width: 330px;
					height: auto;
					color: #38244c;
					font-size: 9pt;
					font-weight: bold;
					float: left;
					margin: 2px 0 0 0;
					padding: 0 5px 0 0;
					display: block;
					position: relative;
					
				
					
					
				}
				
				
				.wrapper_title h2{
					width: auto;
					
					color: #38244c;
					font-size: 9pt;
					font-weight: bold;
					text-align: right;
					margin: 3px 0 0 0;
					padding: 0 0 0 26px;
					display: block;
					position: relative;
					float: right;
						background-image: url("../img/j_title.jpg");
						background-repeat: no-repeat;
						background-position: left top;
					
				}
				
				.wrapper_title img{
					width: 26px;
					height: 16px;
					margin: 0 0 0;
					padding: 1px 0 0 0;
					display: block;
					position: relative;
					float: right;

					
					
				}
			
			
	
			
			#wrapper_whitebox .wrapper_details{
				
				width: 440px;
				height: auto;
				margin: 0;
				padding: 0;
				position: relative;
				float: left;
				font-size: 9pt;
				color: #38244c;
			}
			
				.wrapper_details h3{
					font-size: 10pt;
					margin: 20px 0 5px 0;
					padding: 0;
					
					color: #38244c;
				
				}
				

				.wrapper_details p{
					width: 440px;;
					color: #38244c;
					float: left;
					
				}

				.wrapper_details ul{
					width: 440px;
					margin: 0;
					padding: 0;
					color: #38244c;
					float: left;
					
				}



					.wrapper_details ul li{
						width: 400px;
						margin: 0 0 0 20px;
						padding: 0;
						color: #38244c;
						float: left;
						list-style-position: outside;
						list-style-type: square;
						
					}




		/*
				.wrapper_details ul.downloads{
					width: 440px;
					margin: 0;
					padding: 0;
					color: #38244c;
					float: left;
					display: block;
				}
					.wrapper_details ul.downloads li{
						width: 400px;
						margin: 0 0 0 20px;
						padding: 0;
						color: #38244c;
						float: left;
						list-style-position: outside;
						
						
						list-style-image: url(../img/pdf.jpg);
						background-color: green;
						height: 17px;
						position: relative;
						
						
						
						
						
					}
		
						ul.downloads li a:link, ul.downloads li a:visited, ul.downloads li a:hover{
									
									margin: 0;
									padding: 0;
									color: #38244c;
									clear: left;
									
									position: relative;
									background-color: blue;
									height: 17px;
									
									
									
									
									
								}
		
		*/
		
		
		
		.wrapper_details a{
					font-size: 9pt;
					font-weight: bold;
					color: #38244c;
					

				}
				
				
				
				
		
				.wrapper_details #kontaktform{
					font-size: 9pt;
					font-weight: bold;
					color: #38244c;
					float: left;

				}

					.wrapper_details input{
						font-size: 9pt;
						height: auto;
						width: 250px;
						color: #38244c;
						float: left;
						
						
						
					}

					.wrapper_details .greenSubmit{
						font-size: 9pt;
						height: auto;
						width: auto;
						font-weight: bold;
						color: #38244c;
						float: none;
						border: 1px solid #38244c;
						background-color: transparent;
						
						
					}








/* FOOTER
================================================================================================================================================================== */
#wrapper_footer{

	width: 500px;
	height: 24px;
	clear: both; 
	margin: 2px 0 0 0;
	padding: 0 ;
	float: left;
	text-align: center;
	vertical-align: center;
	font-size: 8pt;
	color: #FFFFFF;
	
}






				#wrapper_footer a:link, #wrapper_footer a:visited, #wrapper_footer a:hover{
					float: right;
					
					margin: 0 0 0 10px;
					padding: 0;
					color: #FFFFFF;
					text-decoration: none;
				}
					#wrapper_footer a:hover{
						float: right;
						
						margin: 0 0 0 10px;
						padding: 0;
						color: #FFFFFF;
						text-decoration: underline;
					}
				
				
				#wrapper_footer p{
					color: #FFFFFF;
					float: right;
					margin: 0 0 0 10px;
					padding: 0;
				}
				
				#wrapper_footer b{
					color: #FFFFFF;
					float: right;
					margin: 0 0 0 10px;
					padding: 0;
					text-decoration: underline;
				}
				
				
				
.specs{
	margin: 10px 0 0 0;
	padding: 0;
	white-space: nowrap;

}

.specs tr {
	border-bottom: 1px solid #38244c;

	margin: 0;
	padding: 0;
}
.specs tr.stripe td {
	border-bottom: 1px solid #38244c;
		margin: 0;
	padding: 0;
	
}

.specs tr td {
	font-weight: bold;
	border-left: 1px solid #38244c;
		margin: 0;
	padding: 2px 3px 2px 3px;
	
}
.specs tr td.label {
	font-weight: bold;
		margin: 0;
	padding: 2px 5px 2px 2px;
	border: none;
	
}





.frameset{
	height: 900px;
	width: 900px;
}




.lightbox{
	

}

.lightbox a img{
	border: none;
	padding: 0;
	margin: 0 7px 7px 0;

}