/*
Copyright 2010
by Ploucquet, Germany

Design: Inkcorporated, Germany
Code: Jens Buss, Germany

*/

/*- GENERAL --------*/

* {
	margin: 0;
	padding: 0;
}

body {
	overflow-y: hidden;
}

#web {
	width: 100%;
}

#wrapper {
	margin: 0 auto;
	width: 800px;
}

.clear {
	clear: both;
}

a#navAnch {
	position: absolute;
	top: -500px;
}

/*- INDEX --------*/

#index {
	position: absolute;
	top: 40%;
	left: 37%;
	text-align: center;
}

/*- BACKGROUND --------*/

#background {
	height: auto;
	overflow: hidden;
}

#background img {
	width: 100%;
	z-index: -1000;
	position: absolute;
	color: white;
}

#background embed, #background object {
	width: 100%;
	height:100%;
	z-index: -1;
	position: absolute;
}

/*- LANGUAGE --------*/

#language {
	position: absolute;
	top: 22px;
	right: 200px;
}

/*- LOGO --------*/

#logo {
	position: absolute;
	top: 25px;
	left: 40px;
}

/*- SEARCH --------*/

#search {
	position: absolute;
	top: 20px;
	right: 40px;
	background-color: white;
	width: 150px;
	height: 20px;
}

/*- SYMPATEX UNIT --------*/

/*#sympatex-unit {
	position: absolute;
	top: 60px;
	right: 40px;
	width: 120px;
	z-index: 3000;
}*/

/*- NEWS --------*/

#news {
	position: absolute;
	top: 110px;
	left: 40px;
	z-index: 100;
}

#newsContainer {
	width: 300px;
	height: 400px;
}

#newsContainer .background {
	width: 100%;
	height: 400px;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: -100;
	padding: 5px;
}

#newsContainer .text {
	width: 280px;
	height: 380px;
	margin: 10px 10px 0;
	position: absolute;
	left: 0;
	top: 30px;
	padding: 5px;
	overflow-y: auto;
}

#content #textFrame ul {
	list-style-type: none;
}

#content #textFrame li li, #newsContainer .text li li {
	margin: 0 0 0 20px;
}

/*- NAVIGATION --------*/

#navigation {
	width: 800px;
	height: 28px;
	position: absolute;
	bottom: 310px;
}

/*- CONTENT --------*/

#content {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 280px;
	width: 100%;
	min-width: 800px;
	background-color: white;
}

#textFrame, #footer {
	width: 800px;
	margin: 20px auto;
}

#textFrame {
	overflow-y: auto;
	height: 210px;
}

/*- FOOTER --------*/

#contentFooter {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 100%;
	background-color: white;
}

#footer ul {
	position: absolute;
	bottom: 10px;
}

#aktuelles #textFrame img {
	float: left;
	margin: 0 5px 20px 0;
}

/*- CONTACT --------*/

body#contact-de #content, body#contact-en #content, body#einheitsbedingungen-de #content, body#einheitsbedingungen-en #content, body#press-de #content, body#press-en #content {
	background-color: transparent;
}

body#contact-de #textFrame, body#contact-en #textFrame, body#einheitsbedingungen-de #textFrame, body#einheitsbedingungen-en #textFrame {
	height: 300px;
}

body#contact-de td, body#contact-en td {
	padding: 0 30px 0 0;
}

.blockLabel label {
	display: none;
}

.blockLabel select {
	width: 100%;
	margin: 2px 0;
}

/*- CONTACT FORM CONTAINER --------*/

body#contact-de #news, body#contact-en #news, body#einheitsbedingungen-de #news, body#einheitsbedingungen-en #news, body#press-de #news, body#press-en #news {
	width: 100%;
	height: 490px;
	position: absolute;
	left: 0;
	top: -300px;
}

body#contact-de #newsContainer, body#contact-en #newsContainer, body#einheitsbedingungen-de #newsContainer, body#einheitsbedingungen-en #newsContainer, body#press-de #newsContainer, body#press-en #newsContainer {
	width: 600px;
	height: 490px;
	margin: 0 auto;
	overflow-y: auto;
}

body#contact-de #newsContainer .background, body#contact-en #newsContainer .background, body#einheitsbedingungen-de #newsContainer .background, body#einheitsbedingungen-en #newsContainer .background, body#press-de #newsContainer .background, body#press-en #newsContainer .background {
	width: 600px;
	height: 490px;
	position: absolute;
	left: auto;
	z-index: -100;
	padding: 5px;
}

body#contact-de #newsContainer .text, body#contact-en #newsContainer .text, body#einheitsbedingungen-de #newsContainer .text, body#einheitsbedingungen-en #newsContainer .text, body#press-de #newsContainer .text, body#press-en #newsContainer .text {
	width: 580px;
	height: 470px;
	margin: 10px 10px 0;
	position: absolute;
	left: auto;
	padding: 5px;
	overflow-y: auto;
}

body#contact-de a#b_news, body#contact-en a#b_news, body#einheitsbedingungen-de a#b_news, body#einheitsbedingungen-en a#b_news, body#press-de a#b_news, body#press-en a#b_news {
	display: inline-block;
	text-indent: -9000px;
	width: 111px;
	height: 26px;
	cursor: pointer;
}

/*- HISTORY --------*/

.historyArticle {
	width: 600px;
}

.historyImg {
	clear: both;
	float: left;
}

.historyImg img {
	margin: 0 10px;
}

/*- LATEST --------*/

#latestWrapper {
	width: 100%;
	position: absolute;
	top: 120px;
}

#latest {
	width: 630px;
	margin: 0 auto;
}

#latest .text {
	width: 610px;
	height: 500px;
	margin: 0 auto;
	overflow-y: scroll;
	padding: 0 10px;
}

#latest .background {
	background-color: black;
	opacity: 0.9;
	width: 620px;
	padding: 10px;
	margin: 0 auto;
	height: 500px;
	position: absolute;
	top: -10px;
	z-index: -100;
}

/*- LABORATORY VIDEO --------*/

#laboratoryVideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#videoDivLab {
	width: 600px;
	height: 530px;
	margin: 10% auto;
}

#laboratoryVideo embed, #laboratoryVideo object, #videoDiv {
	width: 100%;
	height: 100%;
}


.login br {
	display: none;
}

input[name=p_userid] {
	width: 398px;
	margin: 0 0 4px 90px;
}

input[name=p_password] {
	width: 398px;
	margin: 0 0 0 69px;
}

#content a#b_registerFrom {
	color: white;
	cursor: pointer;
}

.registerForm label.zemText {
	display: none;
}

#newsContainer input[type=text], #newsContainer input[type=password] {
	border: 1px solid white;
}

.registerForm input[type=text] {
	width: 100%;
}