@charset "utf-8";
/* CSS Document */

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

a {text-decoration:none; } /*für alle Links: browserspezifische Formatierung "untersrichen" zurücksetzen*/

/* Links im Text*/

a:link { color:#fef000; }
a:visited {color:#fef000;}
a:focus {color:white; }
a:hover {color:white;}
a:active {color:white;}



.textBlock
{
	
	display:block;
	width:100%;
	margin-bottom:1.3em;
	
}

.textBlockUnten2
{
	
	display:block;
	position:absolute;
	top:120px;
	width:100%;
	margin-bottom:1.3em;	
}


.BARRIERFREE
{
	display:none;
	visibility:hidden;
	position:fixed;
	margin-top:-5000px;
	margin-right:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
	float:left;
}



body
	{
	background-color:#000000; 
	color:#EEEEEE; 
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-size:9.5pt;
	line-height:130%;
	margin:0;
	height:100%;
	top:0;
	
	
	}
	
em
{
	font-weight:bold; font-size:9pt;	
	color:#FEFEFE;
	font-style:normal;
	 
}

.highlight
{
	font-weight:bold; font-size:9pt;	
	color:#FEFEFE;
	font-style:normal;
}

h1{font-size:12pt;font-weight:normal}


h2
{
	display:block;
	font-weight:bold; text-transform:uppercase; font-size:8pt; letter-spacing:1.5pt;
	color:#FFFFFF; 
	margin-bottom:0.4em;
/*	color:#cbc000; */
}


h3
{
	display:block;
	font-weight:bold; text-transform:uppercase; font-size:8pt; letter-spacing:1.5pt;
	color:#FFFFFF; 
	margin-bottom:0.4em;
/*	color:#cbc000; */
}


#wrapper
{
	background-color: transparent; 
	padding: 0; 
	border: 0; 
	position:absolute;
 
/*	top:50%; */
	left: 50%; 
/*	left:auto;
	right:auto;*/
	width: 1232px; 
	height: 680px; 
/*	margin-top:-350px; */
	margin-left:-616px;
    overflow:hidden;
	}
	



		
	
table /*alle Tabellen: ohne Rand, ohne Zellzwischenraum*/
		



		
	
table /*alle Tabellen: ohne Rand, ohne Zellzwischenraum*/
	{
	border-collapse:collapse;
	border-spacing:0;
	}	
	
td  {
	vertical-align:top;
	}	

img
	{
	border:0;
	}	
		

/*Grobstrukur: Flügel (Schein) --> Inhalt GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG: */




#inhalt /*Container Mittelflügel*/
	{
	/*	background-color:#4f1e1d;*/
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image:url('bilder/verlauf_1024h.jpg'); 
	background-repeat: repeat-x;
		margin-left:104px;
		width: 1024px; 	height:100%; 
		display:block; 
		text-align:left;
		position:absolute;
	}


#hintergrund_links /* Linker Flügel "Lampe" */
	{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image:url('bilder/hintergrund_links800.jpg'); 
	background-repeat:no-repeat;
	left:0;	top:0;
	width:104px; 	height:100%;
	margin-left:0;
	display: block; 
	position:absolute;
	}

	
#hintergrund_rechts /* Rechter Flügel "Lampe" */
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image:url('bilder/hintergrund_rechts800.jpg'); 
	background-repeat:no-repeat;
	left:1128px;	top:0;
	width:130px; 	height:100%;
	display: block; 
	position:absolute;
}


#oben, #unten, #linkleiste
	{
	width:100%;
	display:block;
	position:relative;
	}

#oben 
	{	
	height:350px;
	border:0;
	position:relative; 
	}
#linkLeiste	
	{
	height:40px; /*50*/
	border:0;
	overflow:hidden;

	}



#unten 
	{	
	border-style: none;
	border-color: inherit;
	border-width: 0;
	height: 280px;
	overflow:visible;
	display:block;
	left: 0px;
	color:#BBBBBB;
	margin-top:-10px;
}		



	
	
#impressum 			
	{
	display:block; text-align:right; border:0; padding-right:28px; height:20px; overflow:hidden;
	padding-top:4px;
	top:0;
	right:0;
	z-index:2;
	position:absolute;
	
	} 
#impressum2
{
	visibility:hidden; 
	float:right;
	margin-top:auto;
	margin-bottom:auto;
	margin-right:10px;	
	
}	
	
	
	
	
a:link#impressum, a:visited#impressum, a:focus#impressum, a:active#impressum	{ color:#7D7D7D;} /*inaktiv grau*/
a:hover#impressum	{ color:#fef000;} /*aktiv gelb*/
	
		
#fotosundzitate, #galerie /*Box für alle Inhalte (außer Impressum) oben*/
	{
	width:100%; 
	height:100%;
	display:block;
	position:relative;

	}
	

#zitatSpalte
		{
		display:block;
		border:0;
		width:44%;
		height:100%; 
		position:relative;
		float:left;
		vertical-align:middle;
		overflow:visible;
		}
		
	
#referenzArea
{
    display:block;
	margin-top:20px;
	margin-left:90px;
	margin-right:10px;
	height: 280px;
	z-index:2;
	
	
}

#landingText
{
	font-size:13pt;line-height:150%;font-family: Georgia;
    display:block;
	margin-top:60px;
	margin-left:90px;
	margin-right:20px;
	
}


q{
	quotes: "\00A0\00BB" "\00AB\00A0";
}

/*Safari versteht leider "quotes" nicht	daher: */

q:before {
	content: "\00A0\00BB";
}

q:after {
	content: "\00AB\00A0";
}

/* IE neither noes quotes nor :before/after, so there is a workaround with behaviour */	
q { behavior:url("./fixQuotes_en.htc"); }	

	
#zitat
	{
	font-family: Georgia, serif; font-style:italic; font-size: 11pt; line-height: 15pt; text-decoration:none;
	display:block;
	}


cite, .referenceCompany
	{
	font-size: 6.5pt;
	font-family: Georgia; text-transform:uppercase; letter-spacing:1pt;  line-height: 15pt; text-decoration:none; font-style:normal;
	display:block;
	}
	
	
	
	
#bildSpalte
	{
	display:block;
	border:0;
	width:56%; 
	height:100%;
	float:left;
	position:relative;
	}	
	
#bildBox_oben 
	{
	display:block;
	width:100%; height:320px;
	text-align:center;
	position:relative;
	margin-top:10px;
	margin-left:-40px;
	}
	
	
#bild_oben
	{
	position:relative;
	margin: 0 0px 0 0;
	height:100%;	
	}
	
#slideShow
	{
		display: block;
		margin-left:350px;
	}	
	
	
#videoWrapper
{
	width:510px;
	margin:auto;
}	
	
	
/*MAGIE - FREUDE AM STAUNEN .... Escamoteur Tom Bennett:*/	
#magie_escamoteur /*Box für beide*/
	{
	width:100%;
	position:absolute;
	margin-top:-26px;
	height:25px; 
	font-family: Georgia; text-transform:uppercase; letter-spacing:1pt;  text-decoration:none; font-style:normal; 
	color:#fef000;

	}
	
#magieSpalte
	{
	width:60%;
	height:100%;
	position:relative;
	float:left;
	
	}	
	
	
#freudeamstaunen /*Skalierung Flashobjekt*/
{
background-color: #000000; width: 400px; height:20px; border:0;
	margin-bottom:0;
	margin-left:28px;	
	
}

#escamoteurspalte
	{
	width:30%;
	height:100%;
	position:relative;
	float: right;
	margin-right: 28px;
}
	



#tombennett {

	background-color: #000000;
	width: 307px;
	height: 12px;
	border: 0;
	position:absolute;
	right:0;
	margin-top:7px;
	
}


