/***********************************************************************************************/
/****************************                                 **********************************/
/**************************** CSS STYLES für KIRCHE IM NORDEN **********************************/
/****************************                                 **********************************/
/***********************************************************************************************/


body
{
         margin: 0px;
         padding: 0px;
}


/************************************************ SUP HEADER ***/
div#supheader
{
         width: 980px;
         height: 40px;
         background-color: white;
}

div#reitermenu
{
         width: 700px;
         height: 30px;
         padding-top: 10px;
         float: right;
         text-align: center;
}

a.reiter_ext
{
         width: 150px;
         height: 23px;
         padding-top: 7px;
         background-image: url(/fileadmin/template/reiterbg_ext.png?20120115);
         float: left;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 10pt;
         color: #eeeeee;
         text-decoration: none;
         outline: none;
}

a.reiter_ext:hover
{
         color: #fa8904;
}

a.reiter
{
         width: 100px;
         height: 23px;
         padding-top: 7px;
         background-image: url(/fileadmin/template/reiterbg.png);
         float: left;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 10pt;
         color: #eeeeee;
         text-decoration: none;
         outline: none;
}
a.reiter:hover
{
         color: #fa8904;
}
/***************************************************************/


/**************************************************** HEADER ***/
div#header
{
         width: 980px;
         height: 150px;
         background-color: #07134c;
         background-image: url(/fileadmin/template/headerbg.jpg);
         background-repeat: repeat-y;
         overflow: visible;
         display: inline-block;
}
*html div#header
{
         overflow: hidden; /* unwürdige IE6, IE7 - Overflow Bug korrigiert */
}

div#buttons
{        width: 195px;
         height: 70px;
         margin-left: 34px;
         margin-top: -24px;
}
a.buttonlink
{
         border: none;
         outline: none;
         margin: 0px 5px 0px 0px;
         float: left;
}
a.buttonlink img.button
{
         display: block;
         border: none;
}



div#logo
{
         width: 480px;
         height: 150px;
         float: right;
         margin-top: -46px;
}
a.logolink
{
         border: none;
         outline: none;
}
a.logolink img
{
         border: none;
         display: block;
}
/***************************************************************/


/***************************************************** HMENU ***/
div#hmenu
{
         width: 980px;
         height: 32px;
         background-color: #dcdcdc;
         background-image: url(/fileadmin/template/hmenubg.jpg);
         background-repeat: repeat-x;
         z-index: 3;
         position: relative;
}

div#hmenulinks
{
         width: 522px;
         height: 25px;
         padding-top: 7px;
         float: right;
         text-align: center;
}
a.hmenulink
{
         width: 115px;
         height: 18px;
         float: left;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 10pt;
         color: #364888;
         text-decoration: none;
         border-right: 2px groove silver;
         outline: none;
}
a.hmenulink:hover
{
         color: #fa8904;
}

div#hmenusufu
{
         width: 228px;
         height: 32px;
         float: right;
         color: white;
}
input.sufubutton
{
         width: 70px;
         height: 20px;
         border: 0px;
         background-image: url(/fileadmin/template/sufubuttonbg.png);
         background-repeat: no-repeat;
         outline: none;
         margin-top: 6px;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 7pt;
         color: white;
}
input.sufueingabe
{
         margin-top: 5px;
         width: 130px;
         height: 14px;
         padding: 3px 0px 3px 5px;
         margin-right: 10px;
         display: block;
         float: left;
         border: 1px solid #7f95a5;
         -moz-border-radius: 6px;
         -webkit-border-radius: 6px;
         -khtml-border-radius: 6px
         background-color: #f5f5f5;
         background-image: url(/fileadmin/template/inputbg.jpg);
         font-family: Verdana, Helvetica, sans serif;
         font-size: 8pt;
         color: #000000;
}
/***************************************************************/


/*************************************************** NAVIGATION ***/
div#navigationwrapper
{
         width: 210px;
         height: auto;
         display: inline-block;
         margin-left: 20px;
         z-index: 4;
         position: relative;
         margin-top: 20px;
}
*html div#navigationwrapper
{
         position: relative;
         display: inline;
}


div#navigation
{
         width: 190px;
         height: auto;
         min-height: 300px;
         padding-left: 10px;
         padding-right: 10px;
         background-color: #05112c;
         background-image: url(/fileadmin/template/navibg.jpg);
         background-repeat: repeat-x;
         display: inline-block;
}

