* {
	margin: 0px;
	padding: 0px; 
}
.skip, .hideme {
        position: absolute;
        top: -32768px;
        left: -32768px
}.skip:focus, .skip:active {
        position: static;
        top: 0;
        left: 0
}

body { background: transparent url(../images/layout/bg.jpg) repeat fixed; }
abbr[title] {border-bottom:1px dashed;cursor:help}
.nostyle { display: none; }

/*  Fonts  */
h1, h2, h3, h4 { 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 0.7em; 
	color: #5C0300;
	font-weight: normal;
	letter-spacing: 0.1pt; 
}

h1 { font-size: 1.25em; color: #710000;}
h2 {font-size: 1.1em; color: #710000;}

p, .adresse, .listing {
	font-family: Arial, Helvetica, sans-serif;
	color: #400000;
	font-size: 12pt;
	margin-bottom: 1em;
	text-align: justify;
}

a { color: #710000; }
a:hover { color: #C6241C; }
 
/*
a { color: #a60000; }
a:hover { color: #e14900; }*/


#frame {
	width: 990px;
	height: 1000px;
	margin: auto;
	margin-top: 1%;
}

.container { 
	position: relative;
	background: #000 url(../images/layout/bg-fd.jpg);
	z-index: 1;
	border-top: none;	
	border-left: 1px solid #5E0300;	
	border-right: 1px solid #5E0300;	
	border-bottom: 1px solid #5E0300;	
	margin: auto;
	margin-bottom: 50px;
}

.center { text-align: center; }
.left { text-align: left; }
.bold { font-weight: bold; }

/*  Header  */
#header p { display: none; }

#header {
	background: transparent url(../images/layout/bni-head.gif) no-repeat;
	height: 66px;
}

/*  Banner  */
#banner {
	position: relative;
	background: transparent url(../images/layout/quarz-menu.jpg) no-repeat;
	height: 400px; 
	z-index: -30;
}

/*  Navi  */
#navi {
	position: absolute;
	left: 0px;
	top: 183px;
	z-index: 50;
}

.ul-mainmenu { margin-left: 50px; }

.ul-mainmenu li {
	height: 32px; 
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	float: left;
}

.ul-mainmenu li a {
	text-decoration: none;
	color: #5C0300;
	display: inline-block;	
	height: 32px;
	padding-left: 14px;
	padding-right: 14px;
	text-transform: uppercase;
}

.ul-mainmenu li a span {
	position: relative;
	top: 8px;	
}

.ul-mainmenu li:hover 	{ 
	background-color: #7C0300; 
	background: transparent url(../images/layout/menu1-hover-menu2-aktiv.jpg) repeat-x;
}
.ul-mainmenu li:hover a { color: #FFFFFF; }

.ul-mainmenu .aktiv 	{ 
	background-color: #5C0300 !important;
	background: transparent url(../images/layout/menu1-aktiv.jpg) repeat-x !important;
}	
.ul-mainmenu .aktiv a 	{ color: #FFFFFF; }	
	



/*  Navi-Submenüs  */
.ul-mainmenu .ul-submenu { display: none; }
.ul-mainmenu li:hover .ul-submenu { display: block; }

.ul-submenu {
	position: absolute;
	top: 32px;
	width: 12em;
}

.ul-submenu li a { text-transform: none; }

#ueber-bni  	{ left: 116px; background: transparent url(../images/layout/menu-bg2.png) repeat; }
#ueber-quarz  	{ left: 201px; background: transparent url(../images/layout/menu-bg2.png) repeat;}
#mitglieder  	{ left: 307px; background: transparent url(../images/layout/menu-bg3.png) repeat;}


.ul-submenu a { display: inline-block; 	width: 9.9em; }

.ul-mainmenu li:hover .ul-submenu a 			{ color: #5C0300; }
.ul-mainmenu li:hover .ul-submenu li:hover 		{ 
	background-color: #9C0300; width: 100%;
	background: transparent url(../images/layout/menu2-hover.jpg) repeat-x;
	
}
.ul-mainmenu li:hover .ul-submenu li:hover a	{ color: #FFFFFF; }


.ul-submenu .aktiv 			{ 
	width: 100%; background-color: #7C0300 !important; 
	background: transparent url(../images/layout/menu1-hover-menu2-aktiv.jpg) repeat-x !important;
}	
.ul-submenu .aktiv span 	{ color: #FFFFFF;}


/*  Content  */
#content {
	position: relative;
	width: 752px;
	margin: auto;
	top: -220px;
}

#mitglieder-namen #content, 
#mitglieder-firmen #content,
#mitglieder-branchen #content,
#member-page #content { width: 800px; margin-left: 180px; }

#mitglieder-namen h1, #mitglieder-firmen h1, #mitglieder-branchen h1 {font-size: 1.1em; color: #710000; margin-top: 3.5em;}
#mitglieder-namen h2, #mitglieder-firmen h2, #mitglieder-branchen h2 { font-size: 1.25em; color: #710000; margin-top: -3.6em; margin-bottom: 2.35em;}

#member-page #text-container { margin-top: 1.4em; } 


#text-top {
	height: 8Px;
	background: transparent url(../images/shadow/top.gif) no-repeat;
}
#text-mid {
	background: transparent url(../images/shadow/center.gif) repeat-y;
	padding: 1em;
	padding-bottom: 5em;
}

#text-bottom { 
	height: 8Px;
	background: transparent url(../images/shadow/bottom.gif) no-repeat;
	z-index: 1;
}

#text-container { width: 95%; margin: auto; padding-right: 0.3em;}

/*  Logo Bottom  */
#logo {
	position: relative;
	background: transparent url(../images/layout/bni-logo2.gif) no-repeat;
	height: 147px;
	width: 144px;
	z-index: 52;
	left: 812px;
	top: -281px;
}