/*Links: Rubriken*/
#linkLeiste 
{
	font-size:9.5pt; 
	letter-spacing:0.5pt;
	background-image:url('bilder/linie_768.gif'); 
	background-repeat:repeat-x;
	background-position:50% top;
	height:60px; 
	position:relative;
	top: 0px;
	left: 0px;
}

/*.punkt {background-image:url('zauberer/bilder/punkt_768.gif'); 
		background-repeat:no-repeat; 
		position:absolute; width:25px; height:7px; overflow:hidden; line-height:14px; 
		left:50%; top:0;
		margin-left:-12.5px;
		display:none;
		}

*/

#menuBox 
{
	margin-left:28px;
	display:block;
	position:relative;
}

#hauptMenu
{
	position:absolute;
	list-style: none;
	top: 0px;
	left: 0px;
}

#hauptMenu  a
{	
	padding-top:1em;
	background-repeat:no-repeat;
	background-position:top center;
	line-height:1em;
	display:inline-block;
	text-decoration:underline;
}


#hauptMenu li {
	float:left;
	display:block;
	
		
}


/*Links: Rubrik groß*/

#hauptMenu a {color:#fef000;} /*inaktiv & besuchte */
#hauptMenu a:hover ,  #hauptMenu a:active,  #hauptMenu a:focus  {color:#F6F6F6; } /*aktiv gelb*/





