/* Styles für Website www.herrnhuter-diakonie.de */

/* Allgemeine Vorgaben */
body {margin: 20px 0 20px 18px; font-size: 100.01%; line-height: 1.25em; font-family: Arial, Helvetica, sans-serif;}
img {border-style: none;}
input {font-family: Arial, Helvetica, sans-serif;}

h2 {font-size: 1.25em;}
p {margin-bottom: 1.25em;}
table.contenttable {margin-bottom: 1.25em;}
table.contenttable p {margin: 0;}
td {/*border: 1px solid black;*/}
fieldset {border:1px solid #EF7F00;}


/* Bereiche definieren */

#kopf {width: 983px; border-bottom: 5px solid #EF7F00; padding-bottom: 6px;}
#wrap {width: 1000px;}
#links {width: 242px; float: left; font-size: 0.75em;}
#hauptbereich {width: 740px; float: left; border-right: 1px solid #EF7F00;}
#hauptbereichkopf {background: url(fileadmin/kopfbilder/HD_hand_neu_2008_v2_09.jpg) -20px top no-repeat #F8CD9A; min-height: 201px; overflow: visible;}
/*
#navi-sub {width: 30%; padding: 0 0 0 0; font-size: 0.75em; background: #EF7F00; opacity: 0.94; filter: alpha(opacity=94);}
*/
#navi-sub {position: relative; left: 500px; width: 240px; font-size: 0.75em; /*border: 1px solid black;*/ }
#zusatzinfo {display: none; float: right; width: 210px; margin: 10px; font-size: 0.75em; /*border: 1px solid black;*/ }
#inhalt {width: 470px; min-height: 330px; float: left; padding: 15px; background: #EEECDF; font-size: 0.75em; }
#rechts {float: left; width: 240px; /*border: 1px solid green;*/ font-size: 0.75em; overflow: hidden;}
#navi-fuss {margin: 0;  border: 0; width: 971px; clear: both; height: 2em; background: #A5A5A7; padding: 6px 0 0 12px; font-size: 0.7em;}
#suche {display: inline; position: relative; left: 450px; font-size: 0.7em; }

.diakoniesachsen {display: block; margin: 20px 0.25em; text-decoration: none;}


/* Navigation */
#links ul  {list-style: none; margin: 0; padding: 0; border: 0;}
#links ul li {border-top: 1px solid #F8CD9A;}
#links ul li a, #links ul li a:link, #links ul li a:visited, #links ul li span {color: #000000; display: block; text-decoration: none; padding: 0.25em 0.25em 0.25em 0.5em; margin: 0;}
#links ul li a:hover, #links ul li a:focus, #links ul li a:active {color: #000000; text-decoration: none; background-color: #F8CD9A;}

#links ul li span.cur, ul#navi-arbeit ul a.act, ul#navi-arbeit ul a:visited.act {font-weight: bold; background-color: #EF7F00; color: #ffffff;}

ul#navi-arbeit li span.nolink {font-weight: bold; color: #A5A5A7;}
ul#navi-arbeit li ul li span.cur {font-weight: bold; background-color: #EF7F00; color: #ffffff;}

ul#navi-service {margin-top: 2em; }
ul#navi-service li ul li a, ul#navi-service li ul li span.cur {text-indent: 1em; margin-top: 0; }

/*
ul#navi-sub {list-style: none; margin: 0; padding: 2.25em 0 1.2em 0; border: 0;}
ul#navi-sub li {border-bottom: 1px solid #EF7F00;}
ul#navi-sub li a, ul#navi-sub li a:link, ul#navi-sub li a:visited, ul#navi-sub li span {color: #ffffff; display: block; text-decoration: none; padding: 0.25em 0.25em 0.25em 1.5em; margin: 0;}
ul#navi-sub li a:hover, ul#navi-sub li a:focus, ul#navi-sub li a:active {color: #000000; text-decoration: none; background-color: #F8CD9A ;}
ul#navi-sub li span.cur {font-weight: bold;}
*/

ul#navi-sub {list-style: none; margin: 0; padding: 1em 0 0 0; border: 0;}
ul#navi-sub li {border-bottom: 1px solid #EF7F00;}
ul#navi-sub li a, ul#navi-sub li a:link, ul#navi-sub li a:visited, ul#navi-sub li span {color: #000000; display: block; text-decoration: none; padding: 0.25em 0.25em 0.25em 1.5em; margin: 0;}
ul#navi-sub li a:hover, ul#navi-sub li a:focus, ul#navi-sub li a:active {color: #ffffff; text-decoration: none; background-color: #EF7F00;}
ul#navi-sub li span.cur {font-weight: bold;}

ul#navi-fuss {list-style-type: none;}
ul#navi-fuss li {border-right: 1px solid #ffffff; margin: 0 6px 0 0; padding: 0 6px 6px 0; display: inline; color: #ffffff;}
ul#navi-fuss a, ul#navi-fuss a:link, ul#navi-fuss a:visited, ul#navi-fuss span {color: #ffffff; text-decoration: none; }
ul#navi-fuss a:hover, ul#navi-fuss a:focus, ul#navi-fuss a:active {color: #ffffff; text-decoration: underline;}

#suche input {margin-bottom: 3px;}
#suche input.suchfeld {width: 120px; border-top: 1px solid #A5A5A7; border-left: 1px solid #A5A5A7; border-bottom: 1px solid #EEECDF; border-right: 1px solid #EEECDF; background-color: #EEECDF; margin-right: 0.25em;}
#suche input.suchbutton {border: 1px solid #ffffff; background: none; color: #A5A5A7;}
#suche input:hover.suchbutton, #suche input:focus.suchbutton, #suche input:active.suchbutton {border-top: 1px solid #A5A5A7; border-left: 1px solid #A5A5A7; border-bottom: 1px solid #EEECDF; border-right: 1px solid #EEECDF; background-color: #ffffff;}

li dfn {display: block; position: absolute; left: -3000px; height: 0px; width: 0px; padding: 0;}

.usb {display: block; position: absolute; /* left: -3000px;*/ height: 0px; width: 0px; padding: 0; margin: 0; line-height: 0; /*border: 1px solid black;*/ background: #ffffff}


/* Inhalte */
#inhalt ul, #rechts ul, #zusatzinfo ul  {list-style: url(fileadmin/templates/icon_liste_ef7f00.gif);}
#inhalt li, #rechts li, #zusatzinfo li  {}

#inhalt a, 
#inhalt a:link, 
#inhalt a:visited, 
#rechts a, 
#rechts a:link, 
#rechts a:visited, 
.news-amenu-container a, 
.news-amenu-container a:link, 
.news-amenu-container a:visited {color: #000000; text-decoration: none; border-bottom: 1px dashed #ef7f00; padding-bottom: 1px;}

#inhalt a:hover, 
#inhalt a:focus, 
#inhalt a:active,
#rechts a:hover, 
#rechts a:focus, 
#rechts a:active,
.news-amenu-container a:hover,
.news-amenu-container a:focus, 
.news-amenu-container a:active {color: #000000; text-decoration: none; border-bottom: 1px solid #000000; padding-bottom: 1px;}

#inhalt h2 a, #inhalt h2 a:link, #inhalt h2 a:visited {color: #000000; text-decoration: none; border-bottom-style: none;}
#inhalt h2 a:hover, #inhalt h2 a:focus, #inhalt h2 a:active {color: #000000; text-decoration: none; border-bottom: 1px solid #000000;}

#rechts h2, #rechts p, #rechts dd.csc-textpic-caption {margin-left: 15px; margin-right: 15px;}
#rechts .csc-header-n1 {margin-top: 15px;}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	color: #EF7F00;
	margin: 1.5em 0;
	border: none;
	border-bottom:1px solid #EF7F00;
}

.news-single-item HR.clearer {
	border: none;
}

.news-latest-container HR.clearer {
	clear:left;
}


.news-list-container IMG {
    float: right;
    margin-bottom:5px;
    margin-right:2px;
    margin-left:5px;
}



#rechts .news-single-img a {
 border-bottom: none 0px;  
}
#rechts p.news-single-imgcaption {padding: 0 1em; margin: 0 0 1em 0; }



#rechts .news-amenu-container ul {list-style-type: none; padding-left: 15px;}

.news-amenu-item-year  {
    font-weight: bold;
    margin-top: 1em;
}

.news-list-morelink {margin-left: 0.5em; white-space:nowrap;}
.news-list-date {color: #666;}
.news-list-item h2 {margin-bottom: 0.3em;}
.news-list-item p {margin-top: 0.3em;}