@charset "utf-8";

html {
height: 100%;														/* scrollbalken immer einblenden */
} 

body {
height: 101%;														/* scrollbalken immer einblenden */ 
margin: 0;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background:#F0F0F0 url(Imgs/BG/bg_page.png) center 150px repeat-y;	/* schlagschatten */

} 

#bg_top {
width:100%;
margin:0;
padding:0;
background: url(Imgs/BG/bg_top.png) left top repeat-x;				/* grauer balken oben */
height: 125px;
position:absolute; /*geändert*/
z-index:1;
} 

#bg_right {
background:url(Imgs/BG/bg_right.png) center top no-repeat;	/* ornament oben rechts */
position:absolute;
top:0;
width:100%;
height:380px;
z-index:2;
}

#header {
width: 1200px;
height: 125px;
margin:0 0 0 -600px;
left:50%;															/*  margin-left = -width/2; left 50% -> absolute position zentriert */
padding:10px 0 0 0;
background: url(Imgs/BG/bg_head.png) center top no-repeat;
position:absolute;
z-index:6;
} 

#titel {															/*  relativ positioniert innerhalb header */
margin:0 auto 0 auto;
padding:0;
width:750px;
height:90px;
position:relative;
padding:0;
}

#menu {																/*  relativ positioniert innerhalb header */
margin:0 auto 0 auto;
padding:0 10px 0 10px;
width:730px;
height:25px;
position:relative;
}

#content {
background:#FFFFFF;
width:750px;
left:50%;
margin-left:-375px;
top:125px;
position:absolute;
z-index:5;
} 

#page {
display:inline-block;
vertical-align:top;
width:520px;
margin:10px 5px 10px 10px;
padding:0;
position:relative;
} 

#info {
display:inline-block;
vertical-align:top;
width: 200px;
margin: 10px 0 55px 0;
padding:0;
/*background: #D7AE03;*/
position:relative;
} 

#bg_links {
background:url(Imgs/BG/bg_left.png) center bottom no-repeat;
position:absolute;
bottom:0;
width:100%;
height:225px;
z-index:4;
}

#bg_bottom {
background: url(Imgs/BG/bg_bg.png) repeat-x;
position:absolute;
bottom:0;
width:100%;
height:36px;
z-index:3;
margin:0;
padding:0;
}

#footer {
background:url(Imgs/BG/bg_footer.png) center no-repeat;
position:absolute;
bottom:0;
width:100%;
height:46px;
z-index:7;
margin:0;
padding:0;
text-align:center;
font-size:10px;
color:#666666;
}

#footer p {
padding:16px 0 0 0;
margin:0;
}


a:link,
a:visited {
text-decoration: none;
color: #cc0000;
} 

a:hover,
a:active {
text-decoration: none;
color: #ff9900;
} 

span {
width: 30px;
display: inline-block;
float: left;
font-weight: bold;
} 

label {
width: 110px;
display: inline-block;
float: left;
} 

p {
margin: 0;
padding: 0;
} 

#titel h1 {
margin: 0;
padding: 15px 15px 0 0;
color: #cc0000;
font-size: 40px;
text-align: right;
font-weight: normal;
font-style: oblique;
letter-spacing: 0.12em;
font-family: Georgia, "Times New Roman", Times, serif;
} 

#titel h2 {
background:none;
margin: 0;
padding: 0 12px 0 0;
color: #ff9900;
font-size: 12px;
text-align: right;
font-weight: normal;
} 

.titel {
margin: 0 0 5px 0;
background:#F4F4F4 /*url(Imgs/BG/band.png) no-repeat*/;
font-family: Georgia, "Times New Roman", Times, serif;
border:#CCCCCC solid 1px;
} 

.titel:hover {
border:#BBBBBB solid 1px;
}

.titel h1 {
margin: 0;
padding: 10px 0 0 0;
text-align: center;
font-weight: bold;
font-size: 20px;
} 

.titel h2 {
margin:0;
padding: 0 0 10px 0;
text-align: center;
font-weight: normal;
font-size: 12px;
} 

.eintrag,
.formular {
background:#F4F4F4;
width: auto;
margin: 0 0 5px 0;
padding: 15px;
border: 1px solid #CCCCCC;
/*border-bottom:#FFFFFF solid 5px;*/
} 

.eintrag:hover {
border:#BBBBBB solid 1px;
}

.formular:hover {
border:1px solid #CC0000;
}

.eintrag h1,
.formular h1 {
margin: 0 0 5px 0;
padding: 0;
text-align: left;
font-size: 16px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
} 

.eintrag h2,
.formular h2 {
margin: 0;
padding: 0 0 10px 0;
text-align: left;
font-size: 14px;
font-weight: normal;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
} 

.eintrag p,
.formular p {
margin: 4px 0 0 0;
} 

.trauer {
width: 50%;
border: 4px solid #000000;
text-align: center;
margin: 10px auto 30px auto;
padding: 90px 10px 10px 10px;
background: #ffffff url(Imgs/trauerflor.gif) no-repeat center 10px;
font-style: oblique;
font-family: Georgia, "Times New Roman", Times, serif;
} 

.changelog {
margin: 0 0 10px 0;
padding: 0;
font-size: 11px;
text-align: right;
} 

.tabelle {
text-align: center;
width: 100%;
} 

