/* 

hellblau: #00436D;
mittelblau: #848686;
dunkelblau: #00233f;

*/

/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Regular'), local('MavenPro-Regular'),
       url('../fonts/maven-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v11-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-700 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/maven-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Bold'), local('MavenPro-Bold'),
       url('../fonts/maven-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v11-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-500 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven-pro-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Medium'), local('MavenPro-Medium'),
       url('../fonts/maven-pro-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v11-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}


* {
	margin:0; 
	padding:0; 
}

html, body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px;
	font-family: 'Maven Pro', Arial, sans-serif;
	color:#000000;
	background-attachment: fixed;
	background-color: #ffffff;
	background-image: url(../images/kinderhilfefonds_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
} 
 
#pagewidth { 
	width:875px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  

} 
 
#header{
	width:875px;
	margin-bottom:0px; 
 	margin-right:auto;  
 	position:relative;
  	width:100%;
} 
 
#maincol {
	float: left; 
	display:inline; 
	position: relative; 
	width:200px; 
	padding:10px 0px 0px 0px;
 }
 
#leftcol{
 	width:540px; 
 	float:left; 
 	position:relative;
 	padding:0px 35px 0px 0px;
  }
 
 
#footer {
	margin:0px;
	clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



h1 {
	font-family: 'Maven Pro', arial, sans-serif; 
	font-size:170%;
	color:#e0091d;
	font-weight:normal;
	padding: 0px 0px 5px 0px;
	line-height:140%;
	text-transform:uppercase;
}

h2 {
	font-family: 'Maven Pro', arial, sans-serif; 
	font-size:140%;
	color:#e0091d;
	font-weight:normal;
	padding: 5px 0px 10px 0px;
}

h3 {
	font-family: 'Maven Pro', arial, sans-serif; 
	font-size:130%;
	color:#e0091d;
	font-weight:normal;
	padding: 35px 0px 5px 0px;
}

h4 {
	font-family: 'Maven Pro', arial, sans-serif; 
	font-size:180%;
	color:#e0091d;
	font-weight:regular;
	padding: 20px 0px 0px 0px;
	font-stretch:expanded;
}

blockquote {
	background:#ffffff;
	color:#e0091d;
	padding:10px 20px 10px 20px;
	margin:10px 10px 0px 0px;
	width:100%;
	font-size:110%;
}



p, blockquote p {
	color:#000000;
	font-size:100%;
	padding:3px 0px 3px 0px;
	line-height:175%;
}

strong {
	font-weight:bold;
	color:#e0091d;
}

blockquote strong {
	font-weight:bold;
	color:#e0091d;
}


a {
	color:#e0091d;
	text-decoration:underline;
}

a:hover {
	color:#e0091d;
	text-decoration:underline;
}


#maincol a {
	color:#e0091d;
	text-decoration:none;
}

#maincol a:hover {
	color:#e0091d;
	text-decoration:none;
}

#maincol h1 {
	font-family: 'Myriad Pro', arial, serif; 
	font-size:95%;
	color:#e0091d;
	font-weight:regular;
	padding: 6px 0px 5px 40px;
	border-bottom:2px solid #e0091d;
	border-top:2px solid #e0091d;
}

#maincol h1:hover {
	font-family: 'Myriad Pro', arial, serif; 
	font-size:95%;
	color:#e0091d;
	font-weight:regular;
	padding: 6px 0px 5px 40px;
	background-image:url(../gfx/menu-background_a.gif);
	background-repeat:no-repeat;
	border-bottom:2px solid #e0091d;
	border-top:2px solid #e0091d;

}

#maincol p {
	color:#000000;
	font-size:100%;
	padding:5px 0px 5px 10px;
	line-height:140%;
}

#footer p {
	color:#e0091d;
	font-size:70%;
	padding:15px 0px 15px 0px;
	line-height:175%;
}

#page_content table ul {
	margin:5px 0px;
	list-style-type:none;
}

#leftcol ul li {
	font-size:100%;
	line-height:20px;
	background:url(../gfx/listarrow.png) no-repeat 0px 9px;
	display:block;
	padding:5px 0px 3px 18px;
}

#spendenkonto {
	margin-left:0px;
	
}

.vs {
	font-size:60%;
	padding-bottom:10px;
	padding-top:10px;
}