@charset "utf-8";

html {
    width: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #000000;
}

a {
	color: #009DE0;
}

#wrap {
	margin: 0 auto 0 auto;
    /*schnix
	background: #000000 url(background.jpg) top center no-repeat; */
}

	#page {
		height: 830px;
		margin: 0 auto 0 auto;
		/* schnix */
		min-width  : 1000px;
		max-width  : 1281px;
		background : transparent none repeat scroll 0 0;
	}
		
		#head {
			width: auto;
		}
		
			#logo {
				float: left;
				width: 220px;
				height: 100px;
				margin: 35px 0 0 35px;
			}
			
			#nav {
				float: right;
				margin: 35px 35px 0 0;
			}
			
				#nav a {
					float: left;
					font-size: 14px;
					font-weight: bold;
					color: #000000;
					text-decoration: none;
					display: block;
					width: 95px;
					height: 20px;
					background: #FFFFFF;
					margin: 0 1px 0 0;
					padding: 80px 0 0 5px;
				}
				
				#nav a:hover, #nav a.sel {
					color: #009ee0;
				}
				
				#nav a.btn_home {
					float: left;
					font-size: 14px;
					font-weight: bold;
					color: #FFF;
					text-decoration: none;
					display: block;
					width: 93px;
					height: 18px;
					background: none;
					margin: 0 1px 0 0;
					padding: 80px 0 0 5px;
					border: solid #FFF 1px;
				}
				
				#nav a.btn_home_sel {
					float: left;
					font-size: 14px;
					font-weight: bold;
					color: #FFF;
					text-decoration: none;
					display: block;
					width: 93px;
					height: 18px;
					background: none;
					margin: 0 1px 0 0;
					padding: 80px 0 0 5px;
					border: solid #009ee0 1px;
				}
				
		#stage {
			width: 100%;
			height: 695px;
			float: left;
			clear: right;
			margin: 0;
		}
			
			#content_box {
				width: 910px;
				background-color: #FFFFFF;
				margin: 130px auto 0 auto;
			}
			
				#content_box h1 {
					font-size: 22px;
					font-family: Arial, Helvetica sans-serif;
					font-weight: normal;
					margin: 50px 10px 10px 10px;
				}
				
				#content_box h2 {
					font-size: 20px;
					font-family: Arial, Helvetica sans-serif;
					font-weight: normal;
					margin: 20px 10px 10px 10px;
				}
				
				#content_box p {
					font-size: 12px;
					font-family: Arial, Helvetica sans-serif;
					font-weight: normal;
					margin: 10px 10px 0 10px;
					line-height: 1.4em;
				}
				
				#content_box p  img {
					width: auto;
					height: auto;
				}
				
				#content_box ul {
					font-size: 12px;
					font-family: Arial, Helvetica sans-serif;
					font-weight: normal;
					list-style: square;
					margin: 10px 0 0 0;
					padding: 0;
				}
				
					#content_box ul li {
						margin: 0 0 8px 25px;
						padding: 0;
					}
				
				#content_box #content_img {
					float: left;
					width: 250px;
					height: 280px;
					background-color: #CCCCCC;
				}
				
				#content_box #content_txt {
					float: left;
					width: 630px;
					height: 100%;
					overflow: hidden;
					background-color: #FFFFFF;
					padding : 0 0 20px 0;
				}
				
				#content_box #content_feature {
					float: left;
					width: 200px;
					height: 100%;
					overflow: hidden;
				}
			
			#stage #black {
				width: 94%;
				height: 238px;
				margin: 214px auto 0 auto;
				background-color: #000000;
				text-align: center;
			}
			
			/* Teaser-Definitions Small */
			#teaser_start {
				width: 100%;
				height: 75px;
				clear: left;
				text-align: center;
				padding: 25px 0 0 0;
				background: #000000;
			}
			
				#teaser_start p {
					font-size: 16px;
				}
			
				#teaser_start div.center_4col {
					width: 884px;
					margin: 0 auto 0 auto;
					text-align: left;
				}
				
				#teaser_start div.center_3col {
					width: 663px;
					margin: 0 auto 0 auto;
					text-align: left;
				}
			
					#teaser_start div.center_4col div.highlightBox, #teaser_start div.center_3col div.highlightBox {
						float: left;
						width: 200px;
						height: 75px;
						border-left: 1px solid #FFFFFF;
						color: #FFFFFF;
						padding: 0 10px 0 10px;
						margin: 0;
						background-color: #000000;
						cursor: pointer;
					}
					
						#teaser_start div.center_4col div.highlightBox p, #teaser_start div.center_3col div.highlightBox p {
							font-size: 15px;
							margin: 0;
							padding: 0;
							border: 0;
						}
			
			/* Teaser-Definitions Large */
			#blocksContainer {
			    margin      : 0 auto 0 auto;
			    padding     : 0;
			    width       : 910px;
			    height      : 530px;
			    background: no-repeat -4px 0;
			}
			    
			    #lastBlock {
			        border-right : 0;
			    }
			    
			    .block {
			        margin  : 0;
			        padding : 0 5px 0 5px;
			        width   : 215px;
			        height  : 100%;
			        float : left;
			        border-right : solid 2px black;
					cursor: pointer;
			    }
			    
			        .blockTeaser {
			            position : relative;
			            top      : 350px;
			            margin   : 0;
			            padding  : 0;
						height   : 85px;
			            width    : 100%;
			            background-color : black;
			            color    : white;
			        }
					
						.blockTeaser h3 {
			                margin      : 5px 5px 0 10px;
			                padding     : 0;
			                font-size   : 22px;
							font-family : Arial, Helvetica sans-serif;
							font-weight : normal;
						}
						
							.smaller .blockTeaser h3 {
								position    : absolute;
				                margin      : 5px 5px 0 5px;
				                padding     : 0;
				                font-size   : 14px;
								font-family : Arial, Helvetica sans-serif;
				            }

			            .blockTeaser div {
			                margin  : 0;
			                padding : 0 0 0 10px;
			                width   : 90%;
			                font    : normal 12px Arial, Helvetica sans-serif;
			                display : none;
			                color   : black;
						}

						.blockTeaserText p {				
							margin: 10px 0 0 0;
							color: #FFFFFF;
						}
						
						.blockTeaserText ul {
							margin: 10px 0 0 0;
							padding: 0;
						}
						
							.blockTeaserText ul li {
								margin: 0 0 2px 15px;
								padding: 0;
							}
						
			        .blockPreview {
			            position : absolute;
			            margin-left : -5px;
			            margin-right : -5px;
						margin-bottom : 20px;
			            padding : 0 0 40px 0;
			            width   : 440px;
			            height  : auto;
			            display : none;
			            visibility : hidden;
			            opacity : 0;
						background-color: #FFFFFF;
						cursor: default;
			        }
					
						.blockPreview h3 {
							font-size: 20px;
							font-weight: normal;
							color: #000000;
							margin: 15px 35px 15px 35px;
						}
						
						.blockPreview p {
							font-size: 12px;
							font-weight: normal;
							color: #000000;
							margin: 10px 35px 0 35px;
						}
						
						.blockPreview ul {
							font-family: Arial, Helvetica sans-serif;
							font-size: 12px;
							font-weight: normal;
							margin: 10px 0 0 0;
							padding: 0;
							list-style-type: square;
						}
						
							.blockPreview ul li {
								margin: 0 35px 5px 50px;
								padding: 0;
							}
							
						.blockPreview table {
							margin: 0 0 0 35px;
						}
						
							.blockPreview td.light {
								background-color: #F3F3F3;
							}
							
							.blockPreview td.dark {
								background-color: #E4E4E4;
							}
							
						.blockPreview table p {
							margin: 0 35px 0 15px;
						}
						
						.blockPreview .blockPreviewCloser {
							font-size: 20px;
							font-family: Arial, Helvetica sans-serif;
							height: 35px;
							position: absolute;
							top: 0px;
							right: 0px;
							z-index: 100;
							background-color: #FFFFFF;
							margin: 0;
							padding: 10px 35px 0 10px;
							text-align: center;
							text-decoration: none;
							color: #000000;
						}
						
							.blockPreview .blockPreviewCloser img {
								position: absolute;
								top: 10px;
								right: 10px;
								width: 9px;
								height: 9px;
							}
			        
				        .blockPreview img {
				            padding : 0;
				            width : 440px;
				        }


			#console {
			    position : absolute;
			    margin: 5px;   
			    padding: 0;
			    bottom: 0;
			    height : 200px;
			    overflow-y: hidden;
			    font: normal 10px Courier;
			    color: silver;
			}			
			
	#footer {
		float: right;
		color: #FFFFFF;
		margin: 0 35px 0 0;
	}
	
		#footer p {
			font-size: 11px;
			color: #FFFFFF;
		}
		