ul#mainmenulist
{
         padding: 10px 0px 10px 0px;
         margin: 0px;
         list-style-type: none;
}
li.mainmenu
{
         width: 190px;
         height: 30px;
         border-bottom: 1px solid #888888;
         line-height: 30px;
         padding-left: 0px;
         background-image: url(/fileadmin/template/mainmenubg.png);
         background-position: left center;
         background-repeat: no-repeat;
}
li.mainmenu a
{
         width: 170px;
         padding-left: 20px;
         float: left;
         color: silver;
         text-decoration: none;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 10pt;
         color: silver;
         font-weight: bold;
         outline: none;
         background-image: url(/fileadmin/template/mainmenubg.png);
         background-position: left center;
         background-repeat: no-repeat;
}
li.mainmenu a:hover
{
         font-style: italic;
         color: white;
}

li.mainmenuactive
{
         display: inline-block;
         height: auto;
         width: 190px;
         padding-bottom: 5px;
         padding-top: 5px;
         border-bottom: 1px solid #888888;

}
li.mainmenuactive a
{
         width: 170px;
         padding-left: 20px;
         color: silver;
         text-decoration: none;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 10pt;
         color: silver;
         font-weight: bold;
         outline: none;
         display: block;
         background-image: url(/fileadmin/template/mainmenuactivebg.png);
         background-position: left center;
         background-repeat: no-repeat;
}
li.mainmenuactive a:hover
{
         font-style: italic;
         color: white;
}

ul#detailmenulist
{
         padding: 0px;
         margin: 5px 0px 0px 20px;
         list-style-type: none;
         display: inline-block;
}
li.detailmenu
{
         width: 170px;
         margin-bottom: 1px;
         display: inline-block;
}
li.detailmenu a
{
         width: 160px;
         padding-left: 10px;
         float: left;
         text-decoration: none;
         font-size: 8pt;
         line-height: 16pt;
         outline: none;
         color: silver;
         font-family: Verdana, Helvetica, sans serif;
         font-weight: 400;
         background-image: none;
}
li.detailmenu a:hover
{
         text-decoration: underline;
}

div#newsboxwrapper
{
         width: 210px;
         height: auto;
         display: inline-block;
}

span.newsboxh1
{
         font-family: Verdana, Helvetica, sans serif;
         color: #041543;
         width: 210px;
         height: 35px;
         font-size: 10pt;
         font-weight: bold;
         padding: 0px;
         margin: 0px;
         line-height: 35px;
         background-image: url(/fileadmin/template/newsboxbgs.jpg);
         text-align: center;
         display: inline-block;
}

span.newsboxh1 a
{
         color: #041543;
         line-height: 35px;
         text-decoration: none;
}

span.newsboxh1 a:hover
{
         font-style: italic;
}

div#newsbox
{
         width: 190px;
         height: auto;
         background-color: #7e7e7e;
         padding: 10px 10px 10px 10px;
         color: #eeeeee;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 8pt;
         line-height: 11pt;
}

ul#newslist
{
         margin: 0px 0px 0px 5px;
         padding: 0px;
         list-style-type: none;
         font-weight: bold;
}
li.newsdate
{
         font-size: 7pt;
         margin: 0px 0px 10px 7px;
         text-align: right;
         border-bottom: 1px solid #8c8c8c;
}
li.news
{
         margin: 5px 0px 0px 5px;
         display: inline-block;
}

li.news a
{
         text-decoration: none;
         color: #dfdfdf;
         font-weight: 600;
         width: 100%;
         display: block;
}

li.news a:hover
{
         color: #fdfdfd;
         font-style: italic;
}



div#impressum
{
         width: 210px;
         height: 22px;
         text-align: center;
         padding-top: 7px;
         background-image: url(/fileadmin/template/newsboxbgs.jpg);
}
div#impressum a
{
         color: #041543;
         text-decoration: none;
         font-size: 10pt;
         font-family: Verdana, Helvetica, sans serif;
}






/***************************************************************/


/*************************************************** CONTENT ***/
div#content
{
         width: 690px;
         height: auto;
         min-height: 300px;
         padding-left: 250px;
         padding-right: 40px;
         padding-top: 40px;
         padding-bottom: 40px;
         background-color: white;
         background-image: url(/fileadmin/template/contentbg.png);
         background-repeat: repeat-x;
         background-position: top;
         display: inline-block;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 10pt;
         line-height: 14pt;
         color: #000000;
         z-index: 2;
         position: relative;
}
div#content a
{
         text-decoration: none;
         outline: none;
         color: #1a3e87;
}
div#content a:hover
{
         border-bottom: 0px solid #1a3e87;
         text-decoration: underline;
}

