/*
Theme Name: EFI
/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: 100;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
strong {
font-weight: bold;
color: #333;
}
/* REGULAR CODING */
body{
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-size:12px;
}
a{
text-decoration: none;
color: #346631;
}
a:hover{
text-decoration: underline;
}
/* STRUCTURE */
#container{
margin: 0px auto;
background: #fff url(images/logo.jpg) no-repeat top right;
padding: 25px 0;
height: 240px;
}
#holder{
margin: 0px auto;
padding: 0;
width: 850px;
}
#holder .con{
padding:25px;
background: transparent;
}
#con-top {
background: url(images/immanuel_back.jpg) no-repeat top right;
height: 60px;
}
#bottom-back{
background:url(images/holder_bottom_back.png) no-repeat center;
height:8px;
}
#header{
height:100px;
}
#logo{
float:left;
}
#content-box{
background: #fff url(images/verlauf.jpg) repeat;
line-height:1.5;
float:left;
border: 1px solid #ccc;
width: 798px;
margin: 0 0 5px 0;
padding: 0;
}
#content-bottom{
border-top:#ccc 1px solid;
clear:left;
height:0px;
margin:0 0 10px 0;
}
#sidebar{
width: 200px;
float: left;
padding: 10px 10px 0 10px;
}
#sidebar #subscribe{
border:#ccc thin solid;
border-width:0 1px 1px 1px;
color:#999;
background:#fff;
font-size:11px;
}
#sidebar #subscribe .back{
height: 80px;
padding:0 0 0 45px;
background:url(images/rss_top.gif) no-repeat 2% 50%;
}
#sidebar #feedburner{
float:right;
margin:35px 0 0 0;
}
#sidebar #search{
border-left:#ccc thin solid;
border-right:#ccc thin solid;
border-bottom:#ccc thin solid;
background:#fff;
}
#indexarea {
width: 100%;
}
#contentarea{
width: 570px;
float: right;
}
#footer{
clear: both;
text-align: center;
line-height: 1.5;
}
/* HEADINGS #5C832F*/
h1{
padding:0 0 5px 0;
margin:0 0 5px 0;
color: #346631;
}
h1 a{
color: #346631;
font-size: 42px;
font-weight: bold;
text-transform: capitalize;
}
h3#comments{
font-size:16px;
border-bottom: 1px solid #ccc;
text-align: right;
}
h2.pagetitle{
font-size:24px;
width:450px;
text-align:center;
padding:5px 0;
font-weight:bold;
}
/* FORMS */
#subscribe .text-box{
border:#ccc thin solid;
margin:0 10px 0 0;
height:16px;
padding:5px;
}
#subscribe p, form#searchform p{
display:inline;
}
.text-box-search{
border:#ccc thin solid;
height:16px;
padding:5px;
margin:0 10px 0 0;
width: 280px;
}
.submit-box{
border:#ccc thin solid;
height:28px;
background:#fff;
color:#999;
}
/* LINKS */
#contentarea a, #footer a, #indexarea a{
}
#contentarea a:hover, #footer a:hover, #indexarea a:hover{
}
#sidebar a{
color:#666;
}
#sidebar a:hover{
text-decoration: underline;
}
/* POST */
.post {
margin: 0 0 10px 0;
}
.post .date{
height: 12px;
line-height: 25px;
color: #666;
font-weight: bold;
font-size: 0.8em;
padding: 5px 10px;
}
.post h2{
/*color: #346631;*/
color: #444;
line-height: 1.0;
font-size: 22px;
font-style: italic;
margin:0 0 5px 0;
border-bottom: 1px solid #ccc;
}
.post h2 a {
color: #333;
line-height: 1.0;
font-size: 22px;
font-style: italic;
margin: 0 0 5px 0;
}
.post h2 a:hover {
color: #346631;
text-decoration: none;
}
.header-neu h2 {
color: #333;
line-height: 1.0;
font-size: 14px;
font-weight: bold;
font-style: italic;
margin: 0 0 5px 0;
border-bottom: 0px;
}
.header-neu h2 a {
color: #333;
line-height: 1.0;
font-size: 14px;
font-weight: bold;
font-style: italic;
margin: 0 0 5px 0;
border-bottom: 0px;
}
.header-neu h2 a:hover {
color: #346631;
text-decoration: underline;
}
.post-meta{
border-top: 1px solid #ccc;
clear: both;
}
.post-meta .comments-count{
float: right;
}
.post-meta .category{
float: left;
}
.post-meta .data{
width: 280px;
}
.post ul{
list-style-type:disc;
margin:5px 5px 5px 25px;
}
.post ol{
list-style-type:decimal;
margin:5px 5px 5px 25px;
}
.post p{
margin:10px 0;
}
.post blockquote{
padding:5px 5px 5px 15px;
background:#eee;
font-style:italic;
border:#ccc 1px dotted;
}
.navigation{
text-align:right;
padding:10px;
height:15px;
}
.navigation .alignleft{
float:left;
}
/* COMMENT */
.comment-reply{
clear: both;
}
.comment{
border-bottom:#ccc thin solid;
color:#666;
padding: 10px;
}
.comment .date{
color:#000;
font-size:11px;
margin:3px 0;
}
.comment b{
color:#000;
}
.comment p{
margin:10px 0;
}
.comment-reply p{
color:#666;
font-size:11px;
margin:10px 0;
}
.comment-reply p textarea{
width:410px;
height:200px;
}
.comment-reply h3{
font-size:16px;
color:#666;
}
/* OTHER */
#logo b{
margin: 5px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #ccc;
font-size:12px;
}
#top-ad-banner{
float:right;
}
#contentarea .content, #sidebar .content, #footer .content, #indexarea .content{
padding:15px;
font-size: 1.2em;
}
.content img {
padding: 2px;
border: 1px solid #ccc;
}
.content a:hover img {
border: 1px solid #333;
}
.content h3 {
color: #346631;
font-weight: bold;
margin: 10px 0 0 0;
border-bottom: 1px dotted #AAAAAA;
font-size: 1.2em;
line-height: 1.2em;
}
.content span.h3-date {
float: right;
font-size: 0.8em;
font-style: italic;
color: #999;
}
.content h4 {
color: #346631;
font-weight: bold;
font-size: 1em;
font-style: italic;
}
#sidebar #subscribe .content, #sidebar #search .content, .comment .content, .comment-reply .content{
padding:10px;
}
.post-meta .content{
padding:5px;
}
.avatar{
float:right;
}
#pathbar {
padding: 3px 5px;
font-size: 1.1em;
}
#pathbar a{
color: #346631;
}
#pathbar a:hover {
text-decoration: underline;
}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {
height:32px;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:1.6em;
text-decoration: none;
color:#346631;
height:30px;
border:1px solid #fff;
border-width:1px 0 1px 1px;
margin:0 15px 0 10px;
background: #fff;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:149px;
w\idth:138px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #eee;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background: #ccc;
color: #fff;
}
.menu ul ul :hover > a.drop {
background: #ccc;
color: #fff;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#eeee;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#fff;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:149px;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px; z-index:200; display: none;} /* MODIFIED !!!! display: none;*/
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#F7F7F7;
font-size: 1.2em;
color:#333;
height:auto;
line-height:1em;
padding:5px 10px;
width:160px;
border-color: #ccc;
border-width:0 1px 1px 1px;
z-index:200;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#666;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#666;
background: #fff;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* ================================================================
This CSS is further CSS I have created specifically for Wordpress
so that the current page is highlighted in two levels.
If you want it in three levels let me know.
Author: Isaac Rowntree
Website: www.zackdesign.biz
=================================================================== */
.menu ul ul .current_page_item a {
}
.menu .current_page_item a {
}
.menu ul .current_page_item ul a {
}
.menu ul .current_page_item ul a:hover {
}
.menu .current_page_item a:hover {
}
#intro {
height: 90px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.clearer {
clear: both;
}
/*
CSS Name: Hovereffect Styles
Description: Hover Stylesheet based on the idea of Hoverbox from http://host.sonspring.com/hoverbox/
Author: Alex Rabe - Orginal by Nathan Smith
Version: 0.60
This is a template stylesheet which doesn't support description below the thumbnails. It's a experimental version.
*/
/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-album {
overflow: hidden;
padding: 5px;
margin-bottom: 5px;
}
.ngg-albumtitle {
border-bottom:1px dashed #AAAAAA;
text-align: left;
font-weight: bold;
margin:0px;
padding-bottom: 3px;
font-size: 1.4em;
margin-bottom: 10px;
}
.ngg-thumbnail {
float: left;
margin-right: 12px;
background:#EEEEEE none repeat scroll 0% 50%;
border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
border-style:solid;
border-width:1px;
color:inherit;
margin-right: 5px;
padding:5px;
}
.ngg-thumbnail img {
filter: alpha(opacity=100);
-moz-opacity: .99;
opacity: .99;
background:#FFFFFF none repeat scroll 0%;
border-color:#AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
}
.ngg-thumbnail img:hover {
filter: alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
border-color:#000000;
}
.ngg-description {
text-align: left;
}
/* ----------- Album Styles Compact -------------*/
.ngg-album-compact {
float:left;
height:180px;
padding-right:6px !important;
margin:0px !important;
text-align:left;
width:120px;
}
.ngg-album-compactbox {
background:transparent url(albumset.gif) no-repeat scroll 0%;
height:86px;
margin:0pt 0pt 6px !important;
padding:12px 0pt 0pt 7px !important;
width:120px;
}
.ngg-album-compactbox .Thumb {
border:1px solid #000000;
margin:0px !important;
padding:0px !important;
width:91px;
height:68px;
}
.ngg-album-compact h4 {
font-size:15px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
width:110px;
}
.ngg-album-compact p {
font-size:11px;
margin-top:2px;
}
/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
overflow: hidden;
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-gallery-thumbnail-box {
float: left;
background:#EEEEEE none repeat scroll 0% 50%;
border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
border-style:solid;
border-width:1px;
color:inherit;
display:inline;
margin:3px;
padding:5px;
position:relative;
}
.ngg-gallery-thumbnail {
float: left;
}
.ngg-gallery-thumbnail img {
filter: alpha(opacity=100);
-moz-opacity: .99;
opacity: .99;
background:#FFFFFF none repeat scroll 0%;
border-color:#AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
}
.ngg-gallery-thumbnail img:hover {
filter: alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
border-color:#000000;
}
.ngg-gallery-thumbnail span {
/* Images description */
font-size:90%;
padding-left:5px;
display:block;
}
.ngg-clear {
clear: both;
}
/* ----------- Gallery navigation -------------*/
.ngg-navigation {
font-size:0.9em !important;
clear:both !important;
display:block !important;
padding-top:15px;
text-align:center;
}
.ngg-navigation span {
font-weight:bold;
margin:0pt 6px;
}
.ngg-navigation a.page-numbers, a.next, a.prev,
span.page-numbers, span.next, span.prev {
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover,
span.page-numbers:hover, span.next:hover, span.prev:hover {
background-color: #0066CC;
color: #FFFFFF !important;
text-decoration: none !important;
}
/* ----------- Image browser style -------------*/
.ngg-imagebrowser {
}
.ngg-imagebrowser h3 {
text-align:center;
padding-bottom:10px;
}
.ngg-imagebrowser .pic {
background:#EEEEEE none repeat scroll 0% 50%;
border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
border-style:solid;
border-width:1px;
color:inherit;
display:block;
padding:10px;
}
.ngg-imagebrowser img {
width: 100%;
margin: -3px;
background:#FFFFFF none repeat scroll 0%;
border-color:#AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
}
.ngg-imagebrowser-nav {
padding:10px;
margin-left:10px;
}
.ngg-imagebrowser-nav .back {
float:left;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .next {
float:right;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .back:hover,
.ngg-imagebrowser-nav .next:hover {
border:1px solid #000000;
}
.ngg-imagebrowser-nav .back a:hover,
.ngg-imagebrowser-nav .next a:hover {
text-decoration: none !important;
}
.ngg-imagebrowser-nav .counter {
text-align:center;
font-size:0.9em !important;
}
/* ----------- Slideshow -------------*/
.slideshow {
margin-left: auto;
margin-right: auto;
text-align:center;
}
.slideshowlink {
}
/* ----------- Single picture -------------*/
.ngg-singlepic {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}
.ngg-left {
float: left;
padding-right:10px;
}
.ngg-right {
float: right;
padding-left:10px;
}
.ngg-center {
margin-left: auto !important;
margin-right: auto !important;
}
/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
}
.ngg-widget img {
border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px;
padding:1px;
}
/* ----------- Related images -------------*/
.ngg-related-gallery {
background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;
}
.ngg-related-gallery img {
border: 1px solid #DDDDDD;
float: left;
margin: 0pt 3px;
padding: 2px;
height: 50px;
width: 50px;
}
.ngg-related-gallery img:hover {
border: 1px solid #000000;
}
/* ----------- TABLE -------------*/
#mytable {
width: 100%;
padding: 0;
margin: 0;
}
#mytable caption {
padding: 0 0 5px 0;
width: 100%;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
#mytable th {
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #346631;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
}
#mytable th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #ccc;
background: none;
}
#mytable td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
padding: 6px 6px 6px 12px;
}
#mytable td.alt {
background: #F5F5F5;
}
#mytable th.spec {
border-left: 1px solid #ccc;
border-top: 0;
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#mytable th.specalt {
border-left: 1px solid #ccc;
border-top: 0;
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.imgleft {
float: left;
margin: 0 10px 5px 0;
}
.imgright {
float: right;
margin: 0 0 5px 10px;
}
#impressum {
border: none;
float: right;
}
ul.no-style {
list-style-type: none;
}
ul.bullet-style {
list-style-image: url(images/navi_bullet2.png);
list-style-position: outside;
}
ul.bullet-style-in {
list-style-type: circle;
list-style-position: inside;
}
#menu h2.menutitle {
background: url('images/icon_menu.png') left no-repeat;
padding: 0 0 0 20px;
color: #346631;
font-size: 1.4em;
border-bottom: 1px dotted #AAAAAA;
}
#sidebar #menu{
background: #fff;
margin: 0 0 20px 0;
}
#menu ul li ul{
margin: 0 0 0 15px;
/*list-style-image: url(images/navi_bullet2.png);*/
}
#menu ul#submenu{
margin: 0 0 0 30px;
/*list-style-image: url(images/navi_bullet2.png);*/
}
#menu ul.menuitems li{
border-bottom: 1px dotted #AAAAAA;
}
#menu a {
color: #346631;
display: block;
padding: 2px;
}
#menu a:hover {
background: #F7F7F7;
text-decoration: none;
}
/* Liste > PDF-Icon */
ul#download-pdf {
list-style-type: none;
margin-left: 0px;
}
ul#download-pdf li a {
display: block;
width: 80%;
border: 1px solid #ccc;
background: #f7f7f7 url(images/icon_pdf.png) no-repeat 2%;
padding: 1px 1px 1px 30px;
margin: 0 0 5px 0;
}
ul#download-pdf li a:hover {
background-color: #fff;
text-decoration: none;
border: 1px solid #999;
}
/* Liste > MP3-Icon */
ul#download-mp3 {
list-style-type: none;
margin-left: 0px;
}
ul#download-mp3 li a {
display: block;
width: 92%;
border: 1px solid #ccc;
background: #f7f7f7 url(images/icon_mp3.png) no-repeat 2%;
padding: 1px 1px 1px 30px;
margin: 0 0 5px 0;
}
ul#download-mp3 li a:hover {
background-color: #fff;
text-decoration: none;
border: 1px solid #999;
}
/* wir Glauben */
.glauben-links {
float: left;
padding: 0 20px 0 0;
margin: 10px 15px 0 0;
width: 45%;
background: url(images/arrow_right.png) no-repeat top right;
}
.glauben-rechts {
float: right;
margin: 10px 0 0 0;
width: 45%;
}
#newsletter {
margin: 0 0 20px 0;
text-align: left;
color: #346631;
font-size: 1.1em;
}
#newsletter h2 {
background: url('images/icon_newsletter.png') left no-repeat;
padding: 0 0 0 20px;
font-size: 1.3em;
}
/* Quicklinks */
#quicklinks {
margin: 0 0 20px 0;
text-align: left;
color: #346631;
font-size: 1.2em;
}
#quicklinks li {
margin: 5px 0 0 0;
}
#quicklinks ul li a{
display: block;
width: 98%;
background: #f7f7f7;
border: 1px solid #ccc;
color: #346631;
padding: 0 0 0 3px;
}
#quicklinks ul li a:hover{
background: #fff;
text-decoration: none;
border: 1px solid #999;
}
/* Aktuelles */
#aktuelles {
margin: 0 0 20px 0;
text-align: left;
color: #346631;
font-size: 1.2em;
}
#aktuelles li {
margin: 5px 0 0 0;
}
#aktuelles ul li a{
display: block;
width: 98%;
background: #f7f7f7;
border: 1px solid #ccc;
color: #346631;
padding: 0 0 0 3px;
}
#aktuelles ul li a:hover{
background: #fff;
text-decoration: none;
border: 1px solid #999;
}
#aktuelles h1{
font-size: 1.3em;
}
/* ICS Widget*/
.widget-block ul ul {
margin: 0 0 0 15px;
}
.widget-block ul h2 {
background: url('images/calendar.png') left no-repeat;
padding: 0 0 0 20px;
color: #346631;
font-size: 1.4em;
border-bottom: 1px dotted #AAAAAA;
}
li.ics-items {
padding: 2px;
border-bottom: 1px dotted #AAAAAA;
}
li.ics-items strong {
font-size: 1.1em;
}
li.ics-items:hover {
background: #F7F7F7;
}
div.widget-block {
margin: 0 0 20px 0;
}
h2.jahresmotto {
color: #346631;
font-size: 1.4em;
border-bottom: 1px dotted #AAAAAA;
text-align: center;
margin: 0 0 5px 0;
}
#jahresmotto p {
font-size: 1.3em;
text-align: center;
}