/* -------- GLOBALE EINSTELLUNGEN---------- */


html, body{	
	width: 100%;
	height: 100%;
	background-color: #fff;
	font-family: verdana, geneva, arial, helvetica, serif;
}

* {
	color: #333;
	padding: 0;
	margin: 0;
	font-family: verdana, geneva, arial, helvetica, serif;
	list-style:none;
}

a img{
	border:0;
}


ul, ol {
	padding: 0;
	margin: 0;
}

li {
	padding: 0;

}

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

a:link, 
a:visited { 
	color: #000; 
	text-decoration: none; 
}
a:hover { 
	color: #000; 
	text-decoration: underline; 
}









/* -------- Struktur der Seite ---------- */



/*  Rahmen */

div#main_rahmen {
	width: 100%;
	height: auto;
	margin: 0 0 70px 0;
}




/*  Johanniter_Header */

div#Johanniter_Header {
	width: 1000px;
	margin: 0 auto 7px auto;
	padding: 0;
	overflow: hidden;
	background: #f0f0f0;
	font-family: verdana, geneva, arial, helvetica, serif;
}
	
div#Johanniter_Header_Top {
	width: 735px;
	height: 94px;
	float:left;
	background: url(../images/johanniter_header/johanniter_logo.jpg) no-repeat 8px 13px #f0f0f0;
}
	
div#Johanniter_Header_Right {
	width: 265px;
	height: 94px;
	background: #f0f0f0;
}

div#Johanniter_Header_red {
	clear:left;
	width: 100%;
	height: 1px;
	background: #cc3300;
	overflow:hidden;
}

div#Johanniter_Header_white {
	width: 100%;
	height: 1px;
	background: #fff;
	overflow:hidden;
}

div#Johanniter_Header_bottom {
	height: 128px;
	width: 500px;
	float:left;
	background: url(../images/johanniter_header/key_visual_soz_investor.jpg) no-repeat 0 0 #dcdcdc;
}

.Johanniter_Header_bottom_white {
	height: 128px;
	width: 1px;
	float:left;
	background: #fff;
}

div#Johanniter_Header_bottom_streifen{
	height: 128px;
	width: 233px;
	float:left;
	background: url(../images/johanniter_header/johanniter_header_streifen.png) repeat-x 0 0;
}
.Johanniter_Header_bottom_rechts_red, .Johanniter_Header_bottom_rechts, .Johanniter_Header_bottom_rechts_last {
	height: 32px;
	width: 265px;
	float:left;
	background: #cc3300;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

.Johanniter_Header_bottom_rechts, .Johanniter_Header_bottom_rechts_last {
	height: 23px;
	background: #ebebeb;
	border-top: 1px solid #fff;
	border-bottom: 0px;
	background: url(../images/johanniter_header/arrow_extern_grey_red_low_bg.gif) no-repeat 0 0 #e6e6e6;
}

.Johanniter_Header_bottom_rechts_last {
	background: #e6e6e6;
}

.Johanniter_Header_bottom_rechts_content_red, .Johanniter_Header_bottom_rechts_content{
	position: relative;
	height: 32px;
	width: 246px;
	margin: 0 0 0 18px;
	border-left: 1px solid #fff;
	text-align: center;
	padding: 10px 0 0 0;	
}

.Johanniter_Header_bottom_rechts_content_red h4 {
	font-family: verdana,geneva,arial,helvetica,serif;
	margin: 0 10px 0 0;
	color: #fff;
	font-weight:bold;
	font-size:11px;
}

.Johanniter_Header_bottom_rechts_content{
	font-family: verdana, geneva, arial, helvetica, serif;
	color: #666;
	height: 22px;
	font-weight:normal;
	font-size:11px;
	text-align: left;
	padding: 5px 0 0 10px;
}

.Johanniter_Header_bottom_rechts_content a{
	font-family: verdana, geneva, arial, helvetica, serif;
	color: #666;
	text-decoration: none;
}

.Johanniter_Header_bottom_rechts_content a:hover{
	color: #da4800;
	text-decoration: none;
}



#Johanniter_Header_Navigation {
	padding:0;
	margin: 9px 0 0 4px;
}

#Johanniter_Header_Navigation li {
	float:left;
	margin: 0 15px 0 0;
	height: 13px;
}

#Johanniter_Header_Navigation a {
	font-size: 10px;
	font-family: verdana, geneva, arial, helvetica, serif; 
	float:left;
}

#Johanniter_Header_Navigation li a {
	display:block;
	height: 13px;
	text-decoration:none;
	color: #666;
	padding: 0 0 0 4px;
	border-left: 1px solid #666;
}

