/*special */
/* STARTSEITE */
#b1171 .home{
	display: none;
}

/* PRESSE */
#b1179 #MittelSpalte-B{
	margin: 0;
	width: auto;
}
#b1179 #container{
	max-width: 620px;
}
* html #b1179 #container{
	width: 620px;
}


#b1179 table.column-2,
#b1179 table.column-3 {
	margin: 0;
}
#b1179 table.column-2 td {
	padding: 0;
	border: none;
}
#b1179 table.column-2 td.align-left {
	padding-right: 20px;
}
#b1179 .small {
	font-size: 10px;
	color: #666;
}
#b1179 table.imgtable {
	width: auto;
}
#b1179 table.imgtable td{
	padding: 0 0 20px 0;
}
#b1179 table.imgtable td.align-left{
	padding-right: 20px;
}
#b1179 table.imgtable p.small{
	margin-top: 4px;
}

/* No right column, wide content area 
   #b1172: Träger
   #b1174: Projekte
   #b1188: Online-Spende
   #b1180: Kontakt / Information
*/
#b1172 #MittelSpalte-B,
#b1180 #MittelSpalte-B,
#b1188 #MittelSpalte-B{
	margin: 0 30px 0 0;
	width: auto;
}

#b1174 #MittelSpalte-B{
	margin: 0 20% 0 0;
	width: 80%; 
}



/* TAG format */

body { 	
	color: #333;
	background-color: #FFF; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding: 0; 
	margin: 0;
    margin: 0 10px 0 0;
}

h1 { 
	font-size: 140%; 
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight: normal;
}
h2, h3{	
	font-weight: normal;
	font-family: Tahoma,  Arial, Helvetica, sans-serif; 
	color: #33456A;
}

h1,h2{
	margin: 0 0 0.5em 0; 
}

h3,h4,h5{
	margin: 0 0 0.3em 0; 
}
	



h2 {  
	font-size: 100%;  
}
table.column-2 h2 {
	font-size: 120%; 	
	font-family: Arial, Helvetica, sans-serif;
}
h3 { 
	font-size: 90%; 
	letter-spacing: 1px;
}

h4 { 
	font-size: 80%; 
}

h5{
	font-size: 80%; 
	color: #444;	
}


p, li, dl, form { 
	font-size: 80%; 
	color:#333; 
}

p {
	margin: 0 0 0.7em 0; 
}
li {
	margin: 0 0 0.4em 0; 
}

ul{
	list-style-image : url(img/list.gif);
	margin-top: 0;
	margin-bottom: 0;
}

form { 
	display:  inline;
}

/* Links  /*/

a, a:link, a:visited{
	color : #DF3D20;
	text-decoration: none;
}


a:active, a:hover {
	color : #FF6600;
	text-decoration: underline;
}

a img{
	border: none;
}

a.pfeil-r{
	padding-right: 10px;
	background-image: url(img/pfeil-r.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/*  Tabellen  /*/

.table-head{
	margin: 40px 0 9px 0;
}

table{
	width: 100%;
	border-collapse: collapse;
}

td{
	padding: 0;
	text-align: left;
	vertical-align: top;
}

table.column-2 td{
	padding: 2em 0 1em 0;
	border-bottom: 1px solid #D6DAE1;
}

table.column-2 td.align-right{
	padding-right: 30px;
}

table.column-3 td{
	padding-right: 20px;
}
 td.valign-middle{
  	vertical-align: middle;
  }
  
  td.valign-bottom{
  	vertical-align: bottom;  
  }

/*  Spezielle Klassen   /*/

.box, .formbox{
	clear: both;
	margin: 0 0 1em 0;
	padding: 12px;
	/*background-color: #FDF5D5;/*/
	background-color: #FEF7E0;
	border: 1px solid #FCF0C1;
}

.formbox h2{
	clear: both;
}

.formbox .top_2{
	margin-top: 0;
	padding-top: 2em;
}

.nowrap{
	white-space: nowrap;
}

.breaker{
	clear:both;
	height: 1px;
	line-height: 1px;
}


.bild140 p, .bild140 h5{
	margin-top: 0;	
	margin-left: 152px;	
}


.img-left{
	float: left;
	margin: 0 12px 2px 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
.img-right{
	float: right;
	margin: 0 0 2px 12px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

.bild-links img{
	margin-bottom: 6px;
}

.bild140 .bild-links{
	float: left;
	width: 140px;
	margin: 2px 12px 1.5em 0;
}


.hinweis{
	color: #666;
}

.small {
	font-size: x-small;	
}
dd.csc-textpic-caption {
	font-size: 10px;
	color: #666;
}



/* DIE ABSAETZE  */
a img{
	border: none;
}

.link-icon{
	margin: 0 3px 0 1px;
}

.bottom-0{
	margin-bottom: 0;
}
.bottom-05{
	margin-bottom: 0.5em;
}
.bottom-1{
	margin-bottom: 1em;
}
.bottom-2{
	margin-bottom: 2em;
}
.top-05{
	margin-top: 0.5em;
}
.top-1{
	margin-top: 1em;
}
.top-2{
	margin-top: 2em;
}
.top-3{
	margin-top: 3em;
}

.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}
.align-right{
	text-align: right;
}


/* Seiten-Elemente /*/

#MaxWidth{
	 position: relative;
	 max-width:1000px;
	 width:expression(document.body.clientWidth > 999 ?  "999px" :  "auto" );
}


#SeitenKopf{
	margin: 0 0 18px 200px;
	padding: 20px 0 0 0;
	height: 108px;
	background-image: url(img/spendenfonds.gif);
	background-repeat: no-repeat;
	background-position: bottom center; 	
}

#BildOben{
	position: absolute;
	top: 0px;left: 0px;
	width: 180px;
	border-bottom: 18px solid #1A365E;
}

