/*** ===================== CSS for JCPhotography php-version by Juergen Cezanne ================================= */

/*-- scrollbars for IE -------------------------------------------------------------------------------------------*/
html {
	padding:0px;
	margin:0px;
}


/*-- Allgemein ----------------------------------------------------------------------------------------------------*/
body {
	background-color:#ccc;
	background-image:url(../bn/filler.gif);
	background-attachment:fixed;
	padding:0px;
	margin-top:15px;
	margin-bottom:30px;
	text-align:center;
	font-family:Verdana,Tahoma,Arial,sans-serif;
}

a {
	text-decoration:none;
	-moz-outline-style:none;		/* a.link:focus {-moz-outline:0px dotted WindowText;} */
}

p, .txt {
	color:#dcdcdc;
	font-size:9pt;
	text-align:justify;
	line-height:1.4em;
}

p a, .txt a {
	color:#dcdcdc;
	text-decoration:none;
}

ul {
	list-style:square outside;
	margin-top:1em;
	margin-bottom:0.4em;
}

li {
	color:#dcdcdc;
	font-size:9pt;
	text-align:justify;
	line-height:1.4em;
	margin-left:;
	padding-bottom:0.4em;
}

li a {
	color:#dcdcdc;
}

/* !!!!! Headlines - ausser h1 - alle in "headlines.css (wegen "fotostudios") !!!!!!!!!!!!!!!!!! */

/*-- index -------------------------------------------------------------------------------------------------------*/
.start {
	background-color:#000;						/* = "tosee" + "h1" */
	background-image:url(../bn/bg000.gif);
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
}

.indexfoot {
	font-size:7pt;
}



/* unsichtbare Texte + Links ------------------------------------------------------------ */
.advtxt {
	color:#000;									/* invisible, = "start" */
	font-size:5pt;
	margin:0px;
	padding:0px;
}

