/* CSS-Datei fuer grimm-foundation.com  */
/* (2008-2010) Alexander Rosner         */
 

/*-----------------------*/
/* Formatierung des Body */
/*-----------------------*/
body {
	margin: 0;
	padding: 0;
	text-align: left;
	min-width: 900px;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	background-color: #EE7600; /* dunkelorange */
	color: white;} /* Standard Schriftfarbe */
/* END Formatierung des Body */


/*----------------------------*/
/* Formatierung der Schriften */
/*----------------------------*/
/* ...der Ueberschriften */
h1 {
	font: 200% Arial Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 0px 15px;}
h2 {font: 150% Arial Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 0px 15px;}
h3 {font: 120% Arial Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 0px 15px;}

/* ...Standardtext in der Content-Box */
.txt {
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;}

.bildunterschrift {font-size: 90%;}

/* Standardformatierung unsortierter Listen */
li {text-align: justify;
	padding-right: 0.5em;}


/*--------------------------------*/
/* Formatierung der Standardlinks */
/*--------------------------------*/
a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;}
a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;}
a:hover {
	color: #ffffff;	
	text-decoration: underline;
	font-weight: normal;}
a:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;}
/* END Formatierung der Standardlinks */


/*----------------*/
/* Bilder im Text */
/*----------------*/
img {
	border: 0px solid white;}
.grimm {
	border: 1px solid white;
	margin: 5px;}
.vita_l {
	float: left;
	border: 1px solid white;
	margin-left: 0px;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 2px;}
.vita_r {
	float: right;
	border: 1px solid white;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 2px;}
/* END Bilder im Text */


/*--------------------------------*/
/* Formatierung Links Navtable    */
/*--------------------------------*/
#navi_left {
	background-color: #FFB90F; /* hellorange */
	border: 1px solid #FFB90F; /* hellorange */
	font: normal 14px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 10px;
	width: 142px;} /* Gibt die Breite der Textboxen für den Nav-Text an */
#navi_left ul, #navi_left li {
	list-style-type: none;
	text-indent: 0px;
	padding-top: 2px;
	font-weight: normal;}
#navi_left li a {
	font-weight: normal;
	text-decoration: none;
	border-top: 1px solid #FFB90F; /* hellorange */
	border-bottom: 1px solid #EE7600; /* dunkelorange */
	border-left: 1px solid #FFB90F;
	border-right: 1px solid #FFB90F;
	display: block;
	width:100%;
	padding: 5px;}
#navi_left a:link, #navi_left a:visited {
	color: #ffffff; /* Schriftfarbe der Menueeintraege */
	background-color: #FFB90F;} /* hellorange */
/* Aktiver Link */
#navi_left #akt {
	font-weight: bold;
	color: #ffffff;
	border-top: 1px solid #EE7600; /* dunkelorange */
	border-bottom: 1px solid #EE7600;
	border-left: 1px solid #EE7600;
	border-right: 1px solid #EE7600;
	background-color: #EE7600;} /* dunkelorange */
/* Hover Link */
#navi_left a:hover, #navi_left a:hover#akt {
	font-weight: bold;
	color: #ffffff;
	border-top: 1px solid #EE7600; /* dunkelorange */
	border-bottom: 1px solid #EE7600;
	border-left: 1px solid #EE7600;
	border-right: 1px solid #EE7600;
	background-color: #EE7600;} /* dunkelorange */
/* END Formatierung der Navi-Links */


/*------------------------------------------*/
/* Die Hauptbox, in der sich alles abspielt */
/*------------------------------------------*/
#wrapper_main {
	position: relative;
	top: 0;
	left: 0;
	width: 900px;
	border: 0px solid red;
	margin-left: auto;
	margin-right: auto;}
/* END Hauptbox wrapper */


/*--------------------------------------------------------*/
/* Header-Bereich mit: Titel, Banner und statischem Navi  */
/*--------------------------------------------------------*/
/* Die senkrechten Trennstriche im Navi oben rechts */
#header {
	color: white;}
