@import url("/css/navigation.css");
@import url("/css/lightbox.css");


/* grundelemente */
/* -----------------------------------------*/

body {
font: 0.8em/1.45em "Arial", "Verdana", "Sans-Serif";
font-size: 80.0%;
color: #000;
margin: 12px 0px 15px 0px;
padding: 0;
text-align: center;
background-color: #fff;
}

.bodycontent /* falls hintergrundfarbe des inhalts von der vom body abweicht */ {
text-align: left;
margin: 0px;
}
	
#accesskeys {
position: absolute;
top: -400px; 
}


/* layoutelemente */
/* --------------------------------------*/

#head, 
#head_portrait, 
#head_kirchen,
#head_freizeit,
#head_gewerbe,
#head_schule  {
margin: auto;
text-align: left;
background-repeat: no-repeat;
background-position: right;
height: 145px;
width: 967px;
background-color: #DFE8D0;
}

#head {background-image: url(/pictures/bg_head.jpg);}
#head_portrait {background-image: url(/pictures/bg_head_portrait.jpg);}
#head_kirchen {background-image: url(/pictures/bg_head_kirchen.jpg);}
#head_freizeit {background-image: url(/pictures/bg_head_freizeit.jpg);}
#head_gewerbe {background-image: url(/pictures/bg_head_industrie.jpg);}
#head_schule {background-image: url(/pictures/bg_head_industrie.jpg);}


img.logo {
position: relative;
left: 20px;
top: 15px;
}

#container {
margin: auto;
text-align: left;
background-image: url(/pictures/bg_container.gif);
background-repeat: repeat-y;
background-position: center;
width: 967px;
min-height: 250px;
border: 1px solid #767676;
text-align: left;
}

#navi {
float: left;
width: 160px;
text-align: left;
}

#right {
text-align: left;
float: right;
width: 176px;
}

#right a {
text-decoration: none;
}

#banner img {
margin: 0px 0px 0px 15px;
}

#banner iframe {
margin: 8px 0px 0px 25px;
}

#content {
width: 575px;
margin: 20px 0px 15px 190px;
text-align: left;
}

#nav-bottom {
clear: both;
margin: 30px 0px 0px 0px;
}

#nav-bottom ul {
list-style-type: none;
font-size: 0.9em;
line-height: 1.5em;
margin: 0;
padding: 0;
}

#nav-bottom ul li {
display: inline;
}

#nav-bottom a.gotop {
background-image: url(/pictures/icon_top.gif);
background-repeat: no-repeat;
padding: 3px 20px 0px 19px;
text-decoration: none
}

#nav-bottom a.print {
background-image: url(/pictures/icon_print.gif);
background-repeat: no-repeat;
padding: 2px 0px 3px 19px;
text-decoration: none
}

#nav-bottom a:visited {
color: #328240;}

#footer {
background-color: #dfe8d0;
width: 967px;
margin: auto;
padding: 5px 0px 5px 0px;
font-size: 0.9em;
clear: both
}

address {
text-align: center;
font-style: normal;
}

address a {
text-decoration: none;
}

.abisz {
padding:5px;
margin: 0;
background-color: #eee;
border-bottom: 1px solid #eee;
}

.abisz li {
display: inline;
padding-right: 5px;
padding-left: 5px;
border-right: 1px solid #000;
font-weight: bold;
text-align: center;
}


/*-- startseite
---------------------------------------*/

#container-start {
margin: auto;
text-align: left;
background-image: url(/pictures/bg_container-start.jpg);
background-position: bottom;
background-repeat: no-repeat;
width: 967px;
min-height: 250px;
border: 1px solid #767676;
text-align: center;
}

#content-start {
width: 405px;
margin: 20px 0px 15px 190px;
text-align: left;
}

#top-events {
margin: 52px 0px 0px 140px;
}

#top-events {
*margin: 40px 0px 0px 35px;
}

#top-events h2 {

}

img#slogan {
position: relative;
left: 58px;
top: 52px;
}

/* links */	
/* ------------------------------------------*/

a, a:link  {
color: #328240; }

a:visited {
color: #328240; }

a:hover { 
color: #619300;}

a img { 
border: none;
	}

/* typo / tables */	
/* ----------------------------------------*/	

p, .normal	{
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.4em;
margin: 0px 0px 16px 0px;
color: #000;
	}
h1 {
font-size: 1.4em;
line-height: 1.2em;
letter-spacing: 1px;
color: #328240;
margin: 0px 0px 10px 0px;
text-transform: uppercase;
}

/* temporaer auf schultemplate */
#head_schule h1 {
font-size: 1.8em;
letter-spacing: 1px;
color: #fff;
margin: -50px 0px 0px 330px;

}

h2  {
margin: 0;
padding: 0;
font-size: 1.15em;
font-weight: bold;
color: #328240;
margin: 10px 0px 10px 0px;
	}

h3, .untertitel  {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
	}
hr {
color: #8F8F8F;
background-color: #8F8F8F;
height: 1px;
border: 0;
margin: 13px 0px 12px 0px;
 }

#content ul {
line-height: 1.4em;
}

ul.sitemap li {
margin-bottom: 0;
}

ol {
	}
	
table  {
font-size: 1em;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
line-height: 1.45em }

th  {
font-weight: bold;
text-align: left;
font-size: 1em;
font-weight: bold;
color: #000;
background-color: #f5f5f5;
padding: 4px 3px 1px 1px;
border-bottom: 1px solid #000;
line-height: 1.45em
	}
td  {
font-size: 1em;
vertical-align: top;
line-height: 1.45em
}
img	{
border: 0;
}
  	
.invis {display: none}
.break {clear: both}


/*=image mit legende
-------------------------------------------*/
.card-left, .card-right {
   float: left;
   width: 170px;
   padding: 10px 0;
   text-align: center;
   background: white;
   border: 1px solid #ccc;
   font-size: 1em;
   margin-top: 1em;
   }
.card-right {
   float: right;
   }
.card-title {
   margin: 0 0 5px 0;
   font-size: 1em;
   color: green;
   }
.card-photo {
   margin: 0 auto;
   padding:0;
   border: none;
   }
.card-desc {
   margin: 5px 10px 0 10px;
   padding: 0;
   text-align: left;
   font-size: 0.9em;
   line-height: 1.1em;
   }


/* dokumente 
------------------------------------------*/

a.pdf  {
background-image: url("/icons/module/Dokument3_0/icon_pdf_klein.gif");
	}
a.doc, a.rtf  {
background-image: url("/icons/module/Dokument3_0/icon_word_klein.gif");
	}
a.xls  {
background-image: url("/icons/module/Dokument3_0/icon_excel_klein.gif");
	}
a.pps  {
background-image: url("/icons/module/Dokument3_0/icon_powerpoint_klein.gif");
	}
a.zip  {
background-image: url("/icons/module/Dokument3_0/icon_zip_klein.gif");
}
 a.document {
background-position: 0 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 20px;
background-repeat: no-repeat;
}
a.txt 
{background-image: url("/icons/module/Dokument3_0/icon_txt_klein.gif");}

#kondolenzbuch {
padding: 10px;
border: 4px solid #000;
position:absolute;
margin-left: 570px;
font-weight: bold;
background-color: #f3f3f3;
top: 175px;
}

#kondolenzbuch a {
color: #000;
display:block;
}