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


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

body     {
font: 0.8em/1.3em "Arial", "Verdana", "Sans-Serif";
background-color: #d5d5d5;
color: #000;
margin: 15px 0px 15px 0px;
padding: 0;
text-align: center;
}

.bodycontent {
background-color: #fff;
text-align: left;
margin: 0;
}
	
#accesskeys {
top: -250px;
left: 0px;
position: absolute;
}

#container {
background-image: url(/pictures/bg_container.gif);
background-position: center;
background-repeat: repeat-y;
width: 944px;
margin: auto;
text-align: left;
}

/* linke spalte
-------------------------------------------
----------------------------------------------*/
 
#links {
float: left;
width: 189px;
text-align: right;
}

#links img {
margin: 13px 3px 0px 0px;
}

ul#language {
clear: both;
margin: 15px 22px 0px 0px;
padding: 0;
}

ul#language li {
display: inline;
margin: 0;
padding: 0;
}

ul#language li a {
color: #000;
text-decoration: none;
font-weight: bold;
padding: 0px 6px 0px 6px;
border-right: 1px solid black;
}

ul#language li a:hover, 
ul#language li.active a  {
color: #b30000;
}

address {
font-size: 0.9em;
font-style: normal;
line-height: 1.4em;
padding: 5px 0px 0px 0px;
margin: 35px 20px 0px 0px;
}

/* rechte spalte
-------------------------------------------
----------------------------------------------*/

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

#quickstart {
margin: 10px 0px 0px 3px;
}

#quickstart ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#quickstart ul li a {
display: block;
padding: 3px 0px 0px 24px;
height: 15px;
color: #000;
text-decoration: none;
font-weight: bold;
}

#quickstart ul li a.home {
background-image: url(/pictures/btn_home.gif);
background-repeat: no-repeat;
background-position: left;
}
#quickstart ul li a.home:hover {
background-image: url(/pictures/btn_home_hover.gif);
}

#quickstart ul li a.index {
background-image: url(/pictures/btn_index.gif);
background-repeat: no-repeat;
background-position: left;
}

#quickstart ul li a.index:hover {
background-image: url(/pictures/btn_index_hover.gif);
}

#quickstart ul li a.sitemap {
background-image: url(/pictures/btn_sitemap.gif);
background-repeat: no-repeat;
background-position: left;
}

#quickstart ul li a.sitemap:hover {
background-image: url(/pictures/btn_sitemap_hover.gif);

}

#quickstart ul li a:hover {
color: #b30000;
}

#quickstart form {
margin: 0px;
padding: 0;
}

#quickstart input.suchfeld {
width: 90px;
border: 1px solid #000;
font-size: 0.9em;
margin: 15px 0px 0px 0px;
padding: 3px;
}

#quickstart input.formsubmit {
font-size: 0.9em;
width: 30px;
border: none;
padding: 2px;
background-color: transparent;
}


ul#quicklinks {
margin: 10px 0px 5px 3px;
padding: 0;
list-style-type: none;
line-height: 1.8em;
font-weight: bold;
}

ul#quicklinks li a {
display: block;
height: 21px;
color: #000;
text-decoration: none;
}

ul#quicklinks li a:hover {
color: #b30000;
}

#banner {
margin: 0px 0px 0px 3px;
}

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


/* header, content 
-------------------------------------------
----------------------------------------------*/

#main {
width: 594px;
margin: 0px 0px 0px 193px;
text-align: left;
padding: 0;

}

*html #main {
position: relative;
left: -3px
}

#head,
#head_schule,
#head_altersheim,
#head_sommer  {
background-image: url(/pictures/bg_head.jpg);
background-repeat: no-repeat;
background-position: center;
height: 139px;
}

#head {background-image: url(/pictures/bg_head.jpg);}
#head_schule {background-image: url(/pictures/bg_head_schule.jpg);}
#head_altersheim {background-image: url(/pictures/bg_head_altersheim.jpg);}
#head_sommer {background-image: url(/pictures/bg_head_sommer.jpg);}

#content {
margin: 17px 0px 0px 20px;
padding: 0px 0px 32px 0px;
text-align: left;
width: 555px;
z-index: 10;
}

/* footer
-------------------------------------------
----------------------------------------------*/

#footer {
border-top: 1px solid #ccc;
margin-left: 210px;
width: 555px;
height: 25px;
font-size: 0.9em;
clear: both;
color: #656565;
}

#footer ul {
list-style-type: none;
margin: 1px 0px 0px 0px;
padding: 0;
text-align: left;
}

#footer ul li {
display: inline;
padding: 0px 20px 0px 0px;
margin: 0;
}

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

#footer a:hover {
color: #000;
text-decoration: none;
}

#footer li.created {
float: right;
padding: 0;
}

#footer a.gotop {
background: url(/pictures/btn_gotop.gif) no-repeat;
background-position: center left;
padding: 2px 0px 0px 14px;
}

#footer a.print {
background: url(/pictures/btn_print.gif) no-repeat;
background-position: center left;
padding: 0px 0px 0px 15px;
}


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

a  {
	color: #b30000; }
a:visited { 
	color: #b30000;
	}
a:hover { 
	color: #750a0a;
	}
a:active { 
	color: #750a0a;
	}
#content a img { 
padding: 4px;
border: 1px solid #9F9F9F;
	}
a img { 
border: none;
	}


/* links , typo
-------------------------------------------
----------------------------------------------*/

p, .normal	{
padding: 0;
font-size: 1em;
line-height: 1.5em;
margin: 0px 0px 16px 0px ;
}

#content table td p,
.bodycontent table td p{
margin: 0;
padding: 0;
}

h1, .titel	{
background-color: #b30000;
color: #fff;
font-size: 1.08em;
text-transform: uppercase;
letter-spacing: 0.11em;
padding: 4px 0px 4px 20px;
margin: 0px 1px 0px 1px;
}

h2  {
margin: 0;
padding: 0;
font-size: 1.07em;
font-weight: bold;
margin-bottom: 10px;
color: #b30000;
	}

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

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

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

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

table.data td{
padding: 0px 7px 7px 0px;
}


ul.abisz {
padding:5px;
margin: 0;
background-color: #eee;
}

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

/* 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");}


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

.fotos_start {float: left}

#start {
margin: 35px 0px 0px 195px;
/*height: 230px;*/
}

#start h2,
#aktuelles-schule h2 {
text-transform: uppercase;
}

h2.schulestart {
text-align: center;
color: #000;
font-size: 1.48em;
margin: 0px 0px 17px 0px;
padding: 0;
}

#aktuelles {
margin: 0px 0px 30px 0px;
}

#aktuelles-schule {
margin: 0px 0px 0px 20px;
}

th p {
margin: 0;
}