/* css Zen Garden default style - 'Tranquille' by Dave Shea - http://www.mezzoblue.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2003, Dave Shea */
/* Added: May 7th, 2003 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */


/*astrid müller entwurf1 fachhochshule augsburg WS 2004/2005*/



html {
	margin: 0px;
	padding: 0px;
	overflow:auto;
	}
body { 
	font: 10pt/17pt arial; 
	color: #555753; 
	background: #fff url(hintergrundbild.gif) no-repeat left top;
	margin: 0px; 
	padding: 0px;
	width:1700px;
	}
	
p { 
	font:9pt/17pt arial; 
	margin-top: 0px; 
	text-align: justify;
	color:white;
	font-size:10px;
	line-height:120%;
	}
	
	p.h3 { 
	font: bold normal 12pt arial; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: gray;
	}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: white;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: gray;
	}
a:hover, a:active { 
	text-decoration:bold; 
	color: gray;
	}
acronym {
	border-bottom:none;
	}


/* ...................................... */
#container { 
	background: url(css_tbod2.jpg) no-repeat top left;
	padding: 0px 175px 0px 120px;  
	margin-left:0px; 
	top:50px;
	height:120px;
	}
	
/* ...................................... */
#intro { 
	min-width: 470px;
	}
#pageHeader { 
	margin-bottom: 20px;
	}

#pageHeader h1 { 
		}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	
	}
#pageHeader h2 span {
	display:none;
	}

/* ...................................... */
#quickSummary {
	position:absolute;
	background: transparent url(ademonstrat.gif) no-repeat top center;
	clear:both; 
	width: 1400px; 
	margin-top:20px;
	top:0px;
	float: left;
	height:40px;
	}
#quickSummary p.p1 {
	 display:none;
	}
	/*laden sie beispieldateien*/
#quickSummary p.p2 {
	position:absolute;
	top:710px;
	left:-30px;
	width:300px;
	text-align:right;
	color:white; 
	}
#quickSummary a {
	color:gray;
	}
	
#quickSummary a:hover {
	font-size:11px;
	}
/* ...................................... */
#preamble {
	position:absolute;
	text-align:right;
	top:233px;
	left:500px;
	width:235px;
	}
#preamble h3 span {
	display:none;	
	}
#preamble h3  {
	height:20px;
	margin-top:0px;
	margin-right:-15px;
	background: url(theroad.gif) no-repeat top right;
	}

#preamble p.p1{
	text-align:right;
	margin-top:-15px;
	margin-left:-8px;
	width:255px;
	}

#preamble p.p2{
	text-align:right;
	color:white;
	width:320px;
	position:absolute;
	top:65px;
	left:-72px;
	}

#preamble p.p3{
	text-align:right;
	color:white;
	width:320px;
	position:absolute;
	top:115px;
	left:-70px;
	}


/* ...................................... */
#benefits {
	width:460px;
	position:absolute;
	top:560px;
	left:290px;
	}
	
#benefits h3 span {
	display:none;	
	}
	
#benefits h3  {
	background: url(benefits.gif) no-repeat top right;
	margin-top:0px;
	height:20px;
	}

#benefits p.p1 {
	margin-top:-20px;
	}
	
	
/* ...................................... */

#explanation {
	text-align:right;
	color:white;
	width:540px;
	position:absolute;
	top:410px;
	left:206px;
	}
	
#explanation h3 span {
	display:none;
	}
	
#explanation h3  {
	background: url(sowhatisthisabout2.gif) no-repeat top right;
	height:20px;
	margin-top:0px;
	}
	
#explanation p.p1 {
	text-align:right;
	width:400px;
	position:absolute;
	left:143px;
	top:20px;
	}
	
#explanation p.p2 {
	text-align:right;
	width:535px;
	position:absolute;
	top:85px;
	left:10px;
	}


/* ...................................... */

#participation {
	text-align:right;
	width:330px;
	position:absolute;
	top:637px;
	left:418px;
	}
#participation h3 span {
	display:none;
	}

#participation h3  {
	background: url(participation.gif) no-repeat top right;
	margin-top:0px;
	height:20px;
	}

#participation p.p1 {
	margin-top:-20px;
	text-align:right;
	}
	
