/* @override 
	http://www.kids-of-africa.com/themes/kidsofafrica/css/main.css
	http://www.kids-of-africa.com/themes/kidsofafrica/css/mobile.css
	http://kids-of-africa.com/themes/kidsofafrica/css/main.css
*/

html {
	height: 101%;
}

#ng_bitflux_org, body {
	margin: 0;
	padding: 0;
}

a {
	color: #4d4d4d;
	outline: none;
}

a:hover {
	color: #d20019;
}

p {
	margin: 0;
	padding: 0;
	padding-right: 50px;
	margin-bottom: 22px;
	color: #4d4d4d;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
}

p strong {
	color: #4d4d4d;
}

h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 22px;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4d4d4d;
}

h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 11px;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4d4d4d;
}

h2 a {
	text-decoration: none;
	color: #4d4d4d;
}

h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 11px;
	color: #d20019;
	font: 13px Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	color: #d20019;
	font: 11px "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d20019;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 768px;
/

*	
	background: #ffffff url(../../../files/images/layout.jpg) no-repeat;
*/
}

#servicenavi {
	margin: 0 auto;
	padding: 0;
	width: 930px;
	height: 94px; /* 144px */
	position: relative;
}

#logo {
	position: absolute;
	clear: both;
	top: 74px;
	left: 60px;
}

ul.service {
	float: left;
	width: 320px;
	padding: 0;
	padding-top: 71px;
	padding-left: 257px;
	margin: 0;
	color: #8b8b8b;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul.service li {
	display: inline;
	margin-right: 7px;
	padding-right: 8px;
	border-right: 1px solid #8b8b8b;
}

ul.service li.servicelast {
	border: none;
}

ul.service a {
	text-decoration: none;
	color: #8b8b8b;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#banner {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 260px;
background: url(/files/images/banner/banner_01.jpg) no-repeat;
}


#topnavi {
	width: 960px;
}

#topnavi ul {
	border-top: 1px solid #d20019;
	margin: 0;
	padding: 0;
	margin-left: 265px;
	margin-right: 15px;
	list-style-type: none;
	font: 13px "Arial Black", Arial, Helvetica;
	text-decoration: none;
}

#topnavi li {
	margin: 0;
	padding: 0;
	display: inline;
}

#topnavi li a {
	display: inline-block;
	text-decoration: none;
	height: 17px;
	color: #4d4d4d;
	padding: 5px 8px 6px;
	_padding-bottom: 4px;
	text-transform: uppercase;
}

#topnavi li a.selected, #topnavi li a:hover {
	color: #ffffff;
	background-color: #d20019;
}

#left {
	float: left;
	width: 240px;
}

#content {
	margin: 0;
	margin-bottom: 60px;
	padding: 0;
	padding-top: 30px;
	float: left;
	width: 705px; /* 525px */
}

#content ol, #content ul {
	margin: 30px;
	padding: 0;
	padding-right: 50px;
	margin-bottom: 22px;
	color: #4d4d4d;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
}

#midbox {
	margin: 0;
	padding: 0;
	float: left;
	width: 480px;
}

#midbox a img {
	border: 0;
}

#midbox table.houselist td {
	vertical-align: top;
	padding: 5px 0 5px 0;
	border-top: 1px solid #333;
}


#photo {
	margin-top: 11px;
	display: inline;
	float: left;
	width: 225px;
}

.photobox {
margin: 0 auto;
margin-bottom: 5px;
padding: 0;
width: 195px;
	border-top: 1px solid #d20019;
	background-color: #fff;
}
div.photobox img {
	margin: 0;
	padding: 10px 0 5px;
}

#contentsmall {
	margin: 0;
	margin-bottom: 60px;
	padding: 0;
	padding-top: 30px;
	float: left;
	width: 525px;

}

#content_webshop iframe.shop {
vertical-align: left;
}

#content_home {
	
}

#content_webshop {
	margin: 0 auto;
	margin-bottom: 60px;
	padding: 0;
	width: 930px;
	height: 450px;
	background-color: yellow;
}

#newsbox {
	margin: 0 auto;
	padding: 0;
	padding-top: 10px;
	width: 930px;
	height: 70px;
}

#newsbox h1 {
	margin: 0;
	padding: 0;
	color: #d20019;
	font: 11px "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d20019;
}

#newsbox p {
	margin: 0;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 12px;
	color: #666666;
	background-color: #f2f2f2;
	height: 30px;
}

