/* -- Alles wech, was bei media=screen unerwuenscht ist -- */

.skip	{
	display: none;
}

/* -- UAs, die nur CSS1 verstehen (bzw. kein Dynamic Page Reflowing 
beherrschen), koennen mit dem Inhalt der naechsten IDs sowieso nix 
anfangen, daher hier weg. Aber nicht vergessen, diese dann im Style 
Sheet fuer CSS2-faehige UAs (chrome.css) wieder anzuschalten! -- */

#fontsizer, #toolbox	{
	visibility: hidden;
	display: none;
}

/* -- Tags ohne besonderen Grund in alphabetischer Reihenfolge -- */

address, abbr, acronym, dfn	{
	font-variant: normal;
/* wegen Safari, der ploetzlich alle Abkuerzungen und Akronyme kursiv setzt */
	font-style: normal;
	text-transform: none;
}

a abbr, a acronym	{
	text-decoration: underline;
}

a, address, blockquote, div, 
caption, cite, dfn, dl, dt, 
fieldset, h1, h2, h3, h4, 
img, input, label, legend, 
li, ol, option, p, q, 
select, textarea, td, th, ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


* html br {
	line-height: 14px;
	}

body {
	margin: 0px auto 2em auto;
	padding: 0;
	color: #000000;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	}

cite, q	{
	font-style: italic;
	}

code {
	font: .95em/140% Monaco, Courier, monospace;
	color: #444;
	}

dd, p, li	{
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	}


 strong, b {
	font-size: 11px;
	line-height: 16px;
	color: #233B8B;
 	}
 
.text	{
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	}

.text-kleiner	{
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	}

dt, legend,th	{
	font-weight: bold;
	}


kbd	{
	font: small-caption;
	}

samp	{
	font: small/normal Georgia, "Times New Roman", Times, serif;
	color: #000;
	background: #faf9f7;
	}


table	{
	border: 0;
	}

th	{
	background: #e5efee;
	color: #000;
	font-weight: bold;
	text-align: left;
	}

th p	{
	font-weight: normal;
	}


/*	fuer den MS IE, der auch in der aktuellsten Version zu doof ist, 
	irgendwas in Tabellen rein zu vererben */
th, td	{
	font-size: 11px;
	}

/* und dann nochmal richtig */
html>body th, html>body td	{
	font-size: 11px;
	}

/* -- Linkgedoens -- */

a:link	{
	color: #233B8B;
	text-decoration:: 	underline;
	}

a:visited	{
	color: #717EB9;
	text-decoration:: 	underline;
	}

a:hover, a:link:hover	{
	color: #000000;
	text-decoration:: 	underline;
	}

a:visited:hover	{
	color: #000000;
	text-decoration:: 	underline;
	}
	
a:active	{
	color: #850505;
	text-decoration:: 	underline;
	}

/* -- Klassen -- */

.icon	{
	vertical-align: middle;
	padding-right: 3px;
}

#abstract	{
	color: #222;
	background: transparent;
	font-weight: bold;
}
/* WJ */

#flaeche-nebennavi {
	width: 1000px;
	height: 25px;
	margin: 0 auto 0 auto;
	padding: 0;
/*	background-color: #D9D9D9;*/
	border: 0px solid #ff0000;
	}
	

div#rahmen-logos {
	position: relative;
	margin: 40px auto 0 auto;
	padding: 0;
	width: 998px;
	height: 48px;
	border: 1px solid #233B8B;
	z-index: 20;
	}
	* html div#rahmen-logos{
		width: 1000px;
	}

#logo-hwb-aktiv {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 13px;
	z-index: 100;
	}	
#logo-hwb-inaktiv {
	margin: 0;
	padding: 0;
	position: absolute;
	float: left;
	top: -22px;
	left: 13px;
	z-index: 100;
	}
	* html #logo-hwb-aktiv #logo-hwb-inaktiv{
		left: 10px;
	}
	
#logo-kn-aktiv {
	margin: 0;
	padding: 0;
	position: absolute;
	float: left;
	top: -22px;
	left: 228px;
	z-index: 100;
	}	
#logo-kn-inaktiv {
	margin: 0;
	padding: 0;
	position: absolute;
	float: left;
	top: -22px;
	left: 228px;
	z-index: 100;
	}
	