#mitglieder-namen #logo, 
#mitglieder-firmen #logo,
#mitglieder-branchen #logo,
#member-page #logo { 
	left: 874px;
}

/*  listing  */
.listing { 
	margin-left: 1.5em;
	width: 75%;
	line-height: 1.2em;
}

.listing li {
	    margin: 0.2em 0 0.5em 0;

}
.listing ul li { 
    line-height: 1.3em;
	margin: 0.2em 0 0.5em 0;
}

.listing span { white-space: nowrap; }

.disc { list-style: disc; }
.disc-none { list-style: url(../images/list-dots.gif); }
.number { list-style: decimal; }

/*  Mitglieder  */

#member-page .more { display: none; }

a.pdf { 
	position: absolute; top: 4px; left: 650px;
	font-family: Arial, Helvetica, sans-serif;
	color: #400000;
	font-size: 12px;
	font-style: italic;
}

a.pdf:hover { font-weight: bold; }

#member-page h1 span { display: none; }
.member	{ position: relative; text-align: left; left: 4em; top: 1.3em; width: 100%; margin: auto; margin-bottom: 3em; } 
.member p 		{ text-align: left; }
.member img 	{ float: left; border: 1px solid #CCCCCC; }
.member table 	{ width: 50%; height: 5em; padding-left: 2.8em; }
.member table .col1 { width: 20%; }
.member .adresse 	{ position: relative; left: 10px; font-size: 10pt; }
.member .adresse p 	{ font-size: 10pt; }
.member .adr 		{ width: 25%; float: left; position: relative; left: 1px; }
.member .adrHead 	{ font-weight: bold; }
.member .adrAddon	{ font-style: italic; margin-top: -1em; }

.member .topic 		{ border-bottom: 2px solid #5C0300; text-align: left; color: #4C0300; font-size: 1.1em; width: 80%;}
.member .more 		{ font-style: italic; font-size: 0.75em; margin-top: -0.5em; }
.member .slogan 	{ padding-top: 1em; clear: both; width: 615px; font-size: 85%; }
.member h3			{ width: 80%; text-align: right; font-size: 85%; margin-bottom: -1em; }

.member-descr		{ position: relative; text-align: left; left: 4em; }
.member-descr p 	{ font-size: 85%; width: 80%; }
.member-descr h4 	{ 
	font-size: 85%; 
	color: #000000;
	font-weight: bold; 
	width: 80%; 
	text-align: left; 
	margin-top: 2em; 
	margin-bottom: 5px;
	border-bottom: 1px solid #DDDDDD; 
} 
.member .branche	{ width: 80%; text-align: right; margin-top: -1.5em; font-size: 85%;  }
.member-referenz 	{ margin-bottom: 0.2em; }
.member .extlink, .extlink, #aufgaben-container .extlink { float: none; border: none; }

.member-listing-text { margin-bottom: 0.3em; }
.member .smile { position: absolute; float: none; padding-top: 0px; padding-left: 4px; border: none; }
.centerSmile { padding-left: 25%; }

#member-page .listing li { font-size: 85%;}

#member-page .listing li ul {
    margin: 0 0 0.2em 2em;
    font-size: 1.2em;
	line-height: 1.5em;
}

/*  Aufgaben  */

.head-aufgabe { margin-top: 2em; margin-bottom: 0.2em; text-align: left; }
.rolle-descr { font-style: italic; }
.rolle { margin-bottom: 0em; }
/*
.team-aufgabe { font-style: normal; } 
*/

#aufgaben-container {
	margin-top: 2em;
}


