* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}

body {
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
background-color: #F9F9F9
}

div {
text-align: left;
}

div#header {
height: 167px; background-image: url(bg/head.jpg);
}
div#header h1 { margin-left: 25px; display: inline; font: italic bold 40px "Times New Roman"; color: #000066; } /*font: font-style font-variant font-weight font-size line-height font-family*/
div#header h2 { margin-left: 25px; display: inline; font: italic bold 20px "Times New Roman"; color: #000066; } /*font: font-style font-variant font-weight font-size line-height font-family*/

div#nav {
height: 22px; background-color: #CBEAFD; text-align: center; font: 95% "Verdana";
}
div#nav a{ display: inline-block; color: #555; text-decoration: none; margin: 0px 20px 0 20px; }
div#nav a:hover{ color: #222; text-decoration: underline; }

/* DIV-Boxen */

div#wrapper {
width: 1024px; margin: 0px auto;
}

div#leftCol {
float: left; width: 152px; height: 525px;
}
div#leftCol.start { background-image: url(bg/ort1.jpg); }
div#leftCol.bach { background-image: url(bg/bach1.jpg); }
div#leftCol.fest { background-image: url(bg/fest1.jpg); }
div#leftCol.festa { background-image: url(bg/fest1a.jpg); }
div#leftCol.galerie { background-image: url(bg/galerie1.jpg); }
div#leftCol.heute { background-image: url(bg/heute1.jpg); }
div#leftCol.historie { background-image: url(bg/historie1.jpg); }
div#leftCol.impressum { background-image: url(bg/impressum1.jpg); }
div#leftCol.kirche { background-image: url(bg/kirche1.jpg); }
div#leftCol.links { background-image: url(bg/links1.jpg); }
div#leftCol.ort_hist { background-image: url(bg/ort-hist1.jpg); }

div#rightCol {
float: right; width: 690px; height: 500px; background-color: white; overflow:auto; padding-top: 25px; padding-left:15px;
font: 80% "Verdana";
}
div#rightCol.start { background-image: url(bg/ort_main.jpg); }
div#rightCol.fest { background-image: url(bg/fest_main.jpg); }
div#rightCol.historie { background-image: url(bg/historie_main.jpg); }
div#rightCol.weiss { background-image: url(bg/bg-weiss-schatten.jpg); background-repeat:repeat-x; }

div#centerCol {
margin: 0 705px 0 152px; height: 525px; font: 95% "Verdana";
}
div#centerCol.start { background-image: url(bg/ort2.jpg); }
div#centerCol.bach { background-image: url(bg/bach2.jpg); }
div#centerCol.fest { background-image: url(bg/fest2.jpg); }
div#centerCol.festa { background-image: url(bg/fest2a.jpg); }
div#centerCol.galerie { background-image: url(bg/galerie2.jpg); }
div#centerCol.heute { background-image: url(bg/heute2.jpg); }
div#centerCol.historie { background-image: url(bg/historie2.jpg); }
div#centerCol.impressum { background-image: url(bg/impressum2.jpg); }
div#centerCol.kirche { background-image: url(bg/kirche2.jpg); }
div#centerCol.links { background-image: url(bg/links2.jpg); }
div#centerCol.ort_hist { background-image: url(bg/ort-hist2.jpg); }

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#footer {
clear: both;
height: 20px;
background-color: #CBEAFD;
font: 80% "Verdana";

}

/* Listen */

/* ul.menu {
list-style-type: none;
list-style-position: inside;
margin-left: 10px;
}
ul.menu li{ margin: 5px 0 5px 0; padding: 5px 0 5px 0;} */

#menu {
list-style: none;
}

a.menu, a.menu:active, a.menu:visited {
width:140px; height: 25px;
padding-left: 7px; padding-top: 8px;
border-right: solid 1px #0081C5; border-bottom: solid 1px #0081C5;
display: block;
background-color: white;
text-decoration: none;
color: #888;
}
a.menu:hover {
width:139px;
padding-left: 7px; padding-top: 7px;
border: solid 1px #0081C5; /*#96CB55;*/
border-left-width: 10px; border-right-width: 2px;
color: #555;
font-weight: bold;
}
a.umenu, a.umenu:active, a.umenu:visited {
width:135px; height: 20px;
padding-left: 12px; padding-top: 3px;
border-left: solid 1px #0081C5;
display: block;
background-color: #EEE;
text-decoration: none;
color: #888;
font-style: italic;

}
a.umenu:hover {
width:134px;
padding-left: 12px; padding-top: 1px;
border: solid 1px #0081C5; /*#96CB55;*/
border-left-width: 10px; border-right-width: 2px;
color: #555;
font-weight: bold;
}


div#news:hover {
position: relative; top: 0px; left:250px;
width: 400px; height: 250px; padding: 3px 5px 5px 8px;
text-align: right; overflow:auto;
background-color: #F9F9FF;
border-width:2px; border-color:#DDDDDD; border-style:inset;
}
div#news {
position: relative; top: 0px; left:500px;
background-color: white;
width: 150px; height: 25px; padding: 3px 5px 5px 8px;
text-align: right; overflow: hidden;
background-color: #F9F9FF;
border-width:2px; border-color:#DDDDDD; border-style:inset;
}
hr.news { width: 80%; }

.date { font-weight:bold; }

h1 {font-style:italic; font-weight:bold; font-size:28px; font-family:'Times New Roman',Times,serif; color: #000066}
h2 {font-style:italic; font-weight:bold; font-size:24px; font-family:'Times New Roman',Times,serif; color: #000066}
h3 {font-style:italic; font-weight:bold; font-size:20px; font-family:'Times New Roman',Times,serif; color: #000066}
h4 {font-style:normal; font-weight:bold; font-size:16px; font-family:'Times New Roman',Times,serif; color: #000066}

h2.programm {font: italic bold 35px "Times New Roman"; color: #000066}
h3.programm {font: italic bold 25px "Times New Roman"; color: #000066}

hr.festjahr { width: 60%; }