#participation p.p2 {
	text-align:left;
	width:268px;
	position:absolute;
	top:-408px;
	left:525px;
	}
	
#participation p.p3 {
	text-align:left;
	width:320px;
	position:absolute;
	top:-334px;
	left:525px;
	}
	
#participation p.p4 {
	text-align:left;
	width:400px;
	position:absolute;
	top:-233px;
	left:525px;
}

/* ...................................... */
#supportingText {	
	padding-left: 10px; 
	margin-bottom: 40px;
	}

/* ...................................... */

#requirements {
	position:absolute;
	width:530px;
	top:458px;
	left:943px;
	text-align:right;
	}
	
#requirements h3 span {
	display:none;
	}
	
#requirements h3  {
	background: url(requirements.gif) no-repeat top left;
	height:20px;
	margin-top:0px;
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	}
	
#requirements p.p1{
	position:absolute;
	top:20px;
	left:0px;
	}
	
#requirements p.p2{
	width:465px;
	position:absolute;
	top:70px;
	left:-0px;
	text-align:left;
	}
	
#requirements p.p3{
	width:320px;
	position:absolute;
	top:176px;
	left:-0px;
	text-align:left;
}
#requirements p.p4{
	width:320px;
	position:absolute;
	top:225px;
	left:0px;
	text-align:left;
}

#requirements p.p5{
	width:480px;
	position:absolute;
	top:268px;
	left:230px;
	text-align:right;
	}

#requirements p.p5 a {
	color:gray;
	}

#requirements p.p5 a:active {
	color:gray;
	}
#requirements p.p5 a:visited {
	color:gray;
	}

#requirements p.p5 a:hover {
	color:gray;
	font-size:11px;
	}
	
	
/* ...................................... */

#footer { 
	text-align: center; 
	width:200px;
	height:200px;
	position:absolute;
	z-index:1400;
	left:755px;
	top:600px;
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
	
/* ...................................... */
#lselect {
	margin-left: 0px; 
	position: absolute; 
	top: 0px; 
	left:0px;
	font: 10px verdana, sans-serif; 
	padding: 10px;
	margin-top: 150px; 
	width: 130px; 
	}
	

#lselect h3.select { 
	background: transparent url(selectadesign.gif) no-repeat top left; 
	margin: 170px 0px 5px 0px; 
	width: 105px; 
	height: 16px; 
	}

#lselect h3.select span {
	display:none
	}

#lselect h3.favorites span {
	display:none
	}

#lselect h3.archives span {
	display:none
	}

#lselect h3.resources { 

	background: transparent url(resources.gif) no-repeat top left; 
	font:12px arial black;
	margin: 25px 0px 25px 0px; 
	width:63px; 
	height: 10px; 
	}
	
		
/*komplette selectnavigation*/
#lselect ul {
	width:1640px;
	background: transparent url(selectadesign.gif) no-repeat top right; 
	padding:0;
	margin:0px;
	margin-top:-20px;
	margin-left:20px;
	padding-top:20px;
	}
	
/*selectnavigation mitte "von" */	
#lselect li {
	list-style:none;
	border-bottom:1px solid white;
	text-align:center;
	visibility: hidden;
	}

/*selectnavigation links*/	
#lselect li a:link{
	list-style:none;
	float: left;
	background-color:white;
	visibility:visible;
	color: gray;
	font-size: 8pt;
		}
	
#lselect li a:visited {
	color: gray;
	}

/*selectnavigation rechts, absolut*/	
#lselect ul li a.c{
	text-align:right;
	position:absolute;
	left:1500px;	
	text-align: right;
	background-color:white;
	width:150px;
	}
	
/* ...................................... */	

#larchives {
	position:absolute;
	color:gray;
	font-size:8pt;
	text-align:center;
	top:530px;
	left:640px;
	width:400px;
	}
	
#larchives h3 {
	display:none;
	}
	
#larchives li {
	list-style:none;
	}

/* ...................................... */	
	
#lresources {
	position:absolute;
	font-size:8pt;
	text-align:center;
	top:390px;
	left:760px;
	width:150px;
	}
	
#lresources h3 {
	display:none;
	}
	
/*auflistungspunkte weg*/	
#lresources li {
	list-style:none;
	}