/*
Cascading Stylesheet
Formatierungsvorlage fuer Helmholtz.SCHUELERCAMPUS

erstellt von Mareike Hilgenfeldt
Stand: 02.06.2009
*/



/* ------------------------   Links ----------------------------- */

#content a:link, #content a:visited {
	border-bottom:		1px solid #6B4F2E;
	text-decoration:	none;
	color:				#6B4F2E;
	background:			url(../images/link.gif) 0px 4px no-repeat;
	padding:			0 0 0 10px;
}
#content a:hover {
	border-bottom:		none;
	text-decoration:	none;
	color:				#6B4F2E;
}
#content a:active, #content a:focus {
	background:			transparent;
	color:				#6B4F2E;
}

#content P.big a:link {
	border-bottom:		1px solid #FFF;
	text-decoration:	none;
	color:				#6B4F2E;
	background:			url(../images/link_big.gif) 0px 3px no-repeat;
	padding:			0 0 0 20px;
	font-size:			180%;
}
#content P.big a:hover {
	border-bottom:		none;
	text-decoration:	none;
	color:				#6B4F2E;
}
#content h2 a:link {
	border-bottom:		1px solid #6B4F2E;
	text-decoration:	none;
	color:				#6B4F2E;
	background:			none;
	padding:			0;
}
#content h2 a:hover {
	border-bottom:		none;
	text-decoration:	none;
	color:				#6B4F2E;
}

/* ------------------------   allgemeine Formatierungen ----------------------------- */

/* Seitenhintergrund und Fliesstext */

body {
	margin: 			0;
	padding: 			0;
	font:				100% Arial, Helvetica, sans-serif;
	color: 				#6B4F2E;
	background:			url(../images/header.png) repeat-x;	
	background-color:	#6B4F2E;
	height:				94%;
}
td {
	vertical-align:				top;
	padding:			0 20px 0 0 ;
}

html {
	height: 			100%;
	margin-bottom:		0.1px;
}
input {
padding:3px 0;
}

/* Absatzformatierung */
p, li {
	margin: 			0 0 10px 0;
	padding:			0;
	line-height: 		130%;
	font-size:			80%;
}

h1 {
	font-size:			100%;
	font-weight:		bold;
	margin:				0 0 10px 0;
}
h2 {
	font-size:			90%;
	font-weight:		bold;
	margin:				0;
}
h2 .small {
	font-size:			85%;
	margin:				0 0 0 10px;
}
ol {
padding-bottom:		10px;
}


/* ------------------------   Layout ----------------------------- */

#banner {
	display:			block;
	margin:				0 auto 0 auto;
	padding:			0;
	width:				900px;
}

button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
color:					#BED87C;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
	background:			transparent url(../images/button.png) no-repeat;
	border:				0;
	color:				#FFF;
	width:				120px;
	height:				24px;
	font-weight:		bold;

	line-height:		100%;
	vertical-align: 	top;
	padding:			0 0 0 0;
}


#header {
	clear:				both;
	display:			block;
	margin:				5px auto 0 auto;
	padding:			0;
	width:				900px;
	background:			transparent;
}
#menu_0 {
	position:			relative;
	background:			url(../images/menu_0.gif) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#selected_0 {
	position:			relative;
	background:			transparent url(../images/menu_0_selected.png) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#menu_1 {
	position:			relative;
	background:			url(../images/menu_4.gif) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#selected_1 {
	position:			relative;
	background:			url(../images/menu_4_selected.png) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#menu_2 {
	position:			relative;
	background:			url(../images/menu_1.gif) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#selected_2 {
	position:			relative;
	background:			url(../images/menu_1_selected.png) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#menu_3 {
	position:			relative;
	background:			url(../images/menu_3.gif) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#selected_3 {
	position:			relative;
	background:			url(../images/menu_3_selected.png) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#menu_4 {
	position:			relative;
	background:			url(../images/menu_2.gif) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#selected_4 {
	position:			relative;
	background:			url(../images/menu_2_selected.png) no-repeat;
	margin:				0 12px 0 0;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#menu_5 {
	position:			relative;
	background:			url(../images/menu_5.gif) no-repeat;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}
#selected_5 {
	position:			relative;
	background:			url(../images/menu_5_selected.png) no-repeat;
	float:				left;
	padding:			0;
	width:				140px;
	height:				35px;
}

.text {
	position:			absolute;
	top:				9px;
	left:				38px;
	height:				15px;
	width:				100px;
}

