@charset "UTF-8";
/* CSS Document */

/*//////////////////////////// FARBEN ////////////////////////*/
/* copy + paste... 
dunkelblau:		#205078
hellblau:		#5885ac */

/*//////////////////////////// BODY ////////////////////////*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;
color:#222222;
background-image:url(images/carre.jpg);
background-attachment:fixed;
}

h1 {
font-size:14px;
color:#264466;
}

h2, h3, h4, h5 {
font-size:12px;
color:#264466;
font-weight:bold;
}

a {
color:black;
text-decoration:underline;
}

a:hover {
color:#666666;
text-decoration:underline;
}

a img{
border:none;
}

ul{
color:#264466;
list-style:square;
}

ol{
color:#264466;
list-style:decimal;
}

table{
border:1px solid #5885ac;
}

th{
background-color:#5885ac;
color:#555555;
font-weight:normal;
}

blockquote{
padding:10px;
border:thin solid #5885ac;
font-style:italic;
}

/* div#wrapper in die Mitte */
div#wrapper_aussen {
width:98%;
}

div#wrapper_innen {
width:90%;
max-width:970px;
min-width:720px;
/*min-width 720px sonst zerhauts die 1. Navigationsebene!!!*/
margin:auto;
margin-bottom:20px;
background-color:white;
}

/*//////////////////////////// KOPF ////////////////////////*/
div#banner {
max-width:970px;
height:231px;
margin:auto;
background-image:url(images/head_bckgrnd.jpg);
background-repeat:repeat-x;
}

div#immanuel{
width:433px;
height:65px;
float:left;
background-image:url(images/head_immanuel.jpg);
background-repeat:no-repeat;
}

div#kreuz {
height:82px;
width:73px;
float:right;
background-image:url(images/head_kreuz.jpg);
}

div#untertitel{
height:18px;
color:white;
padding-left:40px;
clear:left;
}

div#fotostreifen{
height:150px;
width:100%;
background-image:url(images/fotostreifen_01.jpg);
background-repeat:no-repeat;
padding:0px 0px 1px 0px;
}

/*//////////////////////////// NAVI ////////////////////////*/
div#navi_container{
width:100%;
margin-top:127px;
padding:0px;
float:left;
clear:both;
}

/* Grundlagen Design für die komplette NAVI !!! */
div#navi_container a{
color:white;
text-decoration:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#5885ac;
display:block;
height:15px;
width:100px;
border:1px solid #5885ac;
padding:3px;
}

div#navi_container a:hover{
color:#777777;
}

/* --- Spezial Design für die 2. Navigationsebene!!! --- */
div#subnavi{
width:100%;
max-width:970px;
float:left;
margin:0px;
padding:0px;
background:#205078;
}

div#subnavi a{
width:auto;
padding-right:10px;
display:inline-block;
} 

div#navi_container li{
margin: 0;
float: left;
display: block;
padding:0px 5px 0px 5px;
overflow:hidden;
}

div#navi_container ul{
margin:0px;
padding:0px;
}

/* --- aktive Schaltfläche STANDARD --- */
ul#navi li.on a {
border: 1px solid #205078;
background-color: #205078;
}

/* --- aktive Schaltfläche HOVER --- */
ul#navi li.on a:hover {
color:white;
}

/* --- inaktive Schaltfläche STANDARD---*/
div#subnavi a{
border: 1px solid #205078;
background-color: #205078;
}

ul#navi li.on ul a, ul#navi li.off ul a {
float: left;
border: 0;
background-color:#5885ac;
color:white;
width:100px;
margin-right: 15px
}

/* --- inaktive Schaltflächen HOVER --- */
ul#navi li.off a:hover, ul#navi li.off:hover a {
background-color: #205078;
border:1px solid #205078;
color:#777777;
}

/* --- Login DIV klebt IMMER rechts!!! --- */
div#login{
width:50px;
float:right;
margin:0px;
padding:0px;
background-color:#205078;
border:none;
overflow:hidden;
}

/*//////////////////////////// SEITENINHALT DIV FLOAT STRUKTUR ////////////////////////*/
div#site_content {
width:100%;
max-width:970px;
min-height:500px;
margin:auto;
margin-top:50px;
}

div#main_content {
padding:0px 40px 0px 20px;
overflow:auto;
}

div#text{
width:99%;
text-align:justify;
line-height:1.5em;
padding-bottom:20px;
}

/*//////////////////////////// SEITENLEISTE ////////////////////////*/
div#seitenleiste {
width:200px;
margin-right:2px;
color:white;
float:right;
}

div.seitenleiste_container {
width:100%;
}

div.seitenleiste_titel {
height:32px;
background-image:url(images/hinweis.jpg);
padding:2px 0px 0px 5px;
}

div.seitenleiste_inhalt{
background-color:#205078;
padding:5px;
margin-bottom:10px;
}

div.seitenleiste_spacer{
clear:both;
height:5px;
background-color:#205078;
margin-bottom:10px;
}

div.seitenleiste_inhalt img{
float:left;
margin-right:5px;
}

div.seitenleiste_inhalt a{
color:white;
text-decoration:underline;
font-size:10px;
}

div.seitenleiste_inhalt a:hover{
color:#999999;
text-decoration:underline;
font-size:10px;
}

div.seitenleiste_link{
clear:both;
text-align:right;
font-size:10px;
}

/*////// SUCHE //////////*/
div#suche{
float:none;
}

div#suche img{
float:right;
}

div#suche input{
max-width:170px;
float:left;
}

div#suche_spacer{
clear:both;
height:5px;
background-color:#205078;
}

/*////// highlight text floatet rechts ums bild!!! //////////*/

div.highlight_content{
width:100%;
float:right;
margin-top:5px;
font-size:10px;
}

/*//////////////////////////// FUSSBEREICH ////////////////////////*/
div#footer {
clear:both;
background-image:url(images/foot_bckgrnd.jpg);
width:100%;
height:21px;
margin:auto;
padding-top:4px;
text-align:center;

font-size:10px;
color:white;
}

div#footer_links{
float:left;
padding-left:5px;
}

div#footer_copyright{
float:right;
padding-right:5px;
}

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

div#footer a:hover{
color:#555555;
}