/*  

Name: STIFTUNG-WOHNUNGSLOSENHILFE.DE
Version: v1.0
Author: ulli loges
Author URI: http://www.uloges.de

*/


/* 

***	SITE ***

*/

body {
	    font-size: 12px;
	    font-family: Arial, Verdana, Helvetica, sans-serif;
	    background-color: #002f6a;
	    color: #333333;
	    margin: 40px 0 0 0;
	    padding: 0;
	   }

#page {
	    background-color: #ffffff;
	    text-align: left;
	    margin: 0 auto 0 auto;
	    padding: 0;
	    width: 1000px;
		height: 500px;
		border: 2px solid #d3ddea;
	   }
	   
	   
/**** LEFTBOX ****/
#leftbox {
	    float: left;
	    text-align: left;
	    margin: 0;
	    padding: 0;
	    width: 190px;
		height: 500px;
	   }

#logo img {
	    width: 170px;
		height: 210px;
		border: none;
		margin: 15px 0 0 30px;
		padding: 0px;
	   }

#nav {
	    width: 170px;
		margin: 28px 0 0 27px;
		padding: 0; 
	   }

#nav p {
		margin: 0;
		padding: 3px 5px 3px 10px;
		line-height: 16px;
	   }
	   
	   
/**** RIGHTBOX ****/
#rightbox {
		float: right;
		background-color: #ebecec;
	    margin: 0;
	    padding: 0;
	    width: 759px;
		height: 500px;
		border-left: 1px solid #97abc5;
		font-size: 13px;
	   }

#content {
		margin: 0;
	    padding: 0;
	   }

#content img {
		margin: 0;
	    padding: 0;
		border: none;
	   }

#content p {
		margin: 0;
	    padding: 8px 0 0 0;
		line-height: 18px;
		color: #004296;
	   }
	   
/**** SEITE: Zweck ****/
#content .hg-zweck {
		float: left;
		margin: 0;
	    padding: 0;
	   }

#content .text-zweck {
		float: left;
		margin: 145px 0px 0px 5px;
	    padding: 0 20px 0 20px;
		width: 410px;
	   }

#content .text-zweck ul {
		margin: 8px 0 0 40px;
	    padding: 0;
		color: #004296;
		line-height: 20px;
	   }
	   
/**** SEITE: Armut ****/
#content .hg-armut {
		float: right;
		margin: 0;
	    padding: 0;
	   }

#content .text-armut {
		margin: 0;
	    padding: 0;
		width: 690px;
	   }

#content .text-armutsproblematik {
		float: left;
		text-align: right;
		margin: 0;
	    padding: 20px 0 0 0;
		width: 302px;
	   }

#content .text-soziale-experimente {
		float: right;
		margin: 0;
	    padding: 20px 0 0 0;
		width: 300px;
	   }
	   
/**** SEITE: Vorstand ****/
#content .hg-vorstand {
		float: right;
		margin: 0;
	    padding: 0;
	   }

#content .text-vorstand {
		margin: 0;
	    padding: 0;
		width: 750px;
		height: 260px;
	   }

#content .text-vorstand p {
		margin: 17px 0 0 0;
	    padding: 0;
	   }

#content .text-vorstand-links {
		float: left;
		text-align: right;
		margin: 30px 0 0 0;
	    padding: 0;
		width: 350px;
	   }

#content .text-vorstand-links img {
		margin: 0 0 0 10px;
	    padding: 0;
		width: 70px;
		height: 80px;
	   }

#content .text-vorstand-rechts {
		float: right;
		margin: 30px 0 0 0;
	    padding: 0;
		width: 365px;
	   }

#content .text-vorstand-rechts img {
		margin: 0 10px 0 0px;
	    padding: 0;
		width: 70px;
		height: 80px;
	   }
	   
/**** SEITE: Kontakt ****/

#content .text-kontakt {
		margin: 83px 0 0 50px;
	    padding: 0;
		width: 660px;
	   }

#content .text-kontakt p {
		line-height: 20px;
	   }

#content .text-kontakt-links {
		float: left;
		text-align: left;
		margin: 0;
	    padding: 0;
		width: 250px;
	   }

#content .text-kontakt-rechts {
		float: right;
		text-align: left;
		margin: 0;
	    padding: 0;
		width: 320px;
	   }
	   
/**** SEITE: Projekte ****/

#content .text-projekte {
		margin: 40px 0 0 40px;
	    padding: 0 45px 0 0;
		width: 675px;
		height: 460px;
		overflow: auto;
	   }

#content .text-projekte p {
		line-height: 20px;
	   }
	   
/**** SEITE: Satzung ****/

#content .text-satzung {
		margin: 0 0 0 50px;
	    padding: 0 45px 0 0;
		width: 665px;
		height: 498px;
		overflow: auto;
	   }

#content .text-satzung h1 {
		margin: 30px 0 0 0;
	    padding: 0;
		color: #004296;
		text-align: center;
		font-size: 14px;
	   }

#content .text-satzung p {
		line-height: 15px;
	   }

#content .text-satzung li {
		color: #004296;
	   }

#content .text-satzung ol .alphabetisch{
		list-style-type:lower-alpha;
	   }
	   
/**** SEITE: Links ****/

#content .text-links {
		margin: 40px 0 0 40px;
	    padding: 0;
		width: 650px;
	   }

#content .text-links p {
		line-height: 20px;
	   }

#content .text-links ul {
		color: #004296;
		list-style-type: square;
	   }

#content .text-links li {
		margin-bottom: 15px;
	   }

#content .text-links a {
		font-weight: normal;;
	   }
	   
/**** SEITE: Impressum ****/

#content .text-impressum {
		margin: 40px 0 0 40px;
	    padding: 0;
		width: 650px;
	   }

#content .text-impressum p {
		line-height: 20px;
	   }




/* 

***	LINKS ***

*/

a:link,
a:active,
a:visited {
	    color: #004296;
	    font-weight: bold;
	    text-decoration: none;
	   }

a:hover {
	    color: #ffffff;
		background-color: #004296;
	   }

a img {
	    border: none;
	   }