a.anker {
	cursor: pointer;
}

/* FORM KLASSEN*/
.form {
	font-family: Arial, Helvetica sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #009DE0;
	width: 165px;
	height: 18px;
	padding: 2px 0 0 3px;
}

.textarea {
	font-family: Arial, Helvetica sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #009DE0;
	width: 417px;
	height: 120px;
	padding: 2px 0 0 3px;
}

.button {
	width: 165px;
	height: 23px;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 3px 0;
	font-family: Arial, Helvetica sans-serif;
	font-size: 13px;
	background: #009DE0;
	border: 1px solid #009DE0;
	color: #FFF;
	margin: 8px 0 20px 0;
}

/* FORM VALIDATION*/
.validation-failed {
	background-color:#FFDFE0;
	border:1px solid #FF0000;
	font-size: 12px;
}
.validation-passed {
	background-color:#EDFFCF;
	border:1px solid green;
	font-size: 12px;
}
.validation-advice {
	background-color:#FFFFFF;
	/*border:1px solid red;*/
	color:#FF0000;
	font-family:Arial,sans-serif;
	margin:2px;
	padding:2px;
	font-size: 12px;
}
.warning {
	background-color:#FFFBCF;
	border:1px solid #CC6666;
	font-size: 12px;
}
.warning-advice {
	background-color:#FFFFFF;
	border:1px solid red;
	color:#FF0000;
	font-family:Arial,sans-serif;
	margin:2px;
	padding:2px;
	font-size: 12px;
}