#werte-wissen-wandel {
	margin: 0;
	padding: 0;
	position: absolute;
	float: left;
	top: -22px;
	right: 40px;
	z-index: 100;
	}
	
div#rahmen-kopfbild {
	position: relative;
	width: 998px;
	height: 48px;
	top: -1px;
	margin: 0 auto 0 auto;
	background-color: #D9D9D9;
	border: 1px solid #233B8B;
	}
	* html div#rahmen-kopfbild{
		width: 1000px;
		height: 50px;
	}

div#kopfbild-kopfbild {
	position: absolute;
	width: 998px;
	height: 48px;
	left: 0px;
	background-image:url(../pics/Kopfbild_Home.jpg);
	}


div#nav-border2 { 
	position: absolute;
	width: 998px;
	left: 0px;
	bottom: -1px;
	height: 18px;
	border-top: 1px solid #233B8B;
	border-bottom: 1px solid #233B8B;
	}
	* html div#nav-border2 {
		width: 1000px;
		height: 16px;
		left: -1px;
		}
		
#flaeche-pfad {
	clear: both;
	width: 998px;
	height: 25px;
	margin: 3px auto 3px auto;
	padding: 0;
	text-align: left;
	background-color: #ffffff;
	border: 0px solid #D9D9D9;
	z-index: 40;
	}
	* html #flaeche-pfad {
		width: 1000px;
	}

#klammer {
	float: left;
	margin: 0 0 0 12px;
	}

#pfad {
	float: left;
	font-size: 10px;
	text-transform: uppercase;
	margin: 4px 0 0 0;
	border: 0px solid #ff0000;
	}
	
#pfad a {
	text-decoration: none; 
 	color: #233B8B;
	}

#pfad a:visited {
	text-decoration: none; 
 	color: #233B8B;
	}


#pfad a:hover {
	text-decoration: underline; 
 	color: #233B8B;
	}


#flaeche-inhalt {
	clear: both;
	width: 998px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background-color: #D9D9D9;
	border: 1px solid #233B8B;
	z-index: 40;
	}
	* html #flaeche-inhalt{
		width: 1000px;
	}


#flaeche-hell {
	clear: both;
	min-height: 275px;
	margin: 12px 12px 12px 12px;
	/*padding: 20px 10px 20px 10px;*/
	padding: 40px 60px 40px 60px;
	text-align: left;
	background-color: #F7F7F7;
	border: 1px solid #233B8B;
	z-index: 40;
	}
	* html #flaeche-hell{
		height: 299px;
		padding: 40px 60px 40px 60px;
	}

#flaeche_top_news {
	float: right;
	width: 280px;
	margin: 0px 0px 10px 20px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	background-color: #F7F7F7;
	border: 1px solid #233B8B;
	z-index: 40;
	}
	* html #flaeche_top_news {
		width: 300px;
		}

#rahmen-fussbild {
	position: relative;
	width: 998px;
	height: 48px;
	margin: 20px auto 0 auto;
	padding: 0;
	border: 1px solid #233B8B;
	}
	* html #rahmen-fussbild{
		width: 1000px;
		height: 50px;
	}

#fussbild {
	position: absolute;
	width: 338px;
	height: 48px;
	right: 0;
	background-image: url(../pics/Fussbild_Home.jpg);
	border-left: 1px solid #233B8B;
	}

#logo-jci {
	position: absolute;
	left: 13;
	top: 3;
	}

/* specials */

#logo {
	float: left;
	/* width: 10.7em;
	height: 9.37em; */
	margin: 0;
	padding: 0;
	display:block;
	}


#rubrikensymbol {
	float: left;
	/* width: 10.7em;
	height: 9.37em; */
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	display:block;
	background-image: url(../images/rubrik-ueber_uns.jpg);
  	width:94;
 	height:93;  
 	overflow:hidden;
	}

#kopfbild {
	float: right;
	width: 592px;
	height: 93px;
	margin: 0;
	padding: 0;
	background-image: url(../images/kopfbild-ueber_uns.jpg);
	overflow:hidden;
	}

div#titel{
	margin: 25px 10px 5px 5px;
	padding: 0;
	text-transform: uppercase;
	font-size: 0.82em;
	border: 0x solid #ff0000;
	}	

#locationstring{
	text-transform: none;
	}
	
