.hidden { display: none; }

a img { outline: none; border: none; }

html, body { background: #efeded url(gfx/body_bg.png) repeat-x;
	margin:auto; text-align:center;
	text-decoration:none; font-weight:normal; }

/*LAYOUT IDs*/
#page-container { width:950px; background:#fff; margin:0 auto; text-align:left; }

#header { position: relative; height:250px; }
	
#logo { position:absolute; z-index: 10; top: 0; left:22px; }
#logo a { display: block; background: url(gfx/logo.png); width:132px; height: 130px; text-indent: -1000em; overflow: hidden; }


#metamenu { position:absolute; z-index: 10; top: 9px; right:22px; background-color: #a2171c; background-color: rgba(162,23,28,0.85); height: 30px; padding: 0 15px; }
#metamenu ul { list-style-type: none; margin: 8px 0 0; padding: 0; }
#metamenu li { float:left; display: inline; margin: 0; padding: 0; }
#metamenu li a { display: block; font-size: 11px !important; line-height: 12px; color: #fff; text-decoration: none; margin-right: 9px; border-right: 1px solid #fff; padding-right: 9px; }
#metamenu li a.english { background: url('gfx/english.png') no-repeat 9px center; padding-left: 30px; margin-right: 0; border-left: 1px solid #fff; border-right: 0px none; padding-right: 0; }
#metamenu label { display: none; }
#metamenu div { float:left; display: inline; background: url(gfx/search.png) no-repeat 0 center; padding-left: 17px; }
#metamenu form { float:left; display: inline; }
#metamenu input { float:left; display: inline; background-color: #b74a56; border: 1px solid #cd7583; width: 50px; color: #fff; margin: -2px 9px 0 0; padding: 0; }
#metamenu input[type=hidden] { display: none; }
#metamenu input:focus { background-color: #cd7583; border: 1px solid #cd7583; width: 140px; }


#menu { position: absolute; top: 220px; left: 22px; z-index: 10; height: 30px; width: 906px; }
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu li { float:left; display: inline; margin: 0 9px 0 0; padding: 0; }
#menu li#spende { position: absolute; top: 0px; right: 0px; margin-right: 0px; }
#menu li a { background: #a2171c url('gfx/sprite_mainmenu.png'); overflow: hidden; text-indent: -1000em; display: block; text-decoration: none; height: 30px; }
#menu ul li#about a { width: 88px; background-position: 0 0; }
#menu ul li#projekte a { width: 87px; background-position: -100px 0; }
#menu ul li#aktionen a { width: 87px; background-position: -200px 0; }
#menu ul li#news a { width: 129px; background-position: -300px 0; }
#menu ul li#spende a { width: 200px; background-position: -500px 0; }
#menu ul li#about a:hover { background-position: 0 -30px; }
#menu ul li#projekte a:hover { background-position: -100px -30px; }
#menu ul li#aktionen a:hover { background-position: -200px -30px; }
#menu ul li#news a:hover { background-position: -300px -30px; }
#menu ul li#spende a:hover { background-position: -500px -30px; }
#menu ul li#about a.current { background-position: 0 -60px; }
#menu ul li#projekte a.current { background-position: -100px -60px; }
#menu ul li#aktionen a.current { background-position: -200px -60px; }
#menu ul li#news a.current { background-position: -300px -60px; }
#menu ul li#spende a.current { background-position: -500px -60px; }

#bildleiste { position: absolute; z-index: 0; top: 0; left: 0; background:#666; height:250px; width:950px; overflow: hidden; }


