/* 
CSS Definitionen für courtier.at 
Gilt für folgende Dateien

	index.htm
	sidemenu.htm
	home.htm
	galerie.htm
	ubermich.htm
	angebot.htm
	kontakt.htm
	impressum.htm
	partner.htm
	bcmessage.htm
	blank.htm
	
	menu.htm hat eigene CSS Definitionen direkt in der htm Datei
*/

/* index.htm, margin=0 verhindert Lücke im IE am rechten Rand im roten Titel Balken */

#bodyMain {
	background-image: url(images/back-krone.gif);
	margin: 0px;
}

/* alle mainFrame Seiten, width=100%!! Seitenbstand wird in div-pages durch padding definiert */

.bodyPages {
	width: 100%;
	margin: 0px;
}

/* Seitenmenü */

.bodySidemenu {
	background-color: transparent;
}

/* index.htm keine zusätzlichen Ränder im IE 100% Weite für FF */

.divMain {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

/* Seitenmenü */

.divSidemenu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	margin: 0px;
	overflow: hidden;
}

/* alle mainFrame Seiten, rechter und linker Rand */

.divPages {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 16px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #6b092e;
	text-decoration: none;
	text-align: justify;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
}

/* Für Links im Fließtext mit Hover in div-pages */

.divPages a {
	font-size: 16px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #919191;
	text-decoration: underline;
}

.divPages a:hover {
	color: #6b092e;
}

/* Tabelle in index.htm für roten Titel Balken */

.titleBar {
	width: 100%;
	height: 44px;
	background-color: #6b092e;
}

/* Haupttabelle in index.htm */

.tableTotal {
	width: 1120px;
}

/* index.htm selbe Breite wie Haupttabelle für Impressum Fußzeile */

.tableBottom {
	width: 1120px;
	height: 60px;
}

/* index.htm Hauptfeld mit Banner, Menü und mainFrame */

.tableTotalLeft {
	width: 920px;
	vertical-align: top;
	text-align: left;
}

/* Impressumzeile unter Haupttabelle (eigene Tabelle mit gleichem Layout wie Haupttabelle) */

.tableBottomLeft {
	width: 920px;
	background-color: #ffffff;
}

/* Leere Spalte zwischen Hauptfeld und Seitenmenü */

.tableTotalSpace {
	width: 40px;
}

/* Seitenmenü Spalte: oberer Bereich ist eine leere Tabelle (damit Seitenmenü auf Höhe Menu beginnt), unterer (Haupt) Bereich ein iFrame */

.tableTotalRight {
	width: 160px;
	height: 100%;
	vertical-align: top;
	text-align: center;
	background-image: url(images/back-sidemenu.png);
}

/* !!!! Höhe von tableTotalRighttop und tableTotalRightmain ist Höhe von tableBanner und tableMain !!!! */

/* Leerraum über Seitenmenü */

.tableTotalRighttop {
	width: 100%;
	height: 240px;
}

/* iFrame für Seitenmenü */

.tableTotalRightmain {
	width: 100%;
	height: 540px;
}

/* 
Bannerfeld besteht aus 9 Feldern, 3 für den linken Rand (colspan=3), 3 für das Logo 
(colspan=3 und eingebettete Tabelle) und 3 rechts (Zeile 1 ist Bild, Zeile 2 ist Menü, Zeile 3 ist Abstand)
Bannerbild befindet sich in oberster Zeile aller 3 Spalten
Logo befindet sich im unteren Rand der zweiten Spalt und reicht in das Bannerbild
Menü befindet sich in der zweiten Zeile rechte Spalte
Dritte Zeile rechte Spalte ist leer (Abstand, dass Logo nach unten reichen kann
Das Bannerbild ist Backgroundbild der Tabelle ohne Wiederholung am oberen Rand und über die gesamte Breite 
width und height müssen jeweils korrelieren, width der Tabelle ist width des Banner Hinterggrundbildes
height der Tabelle ist dadurch bestimmt, wie weit Logo nach unten reicht
*/

.tableBanner {
	width: 920px; 
	height: 300px; 
	background-repeat: no-repeat; 
	background-color: #ffffff;
}

/* Linker Abstand des Logos im Bannerfeld colspan=3 */

.tableBannerLeftcol {
	width: 40px; 
	height: 300px;
}

/* Logobereich im Bannerfeld colspan=3 */

.tableBannerLogocol {
	width: 260px; 
	height: 300px;
	vertical-align: bottom;
	text-align: left;
}

/* Rechter Bereich im Bannerfeld ,oberste von 3 Zeilen, Rest des Bannerbildes */

.tableBannerRightcoltop {
	width: 620px; 
	height: 240px;
}

/* Mittlere von 3 Zeilen im Bannerfeld, iFrame für Menü */