/* Formatierung der statischen Links oben rechts */
#navi_oben_rechts {
	border-top: 0px solid gray;}
/* Navigation als unsortierte Liste */
#navi_oben_rechts ul {
	text-align: right;
	margin: 0;
	padding: 0;}
/* Textgroesse, Listeneintraege nebeneinander */
#navi_oben_rechts li {
	font-size: 80%;
	display: inline;}
/* Formatierung der statischen Links oben rechts */
	#navi_oben_rechts a:link, a:visited {
		font-weight: bold;
		color:#ffffff;
		text-decoration: none;}
	#navi_oben_rechts a:hover, a:active {
		text-decoration: underline;}
/* END Formatierung der statischen Links oben rechts */

/* Formatierung Hover-Bildergalerie */
td#img_1			{background:url(../pic/GerdGrimm_Bogner.png); width:124px; height:124px;}
td#img_1:hover	{background:url(../pic/GerdGrimm_Reval.png); width:124px; height:124px;}
td#img_2			{background:url(../pic/GerdGrimm_Reise02.png); width:124px; height:124px;}
td#img_2:hover	{background:url(../pic/GerdGrimm_Strassenmusikant.png); width:124px; height:124px;}
td#img_3			{background:url(../pic/GerdGrimm_Reise01.png); width:124px; height:124px;}
td#img_3:hover	{background:url(../pic/GerdGrimm_NY_Subway.png); width:124px; height:124px;}
td#img_4			{background:url(../pic/GerdGrimm_Akt.png); width:124px; height:124px;}
td#img_4:hover	{background:url(../pic/GerdGrimm_Maedchen02.png); width:124px; height:124px;}
td#img_5			{background:url(../pic/GerdGrimm_Mode01.png); width:124px; height:124px;}
td#img_5:hover	{background:url(../pic/GerdGrimm_Mode02.png); width:124px; height:124px;}

td span {display:none;}
/* END Formatierung VBildergalerie */

/* END Header-Bereich */


/*-----------------------------------------*/
/* Freespace: Freier Raum unter dem Header */
/*-----------------------------------------*/
.freespace {
	height: 20px;}
/* END Freespace */


/*----------------------------------------------*/
/* Container (Divbox) für Hauptnavigation links */
/*----------------------------------------------*/
/* Hauptnavigation links */
#hauptnavi {
	position: relative;	
	float: left;
	width: 170px; /* Breite */
	line-height: 0.4em;
	background-color: #FFB90F; /* orange */
	border-top: 0px solid gray;
	border-right: 0px solid gray;
	border-left: 0px solid gray;
	border-bottom: 0px solid gray;}


/*-------------*/
/* Content-Box */
/*-------------*/
#content {
	position: relative;
	float: right;
	width: 720px;
	min-height: 474px;					/*fuer Ausstellungen 489, sonst 521 */
	background-color:  #000000;}


/*------------------------------*/
/* Beschreibungstext der Bilder */
/*------------------------------*/
.beschreibung {
	text-align: justify;
	margin: 1em;}


/*------------*/
/* Bild links */
/*------------*/
.bild_links {
	position: relative;
	float: left;
	min-height:10px;	/* fuer Test */
	width: 360px;
	text-align: center;}


/*-------------*/
/* Bild rechts */
/*-------------*/
.bild_rechts {
	position: relative;
	float: right;
	min-height:10px;	/* fuer Test */
	width: 360px;
	text-align: center;}


/*------------*/
/* Stop float */
/*------------*/
.stopfloat {
	clear: both;}


/*-----------*/
/* Fusszeile */
/*-----------*/
#fusszeile {
	text-align: center;
	font-size: 80%;
	position: relative;
	float: right;
	width: 720px;
 	background-color: #000000;}
/* END Fusszeile */

/* ----------------------------------------------------- END CSS */