.news {
background:#ffffcc;
padding: 10px;
margin: 0 0 5px 0;
border: 1px solid #FFCC99;
}

.news:hover {
border: 1px solid #FFCC00;
}

.news h1 {
font-size: 12px;
margin: 0 0 10px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
} 

.news h2 {
font-size: 11px;
margin: 10px 0 2px 0;
padding: 0;
} 

.news p {
font-size: 11px;
margin: 5px 0 5px 0;
} 

img {
border: none;
margin: 0;
padding: 0;
} 

.bild, .bildnosize{
text-align: center;
margin: 10px auto 0 auto;
} 

.bild img {
max-height: 150px;
max-width: 450px;
margin: 4px 4px 8px 4px;
padding: 4px;
border: 1px solid #cccccc;
background: #ffffff;
}

.bild img:hover,
.bildnosize img:hover {
border:#BBBBBB solid 1px;
} 

.bildnosize img {
margin: 4px 4px 8px 4px;
padding: 4px;
border: 1px solid #cccccc;
background: #ffffff;
} 

.infografik {
margin: 10px 1% 10px 1%;
text-align: center;
} 

.infografik img {
max-width: 170px;
max-height: 195px;
margin: 4px 0 4px 0;
padding: 0;
} 

.infobild {
text-align: center;
} 

.infobild img {
max-height: 195px;
width: 170px;
margin: 0;
padding: 4px;
border: 1px solid #cccccc;
background: #ffffff;
} 

.infobild img:hover {
border:#FF9900 solid 1px;
}

.galerie ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
font-size: 9px;
} 

.galerie li {
display: inline-block;
width: 100px;
text-align: center;
margin: 5px;
vertical-align: middle;
padding: 4px 2px 4px 2px;
background: #ffffff;
border: 1px solid #cccccc;
} 

.galerie li:hover {
border: 1px solid #CC0000;
color:#cc0000;
}

.galerie a:link,
.galerie a:visited,
.galerie a:active,
.galerie a:hover {
color:#000000;
text-decoration:none;
}

.galerie img {
max-height: 92px;
max-width: 92px;
} 

.smilies ul {
list-style-type: none;
margin: 0;
padding: 0;
} 

.smilies li {
display: inline-block;
margin: 0 0 5px 10px;
vertical-align: middle;
padding: 2px 0 2px 0;
} 

.smilies span {
width: 19px;
display: block;
float: left;
} 

.smilies img {
height: 16px;
border: none;
} 


/* ---------- MENU ---------- */

#menu ul {								/* Menuliste */
margin: 0;
padding:0;
list-style-type: none;
} 

.menu li {							/* Listenpunkte */
position:relative;
text-align: center;
text-decoration: none;
float: left;
} 

.menu li a,							/* Menuköpfe */
.menu li a:visited {
width: 104px;
height: 20px;
padding: 5px 0 0 0;
display: block;
color: #FFFFFF;
background: url(Imgs/BG/pixel_60_rot.png);
}

.menu li ul {						/* Menupunkte zum Ausklappen ausblenden */
display: none;
}

.menu li:hover a,					/* Mouseover Menukopf */
.menu li a:hover {
background: url(Imgs/BG/pixel_60_weiss.png);
color: #000000;
} 

.menu li:hover ul,					/* Gesamter ausgeklappter Menublock*/
.menu li a:hover ul {
display: block;
position: absolute;
bottom: 25px;
left: 0;
} 

.menu li:hover ul li a,				/* Ausgeklappter Menupunkt */
.menu li a:hover ul li a {
background: url(Imgs/BG/pixel_60_rot.png);
color: #FFFFFF;
} 

.menu li:hover ul li a:hover,		/* Mouseover ausgeklappter Menupunkt */
.menu li a:hover ul li a:hover {
background: url(Imgs/BG/pixel_60_weiss.png);
color: #000000;
}

/* --------- LOGIN ----------*/

.login li {							/* Listenpunkte */
position:relative;
text-align: center;
text-decoration: none;
float: right;
} 

.login li a,							/* Menuköpfe */
.login li a:visited {
width: 100px;
height: 20px;
padding: 5px 0 0 0;
display: block;
color: #000000;
background: url(Imgs/BG/pixel_90_gold.png);
}

.login li ul {						/* Menupunkte zum Ausklappen ausblenden */
display: none;
}

.login li:hover a,					/* Mouseover Menukopf */
.login li a:hover {
background:#FFCC00;
color: #000000;
} 

.login li:hover ul,					/* Gesamter ausgeklappter Menublock*/
.login li a:hover ul {
display: block;
position: absolute;
bottom: 25px;
left: 0;
} 

.login li:hover ul li a,				/* Ausgeklappter Menupunkt */
.login li a:hover ul li a {
background: url(Imgs/BG/pixel_90_gold.png);
color: #000000;
} 

.login li:hover ul li a:hover,		/* Mouseover ausgeklappter Menupunkt */
.login li a:hover ul li a:hover {
background:#FFCC00;
color: #000000;
}

.personen ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
} 

.personen li {
display: inline-block;
width: 140px;
height:155px;
text-align: center;
margin: 5px;
vertical-align: middle;
padding: 4px 2px 4px 2px;
background: #ffffff;
border: 1px solid #cccccc;
} 

.personen li:hover {
border:#BBBBBB solid 1px;
}

.personen img {
max-height: 96px;
max-width: 80px;
}