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

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	color: #000000;
}

body.section-1 { }
body.section-2 { }/* alles, was nicht menu ist; bilderspalte*/
body.section-3 { }

/* LINKS */
	
	
/* colors for all links */
a:link { text-decoration: underline; color: #000000}
a:active { text-decoration: underline; } /* none = no underline, other options include line-through or overline */
a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; }
a img { border: none; 	background-color:#ffffff; }/* any img that is a link */
	

.container {
    padding: 5px 5px 5px 5px;
}

/* MENU */

#menu {
	/* betrifft die ganze menu spalte*/
    width: 370px; /* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
    overflow: left;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed; /* this make the menu stay in place while the content section scrolls*/
    height: 100%;
}


/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
.top-section {
	margin: 100px 0px 20px 50px;
	
/* 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 25px; 
	font-size: 24px;
	line-height: 24px;
	color: #666666;
	font-style: italic;
	font-family: Georgia, serif;
*/
}


.project-list {
	width: 170px;
	height: 144px;  /* die höhe muß manuell angepasst werden*/
	margin: 50px 0px 0px 170px; 
	background-color:#ffffff; 
}


/* This section controls each section, projekt-liste, made */
#menu ul {
	list-style: none;
	font-size: 10px;
	/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */

}


/*liste der menupunkte , aber nur die schrift*/
#menu ul li {
	float:left; /* keine liste, sondern fluss*/
	list-style:none;
	white-space:nowrap; /*  keine liste, sondern fluss*/
	margin:1px 1px 1px 1px; /* wortabstände */
	font-size: 20px;
}

/*sektion title*/
#menu ul li.section-title {
		color: #000000;
		font-size: 10px;
/*		font-family: Georgia, serif;
		font-style: italic;
		font-size: 12px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 0px;
		background:#000000;
*/						
		/* Following lines adds a line about each section */
/*		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;		*/
}


#menu ul li.active a{
	text-decoration: none;
	color:#000000;
}

#menu ul li a:link{ 
	text-decoration: none;
	color:#000000;
}

#menu ul li a:visited{ 
	text-decoration: none; /*line-through;*/
	color:#000000;
	background-color:#000000;

}

#menu ul li a:hover {
	text-decoration: none;
	color:ffffff;
}



/* This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
	
.bottom-section {
	width: 30px;
	hight: 12px;
	margin: 100px 0 0 100px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 10px;
	background-color:#000000; 


	/*
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	*/

}







/* CONTENT AREA */

#content {
	/*ganzer conten*/
    height: 100%;
    margin: 15px 0 0 350px;
    top: 0;
}


#content p { /* sets the properties for all paragraphs in the content area */
	/* margin-bottom: 9px; */
}

p {	
	/*  sets the properties for all paragraphs*/
   margin: 0 0 9px 0;
	width: 400px;  /*Zeilenlänge*/

}

	
/* HEADINGS */
	
	/*
	when typing your text/descriptions follow this format to use these heading types
	
	<h1>This is the text i want to be a heading which</h1>
	
	start with h1 as your largest most important heading. you may not need all 4 but they are here if you do.
	*/	
		

h1 { font-size: 32px; } /* die farbe hier überschreibt die farbe, dioe in "body" definiert ist */
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }



/* IMAGES */

#img-container	{ width: 800px;margin: 0; padding: 0; } /* hier bei width die breite der bildcontainer eintragen */
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }


.nothumb img {
		/*
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;			*/
		
		/*for borders on your images */
/*		border-color: #898989; 
		border-width: 1px; 
		border-style:  solid;*/		
	}
	
#once { clear: left; }


/* SLIDE SHOW - Navigation */

p.nav a {
	background-color: #000000;
	color: #ffffff;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 3px;
	padding-left: 9px;
/*									Abgerundete Ecken
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
*/
}

/*	
p.nav a:hover {
	background-color: #cccccc;
}
*/

p.nav span#num {
	letter-spacing: 2px;
	padding-left: 20px;
}