.tbl-aufgaben {
	width: 80%;
	margin: auto;
	text-align: center; 
	margin-bottom: 4em;
}

.tbl-aufgaben caption { 
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 0.7em; 
	font-weight: normal;
	letter-spacing: 0.1pt;
	font-size: 1.1em; 
	color: #810000;
}
 
.tbl-aufgaben img { border: 1px solid #CCCCCC; } 
.tbl-aufgaben p { text-align: center;  font-size: 95%; }

.col2 td { width: 50%; }
.col3 td { width: 33%; }
.col4 td { width: 25%; }

.rolle-name { }
.rolle-aufgabe { font-style: italic; margin-top: -1em; font-size: 80%; }
.zeitraum { font-size: small; margin-top: -0.5em; margin-bottom: 2em; }

#aufgaben  {
	margin-top: 2em;
}

#aufgaben ul { list-style: circle; margin-left: 3em; }
#aufgaben ul li { margin-bottom: -0.6em }


/*  Member-Menü  */
#inhalt {
	list-style: none;
	position: absolute;
	top: 75px;
	left: -175px;
	border: 1px solid #A0A0A0;
	background-color: #FFFFFF;
}

#inhalt a { padding: 0px 4px 0px 4px;  text-decoration: none; 	line-height: 1.4em; }

#inhalt li {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 8px 0px 4px; 

	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 8px 0px 4px; 
}

#inhalt #inhalt-head {
	font-weight: bold;
	font-size: 14px;
	height: 19px;
	background-color: #7C0300;
	color: #FFFFFF;
	padding: 0px 2px 1px 4px;
	background: transparent url(../images/layout/menu3-head.jpg) repeat-x;
}

#inhalt li:hover 	{ 
	background-color: #5C0300;
	background: transparent url(../images/layout/menu3-hover.jpg) repeat-x;	
}
#inhalt li:hover a 	{ color: #FFFFFF; }

#inhalt .aktiv 		{ 
	background-color: #ebdcd3 !important;
 	background: transparent url(../images/layout/menu3-aktiv.jpg) repeat-x !important;	
}	
#inhalt .aktiv a 	{ color: #FFFFFF; }	

#inhalt li a {
	text-decoration: none;
	color: #5C0300;
	display: list-item;
}

.inhaltFirmen  { width: 235px;  }
.inhaltBranchen  { width: 204px; }
.inhaltNamen  { width: 180px;   }

.inhaltFirmen a { font-size: 8pt;  }
.inhaltBranchen a { font-size: 10pt; width: 100%;}
.inhaltNamen a { font-size: 10pt;  }

#mitglieder-namen .pfl,
#mitglieder-firmen .pfl,
#mitglieder-branchen .pfl { background: transparent url(../images/common/pfeil-ok.jpg) no-repeat right; }	

 

/*  Videos  */
#bni-videos h3 { margin-bottom: 2em; }
#bni-videos #text-mid {
	height: 2200px;
}

.youtube {
	width: 580px;
	margin: auto;
	height: 430px;
}

.yahoo {
	width: 512px;
	margin: auto;
	height: 430px;
}

.yahoo div { 	border: 8px solid #800000; width: 512px;  }


.video-descr { font-style: italic; font-size: small; margin-top: 2em; }
.more-vids { text-align: center; padding-top: 2em; padding-bottom: 3em; }
.more-vids, .video-descr { font-style: italic; font-size: small; }


/*  Kontakt  */ 
#kontakt h1.error 	{ color: #CC3333; font-size: 1.2em; }
#kontakt p.error 	{ color: #CC3333; font-size: 0.9em; margin-bottom: 10px; text-align: center; }

#kontakt #formular { position: relative; width: 455px; height: 480px; margin: auto; padding-top: 1em; padding-left: 1em; }
#kontakt #formular .label { float: left; }
#kontakt #formular .field {	margin-left: 70px; padding-bottom: 1em; }
#kontakt #formular .centered { clear: both; text-align:center; padding-bottom: 1em; }

#kontakt-ok #text {	height: 400px; }

#kontakt #formular, 
#kontakt #formular .feld,  
#kontakt #formular .button {
		line-height: 1.3em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #400000;
		text-Align: justify;		
}

