@charset "utf-8";
/* CSS Document /* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

	@import url("lightbox.css");
	@import url("cms.css");
	@import url("clearfix.css");

/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	color: #555;
	vertical-align:baseline;
	font: 12px/18px "Arial, Helvetica", sans-serif;
}

html {
	background: #019a62 url(../images/layout/html.jpg) no-repeat bottom center;
}

body {
	background: transparent url(../images/layout/body.jpg) no-repeat top center;
	min-height: 101%;
}

html {
	font-size: 100%;
	overflow: -moz-scrollbars-vertical;
}

h1{
	color: #555;
	font: bold 20px/24px "Arial, Helvetica", sans-serif;
}

h2 {
	color: #555;
	font: bold 20px/24px "Arial, Helvetica", sans-serif;
	border-bottom:1px solid #00946c;
	width:466px;
	margin-bottom:20px;
}

h3 {
	color: #555;
	font: bold 16px/22px "Arial, Helvetica", sans-serif;
	margin-bottom:10px;
}

h4 {
	color: #019a62;
	font: bold 14px/20px "Arial, Helvetica", sans-serif;
	padding:10px 0 20px 16px;
}

p {margin: 0 0 20px 0px;}
.hideme {display: none;}
img, img a{	border: none;}

.topic {
	color: #555555;
	font: bold 15px/24px "Arial, Helvetica", sans-serif;
	margin-bottom:5px;
}

span.gruen {
	font: bold 10px/14px "Arial, Helvetica", sans-serif;
	color:#019a62;
}

span {
		font: 12px/14px "Arial, Helvetica", sans-serif;
}



/*######################################################################################################
######################################################################################################*/

/* 2. Layout */

#clear, .clear {
	clear:left;
	float:none;
}

#container {
	width: 990px;
	position:relative;
	margin: 0 auto;
	text-align: left;
	background: url(../images/layout/container-background.jpg) repeat-y;
}

/*---------------------------------*/

h1.logo a {
	background:transparent url(../images/layout/logo.jpg) no-repeat;
	display:block;
    width:580px;
    height:116px;
    position:relative;
	text-indent:-9999px;
/*    margin:17px 0 0 221px;  */
	margin: -33px 0 0 222px;
}


#head {
	background:transparent url(../images/layout/header.jpg) no-repeat top center;
	width: 990px;
    height:252px;
	clear: both;
}

#content {
	background: url(../images/layout/navigationTop.jpg) no-repeat top left;
	width:974px;
	padding-top:79px;
}

#main {
	float:left;
	margin:-79px 0 0 0px;
	position:relative;
	width:711px;
	padding-left:25px;
    min-height:400px;
}

.col-left{
    float:left;
    overflow:visible;
	padding-right:19px;
    position:relative;
    width:456px;
    z-index:6;
    
}

* html .col-left {
    width:477px;
}

/** html .col-right {
    width:200px;
    float:right;
}*/

.col-right{
	float:left;
}

.col-mid {
	float:left;
    padding-right:30px;
    width:650px;
    z-index:6;
    overflow:visible;
    position:relative;
}

#bar {
	width: 195px;
	background:#cce4cd;
	float:left;
	margin:150px 0 0 5px;
}

#bar2 {
	width: 195px;
	background:#cce4cd;
	float:left;
	margin:79px 0 0 5px;
}

* html #bar {
    width:205px;
}

* html #bar2 {
    width:205px;
}


#cols {
    width: 450px;
    display:block;
}

.left {
	width: 220px;
    float:left;
}

.boxPictures {
    float:right;
    padding-left:13px;
    width:230px;
}

.boxPictures2 {
    float:left;
    width:155px;
}

.boxText {
    float:left;
    width:305px;
}

.boxPictures p {
	*margin-left:15px;
}

.pictures {
    width:150px;
    float:left;
}

.editcontent{

}

.text {
	width:300px;
    float:left;
}

* html .bildunterschrift {
	position:absolute;
    margin:-20px 0 0 35px !important;
}

 h1#branding a {
	position:absolute;
    margin:20px 0 0 62px;
    display:block;
    width:82px;
    height:82px;
    text-indent:-9999px;
}

/*---------------------------------*/

#footer {
	background:#FFFFFF url(../images/layout/footer.jpg) no-repeat scroll center bottom;
	height:402px;
	position:relative;
	width:990px;
	z-index:1;	
}

#footerInhalt {
    padding:230px 0 0 520px;
    width:290px;
    }
    
    #footerInhalt p {
    color:#019a62;
    }


/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#mainNavigation {
	float:left;
	width:238px;
}

ul#mainNavigationTop, ul#mainNavigationBottom {
	display:block;
	margin-bottom:35px;
}

ul#mainNavigationTop li, ul#mainNavigationBottom li {
    width:219px;
	padding-left:19px;
}

ul#mainNavigationTop li a, ul#mainNavigationBottom li a {
    display:block;
    width:153px;
	border-bottom:1px solid #9ad2bc;
    text-decoration:none;
    background:#6bc09f url(../images/layout/point2.gif) no-repeat 27px 10px;
    font: 13px/26px "Arial, Helvetica", sans-serif;
    color:#fff;
    padding: 0 0 0 42px;
    
}