#Johanniter_Header_Navigation li a:hover {
	color: #CC3300;
	text-decoration:none;
}







/*  Naviation */

div#Navigation {
	position: relative;
	width: 1006px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	height: 43px;
	background: url(../images/johanniter/rahmen_oben.jpg) repeat-x 0 100%;
}

#Navigation_Menu {
	padding:0;
	margin:0 0 0 15px;
}
#Navigation_Menu li {
	float:left;
	margin: 0 13px 0 0;
	width: 184px;
	height: 43px;
	z-index: 10;
}

#Navigation_Menu li.aktiv_StartPage {
	background:url(../images/johanniter/aktiv_start.gif) no-repeat center top;
}

#Navigation_Menu li.passiv_StartPage {
	background:url(../images/johanniter/passiv_start.gif) no-repeat center bottom;
}

#Navigation_Menu li.aktiv_AktionPage {
	background:url(../images/johanniter/aktiv_die_aktion.gif) no-repeat center top;
}

#Navigation_Menu li.passiv_AktionPage{
	background:url(../images/johanniter/passiv_die_aktion.gif) no-repeat center bottom;
}

#Navigation_Menu li.aktiv_ZielPage{
	background:url(../images/johanniter/aktiv_das_ziel.gif) no-repeat center top;
}

#Navigation_Menu li.passiv_ZielPage {
	background:url(../images/johanniter/passiv_das_ziel.gif) no-repeat center bottom;
}

#Navigation_Menu li.aktiv_InvestorenPage {
	background:url(../images/johanniter/aktiv_bisherige_investoren.gif) no-repeat center top;
}

#Navigation_Menu li.passiv_InvestorenPage {
	background:url(../images/johanniter/passiv_bisherige_investoren.gif) no-repeat center bottom;
}

#Navigation_Menu li.aktiv_CommunityPage {
	background:url(../images/johanniter/aktiv_community.gif) no-repeat center top;
}

#Navigation_Menu li.passiv_CommunityPage {
	background:url(../images/johanniter/passiv_community.gif) no-repeat center bottom;
}

#Navigation_Menu li a {
	display:block;
	width: 184px;
	height: 40px;
	margin: 2px 0 0 0;
	text-decoration:none;
}




#Navigation_Menu li a {
	display:block;
	width: 184px;
	height: 43px;
	text-decoration:none;
}








/*  CONTENT */

div#content_rahmen {
	position: relative;
	width: 1006px;
	margin: 0 auto;
	background: url(../images/johanniter/rahmen_rechts.png) repeat-y 100% 0;
}


div#content_unten {
	position: relative;
	width: 1006px;
	margin: 0 auto;
	height: 3px;
	background: url(../images/johanniter/rahmen_unten.jpg) repeat-x 0 0;
}

div#content {
	position: relative;
	width: 1006px;
	margin: 0 auto;
	padding: 0 0 4px 0;
	background: url(../images/johanniter/rahmen_links.png) repeat-y 0 0;
}

div#content_left {
	position: relative;
	float:left;
	width: 475px;
	margin: 0 8px 16px 16px;
}

div#content_right, div#content_right_formular, div#content_right_startseite , div#content_right_investor{
	position: relative;
	float:left;
	width: 475px;
	margin: 416px 16px 16px 8px;
	text-align: center;
	overflow:hidden;
}


div#content_right_startseite {
	margin: 340px 16px 16px 8px;
}

div#content_right_investor {
	margin: 725px 16px 16px 8px;
}



div#content_gesamt {
	position: relative;
	width: 1006px;
	margin: 0 auto;
}

div#content_footer {
	font-size: 11px;
	color: #A3A3A3;
	margin: 5px 0 0 22px;
	overflow: hidden;
	font-family:"Trebuchet MS";
}





/*  TEASERIMAGE + Karte */

div#content_teaserimage {
	width: 1006px;
	margin: 0 auto;
	background: url(../images/johanniter/rahmen_links.png) repeat-y 0 0;
}

div#content_teaserimage img {
	margin: 5px 0 0 8px;
}

div#content_barometer, div#content_barometer_voll , div#content_barometer_fast_leer, div#content_barometer_startseite, div#content_barometer_voll_startseite , div#content_barometer_fast_leer_startseite  {
	position:absolute;
	right: 3px;
	top:107px;
	width: 27px;
	height: 605px;
	background: url(../images/johanniter/baro_leer.png) no-repeat 0 0;
}

div#content_barometer_voll, div#content_barometer_voll_startseite {
	background: url(../images/johanniter/baro_voll.png) no-repeat 0 0;
}