#kontakt #formular .feld { border: 1px solid #CCCCCC; }
#kontakt #formular .feld { width: 350px; }

#kontakt #formular .button { width: auto; margin-top: -10px; color: #400000; margin-left: 20px; }
#kontakt #formular #buttontext p { font-weight: bold; }
#kontakt #formular #fieldKopie { float: left; padding-right: 0.5em; }

#kontakt #formular #noetig { margin-top: -1em; margin-left: 0em; }

#kontakt #formular #labelError { color: #CC0000; font-weight: bold; text-align: center; }

#kontakt .errorfield { background-color: #E1CCCC; }
#kontakt .mandatory { color: #400000; font-size: 75%; }


/*  Anfahrt */
#quarz-besuchen #text-mid {
	height: 54em;
}
#googlemap {
	position: relative; 
	width: 83%; 
	height: 404px;
	margin: auto; 
	top: 1em;  
}

#googlemap img {
	border: 2px solid #CCCCCC;
	margin-top: -1px;
	margin-left: -1px;
}


p.subtext {
	position: relative; 
	width: 80%; 
	margin: auto; 
	font-size: x-small;
	font-style: italic;
	top: 2em; 
	left: -1em; 
}

#mitglieder-firmen h1 span, 
#mitglieder-branchen h1 span,
#mitglieder-namen h1 span { display: none; }

#js-text { display: none; }

/*  */
.small-italic { font-style: italic; font-size: small;  text-align: center; margin-top: -0.8em;}
.adr-cafe { width: 30%; margin: auto; text-align: center; }
.adr-cafe span {font-weight: bold; }


/*  */
#index h3 { margin-bottom: 1.5em; }
#index #text-container { width: 90%; margin: auto; }
#index .listing { margin: auto; width: 90%; margin-left: 5em; }
#index .listing li { margin-bottom: 1em; }

#bni-ehrenkodex .listing { margin: auto; }
#bni-ehrenkodex .listing li { margin-bottom: 1em; }


#quarz-impressum h2 { text-align: left; margin-top: 2em;}

#quarz-impressum .adresse {
	margin-bottom: 2em;
}

#quarz-impressum .adresse .col1 { width: 90px; }


/*  */
.cruss { 
	width: 80%; 
	margin: auto; 
	text-align: center; 
	margin-left: 0px; 	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%;
	border-collapse: collapse;
	margin: 10px 0px 0px 0px;
}
.cruss img  {padding: 8px; }
.cruss td { width: 33%; border: 1px solid #DDDDDD; padding: 4px; }
.cruss .subscr p {text-align: center; width: 100%; font-size: 100%; font-style: italic; }
.cruss .col-head { text-align: left; width: 90%; font-weight: bold; height: 30px; vertical-align: bottom; } 
.cruss .col-text { text-align: left; width: 90%; vertical-align: top; } 
.cruss .images a img { border: none; text-decoration: none; }
.cruss caption { font-family: "Century Gothic"; }

.adresse caption { 
	text-align: center;
	display: none;
}

.cruss ul { margin-left: 2em; margin-top: 5px; }

.termin { margin-top: 2em; margin-bottom: 3em; }
.termin h3 {
	clear: both; 
	text-align: left; 
	border-bottom: 1px solid #400000;
}

.termin h3 span { float: right; }
.termin ul { width: 90%; }
.termin img { float: left; padding-right: 0.5em; border: none; }
/*
.termin img { position: relative; top: -080px; }
*/
.termin .termin-content { padding-left: 60px; min-height: 65px; }
.termin .more { font-size: 80%; font-style: italic; margin-top: 1.5em; }

#faq a { 
	font-family: Arial, Helvetica, sans-serif; font-size: 90%;
	font-weight: bold;
	padding: 0.5em;  
	display: block;
	text-decoration: none;
	text-align: left; 
}
#faq .activeFaq { background: transparent url(../images/layout/menu1-hover-menu2-aktiv.jpg) repeat-x; color: #fff; padding: 0.5em;  }
#faq a:hover { background: transparent url(../images/layout/menu2-hover.jpg) repeat-x; color: #fff; padding: 0.5em;   }
#faq div { margin: 1em 1em; }
#accswitcher { font-family: Arial, Helvetica, sans-serif; font-size: 90%; text-align: right; }
#faq ul { list-style: decimal; margin-left: 1.5em; font-family: Arial, Helvetica, sans-serif; }
#accswitcher { display: none; text-decoration: underline; cursor: pointer;}
.faqhider { display: none; } 
.alread { color: #C6241C; }