strong
{
         color: #3d475d;
         font-weight: bold;
}
h1
{
         font-size: 12pt;
         font-weight: bold;
         letter-spacing: 1px;
         padding-top: 0px;
         padding-bottom: 5px;
         color: #021f5b;
         margin: 0px;
}
h2
{
         font-size: 11pt;
         font-weight: bold;
         letter-spacing: 1px;
         padding-top: 0px;
         padding-bottom: 15px;
         color: #021f5b;
         margin: 0px;
}

h4
{
         font-size: 10pt;
         font-weight: bold;
         padding-top: 0px;
         padding-bottom: 10px;
         margin: 0px;
         color: #000000;
}

hr.blockborder
{
         width: 690px;
         height: 2px;
         background-color: #c6c6c6;
         border: none;

}

p.bodytext
{
         margin: 0px;
         padding: 0px 0px 20px 0px;
}

/***************************************************************/


/**************************************************** FOOTER ***/
div#footer
{
         width: 980px;
         height: 40px;
         background-image: url(/fileadmin/template/footer.png);
         padding-top: 20px;
         font-family: Verdana, Helvetica, sanas serif;
         font-size: 8pt;
         color: silver;
         text-align: center;
}

div#footer a
{
         text-decoration: none;
         font-weight: bold;
         color: white;
}

div#footer a:hover
{
         color: ##fa8904;
}
/***************************************************************/


/**************************** ERGAENZUNGEN DER CSC EXTENTION ***/

div.csc-textpic-imagewrap
{
         width: auto;
         height: auto;
         display: inline-block;
         padding-right: 15px;
         margin-right: 0px;
         margin-top: 5px;
}
div.csc-textpic csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol dt a:hover
{
         border: 4px;
         outline: none;
}

dl.csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol
{
         display: inline-block;
         margin: 0px;
}
dl.csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol dt a:hover
{
         border-bottom: 0px;
         outline: none;
}
dl.csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol a img
{
         border: none;
         display: block;
         padding: 0px;
         margin: 0px;
}

dd.csc-textpic-caption
{
         font-family: Verdana, Helvetica, sans serif;
         font-size: 8pt;
         line-height: 11pt;
         color: #021f5b;
         text-align: left;
         padding-top: 5px;
}

div.csc-textpic csc-textpic-intext-left div#csc-textpic-text
{
         margin-right: 15px;
         float: left;
         background-color: silver;
}


/**************************************************** CONTACT FORM STYLES ***/
fieldset.csc-mailform
{
         width: 400px;
         height: 320px;
         margin: 50px 0px 30px 130px;
         padding: 20px;
         background-color: #ecebea;
         border: 10px solid #d8d5d5;
         display: block;
}



div.csc-mailform-field
{
         width: 400px;
         min-height: 30px;
         padding-top: 10px;
         margin-bottom: 15px;
         color: black;
}

div.csc-mailform-field label
{
         width: 120px;
         display: block;
         float: left;
         font-family: Verdana, Helvetica, sans serif;
         font-size: 10pt;
         font-weight: bold;
         color: #02364f;
}

input#mailformName, input#mailformeMail_Adresse
{
         width: 250px;
         height: 14px;
         padding: 3px 10px 3px 10px;
         border: 1px solid #7f95a5;
         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
         -khtml-border-radius: 3px
         background-color: #f5f5f5;
         background-image: url(/fileadmin/template/inputbg.jpg)
}

textarea#mailformIhre_Nachricht
{
         width: 250px;
         height: 130px;
         padding: 3px 10px 3px 10px;
         border: 1px solid #7f95a5;
         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
         -khtml-border-radius: 3px
         background-color: #f5f5f5;
         background-image: url(/fileadmin/template/textareabg.jpg)
}

input.csc-mailform-submit
{
         width: 160px;
         height: 45px;
         font-family: Verdana, Helvetica, sans serif;
         color: #c0c0c0;
         font-size: 10pt;
         border: none;
         background-image: url(/fileadmin/template/formsubmitbutton.png);
         opacity: 0.9;
         outline: none;
         float: right;
         margin-right: 5px;
}
*html input.csc-mailform-submit
{
         color: black;
         background-color: none;
         background-image: url(/fileadmin/template/formsubmitbutton.png);
}

input.csc-mailform-submit:hover
{
         color: white;
         opacity: 1.0;
}