h1 {
	color:#000;									/* invisible, = "start" */
	font-size:5pt;
	font-weight:normal;
	text-transform:;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.bbn a {										/* kaum sichtbare Links */
	color:#2a2a2a;
	text-decoration:underline;
}

.bbn2 a {										/* nicht sichtbare Links hell */
	color:#999;
	font-size:6pt;
	text-decoration:none;
}

.aktionentxt {									/* unsichtbarer Text dunkel */
	color:#666;
	font-size:4pt;
}
/* ---------------------------------------------------------------------------------------- */



/*-- table container ---------------------------------------------------------------------------------------------*/
.table_main {
	background-color:;
	width:750px;
}

.head-l {
	width:170px;
	padding:0px;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

.head-r {
	width:580px;
	padding:0px;
	border-bottom:1px solid #FFF;
}

.navi {
	background-color:#999;
	padding-top:26px;				/* Optik: padding-top =! menutitle height */
	border-right:1px solid #FFF;
}

.cont {
	background-color:#666;					/* = "aktionentext" */
	background-image:url(../bn/bg666.gif);
	font-family:Verdana,Tahoma,Arial,sans-serif;
	text-align:left;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.footer {
	background-image:url(../bn/bottom.gif);
	color:#222;
	font-family:inherit;
	font-size:7pt;
	letter-spacing:0.05em;
	width:100%;
	height:20px;
	line-height:20px;			/* line-height=!height, damit Text vertikal zentriert */
	text-align:center;
	border-top:1px solid #fff;
}

.footer a {
	color:#222;
}

#mainContent {
	padding:0px;
}


/*-- menu --------------------------------------------------------------------------------------------------------*/
#masterdiv div {
	display:block;
}

.menutitle {
	background-color:#888;
	height:26px;
	font-family:inherit;
	font-size:7pt;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0.2em;
	line-height:26px;		/* line-height=!height, damit Text vertikal zentriert */
	text-indent:1em;		/* statt padding-left! damit hover-effekt nicht auch eingerückt wird */
	margin-top:0px;
	margin-bottom:0px;
	border-top:;
	border-bottom:1px solid #FFFFCC;
	cursor:pointer;
	display:block;
}

.menutitle a {
	color:#003366;
	height:26px;
	margin-bottom:0px;
	cursor:pointer;
	display:block;
}

.menutitle a:hover, .subnav a:hover {
	background-color:#336699;
	color:#FFFF99;
	display:block;
	cursor:pointer;
}

/* menutitle --abgesetzt---------------------- */
.BP {
	margin-top:0px;
	margin-bottom:0px;
	border-top:0px solid #FFFFCC;
	border-bottom:1px solid #FFFFCC;
}

.FA {
	margin-top:15px;
	margin-bottom:0px;
	border-top:1px solid #FFFFCC;
	border-bottom:1px solid #FFFFCC;
}

.KL {
	margin-top:25px;
	margin-bottom:0px;
	border-top:1px solid #990000;
	border-bottom:1px solid #990000;
}

.KL a {
	color:;
}
/* -------------------------------------------- */

.submenu {
	margin-bottom:0px;		/* damit menutitle ohne submenu geschlossen bleiben */
}

.subnav {
	background-color:#666;
	height:20px;
	font-family:inherit;
	font-size:7pt;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0.2em;
	line-height:20px;		/* line-height=!height, damit Text vertikal zentriert */
	text-indent:2em;		/* statt padding-left! damit hover-effekt nicht auch eingerückt wird */
	margin-bottom:0px;
	border-bottom:1px solid #FFFFCC;
	cursor:pointer;
	display:block;
}

.subnav a {
	color:#ccc;
	height:20px;
	margin-bottom:0px;
	cursor:pointer;
	display:block;
}

.actif, .actif a, .actif a:hover {
	background-color:#003366;
	color:#FFFF99;
	display:block;
	cursor:default;
}

.eng {								/* für lange Titel bei subnav*/
	letter-spacing:0.1em;
}


/*-- content pages -----------------------------------------------------------------------------------------------*/
.padAtxt {
	padding:40px 40px 40px 40px;
}

.padAtxtHL {
	padding:20px 40px 40px 40px;
}


.imgGal {
	padding:30px 0px 40px 0px;
	text-align:center;
}

.einzug {
	padding-left:20px;
}

.dicht {
	display:block;			/* damit beim IE kein Zwischenraum zwischen (nach) Bildern entsteht */
	margin:auto;			/* ... damit beim FF die Bilder dennoch zentriert werden */
}

.mybild {
	background-image:url(../bn/jc.gif);
	background-position:right top;
	background-repeat:no-repeat;
}


strong, b {
	color:;
	font-weight:bold;
}



/* wird ersetzt durch "p", muss aber trotzdem erhalten werden für z.B. Verschachtelungen in contact, imprint ... 
.txt {
	color:#ddd;
	font-size:9pt;
	text-align:justify;
	line-height:1.4em;
	padding-top:1.2em;
}

.txt a {
	color:#ddd;
	text-decoration:none;
}
*/
.txt td, p td {
	color:#dcdcdc;					/* Angabe erforderlich! */
	font-size:9pt;
	text-align:;
	line-height:1.8em;
}

.rechts {
	font-size:11pt;
	text-align:right;
}

.gallerytxt {
	color:#fff;
	font-size:8pt;
	text-align:justify;
	line-height:1.4em;
	padding:0px 20px 0px 20px;		/* Werte entsprechend der Bildgrösse + .imgGal */
}

.gallerytxt a {
	color:#fff;
}

.gallerytxt500 {
	color:#fff;
	font-size:9pt;
	text-align:justify;
	line-height:1.4em;
	padding:0px 40px 0px 40px;		/* Werte entsprechend der Bildgrösse + .imgGal */
}

.gallerytxt500 a {
	color:#fff;
}

.preisKAT {
	display:block;
	height:1.8em;
	background-color:#444;
	margin-left:-1.5em;
	margin-bottom:;
	font-size:9pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1pt;
	padding-left:1.5em;
	padding-top:0.3em;
	padding-bottom:;
}

.newsHL {							/*  "2em" gilt für News on Intro */
	background-color:#4b4b4b;
	margin-left:-2em;
	font-size:9pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1pt;
	padding-left:2em;
	padding-top:0.3em;
	padding-bottom:0.4em;
}

.newsHLtxt, .preisKATtxt {
	font-size:9pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1pt;
}

.newsHLdate {
	text-align:right;
	font-size:8pt;
	color:#fff;
	letter-spacing:0pt;
}

/* für Überschriften Konfirmation */
.HLK {
	text-transform:none;
	letter-spacing:0.6pt;
}

/*--------------- muss nach (unter) allen Klassen stehen, die es 'aushebeln' soll !!?? ----*/
.nopadT {
	padding-top:0em;
}
/*-----------------------------------------------------------------------------------------*/



.smal {								/* inc.date. php */
	color:#222;
	font-size:7pt;
}

.smal a {
	color:#222;
	text-decoration:underline;
	text-transform:uppercase;
	letter-spacing:0pt;
}

.date {
	font-size:7pt;
	padding-left:1em;				/* Einzug links wie .menutitle */
	padding-top:30px;
	padding-bottom:10px;
}



.address {
	text-transform:uppercase;
	letter-spacing:1pt;
}

.statement {
	font-size:8pt;
	font-weight:normal;
	letter-spacing:0pt;
	color:#404040;
	text-align:justify;
	padding-top:40px;
}


/*------------- Routenplaner Formular auf "CONTACT" ---------------------------------------*/
form, input {
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:8pt;
	font-weight:bold;
	line-height:120%;
	text-transform:uppercase;
}

.field1 {
	color:#fff;
	border:1px solid #808080;
	background-color:#666;
	padding:2px;
	width:300px;
}

.button {
	color:;
	margin-top:15px;
	border:2px solid #808080;
		border-bottom-width:2px;
		border-right-width:2px;
		border-bottom-color:#000;
		border-right-color:#000;
	background-color:#666;
	padding:1px;
	width:160px;
	cursor:pointer;
}
/*-----------------------------------------------------------------------------------------*/