div#content_barometer_fast_leer, div#content_barometer_fast_leer_startseite {
	background: url(../images/johanniter/baro_voll_unterkante.png) no-repeat 0 0;
}


div#content_barometer_skala,div#content_barometer_skala_startseite {
	position:absolute;
	right: 3px;
	top:107px;
	width: 27px;
	height: 605px;
	background: url(../images/johanniter/skala.png) no-repeat 0 0;
}

div#content_barometer_pfeil, div#content_barometer_pfeil_startseite  {
	position:absolute;
	right: 13px;
	top:107px;
	width: 73px;
	height: 39px;
	background: url(../images/johanniter/barometer_pfeil.png) no-repeat 0 0;
	z-index: 2;
}


div#content_barometer_pfeil p, div#content_barometer_pfeil_startseite p{
	font-size: 10px;
	font-family:"Trebuchet MS";
	color: #fff;
	line-height: 10px;
	margin: 9px 0 0 9px;
}

div#content_barometer_streifen, div#content_barometer_streifen_startseite {
	position:absolute;
	right: 3px;
	width: 19px;
	background: url(../images/johanniter/skala_transp_1px.png) repeat-y 0 0;
}

div#content_barometer_startseite, div#content_barometer_voll_startseite , div#content_barometer_fast_leer_startseite, div#content_barometer_skala_startseite, div#content_barometer_pfeil_startseite  {
	top:17px;
}




div#content_deutschlandkarte, div#content_deutschlandkarte_startseite {
	position: absolute;
	right: 54px;
	top: 105px;
	width:439px;
	height:602px;
	margin: 0;
	padding: 0;
	background: url(../images/johanniter/karte_deutschland.png) no-repeat 0 0; 
	z-index: 1;
}

div#content_anderekarte {
	position: absolute;
	right: 54px;
	top: 105px;
	width:440px;
	margin: 0;
	padding: 0;
}

div#content_deutschlandkarte_startseite {
	top: 29px;
}


div#content_karte_inf {
	display:none;
	position: absolute;
	width: 246px;
	height: 110px;
	z-index:800;
	background: url(../images/johanniter/karte_blase.png) no-repeat 0 0;
	overflow:hidden;
	color: #333;
}

div#content_karte_inf_logo {
	display:none;
	position: absolute;
	width: 89px;
	height: 80px;
	z-index:800;
	background: url(../images/johanniter/karte_blase_logo.png) no-repeat 0 0;
	overflow:hidden;
	text-align: center;
}

div#content_karte_inf_logo img {
	margin: 10px 0 0 0px;
}

div#content_karte_inf_logo h4 {
	margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

div#content_karte_inf div#content_karte_inf_bild, div#content_karte_inf div#content_karte_inf_bild_projekt {
	position: relative;
	margin: 25px 10px 0 10px;
	height: 78px;
	width:81px;
	float:left;
	overflow:hidden;
}

div#content_karte_inf div#content_karte_inf_bild_projekt {
	margin: 15px 10px 0 10px;
}


div#content_karte_inf div#content_karte_inf_text  {
	margin: 10px 10px 0 0;
	height: 78px;
	width:130px;
	text-align: left;
	font-size: 11px;
	float:left;
	line-height: 20px;
}


div#content_karte_inf div#content_karte_inf_text  h4{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
}


#content_deutschlandkarte a, #content_deutschlandkarte_startseite a , div#content_anderekarte a{
	position: absolute;
	text-decoration: none;
	overflow:hidden;
	z-index: 110;
}

#content_deutschlandkarte span, #content_deutschlandkarte_startseite span , div#content_anderekarte span{
	position: absolute;
	text-decoration: none;
	overflow:hidden;
	z-index: 110;
}

#content_deutschlandkarte a.fahne, #content_deutschlandkarte_startseite a.fahne, div#content_anderekarte a.fahne{
	width: 21px;
	height: 31px;
	background: url(../images/johanniter/karte_fahne.png) no-repeat 0 0;
}

#content_deutschlandkarte a.haus, #content_deutschlandkarte_startseite a.haus, div#content_anderekarte a.haus{
	width: 34px;
	height: 30px;
	background: url(../images/johanniter/karte_haus.png) no-repeat 0 0;
}

#content_deutschlandkarte a.punkt, #content_deutschlandkarte_startseite a.punkt, div#content_anderekarte a.punkt {
	width: 8px;
	height: 8px;
	background: url(../images/johanniter/karte_punkt.png) no-repeat 0 0;
}

