@charset "utf-8";
/* CSS Document fuer Eliya-kinderheim-srilanka.com */



 body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/body_bg_xrep.jpg) repeat-x;
	background-color:#CCCACA;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	margin-top: 50px;
    }
	
a { color:#06C !important}
#mainContent a { color:#06C !important;}
	
	

#top_menu{
position:relative;
margin:-35px 85px 0 0;
padding-top:8px;
text-align:right;
height:30px;
color:#CCCCCC;
}

#top_menu a{
color:#999999 !important;
font-size:0.95em;
text-decoration:underline;}

#top_menu a:hover { text-decoration:none;}


    #container {
	width: 1000px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left;
	border:1px solid #EBEBEB;
    }

    #sidebar1 {
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width:150px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	position:relative;
	margin:0;
    }

	/* Navigation CSS */
	#mainnav { position:absolute; left:-9px; top:63px; width:185px; height:100%;}
	
	#mainnav ul p a { color:#333 !important;}
	
	#mainnav a {
	text-decoration:none;
	color:#585858;
	}
	
	.menufont { font-size:1.2em;}
	
	#mainnav0 {
	list-style:none;
	padding:0;
	}
	
	#tabtitle0{
	height:49px;
	background:url(../images/tab_bg_1.jpg) left top no-repeat;
	margin:0;}
	
	
	#tabtitle0 p{
	margin:0;
	padding-left:30px;
	padding-top:16px;
	color:#666;
	font-size:1.0em;
	font-weight:bold;}
	
	
	#mainnav0 li{
	height:50px;
	padding:0;
	background:url(../images/tab_bg.gif) repeat-x;
	}
	

	
	#mainnav0 li:hover{
	background:url(../images/tab_bg_hover.gif) repeat-x;}
	
	#mainnav0_0{
	list-style:none;
	padding:0;}
	
	#mainnav0_0 li{
	height:20px;
	background:none;
	color:#585858;
	font-weight:300;}
	
	#mainnav0_0 li p{
	margin:0;
	background:url(../images/tab_bg_1.jpg) left top no-repeat;
	padding-left:30px;
	padding-top:5px;
	font-size:11px;
	font-weight:300;
}

	#mainnav0_0 li:hover{
	background:#EBEBEB;
	border-bottom:1px solid #FF0000;}
	
	/* nav 2 */
	
	#mainnav0_1 {
	list-style:none;
	padding:0;
	}
	
	#tabtitle1{
	height:49px;
	background:url(../images/tab_bg_2.jpg) left top no-repeat;
	margin:0;}
	
	#tabtitle1 p{
	margin:0;
	padding-left:30px;
	padding-top:16px;
	color:#666;
	font-size:1.0em;
	font-weight:bold;}
	
	#mainnav0_1 li {
	height:20px;
	background:none;
	color:#585858;
	font-weight:300;
	}
	
	#mainnav0_1 li p{
	margin:0;
	background:url(../images/tab_bg_2.jpg) left top no-repeat;
	padding-left:30px;
	padding-top:5px;
	font-size:11px;
	font-weight:300;
}

	#mainnav0_1 li:hover{
	background:#EBEBEB;
	border-bottom:1px solid #000199;}
	
	/* nav3 */
	
	#mainnav0_2 {
	list-style:none;
	padding:0;
	}
	
	#mainnav0_2 li {
	height:20px;
	background:none;
	color:#585858;
	font-weight:300;
	}
	
	#mainnav0_2 li p{
	margin:0;
	background:url(../images/tab_bg_3.jpg) left top no-repeat;
	padding-left:30px;
	padding-top:5px;
	font-size:11px;
	font-weight:300;
}
	
	#tabtitle2{
	height:49px;
	background:url(../images/tab_bg_3.jpg) left top no-repeat;}
	
	#tabtitle2 p{
	margin:0;
	padding-left:30px;
	padding-top:16px;
	color:#666;
	font-size:1.0em;
	font-weight:bold;}
	
	#mainnav0_2 li:hover{
	background:#EBEBEB;
	border-bottom:1px solid #35CB34;}
	
	
	
	
	#mainnav0_3 {
	list-style:none;
	padding:0;
	}
	
	#mainnav0_3 li {
	height:20px;
	background:none;
	color:#585858;
	font-weight:300;
	}
	
	#mainnav0_3 li p{
	margin:0;
	background:url(../images/tab_bg_4.jpg) left top no-repeat;
	padding-left:30px;
	padding-top:5px;
	font-size:11px;
	font-weight:300;
}
	
	#tabtitle3{
	height:49px;
	background:url(../images/tab_bg_4.jpg) left top no-repeat;}
	
	#tabtitle3 p{
	margin:0;
	padding-left:30px;
	padding-top:16px;
	color:#666;
	font-size:1.0em;
	font-weight:bold;}
	
	#mainnav0_3 li:hover{
	background:#EBEBEB;
	border-bottom:1px solid #FFCC01;}
	
	
	
	
	
	#mainnav0_4 {
	list-style:none;
	padding:0;
	}
	
	#mainnav0_4 li {
	height:20px;
	background:none;
	color:#585858;
	font-weight:300;
	}
	
	#mainnav0_4 li p{
	margin:0;
	background:url(../images/tab_bg_5.jpg) left top no-repeat;
	padding-left:30px;
	padding-top:5px;
	font-size:11px;
	font-weight:300;
}
	
	#tabtitle4{
	height:49px;
	background:url(../images/tab_bg_5.jpg) left top no-repeat;}
	
	#tabtitle4 p{
	margin:0;
	padding-left:30px;
	padding-top:16px;
	color:#666;
	font-size:1.0em;
	font-weight:bold;}
	
	#mainnav0_4 li:hover{
	background:#EBEBEB;
	border-bottom:1px solid #A3917D;}
	
	
	#mainnav0_5 {
	list-style:none;
	padding:0;
	}
	
	#mainnav0_5 li {
	height:100%;
	background:none;
	color:#585858;
	font-weight:300;
	}
	
	#mainnav0_5 li p{
	margin:0;
	height:100%;
	background:url(../images/tab_bg_6.jpg) left top no-repeat;
	padding-left:30px;
	padding-top:5px;
	font-size:11px;
	font-weight:300;
}
	div.lang-menu {position:absolute; right:-85px; top:1px; z-index:10; padding:3px;
	width:80px; text-align:left; height:16px; overflow:hidden; background:url(../images/dd_icon.gif) 69px 13px no-repeat; 
	float:right;}
	div.lang-menu:hover{overflow:visible; height:90px;}
	div.lang-menu ul {padding:0;margin:0;}
	div.lang-menu ul li {list-style-type:none; margin:4px 0 0 0;}
	
	#tabtitle5{
	height:49px;
	background:url(../images/tab_bg_6.jpg) left top no-repeat;}
	
	#tabtitle5 p{
	margin:0;
	padding-left:30px;
	padding-top:16px;
	color:#666;
	font-size:1.0em;
	font-weight:bold;}
	
	#mainnav0_5 li:hover{
	background:#EBEBEB;
	border-bottom:1px solid #FFA74A;}
	
	.internformlabel{
	font-size:9px;
	color:#666666;}
	
	#internformlink {
	padding-top:8px;
	padding-bottom:12px;}
	
	
	#sidebar2 {
	float: right; 
	width: 180px; 
	}
	
	#sidebar2article{
	margin-bottom:85px;}
	
	#sidebar2title{
	}
	
	#sidebar2title p {
	font-size:12px;
	font-weight:bold;
	color:#6D6D6D;
	margin-top:15px;}
	
	#sidebar2cont p {
	font-size:10px;
	color:#979797;}
	
	#sidebar2cont a {
	font-size:1.1em;
	font-weight:100;
	text-decoration:underline;
	}
	
	#sidebar2cont a:hover {
	text-decoration:none;
	}
	
	#spendenbarometer{
	height:100px;}
	
	#spendenbarometer p{
	font-size:10px;
	color:#828282;
	margin-top:3px;}
	
	.percentImage1 {
	 background: white url(../images/percentImageinner.png) top left no-repeat;
	 padding: 0;
	 margin: 5px 0 0 0;
	 background-position: 1px 0;
	}
	
	.percentImage2 {
	 background: white url(../images/percentImageinner2.png) top left no-repeat;
	 padding: 0;
	 margin: 5px 0 0 0;
	 background-position: 1px 0;
	}
	
	.barbg
	{
		position:relative;
		margin-bottom:20px;	
	}
	
	.barinner
	{
		position:absolute;
		font-size:10px;
		color:#666;
		top:18px;
		left:0px;
	}
	
	#showpercent{
	font-size:10px;
	color:#6D6D6D;}
	

	
    #mainContent {
	margin-left:190px;
	width:600px;
    }
	
	/*--------------------------------------------------------------------ContentTable */
	
	#ctl{
	width:13px;
	height:13px;
	background:url(../images/ctl.jpg) right bottom no-repeat;}
	
	#mtrepeat{
	height:13px;
	background:url(../images/tmrepeat.jpg) bottom repeat-x;}
	
	#ctr{
	width:13px;
	height:13px;
	background:url(../images/ctr.jpg) left bottom no-repeat;}
	
	
	#lmrepeat{
	width:13px;
	background:url(../images/lmrepeat.jpg) right repeat-y;}
	
	#rmrepeat{
	width:13px;
	background:url(../images/rmrepeat.jpg) left repeat-y;}
	
	
	
	#cbl{
	width:13px;
	height:13px;
	background:url(../images/cbl.jpg) right top no-repeat;}
	
	#mbrepeat{
	height:13px;
	background:url(../images/bmrepeat.jpg) top repeat-x;}
	
	#cbr{
	height:13px;
	width:13px;
	background:url(../images/cbr.jpg) left top no-repeat;}
	
	#maincontenttableinfo{
	height:100px;
	width:100px;
	float:left;}
	
	#maincontenttabletitle{
	float:left;
	width:450px;
	height:100px;}
	
	#article{
	margin-bottom:25px;}
	
	
	/* -------------------------------------------------------------------end of ContentTable */
	
	#datebg{
	height:50px;
	width:100px;
	background:url(../images/date-bg.gif) center center no-repeat;}
	
	#datebg p{
	margin:0;
	color:#2E2E2E;
	font-size:9px;}
	
	.infojahr{
	padding-left:35px;}
	
	#datebg .infotag{
	margin:0;
	color:#828282;
	font-size:18px;
	padding-top:2px;
	font-weight:bold;
	padding-left:35px;}
	
	#datebg .infomonat{
	color:#6D6D6D;
	margin-top:-3px;
	font-size:8px;
	padding-left:40px;
	}
	
	#author {
	background:url(../images/user.gif) left left no-repeat;
	height:30px;
	width:100%;
	}
	
	#author p{
	margin:0;
	padding-left:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	color:#666666;
	font-style:italic;}
	
	#topic_text {
	margin-left: 25px;
	padding-right:40px;
	}
	
	#topic_text p{
	line-height: 1.7em;
	color:#434343;
	text-align:justify;
	font-size: 0.9em;
	text-wrap:3pt;
	}
	
	#topic_text ul {padding:15px; margin:15px 20px 0 20px; color:#434343; font-size:12px;   text-wrap:6pt; text-align:justify;} 
	#topic_text ul li {list-style-type:square;line-height:1.5em; margin:0 0 18px 0; }
	
	
	#topic_text a{
	font-size:1.1em;
	font-weight:100;
	text-decoration:underline;
	}
	
	#topic_text a:hover{
	text-decoration:none;
	}
	
	#simplelist{
	font-size:11px;
	color:#2E2E2E;}
	
	#simplelist li{
	background:url(../images/arrowbull.gif) left left no-repeat;
	list-style-type:none;
	list-style:none;
	line-height:1.5em;
	padding-left:12px;
	padding-bottom:10px;}
	
	.pdf {
	background:url(../images/acro.gif) left left no-repeat;}
	
