/*	Schale ist in der Standardeinstellung 880px breit,
	nach Besprechung am 11.2.2007: damit bei 15 Navibildern der linke
	Rand der #fotomaske buendig ist mit dem linken Rand der Navibilder */

/*	Allgemeines, html, body, schale 
_______________________________________________________________________________________ */

* {
	margin: 0;	
	border: 0; 
	padding: 0;
}

html, body {
	font-family: Arial, Tahoma, sans-serif;
	text-decoration: none;
	font-size: 100.01%;
	color: black;
	height: auto;
	background-color: white;
	text-align: center;
}

/*	die Schale hat eine Mindesthöhe von 100.01%,
	der IE Windows bekommt diese als height,
	für den IE Mac setzte ich alle Höhen auf auto:
	hat dort die Schale eine Höhe von 100%, erstreckt diese sich zu weit nach unten.
	Ich nehme in Kauf, dass somit die Schale auf IE Mac nicht immer bis unten läuft. */

div#schale {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: auto;
	height: auto;
	min-height: none;

}
/* Für IE Win, der Kommentar hinter dem selektor soll IE 5.0 ausschließen 
	deswegen kann ich IE Mac hier nicht ausschließen, der wird weiter unten extra bedacht */
* html div#schale /**/{
	height: auto;
}

/*	Für IE Mac */
*>html, *>html body, *>html div#schale
{
	height: auto;
}
/*	Kopf, linke und rechte Spalten 
_______________________________________________________________________________________ */

/*	2.81em errechnet aus 45px */
div#header {
	height: 2.81em;
	border-bottom: 1px solid #FF6600;
	position: relative;
}
/*	Linke Spalte: 9.375em errechnet aus 150px */
#header div.leftcolumn {
	position: relative;
	padding-left: 1em;
	float: left;
	width: auto;
}
#header div.rightcolumn {
	position: relative;
	float: left;
	width: auto;
	padding-left: 1em;
}
#contents div.leftcolumn {
	display: none;
}

/*	rechte Spalte: 10.94em errechnet aus 175px  */
div.rightcolumn {
	position: relative;
	margin-left: 0;
	width: auto;
	height: auto; 
	float: none;
}
/*	sind positioniert wie rightcolumn */
#divprojecttitle, #divrubriktitle {
	display: none;
}

/*	Ebenen im Content Bereich 
_______________________________________________________________________________________ */

#content {
	position: relative;
	/*fuer haslayout*/
	border: none;
	margin-top: 0.6em;
	clear: both;
	padding-bottom: 2em;
}
/*	#fotomaske ist festgezurrt auf 470px Hoehe (Rubrik Arbeiten) */
#fotomaske {
	background: white;
	color: black;
	height: auto;
	padding: 0 1em;
}
#fotomaske img{
	display: block;
	position: relative;
	top: 1em;
	left: 0;
}
/*	#kontaktmaske passt sich der Hoehe des Inhalts an (alle anderen Rubriken) */
#kontaktmaske {
	background: white;
	color: black;
	height: auto;
	margin: 1.5em 1em;
	padding: 0;
}

/*	Ueberschriften h1 
_______________________________________________________________________________________ */

/*	Ueberschrift 1. Ordnung - bezieht sich derzeit nur auf den Titel 
	dieser wird geteilt in "Ute Döring" und "Fotografie" */
h1 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 1.1em;
}
h1#ute {
	text-align: right;
}
h1#topic  {
	text-align: left;
	float: left;
	position: relative;
	width: auto;
}

/*	Ueberschriften h2 - h3, p und td allgemein 
_______________________________________________________________________________________ */

h2, h3, p {
	font-size: 0.75em;
}
h2, h3 {
	font-weight: bold;
}
/*	gilt fuer p oder h2 oder was auch immer */


p#kataloglink {
	display: none;
}
td, th {
	font-size: 0.75em;
	color: black;
	background-color: white;
	line-height: 1.6;
	margin-bottom: 2em;
	vertical-align: top;
}
/*	Ueberschriften h2 - h3 und p im Bereich #content (linke und rechte Spalte)
_______________________________________________________________________________________ */

#content h2, #content h3, #content p {
	font-size: 0.75em;
	line-height: 1.6em;
	margin-bottom: 2em;
	color: black;
	background-color: white;
}

#content h3 {
	margin-bottom: 0;
}
#content h2 span.regular {
	font-weight: normal;
}

/*	Hauptnavigation allgemein und Unternavigation bei Arbeiten
_______________________________________________________________________________________ */

ul#mainnav {
	display: none;
}
ul#themenav {
	display:none;
}

/*	Thumbnail Navigation bei Arbeiten
_______________________________________________________________________________________ */

/* ::TODO:: zum Testen line-height und font-size hoeher stellen !!!!! */
#pictnavidiv {
	display: none;
}


/*	Links im Allgemeinen 
_______________________________________________________________________________________ */

a:link, a:visited {
	color: black;
	background-color: white;
	text-decoration: none;
}
a.current:link, a.current:visited {
	color: #FF6600;

}
a:hover, a:focus {
	color: #FF6600;
	background-color: #000000;
	text-decoration: none;
}
a.externallink:link, a.externallink:visited {
	color: #FF6600;
	background-color: white;
	text-decoration: none;
} 
a.externallink:hover, a.externallink:focus {
	color: #FF6600;
	background-color: white;
	text-decoration: underline;
}


/*	Hilfsmittel: clearing 
_______________________________________________________________________________________ */
.stopfloat {
	display: none;
}
/*	::TODO:: auf dem Mac testen - 6px willkuerlich gewaehlt am 10.5.*/
.stopfloat p {
	display: none;
} 

/*	nur für den Ausdruck 
_______________________________________________________________________________________ */

.forprint {
	display: block;
}
#content #kontaktmaske .forprint {
	margin-bottom: 3em;
}