.currentlevel a { display:block; font-size: 14px; line-height: 14px; font-weight: bold; text-transform:uppercase; margin-bottom: 14px; color: #ccc; }
#submenu { margin-bottom: 20px; }
#submenu ul { list-style-type: none; margin: 0; padding: 0; }
#submenu li { padding: 0; margin: 0; }
#submenu li.spacer { font-size: 1em !important;  text-transform:uppercase; padding: 14px 0 4px; }
#submenu li a { display: block; padding: 4px 4px 4px 9px; line-height: 14px; text-decoration: none; margin-top: 2px; margin-bottom: 2px; background: #efefef; font-size: 12px !important;  }
#submenu li a:hover { background: #cccccc !important; }
#submenu li a.cur { font-weight:bold; }
#submenu ul.l1 li a.cur { background: #a2171c; color: #fff; }
#submenu ul.l1 li a.curifsub { background: #a2171c; color: #fff; }
#submenu ul.l1 li a.actifsub { background: #999999; color: #fff; }
#submenu ul.l2 li { border-bottom: 0px none; }
#submenu ul.l2 a { text-transform:none; padding: 4px 4px 4px 18px; margin-top: 0px; margin-bottom: 0px; }
#submenu ul.l2 li a.cur {  }


#content { clear:both; margin: 0 22px;  }
#col1 { float: left; display: inline; width: 200px; z-index: 3; }
#col2 { float: right; display: inline; width: 200px; z-index: 5; }
#col3 { width:auto; margin-left: 244px; margin-right: 244px; z-index: 1; }
#col1_content { z-index: 4; position:relative; margin-top: 30px; }
#col2_content { z-index: 6; position:relative; }
#col2_content #right { margin-top: 30px; }
#col2_content #spenden { margin-top: 3px; }
#col3_content { z-index: 2; position:relative; margin-top: 30px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.floatbox { overflow:hidden; }
#ie_clearing { display: none; }/* IE-Clearing: iehacks.css zuschalten */

.subcolumns { width: 100%; padding: 0 1px 0 1px; margin: 0 -1px 0 -1px; overflow:hidden; }
.c50l, .c33l, .c66l, .c62l {float: left; overflow: hidden;}
.c50r, .c33r, .c66r, .c62r {float: right; overflow: hidden;}

.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }

.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; }



#footer { clear:both; position: relative; height: 140px; margin-top: 22px; padding-top: 9px; border-top: 10px solid #efeded; }	/* Backup for IE-Clearing */
#footer * { font-size: 11px !important; }

#facebook { position: absolute; top: 50px; left: 19px; width: 200px; }
#facebook a { display: block; width: 165px; padding-left: 35px; background: url('gfx/facebook.png') no-repeat left 2px; }
#facebook a:hover { background-image: url('gfx/facebook_hover.png'); text-decoration:none;}

#newsletter { position: absolute; top: 10px; left: 19px; width: 200px; }
#newsletter a { display: block; width: 165px; padding-left: 35px; background: url('gfx/newsletter.png') no-repeat left 2px; }
#newsletter a:hover { background-image: url('gfx/newsletter_hover.png'); text-decoration:none;}

#transparenz { position: absolute; top: 10px; left: 530px; width: 155px; height: 45px; text-indent: -1000em; overflow: hidden; }
#transparenz a { display: block; width: 165px; height: 45px; background: url('gfx/transparenz.png') no-repeat left 2px; }
#transparenz a:hover { background-image: url('gfx/transparenz_hover.png'); text-decoration:none;}


#dzi { float: left; display: inline; margin-left: 260px; width: 170px; padding-left: 76px; background: url('gfx/dzi.png') no-repeat left 5px; height: 135px; }
#dzi:hover { background-image: url('gfx/dzi_hover.png'); }
#dzi h5 { margin-top: 5px;margin-bottom: 6px; padding-bottom: 0; text-transform:uppercase; }
#dzi p { margin-bottom: 0; padding-bottom: 0; }

#copyright { position: absolute; top: 10px; right: 21px; width: 201px; }
#copyright ul { list-style-type: none; margin:0;padding: 0;}
#copyright li { float:left; margin:0;padding: 0; }
#copyright li a { display: block; line-height: 12px; text-decoration: none; margin-right: 5px; border-right: 1px solid #ccc; padding-right: 5px; }
#copyright li.last a { margin-right: 0px; border-right: 0px none; padding-right: 0px; }

#pageoptions { display: none; }



form#projektdropdown select { background-color: #dbdbdb; border: 1px solid #dbdbdb; margin-bottom: 2px; padding-bottom: 0; }
form#projektdropdown { margin-bottom: 22px; }


	
.footerlinks { float:left; }
.footerlinks ul { margin:0px; padding:0px; }
.footerlinks ul li { float:left; list-style:none; margin:0px; padding:0px; }
.footerlinks ul li a { font-weight:bold; margin-right:10px; text-decoration:none; }
.footerlinks ul li a:hover { }