#SpendenKonto{
	position: absolute;
	top:19px;
	left: 204px;
	color: #777;
	font-size:13px;
}

#SpendenKonto a,
#SpendenKonto a:link,#SpendenKonto a:visited{	
	color: #777;
	text-decoration: none;
	font-weight: normal;
}


#SpendenKonto a:hover{		
	color : #DF3D20;
}


#SeitenKopf h1{	
	margin: 0 16% 0 0;
	padding-right: 10px;
	text-align: right;
}



#MittelSpalte, #MittelSpalte-B{
	margin: 0 26% 0 0;
	width: 74%; 
}


#MittelSpalte p,
#MittelSpalte-B p{
	line-height: 120%;
}

/* Linker Rand /*/
#container{
	margin-left: 204px;
	position: relative;
}


#RechteSpalte{
	position:absolute; 
	left:78.9%; 
	top:150px; 
	width: 21%;
	z-index:3;	
}

.teaser{
	margin: 0 0 16px 0;
	/*background-color: #EBEDF0;*/
	background-color: #F1F2F4;
	border: 1px solid #D6DAE1;
	padding: 12px 9px 12px 10px;
}


#RechteSpalte p,
#RechteSpalte h3{
	font-size: 70%;
}





/* Navigation  /*/

#LinkeSpalte{
	position:absolute; 
	left: 0px; 
	top: 129px; 
	width: 210px; 
	padding: 0 0 50px 0;
	color: #666;
	z-index:2;
	background-image: url(img/links.jpg);
	background-repeat: no-repeat;
	background-position: bottom left; 	
}

#Menu {		
	padding: 16px 30px 16px 20px; 
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif; 
}

#Menu ul{
		margin: 0;
		padding: 0;	
		list-style-type: none;
}
		
 #Menu li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
}

#Menu .u1 strong,
#Menu .u1  a.parent,
#Menu .u1  a.parent:link,
#Menu .u1  a.parent:visited{
		display: block;
		padding: 4px 0 3px 1px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color: #003366;
		border-bottom: 1px solid #F5CB2F;
}


		
#Menu a:link, #Menu a:visited {
		display: block;
		color: #33456A;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif; 
		padding: 4px 0 3px 1px;
		text-decoration: none;
}

#Menu ul a:hover,  
#Menu .u1  a.parent:hover{ 
	color: #FF6600;
}


#Menu ul ul{
	margin-top: 3px;
	margin-bottom: 9px;
}

#Menu ul ul  a:link,
#Menu ul ul  a:visited {
		margin-left: 14px;
		padding: 2px 0 1px 10px;
		font-size: 110%;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif; 
		border-bottom: 1px none transparent;		
}

#Menu .u2 strong{
		margin-left: 14px;
		padding: 2px 0 1px 10px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 110%;
		background-image: url(img/menu-list.gif);
		background-repeat:  no-repeat;
		background-position: left top;
		border-bottom: 1px none transparent;
}


#Menu .home{
	margin-top: 30px;
}

#Menu .home a:link, 
#Menu .home a:visited {
	font-size: 80%;
	color : #DF3D20;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding-left: 12px;
	background-image: url(img/pfeil-l.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#Menu .home a:active, #Menu .home a:hover {
	color : #FF6600;
	text-decoration: underline;
}
		
/* Ende der Hauptnavigation /*/	

.box{
	/*float: left;
	 width: auto;
	width:expression( "610px" ); */
}


form{
	display : inline;
}

form p{	
  font-size: 90%;
}

form h2{	
  font-size:120%;
}

.reihe {
  margin: 0 0  6px 0;
  padding: 2px 0px;
  height: 2em;
  text-align: left;
  float: left;
}

.label-left,
.reihe .error{
  float: left;
  width: 115px;
  padding-top: 3px;
  padding-right: 5px;
  text-align: right;
}

.error, .error li{
	color: #FF3300;
}
ul.error{
	margin: 0;
	padding: 0 0 0 1em;
}

.checkbox{
	float: left;
	width: 30px;
	margin: -0.2em 0 0.5em 0;
}

.feld {
  width: 190px;
  float: left;
} 



.defbreite {
  width: 180px;
  border: 1px solid #A2AEBE;
}

.texteingabe {
  width: 500px;
  height:8em;
  border: 1px solid #A2AEBE;
}

.msg{
	color: #B22222;
	font-weight: bold;
}

.schmal {
	width: 50em;
}



@media print{

#SeitenKopf, #LinkeSpalte, #RechteSpalte, 
#BildOben {
	display: none;
}

body{
	position:relative;
	width: 100%;
}



#MittelSpalte, #MittelSpalte-B,
#container{
	position: relative;
	margin: 0;
	padding: 0;
}


/* PROBLEM mit dem IE /*/
#container{
	width: 430pt;
}

html>#container{
	width: auto;
}


#SpendenKonto{
	position: relative;
	top:12px;
	left: 0px;
	color: #000;
	width: auto;
	border-top: 1px solid #000;
	padding-top: 6pt;
}

h1,h2,h3,h4,h5,p,li{
	color: #000000;
}

table{
	width: 99%;
}

.box{
	border: 1px solid #333;
	background-color:  #FFF;
}

ul{
	list-style-image: none;
}

}