#text_formular {
	font-size:			80%;
	line-height:		200%;
}
.text a, .text_labor a {
	color:				#fff;
	font-size:			100%;
	font-weight:		bold;
	text-decoration:	none;
}
.text a:hover, .text_labor a:hover {
	color:				#bed87c;
}
.text_labor {
	position:			absolute;
	top:				9px;
	left:				27px;
	height:				15px;
	width:				100px;
}

#w {
	color: 				#FFF;
}

/* -----------------------  Inhalte ----------------------------- */

#container {
	clear:				both;
	margin:				0 auto;
	padding:			0;
	width:				900px;
	background-color:	#6B4F2E;
}
* html #container {
	border-top:			none;
}
#content {
	margin:				0;
	padding:			30px 30px 0 30px;
	min-height:			530px;
	border-top:			1px solid #FFF;
	border-left:		1px solid #FFF;
	border-right:		1px solid #FFF;
}
* html #content {
	height:				475px;
}

#home #content {
	background:			url(../images/white_tr.png) repeat;
}
#demo #content {
	background:			url(../images/white_tr.png) repeat;
}
#hilfe #content {
	background:			url(../images/white_tr.png) repeat;
}
#labore #content {
	background:			url(../images/white_tr.png) repeat;
}
#download #content {
	background:			url(../images/white_tr.png) repeat;
}
#impressum #content {
	background:			url(../images/white_tr.png) repeat;
}

#content img {
	float:				right;
	margin:				0;
}
#content img.video {
	float:				left;
	margin:				10px 0 10px 0;
}
#content img.right4 {
	float:				right;
	margin:				0 -24px 0 0;
}
#content img.right3 {
	float:				right;
	margin:				20px;
}
#content img.right2 {
	float:				right;
	margin:				-32px -24px 0 0;
}
#content img.right1 {
	float:				right;
	margin:				0 20px 0 10px;
}
#content img.right {
	float:				right;
	margin:				0 -10px 0 0;
}

#content img.left2 {
	float:				left;
	margin:				-15px 0 0 -40px;
	padding-right:		10px;
}

#content IMG.left {
	float:				left;
	margin:				0 10px 0 0;
}



P.last {
	margin:				0;
	padding:			0;
}
.texte {
	float:				left;
	width:				563px;
}
.texte_labore {
	float:				left;
	width:				530px;
}
.screen {
	float:				right;
	width:				260px;
	height:				100%;
	margin:				0 0 30px 0;
	
}
.screen table {
	font-size:			80%;
	
}
#tab {
	font-size:			80%;
}
.screen td {
	padding-left:		10px;
}

#ten {
	padding:		0 10px 0 0;
}

.texte_forschungsexpedition {
	float:				right;
	width:				530px;
}

#screen_img {
	clear:				both;
	float:				left;
	margin:				0;
	padding:			0;
}

.screen h1, .screen p {
	padding:			10px;
	margin:				0;
	padding-bottom:			0;
	line-height:		100%;
}


#noIE {
	margin:				60px auto;
	padding:			0;
	height:				50%;
	width:				60%;
	background:			#f0fad7;
}

.ol {
	background:			url(../images/round_ol.png) top left no-repeat;
}
.bubble {
	display:			block;
	Height:				200px;
	background:			url(../images/bubble.gif) top left no-repeat;
	background-position:	0px 50px;
	padding-left:		10px;
	padding-right:		20px;
}
.or {
	/*background:			url(../images/round_or.gif) top right no-repeat;*/
}
.ul {
	/*background:			url(../images/round_ul.gif) bottom left no-repeat;*/
}
.ur {
	/*background:			url(../images/round_ur.gif) bottom right no-repeat;*/
}

.kasten_1 h1, .kasten_1 p, .kasten_2 p, .kasten_3 p, .kasten_1 h2 {
	padding:			10px;
	margin:				0;
}

.kasten_1 {
	width:				100%;
	margin:				0 0 0px 0;
	padding:			0;
	padding-bottom:			30px;
}
.kasten_2 {
	clear:				both;
	float:				left;
	width:				54.5%;
	margin:				0;
	padding:			0;
}
.kasten_3 {
	float:				right;
	width:				42%;
	margin:				0;
	padding:			0;
}

#footer {
	clear:				both;
	margin:				0 auto;
	padding:			0;
	width:				900px;
	height:				20px;
	Color:				#FFF;
	background:			url(../images/white_tr.png) repeat;
}
	
#footer p {
	margin:				0;
	padding:			0 10px 2px 0;
	font-size:			70%;
	text-align:			right;
	border-bottom:			1px solid #FFF;
	border-left:		1px solid #FFF;
	border-right:		1px solid #FFF;
}

table {
	margin-top:			10px;
	}