#menu1, #menu2, #menu3, #menu4, #menuHochzeit, #menuGeschenk
{
	text-transform:uppercase;
}

#menuReferenzen, #menuGalerie , #menu5, #menuLinks, #menuKontakt
{
	text-transform:none;
}




#hauptMenu .subMenu
{
	list-style: none;
	display:none;
	position:absolute;
	left:0px;
	top:2em;
	width:100%;
	color:#7D7D7D;
	text-transform:none;
}	


#hauptMenu .subMenu li {
	float:left;
	display:block;
	position:relative;
	padding:0;	
}



#hauptMenu .subMenu  a
{ 
	color:#7D7D7D;
	background-image:none;
	padding-top:4px;
}


#hauptMenu .subMenu  a:hover, #hauptMenu .subMenu  a:active, #hauptMenu .subMenu  a:focus 
{
	color:#FEF000;
}

/	

	
	
/*Links: Themenlinks (2.Zeile)*/
#themenLinkBox 
	{
	display:block;
	clear:both;
	overflow:hidden;
	vertical-align:top;
	}
	
	


/* default for the subtopics is grey. To mark one of them active you have to activate it in the header like:

#themenMenuX {display:block}

.themenlink3 a:link, a:visited{color:#fef000}
*/

/*Links: Themen; */
#themenLinkBox a:link, #themenLinkBox a:visited	{color:#7D7D7D; vertical-align:top; } /*inaktiv & besuchte*/ 
#themenLinkBox a:hover, #themenLinkBox a:active, #themenLinkBox a:focus  {color:#fef000; } /*aktiv gelb*/


.themenLink1
{
	color:#7D7D7D;
}


.themenLink2
{
	color:#7D7D7D;
}


#themenMenu1, #themenMenu2, #themenMenu3,#themenMenu3,#themenMenu3,#themenMenu4 
{
	display:none; 
}
	


	
/*Ende Template GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG*/	
	





/* Referenz Definitionen ************************************************************/

/*externe Referenzdateien: */

#referenz_zitatspalte /*2/15 Breite*/
	{
	width:420px; 
	}

/* delete #referenzreferenzArea
	{
	display:table-cell; height:305px; vertical-align:middle;

	}

#referenz_zitat, #referenz_zitat_lang
	{	

	text-align:left;

	margin-right:0;
	margin-bottom:8pt;
	}
	
#referenz_zitat_lang
	{
	font-size: 9pt; line-height: 12pt;
	}


#referenz_zitat_statisch
	{
	font-family:Georgia, serif; font-style:italic; font-size: 9.4pt; line-height: 12.1pt;
	}	

#referenz_bildspalte
	{
	border:0; 
	height:360px; width:600px;
	vertical-align:middle;
	text-align:right;
	
	}
*/
#galeriebild
	{
	width:420px; height:280px;
	overflow:hidden;
	border:5px solid white;
	margin:auto;
	}



		






/* Textblöcke im 15er Raster*/


#textContainer_15 /*Tabelle für 15er-Raster*/
	{
	margin-left:28px;
	margin-right:10px; /* + padding in rechter Spalte = 28px = linkem Rand */
	border:0;
	height:100%;
	display:block;
	position:relative;
	}

.bildSpalteUnten
{
	padding-right: 18px;
	float: left;
	position:relative;
	display:block;
	height:100%;
	width: 123px; /* 2/15 */
	overflow:visible;
}

.spalte_5_15 /* Breite = 5/15 = 1/3  */
	{
	width:310px;
	vertical-align:top;
	margin-right:16px;
	float:left;
	position:relative;
	top: 0px;
	left: 0px;
	display:block;
}	



.tab_30
	{
	width:30%;
	}	

.tab_50
	{
	width:50%;  display:block; float:left;
	}	


.p /*Einzug zum Absatzbeginn*/
	{
/*	margin-top:4pt;*/
	text-indent:9pt;
	display:block;
	}	

.fliesstext /*Fließtext */

	{
	width:100%;

	}
		
	
.zwischenueberschrift 
{
	display:block;
	font-size:7.5pt;
	font-weight:bold;
	letter-spacing:1.7pt;
	text-transform:uppercase;
	clear:both;
}	

 a.wholeDivLink{color:#BBBBBB;}

	 /*inaktiv & besuchte */


.simpleList
{
	margin-left:20px
}

.itemTriangle 
{
	list-style-image:url(bilder/pfeil_768.gif); 
}

.spalte_1_4 /* Breite = 5/15 = 1/3  */
	{
	width:250px;
	vertical-align:top;
	padding-right:72px;
	float:left;
	position:relative;
	
	}