#content_deutschlandkarte span.punkt, #content_deutschlandkarte_startseite span.punkt, div#content_anderekarte span.punkt {
	width: 8px;
	height: 8px;
	display: block;
	background: url(../images/johanniter/karte_punkt.png) no-repeat 0 0;
}



/* COMMUNITY */


.community {
	margin: 0;
	width: 484px;
	height:120px;
	overflow: hidden;
}

.community_left {
	float:left;
	width:148px;
	height:120px;
	overflow: hidden;
}

.community_right {
	float:left;
	height:120px;
	width:312px;
	margin: 0 0 0 16px;
	overflow: hidden;
}


/* projektliste */


.projektliste {
	margin: 0 0 13px 0;
	width: 484px;
}

div.projektliste_text h4   {
	font-size:12px;
	line-height:12px;
	margin: 0 0 3px 0;
	color:#cc3300;
}

div.projektliste_text h4 a,
div.projektliste_text h4 a:hover, 
div.projektliste_text h4 a:active, 
div.projektliste_text h4 a:visited  {
	color:#cc3300;
	line-height:12px;
}



.projektliste_bild {
	float:left;
	width:148px;
}

.projektliste_text {
	float:left;
	width:312px;
	margin: 0 0 0 16px;
}








/*  FOOTER */

div#medien_partner {
	margin: 0 0 0 16px;
	width: 968px;
	height:150px;
	background: url(../images/johanniter/medienpartner_flaeche.png) no-repeat 0 0;
	overflow: hidden;
}

.medien_partner_content, .medien_partner_content_gesamt {
	float:left;
	height:150px;
	margin: 0 0 0 16px;
	width:466px;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
}

.medien_partner_content_gesamt {
	width:944px;
	margin: 0 0 0 16px;
}

.medien_partner_content p, .medien_partner_content_titel h4, .medien_partner_content_gesamt p, .medien_partner_content_gesamt h4   {
	font-size: 12px;
	line-height: 20px;
	
}

.medien_partner_content_titel, .medien_partner_content_gesamt_titel  {
	height:40px;
	margin: 5px 0 2px 0;
	width:461px;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
}

.medien_partner_content_gesamt_titel  {
	width:944px;
	height:20px;
	margin: 10px 0 10px 0;
}

.medien_partner_content_left, .medien_partner_content_gesamt_left {
	float:left;
	width:148px;
	height:98px;
	margin: 5px 0 0 0;
	overflow: hidden;
}

.medien_partner_content_gesamt_left {
	height:95px;
	margin: 0 0 0 0;
}

.medien_partner_content_right , .medien_partner_content_gesamt_right{
	float:left;
	height:103px;
	width:290px;
	margin: 0 0 0 16px;
	text-align: justify;
	overflow: hidden;
}

.medien_partner_content_gesamt_right{
	width:772px;
	height:95px;
}


.medien_partner_content_titel h4, .medien_partner_content_gesamt_titel h4{
	margin: 0;
}

.investieren_fahne {
	width:48px;
	margin: 0 0 5px 0;
	float:left;
}

/*  Investoren_6 */


div#Investoren {
	margin: 0 0 0 16px;
	width: 974px;
}

.Investor_einzel_text a,
.Investor_einzel_text a:hover, 
.Investor_einzel_text a:active, 
.Investor_einzel_text a:visited  {
	color:#cc3300;
}


.Investor_einzel, .Investor_einzel_right {
	float:left;
	margin: 0 16px 0 0;
	width:148px;
}

.Investor_einzel_right {
	margin: 0 0 0 0;
}

.Investor_einzel_bild {
	width:148px;
	height:90px;
	background: url(../images/johanniter/investor_flaeche.png) no-repeat 0 0;
	padding: 2px 2px;
	overflow:hidden;
}

.Investor_einzel_text {
	width:148px;
}

.Investor_einzel_text  p {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

span.investor_h4 {
	font-size: 12px;
	line-height: 20px;
	font-weight:bold;
	margin:  0;
	display:block;
	height: 40px;
	overflow:hidden;
	text-align: left;
}

.Investor_einzel_text p{
	margin:0;
}


div#jetzt_investieren_block_rechts {
	float:left;
	width:226px;
	overflow:hidden;
}

div#jetzt_investieren_block_links {
	float:left;
	width:226px;
	overflow:hidden;
	margin: 0 16px 0 0;
}



/*  ANSPPRECHPARTNER */

div#ansprechpartner{
	float:left;
	width:484px;
	overflow:hidden;
}


.ansprechpartner_left {
	float:left;
	height:90px;
	width:60px;
	margin: 0 8px 0 0;
	overflow:hidden;
}

