@import "news.css";
/*@import "shop.css";*/

* {
	font-family: verdana, arial, helvetica, sans-serif;
	color:#333333;
	background-color: transparent;
        padding: 0px;
        margin: 0px;
}

.tx-indexedsearch{
	width:550px;
}

.tx-indexedsearch-res {
	width:550px;
}

*|*:-moz-any-link:focus {
	outline: none;
}

html, body {
	background-image: url(../gfx/bodybg.gif);
	background-repeat: repeat-x;
	background-color: #D9E1EE;
	text-align: center;
	height: 100%;
	font-size: 100,1%;
	}
#page {
	margin: 0px auto 0px auto;
	width: 755px;
	min-height:100%;
	background-image: url(../gfx/pagebg.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
		font-size: 80%;
			line-height: 1.2em;
}
*html #page {
	height: 100%;
	}

#header {
	background-color: #4d6eaf;
	background-image: url(../gfx/header_bg.gif);
	background-repeat: repeat-y;
	height: 140px;
}
#logo {
	float:left;
}
#pics {
	float:right;
	height: 140px;
}
#hnavi {
	clear: both;
	height: 18px;
	background-color: #ffffff;
	background-image: url(../gfx/hmenu_bg.gif);
	background-repeat: repeat-x;
	text-align: left;
	font-size: 11px;
	line-height: 1em;
	font-weight: bold;
	padding-left: 20px;
}
/*#hnavi table { margin-left: 20px;}*/
/*.hmenu1 { float: left;}*/
.hmenu1 a {
	font-size: 11px;
	/*line-height: 1em;*/
	/*border-right: 2px solid #333333;*/
	/*padding-right: 5px;*/ 
}
.hmenu1 a:hover, .hmenu2 a:hover, .hmenu3 a:hover {
	text-decoration: none;
	color:#333333;
}
.hmenu1, .hmenu2, .hmenu3 {
	text-align: left;
	font-size: 11px;
	line-height: 1em;
}
.hmenu1 {
	padding: 2px 10px 0px 5px;
}
.hmenu2 {
        width: 150px;
}
.hmenu2 a, .hmenu3 a {
	text-align: left;
	font-size: 11px;
	line-height: 12px;
	display: block;
	background-color: #ffb75e;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #ff9919;
}
.hmenu2 a:hover, .hmenu3 a:hover {
	background-color: #ffe0ba;
}


 
#left {
	padding: 5px;
	float: left;
}
#left a:hover, #headnavi li a:hover {
	text-decoration: none;
	color:#333333; 
}
#suchediv {
	background-color: #FFF0DD;
}
#subnavi {
	background-color: #FDE7CB;
}
#patenkind {

}
#suchediv, #subnavi, #patenkind {
	width: 125px;
	text-align: left;
	margin-bottom: 5px;
}
#searchform img {
	border: none;
	vertical-align: middle;
	background: transparent;
}
#searchform input{
	border: none;
	vertical-align: middle;
	background: none;
}

#searchform .suche {
        border: 1px solid #4C6EAE;
        width: 80px;
        margin: 0px;
        padding: 1px 0px;
        background: #ffffff;
        line-height: 1.2em;
        font-size: 11px;
}
/*subnavigation header rechts + links*/
#subnavi {
	padding: 2px 0px 2px 0px;

}
#subnavi ul, #headnavi ul {
		margin:0px;
		padding: 0px;
}
#subnavi li, #headnavi li {
	list-style-type: none;
	padding: 5px 0px 5px 25px;
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 1.2em;
}
#subnavi li {
	margin:0px;
}
#headnavi li {
	margin:0px 0px 0px 20px;
}
#subnavi li a, #headnavi li a {
	font-size: 10px;
	line-height: 1.2em;
	font-weight: bold;
}
#headnavi {
	background-color: #ffffff;
	height: 25px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}
#headnavi ul li{
        float: right;
}


