/**
* CSS for Eva Cottin's Homepage
* 
* @version 1.0
* @author Sawatzki 
*/
* {
	margin: 0;
	padding: 0;
}

body {
	line-height:12px;
	font-size: 12px;
	font-family: "Courier New", courier, mono;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #eee; }
a:active { text-decoration: none; color: #fff;}
a:visited { text-decoration: none; color: #eee; }
a:hover { text-decoration: none; font-weight: bold; color: #fff;}

a.eva:link { text-decoration: none; color: #eee; }
a.eva:active { text-decoration: none; color: #fff;}
a.eva:visited { text-decoration: none; color: #eee; }
a.eva:hover { text-decoration: none; font-weight: bold; color: #fff;}

a.content:link { font-weight: bold; text-decoration: none; color: #000; }
a.content:active { font-weight: bold; text-decoration: none; color: #000;}
a.content:visited { font-weight: bold; text-decoration: none; color: #000; }
a.content:hover { font-weight: bold; text-decoration: none; color: #fff;}

a.invisilink:link { text-decoration: none; color: #888; }
a.invisilink:active { text-decoration: none; color: #888;}
a.invisilink:visited { text-decoration: none; color: #888; }
a.invisilink:hover { text-decoration: none; font-weight: bold; color: #fff;}

a img { border: none; }

/*#menu {  ---old menu---
    width: 215px;
/*  overflow: auto; 
    top: 0;
    bottom: 0;
	left: 30px;
    position: fixed;
/*  height: 100%; 
	background-color: #c1a575;
	padding-top: 45px;
	margin: 20px 0 0 20px;
	float: left;

} */



#the-background {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 1;
 	overflow: hidden;
 }

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


#menu {
    width: 240px;
	float: left;
	margin: 20px 0 0 20px;   
	padding-right: 5px;
	padding-top: 10px;
	padding-left: 10px; 
	margin-left: 20px;
    position: fixed;
 	background-image: url('bg_grey90.png');
	color: #888;
	line-height: 125%;
	letter-spacing: 1px;

/* old color: #c1a575 or #a87e68 */

}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { margin: 0 0 4px 0; }

#content {
/*	border: 2px solid red; */
    margin: 20px 20px 20px 300px;
    top: 0;
}

#content-bg {
 	position: relative; 
/* 	position: fixed; */
 	width: 98%; 
 	overflow: auto; 
	background-image: url('bg_lightgrey80.png');
 	padding: 10px; 
}




.container {
    padding: 10px 10px 25px 10px;

}

#content p { width: 400px; 
	margin-bottom: 9px; 
	
	}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { 
	font-size: 14px; 
	color: #fff;
	letter-spacing: 2px;
}

#img-container	{ 
	margin: 0; 
	padding: 0; 
}

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

#once { clear: left; }