/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	/*font-size: 10px;
	font-family: sans;*/
	
	font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
	color: #666;
	

/*	font-family: verdana, helvetica, arial, sans; */
	/* font-family: helvetica, arial, sans;*/
	background: #fff;
/* old 
	font-family: helvetica, arial, sans;

*/

}

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


}
body.section-3 { }

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
		left: 0;
    position: fixed;
    top: -12px;
    height: 100%;
    color: #666;
    
}

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

#menu ul li {
	margin-bottom: 4px;
	padding: 2px;
	/* border-bottom: 1px solid #ccc; */
}

#menu ul li.section-title { display: none;
}

#menu ul li a {
	/*	color: #000;
	font-size: 120%;
	padding: 2px; */
	color: #666;
    
}

#menu ul li a:hover {
	/*font-size: 120%;
	padding: 2px;
	text-decoration: none;
	background-color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
*/
color: #666;
    
}



#content {
    height: 100%;
    margin: 0 0 0 170px;
    top: 0;
}

.container {

	padding: 20px 5px 25px 15px;
}


#left-description {
	float: left;
	margin-right: 10px;
	clear: right;
	width: 100px;
	font-size: 100%;
	color: #666;
	text-align: justify;
	padding-right: 10px;
	width: 180px;
	/* border-top: 1px solid #ccc; */
	
}

#left-description p.nav { 
	color: #000;

	width: 180px;
}

.container #left-description p { 
	color: #000;
	width: 180px;
}



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

p {
    margin: 0 0 9px 0;
}

.container > p {
	display: none; /* hide default description */
}


h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin-left: 200px; padding: 0; }
#img-container p	{
	/*width: 400px; */
	/* display: none; */
	
	/* margin: 0;
	padding: 0 0 12px 0;
	*/
	
	}

#img-container p.nav {
	text-align: right;
}

#num {
	float: right;
}

#once { clear: left; }


/* jochen additions */

#homepage {
	/* giant abs positioned div */
	position: absolute;
	top: 50px;
	left: 75px;
	padding: 50px 70px 50px 70px;
	width: 250px;
	background-color: #fff;
	font-family: arial, helvetica, sans;
	font-size: 300%;
	color: #000;

	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	
}

#karvounis_logo {
	padding: 10px;
	color: #666;
	margin-bottom: 14px;
	color: #000;
	font-size: 150%;
	
}

#karvounis_logo a,#karvounis_logo a:hover {
	color: #000;
	
	
}



#smaller {
	border-top: 1px solid #ddd;
	font-size: 40%;
	padding-top: 2px;
	color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}