li#tipafriend {
        background-image: url(../gfx/pict157.gif);
}
#patenkind p {
	line-height: 1em;
	font-size: 90%;
	margin: 0px 3px 0px 3px;
}
#patenkind #bildkind {
	margin: 0px 12px 0px 12px;
}
#patenkind p.patencaption {
	text-align: center;
	margin: 0px 2px 6px 3px;
	font-size: 80%; 
}
#patenbg {			
	background-color: #FFE0BA;
	padding: 5px 0px 5px 0px;
}


#content{
	float:left;
	text-align: left;
}
#rootline {
	border-bottom: 1px solid #FFE0BA;
	margin: 0px 0px 7px 20px;
	padding: 3px 0px 0px 0px;
	font-size: 90%;
	width: 594px;
}	
#rootline a {
	font-size: 100%;
}
#rootline a:hover{
        text-decoration: none;
        color: #333333;
}
#pageheader {
	margin: 0px 0px 0px 20px;
	padding: 3px 0px 0px 0px;
	width: 594px;
}	

#middle1, #right1 {
	float: left;
	padding:0px 5px 20px 20px;
}

#middle1-shop {
	float: left;
	padding:0px 5px 20px 20px;
}

#right1-shop {
	float: left;
	padding:0px 5px 20px 0px;
}

#middle2-shop {
	width: 462px;
	padding: 0px;
}

#right2-shop {
	width: 120px;
	padding: 0px;
}

#middle2, #right2 {
	width: 285px;



	padding: 0px;
}

#middle3 {
	width: 595px;
}
/* sonderfall falls zweispaltig innerhalb einspaltig: middle3*/
#right3 {
	float: right;
	width: 285px;
}

object {
height:0px;
border:none;
width: 285px;
margin:0px;
}

#copyright {
	font-size: 10px;
	line-height: 1.2em;
	margin: 10px 0px 0px 150px;
}
#footerlinks{
margin-left: 150px;
	font-size: 10px;
	line-height: 1.2em;
        width: 595px;
        border-top: 1px solid #ffe0ba;
        border-bottom: 1px solid #ffe0ba;
        padding: 5px 0;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
td {
	vertical-align: top;
}

p, h1, h2, h3 {
	margin:0px 0px 1.2em 0px;
}
.small, .smallred {
	font-size: 90%;
	line-height: 1em;
	margin: 0px;
	font-weight: normal;
}
h1 {
	font-size: 120%;
	line-height: 1.2em;
	color: #02225D;
}
h2 {
	font-size: 100%;
	line-height: 1.2em;
	background-color: #FFC782;
	display: block;
	padding: 1px 5px 2px 5px;
	border-bottom: 1px solid #ffffff;
}
h2 span.normal {font-weight: normal;}
form h2 {
	margin: 0px;
}
h2#buch {
	background-image: url../(gfx/buch.gif);
	background-repeat: repeat-y;
}

h3 {
	font-size: 100%;
	line-height: 1.2em;
}
/*-------- Header f�r Plugins--------*/
h4 {
	font-size: 100%;
	line-height: 1.2em;
	background-color: #FFC782;
	display: block;
	padding: 1px 5px 2px 5px;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
}
/*--------Header f�r Patenkindteaser--------*/
h5 {
	background-color: #FF9E25;
	color: #ffffff;
	display: block;
	font-size: 90%;
	line-height: 1.2em;
	padding: 1px 3px 2px 3px;
	margin: 0px;
	font-weight: normal;
	text-align: center;
}
h5 b {
	color: #ffffff;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: none;
	color: #4C6EAE;
}
a, a b, a strong {
	color: #4C6EAE;
	text-decoration: none;
}
a:hover {
	color: #4C6EAE;
	text-decoration: underline;
}
a img {
         border:none;
}

.news-latest-container a img{
	float:right;
}

.news-list-container a img{
	float:right;
}


.news-latest-container a img[title="mehr Infos"]{
	float: left;
}

.news-list-container a img[title="mehr Infos"]{
	float: left;
}