/* Konfiguration für das Einfügen von Bildern */

.post img {
padding:4px;
border:1px solid #ddd;
}

.img {
padding:4px;
border:1px solid #ddd;
float:left;

}

.img_170x128 {
padding:4px;
border:1px solid #ddd;
width:170px;
float:left;
margin-right:10px;

}

.img_128x170 {
padding:4px;
border:1px solid #ddd;
width:128px;
height:170px;
float:left;
margin-right: 10px;

}

#header {
}

#titleimg {
height:200px;
width:1000px;
background:url(../images/title_normal.jpg) left no-repeat;

}




#img {
float:left;
margin:20px 10px 5px 20px;
height:128px;
width:170px;
}

#topic_img p {
	height: auto;
	width: auto;
}
#topic_img {
	height: auto;
	width: auto;
}



#wrapper{
margin-bottom:35px;}

#topic {
margin-left:5px;
}

#maincontenttab{
background:url(../images/bg_topics.jpg) left top no-repeat;}

#maincontenttabheader{
background:url(../images/bg_topics_header.jpg) left bottom no-repeat;}

#maincontenttabfooter{
background:url(../images/bg_topics_footer.jpg) left top no-repeat;
height:30px;}




#footer {
height:300px;
background:url(../images/footer_bg.jpg) repeat-x;
clear:both;
}

