/**
* CSS
* Steffi Loos
*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #E2E2E2;
	color: #000;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }
 
a:link,a:active,a:visited { text-decoration: none; color: #000; font-size: 11px;}
a:hover { color: #fff; background: #000; border-bottom: 0;}	

a.txt { 
	text-decoration: none; 
	color: #000; 
	font-weight: bold; 
	font-family: Helvetica,Arial,sans-serif;
	background-color: #ffffff;
	font-size: 12px;
	}
	
a.txt:link { 
	text-decoration: none; 
	color: #000; 
	font-size: 12px; 
	font-weight: bold;
	}
	
a.txt:active { 
	text-decoration: none; 
	color: #000; 
	font-size: 12px; 
	font-weight: bold;
	}
	
a.txt:visited { 
	text-decoration: none; 
	color: #000; 
	font-size: 12px; 
	font-weight: bold;
	}
	
a.txt:hover { 
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	background: #000;
	}	

a img { border: none; }

.txt { font-size: 11px; font-family: Helvetica,Arial,sans-serif; color: #000; line-height: 1.3em;}

.h1 { font-size: 21px; font-family: Helvetica,Arial,sans-serif; color: #000;}


#menu {
    width: 170px;
    overflow: hidden;
    top: 0px;
    bottom: 0;
	left: 55px;
    position: fixed;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 25px 5px 5px 5px;
}

#menu ul li.section-title { 
	font-size: 21px; 
	font-family: Helvetica,Arial,sans-serif; 
	color:#000;
	border-top:3px solid #000000;
}


#content {
		height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 350px; /* sets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
	    top: 0;
	    
	    /* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
		padding-top: 0px;  /* change to match the padding-top in #menu if you want them to align */
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	.container {
		padding: 45px 10px 50px 15px;
		margin-bottom: 25px;
	}

	#content p { /* sets the properties for all paragraphs in the content area */
		width: 600px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 9px; /* sets the space between paragraphs */
		margin-left: 0px; 	
	    line-height: 19px; /* use this the change the leading (space between lines) */
	}

	p { /* sets the properties for all paragraphs  */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 9px;
    margin-left: 0;
	}

.container {
    padding: 45px 10px 10px 15px;
}


#img-container	{ margin: 0px; padding: 0px; }
#img-container p	{ width: 400px; margin:  0 0px 0px 0; padding: 0 0 12px 0; }

#once { clear: left; }

	
#footer
{
 position : absolute;
 bottom : 15px;
 clear : left;
 width : 100%;
 background-color: #fff; 
 font-size: 10px; font-family: Helvetica,Arial,sans-serif;
 color: #000; 
 line-height: 1.2em;
}

#h1 { font-size: 16px; font-family: Helvetica,Arial,sans-serif; color: #000;}

p.nav a {
		background-color: #ffffff;
		padding-top: 4px;
		padding-right: 11px;
		padding-bottom: 20px;
		padding-left: 11px;
		font-size: 11px;
		font-family: Helvetica,Arial,sans-serif;
		-moz-border-radius-bottomleft:1px;
		-moz-border-radius-bottomright:1px;
		-moz-border-radius-topleft:1px;
		-moz-border-radius-topright:1px;
	}
	
	p.nav a:hover {
		background-color: #000000;
	}
	
	p.nav span#num {
		letter-spacing: 1px;
		font-family: Helvetica,Arial,sans-serif;
		font-style: bold;
		padding-left: 11px;
	}