ul {
	margin: 5px 0 10px 20px; 
}
li {
	list-style: square;
	margin: 0 0 5px 5px; 
}
.caption {
        background-color: #FFF0DD;
}

/*---------Mailformular neu anfang-----*/

label, input, textarea, select, legend {

}
/* �berschriften der LABEL bei Radio Buttons*/
legend {
padding:0px;
margin-bottom: 2px;
border: 0px;
}

/* Definition des Gesamtrahmens der Radio Buttons*/
fieldset {
	border:0px;
	padding:0px;
}
fieldset label {
	margin-left: 5px;
}

/* eigene Klasse f�r die Abst�nde nach oben und unten
bei der Verwendung von Radio Buttons in Formularen */
.radiolayout {
	padding-top:5px;
	padding-bottom:5px;
}
/*indexsuche*/
.tx-indexedsearch-searchbox-sword, .sword {
        width: 250px;
        background:#ffffff;
        border: 1px solid #FFB75E;
        margin: 1px 0px 5px 0px;
}
tx-indexedsearch-searchbox-button, .submit{
        border: 1px solid #4C6EAE;
        color: #4C6EAE;
	margin-left:100px !important;
	margin-left:50px; /*to fix ie6 position	*/
        background:#ffffff;
}


/* eigene Klasse f�r den Gesamtrahmen des Formulares */
textarea {
font-size: 100%;
}
.formular {
       /* background-color: #FFF0DD;*/
        background-color: #E2E6EF;
        border-bottom:1px solid #FFE0BA;
	padding:5px;
	margin-bottom: 1.2em;
}

/* spezielle Klassen f�r Formularelemente */
.mf-radio {
	border:0px;
}

.mf-input, .mf-text, .breite1, .mf-pass  {
        width: 250px;
        background:#ffffff;
        border: 1px solid #47B200;
        margin: 1px 0px 5px 0px;
}
.mf-req label {

}
.mf-req {

}
.mf-check {

	border: 0px;
	margin: 0px 5px 0px 0px;
}
.mf-select {
        background:#ffffff;
        border: 1px solid #47B200;
      /*  border: 1px solid #FFB75E;*/
        margin: 1px 0px 5px 0px;
}

.mf-file {
	
}
.mf-textfield {
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}
.mf-reset {
	
}
.mf-submit, .send {
        border: 1px solid #4C6EAE;
        color: #4C6EAE;
	margin-left:100px !important;
	margin-left:50px; /*to fix ie6 position	*/
        background:#ffffff;
}
.mf-submit2 {
        border: 1px solid #4C6EAE;
        color: #4C6EAE;
        background:#ffffff;
}
.mf-zusatz {
	font-size: 90%;
	line-height: 1.2em;
	margin: 10px 0px 2px 0px;
}
/*---------Mailformular neu ende-----*/

.mf-input2, .breite2  {
        width: 100px;
        background:#ffffff;
        border: 1px solid #47B200;
        margin: 1px 0px 5px 0px;
}
form table {
        width: 100%;
        background-color: #FFF0DD;
        border-bottom:1px solid #FFE0BA;
}
form td {
	padding: 2px 5px;
}
#mailform td {
	width: 50%;
} 
#content input.sendtd {
        border: 1px solid #4C6EAE;
        color: #4C6EAE;
        padding: 0px;
	margin-left:110px !important;
	margin-left:55px; /*to fix ie6 position	*/
	margin-top: 10px;
	margin-bottom: 5px;
        background:#ffffff;
 	clear:both; 
}
/*-----darstellung req field-----*/
#content .fieldreq label, .fieldreq {
       	color: #AF4B00;
}

.red, .smallred {
       	color: #AF4B00;
}

