/* 
 **********************************************************************************
 * Diese Website wurde realisiert 
 * von: Christoph John, Bonn - www.christophjohn.de
 * für: Verlag für die Deutsche Wirtschaft AG, Fachverlag für Kommunikation und Management, Bonn 
 * 1. Version: 10.2005
 *
 * Development & source code & CSS-Styles by Christoph John, Bonn
 * Screendesign by Christoph John, Bonn
 *
 * Änderungen, Erweiterungen, Relaunches:
 * 12.2007: Seite "Themen" statt "Kontakt", "Presse/Kontakt" statt "Presse", Impressum von "Kontakt" zu "Presse/Kontakt", 
 * 			Subnavigation zu "Themen" mit 6 neuen Unterseiten
 * 04.2008: Seite Mitglieder > Aktuelle Mitglieder, Gründungsmitglieder; Farbe für a:visited geändert
 * 09.2008: Presse-Seite geändert > Presseecho eingefuegt
 * 01.2009: Seite Datenschutz neu
 * 02.2010: Knigge-Quiz eingebaut (Quelle: M. Flossdorf)
 **********************************************************************************
*/

/* body */
.startseite {  margin: 13px 0px 0px 0px; text-align : center; background-color: #000000; scrollbar-3dlight-color: #F8F8F8;    scrollbar-arrow-color: #F8F8F8;    scrollbar-darkshadow-color: #F8F8F8;    scrollbar-face-color: #63645B;    scrollbar-highlight-color: #F8F8F8;    scrollbar-shadow-color: #9E9E9E;   scrollbar-track-color: #F8F8F8;}
.unterseite {  margin: 0px 0px 22px  0px; text-align : center; background-color: #000000; scrollbar-3dlight-color: #F8F8F8;    scrollbar-arrow-color: #F8F8F8;    scrollbar-darkshadow-color: #F8F8F8;    scrollbar-face-color: #63645B;    scrollbar-highlight-color: #F8F8F8;    scrollbar-shadow-color: #9E9E9E;   scrollbar-track-color: #F8F8F8;}
.formular {  margin: 30px 0px 22px  0px; text-align : center; background-color: #333333; scrollbar-3dlight-color: #F8F8F8;    scrollbar-arrow-color: #F8F8F8;    scrollbar-darkshadow-color: #F8F8F8;    scrollbar-face-color: #63645B;    scrollbar-highlight-color: #F8F8F8;    scrollbar-shadow-color: #9E9E9E;   scrollbar-track-color: #F8F8F8;}

.profil {
	margin: 0px 0px 0px  0px;
	text-align : left;
	background-color: #ffffff;
	scrollbar-3dlight-color: #F8F8F8;
	scrollbar-arrow-color: #F8F8F8;
	scrollbar-darkshadow-color: #F8F8F8;
	scrollbar-face-color: #63645B;
	scrollbar-highlight-color: #F8F8F8;
	scrollbar-shadow-color: #9E9E9E;
	scrollbar-track-color: #F8F8F8;
	background-repeat: repeat-y;
	background-position: 80px  130px; 
}

/* boxen */
.kopf { }
.profilkopf { width: 100%; height: 49px; background-image: url(../images/kopf_teilnehmer.jpg);
	background-repeat: no-repeat;
	background-position: -225px 0px;}
.mitte { background-image : url(../images/kachel_mitte.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	

.bildbox {
	width: 586px;
	height: 200px;
	border: 0px solid #FFFFFF;
	margin-top: 20px;
	padding: 0px;
	background-image: url(../images/schatten.gif);
	background-repeat: no-repeat;
	background-position: 56px 2px;
	display: block;
	float:clear;
	 }
	 
.profilbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	width: 435px;
	border: 0px solid black;
	padding: 0px 0px 30px 0px;
	background-image: url(../images/schatten.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 50px  10px 0px 45px;
	text-align: left;
	word-spacing: 0.2em;
	 }	

.tabelle_hp {  background-image : url(../images/bg_hp_logo.gif);
	background-repeat: no-repeat;
	background-position: 68px 0px;
}

.tabellemitte { width:745px; background-image : url(../images/navifond.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}	
*+ html .tabellemitte { /*IE 7*/
	background-position: 0px 0px;
}
*html .tabellemitte { /*IE 6*/
	background-position: 0px 0px;
}

.fussbox {
	height: 22px;
	background-image : url(../images/kachel_fuss.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	padding-bottom: 3px; 
}
.unten  { 
	height: 8px; 
	text-align: center;
 }

/* navi */
.navi {
	width: 153px;
	height: 30px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-left:1px;
	 }
.navi2 {
	width: 153px;
	height: 50px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-left:1px;
 }
*+ html .navi, *+ html .navi2 { /*IE 7*/
		margin-left:0px;
}
*html .navi, *html .navi2 { /*IE 6*/
		margin-left:0px;
}

.trenner {
	width: 153px;
	height: 1px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	
	 }

/* links */
.fuss {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right:30px;
	}
a.fuss:link { color: #666666; text-decoration: none}
a.fuss:visited { color: #666666; text-decoration: none }
a.fuss:hover {color: #666666;  text-decoration: underline;}
a.fuss:active {color: #666666; text-decoration: none}

/************Submenue, 2. Ebene***************/
.submenue {
	padding:8px 1px 12px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin:0px 0px 0px 4px;
	background:#F6F6F6;
	border-bottom:2px solid #DDC958;
	border-top:1px dotted #DDD;
	border-right:1px solid #F6F6F6;
	border-left:4px solid #DDC958;
}
.submenue ul {
  list-style:none;
  margin:0;
  padding:0;
}
.submenue li {
  list-style:none;
  margin:0;
  padding:0;
  border-bottom:1px dotted #D4B74F;
}

.submenue li.on {
}
.submenue a { display:block; color: #AAA; text-decoration: none; padding:5px 0 5px 20px; margin:0; height:auto; position:relative; /*wegen Klickbarkeit der Buttonfläche für IE*/}
* html .submenue a  { height: 2em;} /*IE */
.submenue a:link, .submenue a:visited { color: #AAA; text-decoration: none} 
.submenue a:hover {color: #AE8533;  text-decoration: none; background:#FBF1B9;  margin-right:-2px;}
.submenue a:active {color: #AD7A13;  text-decoration: none;}

.submenue li.on a, .submenue li.on a:link, .submenue li.on a:visited { color: #FFF; text-decoration: none;background:#DDC958/*#E9D043*/;margin-right:-2px;} 

/* seitentitel */
.titel {
	margin-left: 55px;
	margin-top: 26px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: 510px;
 }

/* Inhalt  */
.topsprung {
	padding:0;
	margin:0px -15px -5px 0px;
	display:block;
	text-align: right;
	width: 17px;
	height: 17px;
	border: 0px hidden transparent;
	float:right;
}
* html table.tabellemitte  .topsprung {
	
}
* html .topsprung {/*IE */
	margin:0px -9px -5px 0px;
}
*+ html .topsprung {/*IE 7*/
	margin:0px -15px -5px 0px;
}

.lauftext {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.00em;
	font-weight: bold;
	color: #FFFFFF;
	padding:0 0 0 0px;
	margin:25px 0px 0px 0px;
	text-align: center;
	word-spacing: 0.5em;
	width: 420px;
	/*height:14px;*/
	background-color: #151515;  }

.starttext {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #c5c5c5;
	padding:0 0 0 0px;
	margin:13px 0px 13px 0px;
	text-align: center;
	word-spacing: 0.2em;
	width: 410px; }
	

.fliesstext {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	padding:0 0 0 0px;
	margin:60px 30px 90px 55px;
	text-align: left;
	word-spacing: 0.2em; }

.quiz  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	word-spacing: 0.2em; }

#presselinks td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	padding:0 0 0 0px;
	text-align: left;
	word-spacing: 0.2em; 
}
	
.fliesstext_logo {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	padding:0px 30px 0px 0px;
	margin:60px 4px 90px 55px;
	text-align: left;
	word-spacing: 0.2em;
	
	background-repeat: repeat-y;
	background-position: 202px  50px; }

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #333333;
	margin-top:3.8em;
}
h2.presse {
	margin-top:0;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #333333;
	margin-top:2.0em;
}
h3.presse {
	margin-top:0;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	color: #333333;
	margin-top:2.0em;
	margin-bottom:0;
}


.small { font-size:90%;}
.i {font-style:italic;}

.mitglieder_logo {
	padding:0px 0px 0px 0px;
	margin: 0px 4px 0px 0px;
	background-image : url(../images/logo_soft.gif);
	background-repeat: repeat-y;
	background-position: 258px  50px; 
}

	
.mehr { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	margin: 18px   0px  5px  20px;
	padding:0 0 0 0px;
	text-align: left;
	word-spacing: 0.2em;
	display:block;
	width: 200px; 
	border:0px solid black;
	float: left;  
}

.close {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	margin:0px 25px 35px 0px;
	padding:3px 2px 3px 2px;
	text-align: center;
	word-spacing: 0.2em;
	border:0px solid black;
	float: right;
	background-color: #F0F0F0;
	width:120px;
}

.close02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.00em;
	font-weight: normal;
	margin:  0px   15px  5px  0px;
	padding:3 2;
	text-align: center;
	word-spacing: 0.2em;
	border:0px solid black;
	float: none;
	background-color: #F0F0F0;
	width:120px;
}

.legende {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.00em;
	font-weight: normal;
	color: #333333;
	padding:0 0 0 0px;
	margin: 0px  30px 0px 20px;
	text-align: left;
	word-spacing: 0.2em;
	float: left;  
	border: 0px solid red;}

.bild {
	float: left;
	margin-left:55px;
	margin-top: 0px;
	margin-right:5px;
	margin-bottom:5px;
	width: 132px;
	height: 177px;
	border: 1px solid #333333;
	}
	


.bildprofil {
	float: left;
	margin-left:0px;
	margin-top: 0px;
	margin-right:33px;
	margin-bottom:20px;
	width: 132px;
	height: 177px;
	border: 1px solid #333333;
	}
	

/*-----------Listen---------------*/
ul li { margin-left: -20px; margin-top: 8px;
	list-style-type:square;
	list-style-position:outside; }
ul.small {
	margin:0;
 	padding:0 0 0 40px;}
ul.small li { 
	list-style-type:disc;
	margin:1em;
}
div.fliesstext ol {
	margin:1em;
	padding:1em;
}

div.fliesstext ol li {
	padding-bottom:1em;
}
	
/*------------ Textlinks-------------- */
a:link { color: #808080; text-decoration: none} 
a:visited { color: #808080/*ABABAB*/; text-decoration: none }
a:hover {color: #ABABAB;  text-decoration: underline;}
a:active {color: #ABABAB; text-decoration: none}

.hier { color: #FFC152; text-decoration: none}
a.hier:link { color: #FFC152; text-decoration: none}
a.hier:visited { color: #FFC152; text-decoration: none }
a.hier:hover {color: #FFC152;  text-decoration: underline;}
a.hier:active {color: #FFC152; text-decoration: none}