.ansprechpartner_right {
	float:left;
	width:166px;
	margin: 0 8px 0 0;
	overflow:hidden;
}
div#ansprechpartner p {
	font-size:11px;
	line-height:20px;
	color:#333;
	margin: 0;

}

.ansprechpartner_right a,
.ansprechpartner_right a:hover, 
.ansprechpartner_right a:active, 
.ansprechpartner_right a:visited  {
	line-height:20px;
	font-size:11px;
	color:#cc3300;
}


.content_right_formular_content {
	float:left;
	width:220px;
	overflow:hidden;
	text-align:left;
	margin: 0  0 0 16px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	
}

.content_right_formular_content p, .content_right_formular_content label, .content_right_formular_content form{
	font-size: 12px;
	line-height: 20px;
}


.content_right_formular_content h4{
	margin: 0 0 10px 0;
}

.content_right_formular_content label {
	width: 80px;
	display: block;
	float:left;
	clear:left;
}

.content_right_formular_content input[type="text"]{
	float:left;
	width: 138px;
	height: 20px;
	font-size: 12px;
	border: 1px solid #dbdbdb;
	line-height: 20px;
	margin: 0 0 4px 0;
}


.content_right_formular_content select{
	float:left;
	width: 140px;
	height: 20px;
	font-size: 12px;
	border: 1px solid #dbdbdb;
	line-height: 20px;
	margin: 0 0 4px 0;
}


.content_right_formular_content  .image_button {
	clear:left;
	margin: 10px 0 0 80px;
}

.button_empfehlen{
	clear:left;
	margin: 10px 0 0 80px;
}

.radio_abstand{
	margin: 0 0 0 80px;
}

.message  p {
	color: #cc3300;
	font-weight:bold;
}

.hinweis  p {
	color: #cc3300;
	font-weight:bold;
}

span.message {
	color: #cc3300;
	clear:left;
	margin:0 0 10px 80px;
	font-size: 11px;
}

.red_text {
	color: #cc3300;
}

div.red_text_small {
	color: #cc3300;
	margin: 3px 0 0 0;
	font-size: 10px;
	font-weight: normal;
}

/*  weitere_projekte */

.weitere_projekte_startseite {
	margin-left: 30px;
}

.weitere_projekte h4, .weitere_projekte_startseite h4{
	text-align: left;
	font-size: 12px;
}


.weitere_projekte a, .weitere_projekte_startseite a{
	float:left;
}

.weitere_projekte a.abstand, .weitere_projekte_startseite a.abstand{
	margin: 0 15px 0 0;
}

.weitere_projekte a.abstand_links, .weitere_projekte_startseite a.abstand_links{
	margin: 0 15px 0 0;
}

.validation {
	color: #cc3300;
}

div#div_sozialer_investor_werden_start {
	height:70px;
}

a#sozialer_investor_werden_start {
	position: absolute;
	left: -24px;
	width:502px;
	height:70px;
	background: url(../images/johanniter/banner_jetzt_sozialer_investor_werden.png) no-repeat 0 0;
	display: block;
}

a#jetzt_online_investieren {
	position: absolute;
	left: -24px;
	width:502px;
	height:70px;
	background: url(../images/johanniter/banner_jetzt_online_investieren.png) no-repeat 0 0;
	display: block;
}


a#sozialer_investor_werden {
	position: absolute;
	right:-8px;
	top:20px;
	width:502px;
	height:70px;
	background: url(../images/johanniter/banner_jetzt_investieren.png) no-repeat 0 0;
	display: block;
	z-index: 1;
}

a#button_mehr_die_aktion {
	position: absolute;
	right:265px;
	top:35px;
	width:230px;
	height:50px;
	background: url(../images/johanniter/button_mehr_die_aktion.gif) no-repeat 0 0;
	display: block;
	z-index: 1;
}

a#button_mehr_das_ziel {
	position: absolute;
	right:19px;
	top:35px;
	width:230px;
	height:50px;
	background: url(../images/johanniter/button_mehr_das_ziel.gif) no-repeat 0 0;
	display: block;
	z-index: 1;
}




/* -------- HILFSSACHEN ---------- */

.clear{
	clear:both;
}

.clear_left{
	clear:left;
}

.clear_right{
	clear:right;
}


.platzhalter_50 {
	height:50px;
}

.platzhalter_20 {
	height:20px;
}

.platzhalter_10 {
	height:10px;
}

.platzhalter_30 {
	height:30px;
}

.text_links {
	text-align: left;
}

div#content_clear {
	height: 16px;
	clear:both;
	overflow:hidden;
}