@charset "iso-8859-1";

/*Autor und Rechte: Thilo Bunzel-Duran, bunzel-duran@web.de*/
/*erstellt am: 20.02.2006*/
/*für: Kirchengemeinde Nieder-Weisel*/

/*global classes*/
.clear {clear: both; padding-bottom: 1px;	margin-bottom: -1px;}
.hide, .blind {display: none !important;}
.inside {padding: 0 38px 0 42px;}
.off {position: absolute; margin:  -1000px 0 0 0;}
.distance {font-size: 0.5em;}
.help {cursor: help;}

/*ELEMENTS*/
html, body {background-color: #FFF; color: #000; font-size: 1em; font-family: arial, verdana, arial, helvetica, sans-serif; margin: 0; z-index: 0;}

p, h1, h2, h3, h4, h5, h6 
{margin-top: 14px; margin-bottom: 14px; padding-top: 0; padding-bottom: 0; line-height: normal;}
h1 {font-size: 1.35em; color: #4F029C; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em;}
h2 {font-size: 1.2em; float: left; color: #4F029C; font-weight: bold; letter-spacing: 0.5px; margin-top: 2em; padding: 0.5em 0 0.5em 40px; border-bottom: 1px dashed #aaa; width: 93%; background-image: url(/fileadmin/design/img/bg_facettenkreuz.gif); background-repeat: no-repeat; background-position: center left;}
h3 {font-size: 1em; font-weight: bold; color: #4F029C; padding-top: 2em;}
h4 {font-size: 1em; color: #000; padding-top: 1.5em;}
h5 {font-size: 0.85em; font-weight: bold; color: #000; padding-top: 1.5em;}
h6, #path {font-size: 0.85em; font-weight: normal; margin: 0;}
h6 {margin-top: 2em; margin-bottom: -0.5em; letter-spacing: 0.05em;}
ul {list-style: square;}

a:link  {color: #00F;}
a:visited {color: #4F029C;}
a:active, a:hover, a:focus {color: #000; background-color: #FFDD44; text-decoration: none;}
a, a:link, a:visited, a:active {text-decoration: underline;}
a img {border: 0 !important;}
label {cursor: pointer;}
input, select, option {cursor: pointer;}

table {border-bottom: 1px dashed #aaa; width: 100%;}
h3.newsfront, caption {font-size: 1em; font-weight: bold; color: #4F029C; margin-bottom: -1em;}
caption {padding-top: 0.35em; border-top: 1px dashed #aaa; margin-bottom: 0.5em;}
tfoot { text-align: right; font-size: 0.85em; border-bottom: 1px dashed #aaa;}
tfoot td {color: #000; background-color: #FFF; padding-right: 8px;}
td, th {vertical-align: top;}
th {color: #000; background-color: #BBCCEE}
td {color: #000; background-color: #DFDFDF;}

abbr, acronym {border-bottom: 1px dotted; cursor: help;}
code {font-family: "Courier New", Courier, monospace;}


/*HEADER*/
#pageWrapper {border-width: 0px; min-width: 40em; width: auto; font-size: 80%; border-color: #FFF;}
#outerheaderContainer {border-left: solid 190px #369;}
#outerheaderContainer {border-left-color: #369; background-color: #79C; background-color: #789DCA; background-image: url(/fileadmin/design/img/bg_01_heaven.jpg); background-repeat: repeat-x; z-index: 7;}

#innerheaderContainer {border: solid 1px #fff; border-width: 0 1px; margin: 0 -1px;
width: 99.85%; z-index: 100; background-image: url(/fileadmin/design/img/bg_MM_12.gif); background-repeat: no-repeat; background-position: center bottom; border-right: 1px solid #FFF; z-index: 11;}
#leftColumnheader, #middleColumnheader, * html #SOWrap {overflow: visible; position: relative;}
#SOWrapheader {float: left; margin: 0; width: 100%; z-index: 3; background-image: url(/fileadmin/design/img/il_00_church_klein.gif); background-repeat: no-repeat; background-position: bottom right;}
#middleColumnheader {float: right; margin: 0 0 0 -2px; width: 100%; z-index: 5; border-left: 0px solid #FFF;}
#middleColumnheader .inside {padding: 0 4% 0 5%;}
#leftColumnheader {float: left; margin: 0 1px 0 -190px; width: 191px; z-index: 4;}
#leftColumnheader div.inside {padding: 0px !important;}

#headerlogo {position: absolute; left: 0; border-bottom: 1px solid #FFF; border-top: 0px; border-left: 0px; border-right: 0px; z-index: 20;}
#headerlogo a {position: absolute; top: 0;  border: 0;}
#headerlogo img {display: block; position: absolute; top: 0; left: -1px; border: 0px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; z-index: 20;}

#losung {position: absolute; top: 22px; left: 3.05em; width: auto; padding-left: 0px; padding-right: 225px; border: 0px; color: #FFF;}
#losung h2 {font-family: Times New Roman; font-size: 1.2em; color: #FC0; width: 100%; margin-bottom: 0.2em;}
#losung h2 {font-size: 1.2em; font-weight: bold; letter-spacing: 0.5px; padding: 0; margin: 0; border: 0px; background-image: none;}
#losung a {color: #FFF; text-decoration: none; font-size:0.9em;}
#losung a:hover {color: #000;}
#losung a#los_link {font-size: 1em;}
div#losung p.nt  {display: none !important;}
#claim {display: inline; float: right;}

#subheader {background-color: #D5D5D5; float: left; width: 100% !important; padding: 0em 0 0.25em 0; color: #000; background-image: url(/fileadmin/design/img/bg_subheader.jpg); background-repeat: no-repeat; background-position: top right; border: 0px;}
#subheader div#usabilities {float: left; width: auto; height: auto; border: 0px dotted lime;}
#subheader fieldset {height: auto; width: 30em; border: 0px dotted red; float: left; padding: 0.35em 0.75em 0.05em 0; font-family: Arial, Helvetica, sans-serif;}
#subheader fieldset#schriftgrad {padding-right: 525px;}
#subheader fieldset#searchset {padding-right: 225px;}
#subheader legend {display: none;}
#subheader a#home {margin-left: 11px;}
#subheader img {padding-right: 11px; border: 0;}
#subheader form, #subheader input, #subheader select, #subheader a {margin: 0; padding: 0; font-size: 0.75em; background-color: transparent !important;}
#subheader input#suche {font-weight: bold;}
#subheader select {background-color: #FFF; font-size: 0.9em; height: 18px; width: 6em; }
#subheader option.layout {color: #000; background-color: #FFF; height: 1.2em; }
#subheader a.gottesdienste, #subheader a:link.gottesdienste, #subheader a:visited.gottesdienste {float: right; color: #FFF; background-color: transparent; font-weight: bold; width: 20%; height: auto; text-align: center; padding-top: 0.5em; text-decoration: none;} 
#subheader a:active.gottesdienste,#subheader a:hover.gottesdienste,#subheader a:focus.gottesdienste {text-decoration: underline;}
#subheader img {border: 0px;}
#subheader #haus {position: absolute; right: 0; height: auto; width: 214px; border: 0px; margin-top: 0px; z-index: 22;}

/*HEADER NAVIGATION*/
#headernavi {width: 190px; float: left; margin: 0 0 0 -1px; border-right: 1px solid #FFF; padding-top: 32px; height: auto; background-color: #369; background-image: url(/fileadmin/design/img/bt_03_heaven_dark.jpg); background-repeat: repeat-x; background-position: 34px 34px; z-index: 8;}
#headernavi div.mainnavi {display: block; height: auto; font-weight: bold; padding: 0 0 0 26px; border: 0px dotted #FFF;}
#headernavi a, #footer a {color: #FFF; text-decoration: none;}
#headernavi a:hover, #footer a:hover {color: #000; text-decoration: none;}
#c1 {background-image: url(/fileadmin/design/img/bt_01_D05_pink.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold; padding: 0 0 0 26px;}
#c2 {background-image: url(/fileadmin/design/img/bt_02_D30_rot.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold; padding: 0 0 0 26px;}
#c3 {background-image: url(/fileadmin/design/img/bt_03_F91_orange.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold; padding: 0 0 0 26px;}
#c4 {background-image: url(/fileadmin/design/img/bt_04_FC0_gelb.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold; padding: 0 0 0 26px;}
#c5 {background-image: url(/fileadmin/design/img/bt_05_AE0_lime.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold; padding: 0 0 0 26px;}

#c5_2 {background-color: #AAEE00; background-image: url(/fileadmin/design/img/bt_06_70C_violett.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold; padding: 0;}

#c1 a:link, #c1 a:visited {background-image: url(/fileadmin/design/img/bt_01_D05_pink.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold;}
#c2 a:link, #c2 a:visited {background-image: url(/fileadmin/design/img/bt_02_D30_rot.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold;}
#c3 a:link, #c3 a:visited {background-image: url(/fileadmin/design/img/bt_03_F91_orange.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold;}
#c4 a:link, #c4 a:visited {background-image: url(/fileadmin/design/img/bt_04_FC0_gelb.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold;}
#c5 a:link, #c5 a:visited {background-image: url(/fileadmin/design/img/bt_05_AE0_lime.gif); background-repeat: no-repeat; background-position: 12px 50%; font-weight: bold;}
#c1 a, #c2 a, #c3 a, #c4 a, #c5 a {display: block; height: auto; padding: 0.3em 0 0.3em 26px; margin: 1px 0 1px -26px;}
#c1 a {border-bottom: 1px solid #369; margin: 0px 0 1px -26px;}
#c2 a, #c3 a, #c4 a {border-top: 1px solid #369; border-bottom: 1px solid #369;}
#c5 a {border-top: 1px solid #369; margin: 1px 0 0px -26px;}

#c1 a:active, #c1 a:hover, #c1 a:focus {clear: both; background-color: #D0C; height: auto; color:#FFF; background-image: url(/fileadmin/design/img/bt_06_70C_violett.gif); border-bottom: 1px solid #FFF;}
#c2 a:active, #c2 a:hover, #c2 a:focus {background-color: #D30; color:#FFF; background-image: url(/fileadmin/design/img/bt_06_70C_violett.gif); border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#c3 a:active, #c3 a:hover, #c3 a:focus {background-color: #F91; color:#222; background-image: url(/fileadmin/design/img/bt_06_70C_violett.gif); border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#c4 a:active, #c4 a:hover, #c4 a:focus {background-color: #FC0; color:#000; background-image: url(/fileadmin/design/img/bt_06_70C_violett.gif); border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#c5 a:active, #c5 a:hover, #c5 a:focus {background-color: #AE0; color:#000; background-image: url(/fileadmin/design/img/bt_06_70C_violett.gif); border-top: 1px solid #FFF;}
#c1, #c1 a:active, #c1 a:hover, #c1 a:focus, #c2, #c2 a:active, #c2 a:hover, #c2 a:focus, #c3, #c3 a:active, #c3 a:hover, #c3 a:focus, #c4, #c4 a:hover, #c5, #c5 a:active, #c5 a:hover, #c5 a:focus {display: block; height: auto; background-repeat: no-repeat !important; background-position: 12px 50%;}

a:link#history, a:visited#history {position: absolute; float: right; margin-top: 0px; top: 0px; right: 0px; bottom: 0px; height: 32px; width: 214px; border: 0px !important; z-index: 100;}
a:active#history, a:hover#history, a:focus#history {height: 32px; width: 214px; border-left: 0px solid #FFF !important; border-bottom: 0px solid #FFF !important; background-image: url(/fileadmin/design/img/bg_Facettenkreuz_hist.gif); background-repeat: no-repeat;  background-position: 95% 50%;}

/*MAIN*/
#outerColumnContainer {border-left: solid 191px #E6D7C4; border-right: solid 215px #F8F8F9;}
#outerColumnContainerFollow {border-left: solid 191px #E6D7C4;}
#innerColumnContainer {border-left: solid 1px #C1C1C1; border-right: solid 1px #C1C1C1; margin: 0 -1px; width: 100%; z-index: 1; background-color: #FEFEFE;}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{overflow: visible; position: relative;}
#SOWrap {float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3;}
#middleColumn {float: right; margin: 0 0 0 -1px; width: 100%; z-index: 5; border: 0px; font-size: 0.8em; background-color: #FEFEFE;}
#middleColumn .inside {padding: 20px 50px 30px 3em; border: 0px; margin: 0 0 20px 0; background-image: url(/fileadmin/design/img/bg_shadow.gif); background-repeat: repeat-x; background-position: top left;}
#middleColumn .insideFollow {padding: 20px 150px 30px 3em; border: 0px; margin: 0 0 20px 0; background-image: url(/fileadmin/design/img/bg_shadow.gif); background-repeat: repeat-x; background-position: top left;}
#middleColumn h2 {float: none; margin-right: -3px;}
#middleColumn img.left, p.newsbody img {float: left; margin: 0px 24px 20px 0;}
#middleColumn p.newsbody {padding-bottom: 20px; text-align: left;} 
p.newsbody img {margin-right: 8px; width: 80px; float: left; padding-right: 0.6em;}
p.infobox {color: #000; background-color: #F8F8F9; border: 1px dashed #aaa; background-image: url(/fileadmin/design/img/bg_infobox.gif); background-repeat: no-repeat; background-position: top right; padding: 16px 12px; width: auto;}

#leftColumn {float: left; margin: 0 1px 0 -191px; width: 189px; vertical-align: top; z-index: 4; background-color: #FFF; }
#leftColumn img, #rightColumn img {margin: 0; border: 0; padding: 0; float: left;}
#leftColumn div#kiga {display: block; border: 0px solid red; width: 190px; height: auto; padding: 20px 0 12px 0;  float: left; margin: 0; background-color: #FFF; background-image: url(/fileadmin/design/img/bg_kiga.jpg); background-repeat: repeat-x; overflow: hidden; }
#leftColumn p#kiga_title {display: block; color: #004000; float: none; font-size: 1em; font-weight: bold; width: 190px;}
#leftColumn div#garden {display: block; width: 190px; height: 146px; float: left; background-color: transparent; border: 0px solid red; margin: -10px 0 -13px 0; background-image: url(/fileadmin/design/img/bg_kiga_wiese.gif);}
#leftColumn h1.title {font-size: 1em;}
#leftColumn h1.subtitle1, #leftColumn h1.subtitle2, #leftColumn h1.subtitle3, #leftColumn h1.subtitle4, #leftColumn h1.subtitle5
{display: block; float: left; font-size: 0.7em; width: 164px; height: 16px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; margin: 0; padding: 6px 0 4px 26px; font-weight: bold; text-decoration: none; color: #FFF; letter-spacing: 0.05em; overflow: hidden; border-right: 0px; background-color: #DD00CC; color: #FFF;}
#leftColumn h1.subtitle2 {color: #FFF;background-color:#DD3300;}
#leftColumn h1.subtitle3 {color: #000 #;background-color:#FF9911;}
#leftColumn h1.subtitle4 {color: #000;background-color:#FFCC00;}
#leftColumn h1.subtitle5 {color: #000;background-color:#AAEE00;}
#leftColumn a.title {background-color: green; background-image: url(/fileadmin/design/img/bg_kindergartenlogo.gif); background-repeat: no-repeat; z-index: 101;}
#leftColumn a:link.title, #leftColumn a:visited.title {display: block; float: left; font-size: 0.7em; width: 150px; height: 16px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; margin: 0; padding: 8px 0 8px 40px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #FFF; /*background-color: transparent;*/ letter-spacing: 0.05em; overflow: hidden; border-right: 0px;}
#leftColumn a:link#active.title, #leftColumn a:hover.title, #leftColumn a:focus.title {text-decoration: underline; overflow: visible !important;}
#leftColumn p {font-size: 0.8em; padding-left: 12px; margin-bottom: 0.15em;}
#leftColumn .inside {font-size: 90%; padding: 0px 0.6em !important; margin: 0; background-image: url(/fileadmin/design/img/bg_kiga.jpg); background-repeat: no-repeat; border: 0px dotted green;}
#leftColumn .insideFollow {font-size: 90%; padding: 0px !important; margin: -16px 0 0 0; background-color: #EDEDED;}

#rightColumn {float: right; width: 214px; margin: 0 -215px 20px 1px; z-index: 2; background-color: transparent; background-image: url(/fileadmin/design/img/bg_shadow_right.gif); background-repeat: repeat-x; overflow: hidden;}
#rightColumn div.inside {padding: 0px; margin: 0px;}
#rightColumn p {float: left; width: 180px; height: auto; font-size: 0.85em; padding-left: 1.7em; margin-bottom: 0.15em;}
#rightColumn .inside, #rightColumn ul {font-size: 90%;}
#rightColumn ul {position: relative; float: left; margin: 0; padding: 1em 0px 1em 35px; width: 176px;}
#rightColumn li {list-style: square !important; list-style-position: inside; font-size: 90%;}
#rightColumn img.person {margin-bottom: -1px; padding-bottom: 0; display: block; float: left;}
#rightColumn .inside {font-size: 90%; padding: 0px !important; margin: 0;}
#rightColumn div#buero {float: left; border-bottom: 1px solid #C1C1C1; width: 214px; height: auto; margin: 0.7em 0 0.4em 0; background-color: #FFF; background-image: url(/fileadmin/design/img/bg_gelb.gif); background-repeat: repeat-x;}
div#buero a#buero_top {background-color: #818181;}
div#buero a:link#buero_top, div#buero a:visited#buero_top {float: left; color: #FFF; font-size: 0.85em; font-weight: bold; width: 214px; height: auto; text-align: center; border: 0; padding: 0.5em 0 0.65em 6px; background-image: url(/fileadmin/design/img/bg_rubrik.jpg); text-decoration: none;}
div#buero a:active#buero_top, div#buero a:hover#buero_top, div#buero a:focus#buero_top {text-decoration: underline;}

#sidebar p{font-size:0.9em;}

div.sidelink {display:block; width: 188px; margin: 3px 0px 2px -4px; padding: 0px; font-size: 0.8em; font-weight:bold;
text-align:left; background:#eee url(/fileadmin/design/img/gradient1.png) repeat-x; color: #0000A3 !important;
border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}

a.item1:link, a.item1:visited {display:block; width: 166px; color: #0000A3 !important; text-decoration: none !important;
background-color: transparent; background-image: url(/fileadmin/design/img/bt_item-.gif); background-repeat: no-repeat; background-position: 5% 50%;
padding: 4px 0 4px 24px; margin: 0; border: 0px;}
a.item1 ul, a.item1:link ul, a.item1:visited ul, a.item1:link li, a.item1:visited li, a.item1:link ul, a.item1:visited ul, a.item1:link a, a.item1:visited a {display: none;}
a.item1:active, a.item1:hover, a.item1:focus {display:block; width: 166px; background-color: #4F029C;
background-image: url(/fileadmin/design/img/bt_itemhover-.gif); background-repeat: no-repeat; background-position: 5% 50%; color:#FFF !important;
border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; text-decoration:none;}
a.item1:active ul, a.item1:hover ul, a.item1:focus ul {display: block  !important;}

#footer {border: solid 1px #fff; border-width: 1px 0; padding: 0.5em; background-image: url(/fileadmin/design/img/bg_footer.jpg); background-repeat: repeat-x; color: #FFF; background-color: #203E74; font-weight: normal; font-size: 0.75em; text-align: center;}
#footer a:active, #footer a:hover, #footer a:focus {color: #000; background-color: #FC0;}  
#footer span {margin: 0px 0.3em;}
#footer p {margin: 0;}
#footer a {padding: 0 0.2em;}
#footer2 {font-size: 0.7em; color: #999; text-align: center;}
#footer2 span.dark {color: #333;}

#leftColumn div.vnav {display: block; border: 0px solid red; width: 190px; height: auto; padding: 0;  float: left; margin: 0; background-color: #FFF; overflow: hidden; }
.vnav {margin: 1em 0 0 0; background-color: #dedede;}
.vnav ul, .vnav ul li {margin: 0; padding: 0; list-style-type: none; display: block;}
.vnav ul {border: solid 1px #fff; border-bottom-width: 0;}
.vnav ul li {border-bottom: solid 1px #AAA;}
.vnav ul li, .vnav ul li a {margin: 0; display: block; padding: 0; line-height: normal;}
.vnav ul li a {display: block; padding: 2px 5px 3px 5px;}
.vnav ul li a.item3 {padding-left: 40px !important;}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover {text-decoration: none; cursor: pointer;}
.vnav h3 {margin-bottom: 0; padding-bottom: 0; font-size: 126%;}
* html .vnav ul li a {height: 0.01%;}
.vnav ul li a:link, .vnav ul li a:visited {text-decoration: none; padding-left: 24px; font-size: 0.8em; background-color: #dedede; color: #0000A3;}
.vnav ul li a:active,  .vnav ul li a:hover,  .vnav ul li a:focus {text-decoration: none; background-color: #AA0044; color: #000;}
#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active{background-color: #dedede;}
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover {text-decoration: none; background-color: #4F029C; color: #fff;}

/*NEWS*/
div#event_start img {float: left; margin: 0 0.5em 0.5em 0; border-bottom: 1px dashed #DDD;"}
div#event_start a {color: #000 !important; background-color: transparent; text-decoration: none !important;} 
div#event_start a:hover, div#event_start a:hover, div#event_start a:hover { text-decoration: underline !important;}