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


/* settings contentbereich */

body { 
	margin-left: 310px; /* Anfang Men¸ von links */
	margin-top: 45px; /* cut */
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif; color: #000000;
	background: #dcdcdc; /* hintergrundfarbe contentbereich */
	background-image: url(http://www.henningheide.com/files/hg_verlauf2.jpg); background-position:left; background-repeat: repeat-y;
}

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

a:link { text-decoration: underline; color:#000000; } /* exhibition link color */
a:active { text-decoration: underline; }
a:visited { text-decoration: underline; color: #000000; } /* exhibition link visited */
a:hover { text-decoration: underline; color: #000000; } /*  exhibition link rollover */

a img { border: none; }



/* settings hauptmenue */

#menu a:link { text-decoration: none; color:#000000; } /* exhibition link color */
#menu a:active { text-decoration: none; }
#menu a:visited { text-decoration: none; color: #000000; } /* exhibition link visited */
#menu a:hover { text-decoration: none; color:#FFFFFF; background-color: #000000 } /*  exhibition link rollover */


#img-container span.backgrounded a,
#img-container a.thickbox, 
#img-container a.thumb-img, 
#img-container #d-col1 a { background: transparent; }


#menu a { color: #000000; }
#menu {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; color: #000000;
	width: 200px; /* Breite der Hauptnavigation */
    overflow: auto;
    top: 0; /* Abstand der Hauptnavigation vom oberen Rand */
    bottom: 0;
	left: 60px; /* Abstand der Hauptnavigation vom linken Rand */
    position: fixed;
    height: 100%;
    background-color: #ffffff;  /* hintergrundfarbe menue, wenn ausgeschaltet ist menue transparent */
}

#menu ul {
	background: url(http://www.henningheide.com/files/line.gif) no-repeat; padding-top: 10px;
	list-style: none;
	margin: 0 0 20px 0; 
	
	/* - Abstand der Sektions-Bl–cke zueinander 
	   - Je gr–ţer der Wert, desto fr¸her der Umbruch 
	   - Abstand der Sektions-Bl–cke zueinander 
	   - Einr¸cken Sektions/Exhibitions von links  */
}


/* settings section titles */

#menu ul li.section-title { font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; font-weight: bold; } 

#content {
	height: 100%;
	width: 780px; /* Breite des Contentblocks. Geht auch in %.  */
    margin: 0 0 0 0;
	
	/* - Abstand contentblock vom oberen Rand
	   - ? 
	   - ?
	   - Abstand contentblock vom linken Rand  
	   margin: 45px 0 0 355px;*/   
		
    top: 0;
}

.container {
  	padding: 30px 5px 0 0;
	
	/* - Abstand Inhalte vom oberen Rand
	   - ? verbreitert den Contentbereich? 
	   - ? verl”ngert den Contentbereich? 
	   - Abstand Inhalte vom linken Rand  */
}

#content p { width: 780px; }
/* statt inherit kann auch pixelwert gesetzt werden. Default = 400 
margin-bottom: 9px; margin-left: 355px; margin-top: 45px; */

p {
    margin: 0 0 0 0;
	
	/* - Abstand Seitentitel vom oberen Rand
	   - Je gr–ţer der Wert, desto fr¸her der Umbruch im Titel 
	   - Abstand Men¸block zum Seitentitel 
	   - Abstand Seitentitel vom linken Rand  */
	   
}

.nothumb { float: left; padding: 0 10px 10px 0;  }
.nothumb img { margin: 0 0 0 0; }
.nothumb strong { display: block; }


h1 { font-size: 30px; font-weight: bold; }
h2 { font-size: 21px; font-weight: normal; }
h3 { font-size: 12px; font-weight: bold; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: inherit; margin: 0; padding: 0 0 12px 0; }
/* statt inherit kann auch pixelwert gesetzt werden. Default = 400 */

	/* - Abstand Inhalte vom oberen Rand
	   - ? verbreitert den Contentbereich? 
	   - ? verl”ngert den Contentbereich? 
	   - Abstand Inhalte vom linken Rand  */

#once { clear: left; }