ul#mainNavigationTop li a:hover, ul#mainNavigationBottom li a:hover {
    text-decoration:none;
    background:#019a62 url(../images/layout/point2-hover.gif) no-repeat 27px 10px;
}

/*------------------------------- topNavigation  -------------------------------*/

ul#topNavigation {
	width:717px;
    display:block;
	height: 51px;
	padding-left:234px;
    padding-bottom:50px;
}

ul#topNavigation li {
	float:left;
}

ul#topNavigation a {
    display:block;
    width:90px;
    margin-left:10px;
    text-decoration:none;
    font: 13px/50px "Arial, Helvetica", sans-serif;
    font-weight:bold;
    color:#6bc09f;
    background:url(../images/layout/point.jpg) no-repeat 1px center;
    padding-left:10px;
}

ul#topNavigation li a:hover {
    text-decoration:underline;
}


/*------------------------------- rechteNavigation  -------------------------------*/

#rightNavigation {
   position:absolute;
   width:226px;
}

ul#rightNavigation li {
   text-indent: -9999px;
   margin-bottom:20px;
}

ul#rightNavigation li a {
   display:block;
   height:47px;
}


ul#rightNavigation {
   width:226px;
   _margin-left:-11px;
}

    ul#rightNavigation li a.spenden   {
		background:url(../images/layout/buttonSpenden.jpg) 0 -47px no-repeat;}
    ul#rightNavigation li a.spenden:hover {
       	background:url(../images/layout/buttonSpenden.jpg) 0 0px no-repeat; 
    }
    
    ul#rightNavigation li a.sprache-einfach {
		background:url(../images/layout/buttonSprache-einfach.jpg) 0 -47px no-repeat;}
    ul#rightNavigation li a.sprache-einfach:hover {
       	background:url(../images/layout/buttonSprache-einfach.jpg) 0 0 no-repeat;
    }
	
	ul#rightNavigation li a.sprache {
		background:url(../images/layout/buttonSprache.jpg) 0 -47px no-repeat;}
    ul#rightNavigation li a.sprache:hover {
       	background:url(../images/layout/buttonSprache.jpg) 1px 0 no-repeat;
    }

/*######################################################################################################
######################################################################################################*/

/* 4. Content */

.picture {
	border:none;
	padding:0px 10px 15px 0px;
	background:#FFF url(../images/layout/progress.gif) no-repeat center center;
    outline: none;
	float:left;
}

/*---------------------------------*/

.floatleft{
	float: left;
}

.floatright {
	float: right;
}

.paddingleft {
	padding-left:15px;
}

.paddingright {
	padding-right:15px;
}

.paddingtop {
	padding-top:5px;
}

.paddingtop-pic {
	padding-top:25px;
}

.paddingbottom {
	padding-bottom:28px;
}

.paddingbottom2 {
	padding-bottom:10px;
}

.paddingleftpic {
	padding-left:20px;
}

.spacer150 {
	margin-top:150px;
}

.spacer100 {
	margin-top:100px;
}

.spacer70 {
	margin-top:70px;
}

.spacer40 {
	margin-top:40px;
}

/*---------------------------------*/

ul.liste{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
    width:466px;
}

ul.liste li {
	padding: 5px 0 5px 25px;
	border-bottom: dashed 1px #555;
	margin: 0 10px 0 0;
	line-height: 18px;
	background:url(../images/layout/list.jpg) no-repeat 12px 9px;
	_height: 20px;
    
}

ul.liste li.none, ul.liste li.none:hover {
    background: #cce4cd;
    list-style:none;
    padding: 5px 0 5px 10px;
}


ul.liste li:hover {
	color:#333;
	background: #f2f4f3 url(../images/layout/list-hover.jpg) no-repeat 12px 9px;
}


/*---------------------------------*/

.block60{ float:left; display:block; width: 60px;}
.block130{float:left; display:block; width:130px;}
.block150{float:left; display:block; width:150px;}
.block220{float:left; display:block; width:220px;}
.block250{float:left; display:block; width:250px;}
.block265{float:left; display:block; width:265px; padding-right:25px;}


/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:link, a:visited, a:active, a:focus, .escape span{
	text-decoration: none;
	color: #019a62;
	outline: none;
/*	white-space:nowrap;*/
}

a:hover, a:hover span{
	text-decoration:underline;
	color:#019a62;
}

.externerlink{
	background:url(../images/layout/external.gif) no-repeat 3px center;
	padding: 3px 2px 3px 17px;
}

#bar2 a, #bar2 a.escape span { color: #555;}
#bar a, #bar a.escape span { color: #555;}
.linie {
	width:450px;
    border-bottom:thin solid #C7C7C7; 
}

/*######################################################################################################
######################################################################################################*/

ul.error404 {
   margin: 0 0 20px 0;
   padding: 0;
   list-style: none;
}

ul.error404 li {
   padding: 5px 0 5px 25px;
   margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   _height: 20px;
}

ul.foerderverein li {
	padding-left: 30px;
}