#bgcontent {
	width: 700px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background-color: #A6CAF0;
	border: 0px solid #ff0000;

	}
	
	
#spalte-links {
	float: left;
	width: 180px;
	height: 400px;
	margin: 20px 10px 40px 5px;
	padding: 0;
	text-align: left;
	font-size: 0.7em;
	border: 0px solid #0000ff;
	}	


#spalte-rechts {
	float: left;
	width: 440px;
	margin: 20px 20px 40px 10px;
	padding: 0;
	text-align: left;
	border: 0px solid #ff0000;
	}	


#verweis {
	display: block;
	border: 1px solid #ff0000;
	}	

.imgdescr{
  color: #444444;
  font-size: 9px;
  line-height: 11px;
  margin: 2px;
	}


div.kontakt td{
	height: 30px;
	}

div.kontakt textarea{
	font-size: 10px;
	border: 0;
	width: 20em;
	height: 10em;
	padding: 8px;
	margin: 4px 0;
	}

div.kontakt input{
	font-size: 10px;
	border: 0;
	height: 2em;
	width: 20em;
	padding: 4px;
	margin: 0px;
	}

div.kontakt input.inputplz{
	width: 5em;
	}

div.kontakt input.inputort{
	width: 14.5em;
	}

div.kontakt input.inputcheck{
	width: 1.4em;
	height: 1.4em;
	}

/* 
div.kontakt input.inputbutton{
	height: 2em;
	width: 6em;
}*/

div.kontakt fieldset{
	border: 1px solid #000033;
	padding: 10px;
	margin: 10px;
	}

div.kontakt legend{
	font-size: 14px;
	}


input{
	width: 7em;
	height: 1.4em;
	font-size: 0.8em;
	border: 0 solid #D4D9D9;
	}

.form_checkbox{
	width: auto;
	height: auto ;
	}
	
.InputButton {
	width:auto;
	height: 1.4em;
	font-size: 0.8em;
	line-height: 1em;
	color: #000000;
	cursor: hand;
	margin: 0;
	padding: 0;
	background: #ADC5E5;
	border: 1px solid #7F99BC;
	}
	
	
textarea{
	width: 23em;
	height: 10em;
	font-size: 1em;
	border: 0.08em solid #D4D9D9;
	}
	
select {
	width: 9em;
	font-size: 0.85em;
	border: 0.08em solid #D4D9D9;
	}	



.galerienzeile {
	clear: both;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 3px 0 0 0;
	border: 0px solid #ff0000;
	}


.galerieneinzelbild {
	float: left;
	width: 180px;
	text-align: center;
	margin: 0px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #D9D9D9;
	border: 0 solid #ff0000;
	}
	

/* Bereich Mitgliederprofile */

.profil-spalte-links {
	float: left;
	width: 300px;
	margin: 0 20px 0 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ffffff;*/
	border: 0px solid #D4D9D9;
	}
	
.profil-spalte-rechts {
	float: right;
	width: 480px;
	margin: 0 20px 0 0;
	border: 0px solid #D4D9D9;
	}
	
/* Spalten für Inhaltsbereich */

.flaeche-inhalt-spalte-links {
	float: left;
	width: 300px;
	margin: 0 20px 0 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #D4D9D9;
	}
	
.flaeche-inhalt-spalte-rechts {
	float: right;
	width: 480px;
	margin: 0 20px 0 0;
	border: 0px solid #D4D9D9;
	}
	
#flaeche_vo_login {
    background-color: #F7F7F7;
    border: 1px solid #233B8B;
    float: right;
	clear: right;
    margin: 0 0 10px 20px;
    padding: 5px 10px;
    text-align: left;
    width: 280px;
    z-index: 40;
	}

#flaeche_vo_login .headline {
	font-size: 13px;
	color: #233B8B;
	font-weight: bold;
	padding-bottom: 10px;
	}
	
#flaeche_vo_login .login div {
	float: left;
	}
	
#flaeche_vo_login .submit,
#flaeche_vo_login .user,
#flaeche_vo_login .pass {
	clear: both;
	}
	
#flaeche_vo_login .user,
#flaeche_vo_login .pass {
	width: 70px;
	padding-bottom: 5px;
	}
	
#flaeche_vo_login .submit {
	padding-top: 5px;
	}
	
#flaeche_vo_login .form {
	width: 150px;
	}