.rahmen, .rahmen2 {
        background-color: #FFF0DD;
        border-bottom:1px solid #FFFFFF;
        padding: 3px;
        margin-bottom: 10px;
}
.rahmen2 {
        border-top:1px solid #FFE0BA;
}
.rahmen h2, .rahmen2 h2 {
	margin: -3px -3px 3px -3px;
}
.rahmen p, .rahmen2 p {
	margin:0px 0px 5px 0px;
}
.rahmen .csc-textpic-imagewrap, .rahmen2 .csc-textpic-imagewrap{
	margin-bottom: 0px;
}
.testimonial {
	border-bottom: 1px solid #FFE0BA;
	margin: 10px 0px;
}

.csc-frame-rulerBefore, .csc-frame-rulerAfter { 
	border-top: 1px solid #6E8BC3;
	margin: 5px 0px 10px 0px;
	clear: both;
	display: block;
	height: 1px; 

}
.csc-uploads-fileName p, .csc-uploads-fileSize p {
	margin:0px;
}
.csc-uploads-fileSize {
	padding-left: 1em;
}
.csc-textpic-caption {
	display:block;
	font-size: 90%;
	line-height: 1.2em;
	padding:0px 2px;
	background-color: #FFF0DD;
}
.csc-textpic-imagewrap {
	margin-bottom: 5px;
}
.tr-even td, .tr-odd td {
	padding-bottom: 0.5em;
}


.tx-wagrandomimage-pi1{
 	border: none;
 	display: block;
 	overflow: hidden;
 	height: 140px;
 	text-align: right;
}

#map_container img {
	border: none;
}
#map_container p {
	margin:0;
}
.marker-layer {
	background-color: #ffffff;
	border: 1px solid #FFC782;
	padding: 2px;
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card {
padding-bottom: 20px;
}

.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-image { 
	float: left;
	padding: 0 5px 0 0; 
	}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-stamp { 
	float: right; 
	padding: 0 0 .5em .5em; 
	}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-message { 
	/*padding: .5em .5em .5em 10px;*/
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-message-block {
 float: left; 
 /*padding-left: 5px;*/
}
.messageright {
 float: left;
 width: 150px; 
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-caption { 
font-size: 90%; 
font-weight: bold; 
margin: 0;  
text-align: center; 
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-title { 
padding-top: 1em;
font-weight:bold; 
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-text { 
padding: 0;
margin: 0;  
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-signature { 
padding-bottom: 0.5em; 
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-buttons { 
clear: both; 
margin-top: 1em;  
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-buttons form { 
}
.tx-srsendcard-pi1-clear-float {
clear: both;
height:1px;
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-selection-prompt { 
	line-height: 1.2em;
	background-color: #FFC782;
	display: block;
	padding: 1px 5px 2px 5px;
	border-bottom: 1px solid #ffffff;
	font-weight:bold; 
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd { 
margin: 0; 
padding: 0 0 2em 0;  
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-captcha { 
margin: 1em 0; 
color:#333333;
}

/*gleicht unterschiedliche Kartenh�hen aus*/
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt {height: auto ! important;}

.tx-srfreecap-pi2-cant-read {
	color:#333333;
 	font-size: 90%;
	line-height: 1em;
}
.tx-srfreecap-pi2-cant-read a {
 	font-size: 1em;
	line-height: 1em;
}

.tx-veguestbook-pi1 {
} 
.tx-veguestbook-pi1 td {
}
.tx-guestbook-list-table {
	border-bottom: 1px solid #cccccc;
}
.tx-guestbook-list-small {
font-size: 90%;
}	

.shop-warenkorb-anzahl{
  padding-right: 25px;
}

.minibasket_container h4{
  background-color: #47B200;
  background-image: url(http://www.ccf-kinderhilfswerk.org/fileadmin/ccf/gfx/hg_minibasket_tr.gif);
  color: white;
}

.kategorie_container h4{
  background-color: #47B200;
  background-image: none;
  color: white;
}

.tx-indexedsearch-searchbox form table{
  background-color: #E2E6EF;
  border-bottom: 1px solid #FFFFFF;
}

.news-single-img {
    float:right;
    padding-left:10px;
    width:300px;

}
.news-single-img p{
    width:auto; /*200px*/
    background-color: #FFF0DD;
}