#footerart{
height:220px;
width:320px;}

#footerimg{
height:100px;
width:80px;
padding:4px;
background-color:#EBEBEB;
border:1px solid #C1C1C1;
margin: 10px;
float:left;}

.footertitle{
font-size:12px; 
padding-top:12px;
font-weight:bold;
color:#585858;}

.footertext{
padding-left:10px;
font-size:10px;
font-weight:100;
color:#6D6D6D;
line-height:1.5em;}

.footertext a{
text-decoration:none;
color:#6D6D6d;
border-bottom:1px dotted #6D6D6D;}




#copyright{
height:200px;
margin-bottom:30px;
margin-top:20px;
}

.copyrighttext{
font-size:9px;
color:#828282;
padding-left:12px;}


#menu_tabspacer {
margin-left: 20px;
padding-top: 15px;


}

#tab_bg {
background:url(../images/website/tab_bg_1.jpg) no-repeat;
background-position:left;
height:48px;
}

#tab_bg1 {
background:url(../images/website/tab_bg_2.jpg) no-repeat;
background-position:left;
height:48px;
}

#tab_bg2 {
background:url(../images/website/tab_bg_3.jpg) no-repeat;
background-position:left;
height:48px;
}

#tab_bg3 {
background:url(../images/website/tab_bg_4.jpg) no-repeat;
background-position:left;
height:48px;
}