#newsbox a {
	text-decoration: none;
	color: #666666;
}

#newsbox a:hover {
	text-decoration: underline;
}

#colbox {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 30px;
	height: 250px;
}
#newscolbox {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 30px;
	height: 250px;
}

#col1,
#col2,
#col3,
#col4 {
	float: left;
	width: 225px;
	padding-right: 10px;
}

#col4 {
	margin: 0;
	padding: 0;
}

#newscol,
#newscollast {
	float: left;
	width: 300px;
	padding-right: 15px;
}
#selectioncol,
#selectionlast {
	float: left;
	width: 225px;
	padding-right: 15px;
}

#newscollast {
	margin: 0;
padding: 0;
}
#selectionlast {
	margin: 0;
padding: 0;
}

#newscol h2,
#newscollast h2 {
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	color: #d20019;
	font: 11px "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d20019;
}
#selectioncol h2,
#selectionlast h2 {
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	color: #d20019;
	font: 11px "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d20019;
}



#col1 h2,
#col2 h2,
#col3 h2,
#col4 h2 {
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	color: #d20019;
	font: 11px "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d20019;
}

#right {
	margin-top: 27px;
	float: left;
	width: 180px;
}

#right ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: italic 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#right li {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
}

#right li a {
	color: #929292;
	text-decoration: none;
}

#right li a:hover {
	color: #4d4d4d;
}

ul#subnav {
	width: 180px;
	border-top: 1px solid #4d4d4d;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 41px;
	margin-left: 30px;
	color: #8b8b8b;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul#subnav li {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul#subnav a {
	width: 180px;
	display: block;
	text-decoration: none;

	padding-bottom: 2px;
	border-bottom: 1px solid #4d4d4d;
	color: #4d4d4d;
}

ul#subnav a.selected {
	color: #d20019;
}

ul#subnav a:hover {
	color: #d20019;
}

ul#subnav li ul {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: ;
}

ul#subnav li ul li {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	list-style-type: none;
	background-color: ;
}

ul#subnav li ul li a {
	width: 166px;
	display: block;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #4d4d4d;
}
ul#subnav li ul li ul li a {
	width: 151px;
	display: block;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #4d4d4d;
}

#footer {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 50px;
	border-top: 1px solid #d20019;
	clear: both;
}

#footer ul {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	display: inline;
}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	padding-left: 5px;
	color: #4d4d4d;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
	border-right: 1px solid black;
}

#footer ul li.last {
	border: none;
}

#footer ul a {
	color: #4d4d4d;
}

ul.news {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: italic 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul.news li {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
}

ul.news li a {
	color: #929292;
	text-decoration: none;
}

.box {
	border-top: 1px solid #d20019;
	background-color: #f2f2f2;
	width: 450px;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 11px;
}

.box h1 {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-bottom: 11px;
	color: #d20019;
	font: 13px Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

.box ul, ul {
	margin: 0;
	padding: 0;
	padding-left: 35px;
	padding-bottom: 11px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
	list-style-type: square;
}

.box ol {
	list-style-type: decimal;
}

div.box p {
	margin: 0;
	padding: 0;
	padding-left:15px;;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
}

/* DONATE NOW */

.boxgrid {
	margin-top: 4px; /* 54px */
	width: 316px;
	height: 90px; /* 90px */
	float: left;
	background: #ffffff;
	overflow: hidden;
	position: relative;
}

.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption {
	float: left;
	position: absolute;
	background: #fff;
	height: 100px;
	width: 316px;
	/* For IE 5-7 */
				filter

: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter:

"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 0px;
	left: 0px;
}

.caption .boxcaption {
	top: 50px;
	left: 0px;
}

/* END - DONATE NOW */

/* BLOG */
h3.blog {
	display: none;
}

div.post_meta_data {
	padding: 0;
	padding-left: 5px;
	width: 480px;
	border-top: 1px solid #d20019;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4d4d4d;
	line-height: 22px;
	margin-bottom: 15px;
	background-color: #f2f2f2;
}

div.blog_pager {
	display: none;
}

div.post_links {
	margin-bottom: 25px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #666666;
}
div.post_content p {
	margin-bottom: 15px;
}

/* END - BLOG */

/* Contact - Form */
div.form {
	width: 460px;
	border-top: 1px solid #d20019;
	background-color: #f2f2f2;
}

tbody tr th {
	color: #4d4d4d;
	padding-left: 15px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
	text-align: left;	
	width: 120px;	
}

input#pfo5 {
float: right;

}

tbody tr td {
		color: #4d4d4d;
		font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
}

form#contact {
	padding-bottom: 30px;
}

