/* css Zen Garden submission 080 - 'Zen Pool', by Clinton Barth http://www.516media.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2004, Clinton Barth */
/* Added: February 15th, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */

/* 2004 geändert am Ursprungs-css --- bug opera ie5.0 beseitigt durch entfernen der Abstandangaben zu oben top */
/* Änderungen durch Micheline Fasbender*/

/* common styles
----------------------------------------------- */
body {
	background: #fc0019;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px;
	color: #000;
}


/* layout
----------------------------------------------- */
#container {
	position: relative;
	background: White;
	margin: 20px auto;
	padding: 0px;
	width: 700px;
	border: 5px solid #0f218b;

}

#quickSummary {
position: absolute;
/*left: 0px;*/
width: 166px;
border-bottom: 2px solid #5085bc;
border-right: 2px solid #5085bc;
/*top: 155px;*/

}


#preamble, #explanation, #participation, #benefits, #requirements {
margin: 0px 0 0 192px;
width: 480px;
background: transparent ;
font-size: 13px;
}

#footer {
	margin: 25px 0 0 0;
	background: #FFFFCC url(/deck/pics/bg.jpg) no-repeat top left;
	height: 25px;
	text-align: right;
	border-top: 2px solid #0f218b;
}

#linkList {
position: absolute;
width: 166px;
top: 200px;
left: 0px;
border-top: 2px solid #5085bc;
}


/* header
----------------------------------------------- */

#pageHeader {
	background: url(/deck/pics/bg.jpg) top left no-repeat;
	/*200*/
	height: 150px;
	margin: 0;
	border-bottom: 5px solid #5085BC;
	}

#pageHeader h1 {
	display: none;
	}

#pageHeader h2 {
	display: none;
	}



/* text
----------------------------------------------- */
p {
font-size: 12px;
padding: 5px 5px 10px 5px;
margin: 0;

}

#quickSummary p.p1 {
	margin: 0;
	/*padding: 10px 35px 15px 28px;*/
	padding: 10px 35px 15px 7px;
	font-size: 12px;

}

#quickSummary p.p2 {
/*48*/
/*margin-top: 35em;*/
margin-top: 280px;
/*padding: 30px 30px 20px 28px;*/
padding: 30px 30px 20px 7px;
font-size: 12px;

}



/* headings
----------------------------------------------- */
#quickSummary {
background: transparent url(h3_quickSummary.gif) top left no-repeat;
margin: 0px;
background: #ffffcc ;
}

#intro h3 {
margin: 10px 0 0 0;
padding: 0;
width: 480px;
height: 35px;
border: 1px solid #330066;
}

#supportingText h3 {
	height: 20px;
	/*background: transparent url(/deck/pics/bg.jpg) no-repeat top left;*/
	font-size : 15px;
	font-weight : bold;
	padding : 3px;
	margin : 10px 0px 5px 0px;
	letter-spacing : 2px;
	border-bottom : 1px dotted;
	border-color : black;
}

#linkList h3 {
height: 25px;
margin: 0px 0 0 0;
padding: 0px;
}

h3 span { display: none; }

#preamble h3 {
	
}

#explanation h3 {

}


#participation h3 {

}




/* lists
----------------------------------------------- */
#linkList ul {
	font-size: 13px;
	list-style: none;
	margin: 2px 0 0 0px;
	padding: 0 0 0 0;
	letter-spacing : 1px;
}



#linkList  li {
	background: transparent;
	margin: 1 1 1 1;
	/*padding: 0 0 0 27px;*/
	padding: 0 0 0 7px;
	line-height: 14px;
	color: #000000;
	

}

#linkList ul  {
	background: transparent;
	margin: 0;

	line-height: 14px;
	color: #000000;
}

#linkList #lselect {
	border-bottom: 2px solid #5085bc;
	padding-top: 15px;
	padding-bottom: 15px;
	background : #FFFFCC;
}

#linkList #lfavorites {
border-bottom: 2px solid #0f218b;
padding-bottom: 25px;
}

#linkList #larchives {
border-bottom: 2px solid #0f218b
padding-bottom: 25px;
}

#linkList #lresources {
border-bottom: 1px solid #330066;
padding-bottom: 25px;
}


#linkList #lselect a:link, #linkList #lselect a:visited { display: block; }

#linkList #lselect a.c:link, #linkList #lselect a.c:visited { display:inline; }


/* links
----------------------------------------------- */

a, a:link, a:visited {
color: #cc0000;
text-decoration: underline;
font-weight: normal;
}

a:hover {
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#quickSummary a, #quickSummary a:link, #quickSummary a:visited {
font-weight: bold;
text-decoration: underline;
color: #369;
}

#quickSummary a:hover {
font-weight: bold;
text-decoration: none;
color: #330066;
}


#linkList a, #linkList a:link, #linkList a:visited {
color: #cc0000;
font-weight: bold;
text-decoration: none;
}

#linkList a:hover {
	text-decoration: none;
	font-weight: bold;
	color: black;
}

#linkList a.c, #linkList a.c:link, #linkList a.c:visited {
	color: Black;
	text-decoration: none;
}

#linkList a.c:hover {
	text-decoration: none;
	color: #CC0000;
}

#footer a, #footer a:link, #footer a:visited {
text-decoration: none;
color: #000000;
font-size: 12px;
padding: 0 20px 0 0;
}

#footer a:hover {
text-decoration: none;
color: #003399;
}

.rahmen1 {
	border: 1px dotted #cccccc;
	padding : 1pt;
	margin-right: 4px;
	margin-top: 4px;
}

.klein {
	font-size: 11px;
	color: black;
	font-weight: bold;
	
}

.ort {
	font-size: 12px;
	color: black;
	letter-spacing : 3px;
}

h2 {
	border: 1px dotted #cccccc;
	font-size: 14px;
	padding : 1pt;
	margin-right: 4px;
	margin-top: 5px;
	margin-bottom: 10px;
}