#tab_bg4 {
background:url(../images/website/tab_bg_5.jpg) no-repeat;
background-position:left;
height:48px;
}

.untertitel{
color:#FF9900;
border-bottom: 1px dotted #FF9900;
font-weight:200;}

#ziele_aufzaehlung ul li {
list-style-image:url(../images/sun_off.gif);}

#container #border_top #mainContent #topic #ziele_aufzaehlung .img_170x128 {
margin-right:30px;}

h1{
font-size:13px;
font-weight:bold;
line-height:12px;
}

h2{
font-size:12px;
font-weight:200;
line-height:12px;}

p{
font-size:11px;
font-weight:200;
line-height:16px;}



/* Adminbereich */

#admin_mgliedNr {
font-size:14px;
color:#AA0000;
font-weight:bolder;}

#admin_mgliednames {
font-size: 16px; font-weight:bolder;}

#admin_mglied_kontodaten {
font-weight: bolder;
}

#db_navigation {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;}

.admin_important {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px; 
color:red;}

.admin_data_title {
background:url(../verwalten/img/data_title_border.gif) repeat-x;
height: 20px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#FFFFFF;}

.admin_data_title_bottom {
background:url(../verwalten/img/data_title_border_bottom.gif) repeat-x;
height:20px;}

/*new css codes*/

/*Picture Upload gallery */ 
#element{
width:120px;
height:200px;
padding:5px;
background-color:#EBEBEB;
border:1px solid #C1C1C1;
float:left;
margin-right:15px;
margin-left:15px;
margin-bottom:15px;
margin-top:15px;
}

#element:hover{
background-color:#C1C1C1;
border-color:#585858;}

#elements{
margin-left:20px;
margin-right:20px;
margin-top:25px;
margin-bottom:25px;

}

#showpicture{
position:relative;
width:100%;
height:400px;
padding-top:20px;
background:url(../images/frame_picture.jpg) center no-repeat;
text-align:center;
}

#myimage{
margin-top:65px;
margin-left:97px;
	height:219px;
	width:208px;
}

#option{
height:90px;
width:100px;
float:left;}


/* ----- ADMIN AREA -----*/

#taskbox {
background-color:#EBEBEB;
float:left;
width:90px;
height:90px;
padding:6px;
border:1px solid #C8C8C8;
margin: 10px 10px 10px 10px;}

#taskbox:hover {
border:1px solid #333;
background:url(../admin/images/bg_hover_taskbox.gif) center center no-repeat;
cursor:pointer;}

#bg_bl {
	visibility:hidden;
	background:url(../admin/images/bg_trans_bl.png) repeat;
	position:absolute;
	width:100%;
	height:400%;
	padding:15px;
	color:white;
	text-align:center;
	z-index:1;
	left: 0px;
	top: 0px;
	scr
	
	}
	
#bg_bl_msg {
	position:fixed;
	top:81%;
	right:45%;}