form#contact table {
	margin-top: 15px;
		padding-bottom: 15px;
}

td.formgenerell input#pfo1,
td.formgenerell input#pfo2,
td.formgenerell input#pfo3,
td.formgenerell input#pfo4 {
width:286px;
}
textarea#pfo4 {
	width: 290px;
	height: 100px;
}
textarea#pfo8,
textarea#pfo12,
textarea#pfo13
 {
	width: 290px;
	height: 100px;
}
/* END Contact - Form */

#videocontainer {
	margin-bottom: 15px;
	margin-left: 15px;
}

table.overview {
	border-top: 1px solid #d20019;
	width: 210px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}

table.overview tbody tr td.left {
	width: 100px;
padding-left: 15px;
}
table.overview tbody tr td.mid {
		width: 140px;
text-align: right;
}
table.overview tbody tr td.right {
		width: 30px;
	text-align: right;
	padding-right: 15px;
}

/* elements for the gallery
-------------------------------------- */

#content #gallerie {
	float: left;
	padding: 0px 0px 10px 25px;
	margin: 0px 0px 20px 0px;
}

#content .thumbnail {
	float: left;
	width: 100px;
	margin: 15px 15px 0px 0px;
	padding: 0px;
}

#content .thumbnail img {
	border: 1px solid #778899;
	padding: 1px;
}

#content  br.antileft {
	clear: left;
}

.antifloat {
	clear: both;
	visibility: hidden;
}

/* elements for the gallery_preview-plugin
--------------------------------------------*/

#gallerie_preview {
	padding: 0px 10px 10px 25px;
	margin: 0px 20px 20px 20px;
	border: 1px solid #778899;
}

#gallerie_preview .thumbnail {
	float: left;
	width: 100px;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}

#gallerie_preview .thumbnail img {
	border: 1px solid #778899;
	padding: 1px;
}

#gallerie_preview_navi {
	margin-top: 10px;
}

#gallerie_preview_info {
	margin-top: 10px;
	visibility: visible;
}

span.right {
	margin-right: 15px;
}
table.pixoverview {
		border-spacing: 0;
	width: 450px;
}

tr.homename td.pix {
	width: 200px;
}
tr.homename td.nopix {
	width: 50px;
	background-color: #fff; /* #778899 */
}

tr.homename {
	text-align: center;
}
tr.homename td {
	background-color: #f2f2f2;
}
tr.mother {
	color: #fff;
	background-color: #f2f2f2;
}
tr.mother td {
	font-weight: bold;
	font-size: 16px;
}
legend {
	display: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
	}
.invisible {
	display: none;
}
input#pfo5 {
	float: left;
}



textarea#pfo17,
textarea#pfo14 {
	width: 290px;
}
h3.donation {
padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
}
input#pfo1, 
input#pfo2, 
input#pfo3, 
input#pfo4 {
	margin: 0;
	padding: 0;
}
th.reqfields {
	vertical-align: top;
}
div.formErrors {
	padding-top: 15px;
	padding-left: 15px;
	font: 11px "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	border-top: 5px solid #d20019;
	background-color: #f2f2f2;
	width: 445px;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 11px;

}
div.formError strong {
	width: 200px;
	color: #d20019;
}
td.formgenerell input#pfo5,
td.formgenerell input#pfo6,
td.formgenerell input#pfo7,
td.formgenerell input#pfo8,
td.formgenerell input#pfo9,
td.formgenerell input#pfo10,
td.formgenerell input#pfo11,
td.formgenerell input#pfo12,
td.formgenerell input#pfo13,
td.formgenerell input#pfo14,
td.formgenerell input#pfo15,
td.formgenerell input#pfo18  {
	width: 286px;
}
form.donateform {
	font-weight: bold;
	padding-left: 15px;
	width: 420px;
	color: #4d4d4d;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 22px;
}
th.description {
vertical-align: top;
}
#midbox a img.webshop {
	border: 1px dotted red;
}

a.pdf { 
	background: url(/files/images/system/pdf-icon.gif) no-repeat left;
	padding-left: 20px;
	line-height: 19px;
}