.tableBannerRightcolmenu {
	width: 620px; 
	height: 40px;
}

/* Untere von 3 Zeilen, ist nur Abstand, dass Logo unter Menü reicht */

.tableBannerRightcolbottom {
	width: 620px; 
	height: 20px;
}

/* Eingebettete Tabelle für Logo */

.tableBannerLogo {
	width: 260px; 
	height: 130px; 
	background-color: #ffffff;
	border: 1px solid #919191;
}

/* Platz für mainFrame Seiten, ist ein iFrame */

.tableMain {
	width: 920px;
	height: 480px;
	background-color: #ffffff;
}

/* Standard Text */

.normalText {
	font-size: 16px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #6b092e;
	text-decoration: none;
}

/* große Schrift */

.bigText {
	font-size: 20px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #6b092e;
	text-decoration: none;
}

/* Für die Links im Sidemenü (mit Hover) trennlinie hat gleiche Farbe. Wird auch in Gallery für Links verwendet!*/

.rightcolText {
	font-size: 12px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #919191;
	text-decoration: underline;
}

.rightcolText:hover {
	color: #6b092e;
}

/* index.htm Text im roten Titel Balken (Berufsfotografin) */

.titleText {
	padding-right: 10px;
	font-size: 12px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

/* X und ? recht oben in der Gallerie */

.galText {
	font-size: 20px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: black;
	text-decoration: none;
}

.galText:hover {
	color: red;
}

/* Trennlinien im Seitenmenü, gleiche Farbe wie rightcolText */

.trennlinie {
	width: 90%;
	height: 1px;
	color: #919191;
}

/* Floatbereiche Topmargin ist 0! Positionierung vor oder nach der Titelzeile nicht durch margin oder padding */

/* Rahmen und Floatbereich für Bilder rechts oben in mainFrame Seiten */

.rightPic {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
}

/* Rahmen und Floatbereich für Bilder links oben in mainFrame Seiten */

.leftPic {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
}

/* das Ganze für Bilder im Rahmen, wo Text rechts ausgerichtet ist */

.leftPic2 {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 0px;
	margin-left: 0px;
}

/* Rahmen und Floatbereich für Tabelle mit FB Link */

.fbWindow {
	width: 320px;
	height: 65px;
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	border: 1px solid #6b092e;
	background-image: url(images/back-leftcol.gif);	
}

/* Rahmen und Floatbereich für Tabellen rechts oben*/

.lightWindow {
	width: 360px;
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	border: 1px solid #919191;
	font-size: 14px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #6b092e;
	text-decoration: none;
	text-align: right;
}

.lightWindow a {
	padding-bottom: 6px;
	font-size: 14px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #919191;
	text-decoration: underline;
}

.lightWindow a:hover {
	color: #6b092e;
}

.verylightWindow {
	width: 300;
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	border: none;
	font-size: 12px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #6b092e;
	text-decoration: none;
	text-align: right;
}

/* 
Das ist die Schattenebene in index.htm
Höhe = title-bar + table-banner + table-main + table-bottom + spaci. Wird bei Bildschirmen > 900 dynamisch mit JavaScript angepasst.
*/

#divGallery {
	position: absolute;
	width: 100%;
	height: 900px;
	top: 0px;
	left: 0px;
	margin-bottom: 0;
	visibility: hidden;
	background-image: url(images/back-shadow.png);
	z-index: 10;
}

/* das ist die Popup Ebene für die Galerie. Dient zum Positionieren der Bühne. Ist in index.htm!!! */
 
#galleryPopup {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 100;
}

/* in der Gallerie oberer Rand mit "Hilfe" und "Close" */

#galleryTopLine {
	position: relative;
	width: 100%;
	height: 40px;
	font-size: 16px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: bold;
	color: #6b092e;
	text-decoration: none;
}

/* Galerieüberschrift */

#galleryName {
	margin-left: 10px;
	margin-top: 10px;
	font-size: 16px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: bold;
	color: #6b092e;
	text-decoration: none;
}

/* und das ist die Bühne. Auch in index.htm. Ist ein iFrame */

#galleryStage {
	width: 1000px;
	height: 700px;
	background-image: url(images/back-leftcol.gif);
	z-index: 1000;
}

/* vorheriger, nächster Link */

#galleryBottomLine {
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

#galleryBottomLine a {
	font-size: 12px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: bold;
	color: #919191;
	text-decoration: underline;
}

#galleryBottomLine a:hover {
	color: #6b092e;
}

#itsBert {
	position: relative;
	width: 100%;
	visibility: hidden;
	margin-left: 50px;
}

#itsBert a {
	font-size: 12px;
	font-family:Verdana,Arial,Helvetica,Sans; 
	font-weight: normal;
	color: #919191;
	text-decoration: none;
}

#itsBert a:hover {
	color: #6b092e;
}