@import url(ewunorm.css);
@import url(ewunavi.css);

HTML{ background: #D9D9B3 url(html.gif) repeat-x; }

BODY {
position: relative;
width: 865px;
margin-bottom: 15px;
font: 12px/16px Arial, Helvetica, sans-serif; /* <<---- vorher 12px/15px */
color: #4C4C4C;
text-align: left;
background: transparent url(body.gif) repeat-y;
}

A {
color: #004C15;
text-decoration: none;
/*border-bottom: 1px dashed #004C15;*/
}

A:hover { 
text-decoration: underline;
/*border-bottom: 1px solid #004C15;*/
}

DIV#content_main A.btn1 {
padding: 2px 5px;
border: 1px solid #4c4c4c;
background: #D6D6BA url(searchbox.btn.png) repeat-x 0% 100%;
margin-right: 3px;
color: #000;
}

DIV#content_main A:hover.btn1 {
background: #CDCDCD url(searchbox.btn.hover.png) repeat-x 0% 100%;
text-decoration: none;
}

DIV#content_main A.btn2 {
padding: 2px 5px;
border: 1px solid #4c4c4c;
background: #D6D6BA url(searchbox.btn2.png) repeat-x 0% 100%;
margin-right: 3px;
color: #666;
}

DIV#content_main A:hover.btn2 {
background: #CDCDCD url(searchbox.btn2.hover.png) repeat-x 0% 100%;
text-decoration: none;
}

STRONG { font-weight: bold; }

EM { font-style: italic; }

.searchhighlight {
color: red;
font-weight: bold;
}

DIV#container {
width: 850px;
padding-right: 15px;
background: transparent url(container.div.png) repeat-y 850px 0px;
min-height: 685px;
}



/* ==== BACKGROUNDER ===================================== */

DIV#backgrounder {
position: absolute;
top: 0px;
left: 850px;
width: 150px;
height: 685px;
background: url(backgrounder.div.jpg) no-repeat;
}


/* ==== BRANDING ========================================= */

DIV#branding {
width: 850px;
height: 154px;
background: #708864 url(branding.div.jpg) no-repeat;
}

DIV#branding H1 {
position: absolute;
top: 15px;
left: 0px;
width: 187px;
height: 207px;
background: transparent url(branding.h1.gif) no-repeat;
}

DIV#branding H1, DIV#branding H2 { text-indent: -9999px; }


/* ==== CONTENT ========================================== */

DIV#content {
width: 850px;
min-height: 450px;
background: transparent url(content.div.jpg) no-repeat;
}


/* ==== CONTENT_MAIN ===================================== */

DIV#content_main {
position: relative;
float: left;
width: 430px;
padding-left: 200px;
padding-right: 29px;
margin-top: 45px;
margin-bottom: 20px;
}

DIV#content_main H2 {
font: 20px Georgia, serif;
margin: 20px 0px 15px 0px;
}

DIV#content_main H3 {
font: 16px Georgia, serif;
text-decoration: underline;
margin: 20px 0px 15px 0px;
}

div#content_main H4 {
font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 15px 0px 10px 0px;
}

DIV#content_main P {
margin: 10px 0px;
}

DIV#content_main INPUT.textfield,
DIV#content_main DIV.textfield INPUT,
DIV#content_main SPAN.textfield INPUT {
border: 1px solid #4C4C4C;
height: 16px;
font: 13px Arial, Helvetica, sans-serif;
background: #eee url(input.gif) no-repeat;
padding: 2px 2px;
margin-bottom: 1px;
}

DIV#content_main INPUT.button,
DIV#content_main DIV.button INPUT,
DIV#content_main SPAN.button INPUT,
DIV#content_main DIV.button BUTTON,
DIV#content_main SPAN.button BUTTON {
border: 1px solid #4C4C4C;
height: 22px;
font: 13px Arial, Helvetica, sans-serif;
background: #C4C4AB url(searchbox.btn.png) repeat-x 0% 50%;
}

DIV#content_main UL LI,
DIV#content_main OL LI,
DIV#content_main OL.aufzaehlung LI UL LI {
padding-left: 15px;
background: transparent url(content.li.gif) no-repeat 3px 6px;
margin-bottom: 6px;
}

DIV#content_main OL.aufzaehlung {
list-style-type: decimal;
list-style-position: outside;
margin-left: 25px;
}

DIV#content_main OL.aufzaehlung LI {
background: none;
margin-bottom: 6px;
padding-left: 0px;
}

DIV#content_main OL.aufzaehlung LI UL {
margin-top: 6px;
}

DIV#content_main DIV.pager {
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
}

DIV#content_main DIV.pager A {  text-decoration: underline; border: 0; }
DIV#content_main DIV.pager A:hover { text-decoration: underline; border: 0; }


/* ---- Massage-Box ---- */

DIV#content_main DIV.message {
margin: 10px 0px;
padding: 10px;
border: 1px solid #708864;
background: #EEEEDC url(massage.div.gif) repeat-x;
}

DIV#content_main FIELDSET.message {
margin-top: 25px;
margin-bottom: -10px;
padding: 10px 7px 5px 7px;
border: 1px dotted #708864;
background: #EEEEDC url(massage.div.gif) repeat-x;
}

DIV#content_main DIV.message H4 {
color: #708864;
font: bold 13px/21px Arial, Helvetica, sans-serif;
margin-bottom: 5px;
padding-left: 25px;
margin-top: 0px;
background: transparent url(div.message.h4.gif) no-repeat 0% 45%;
}

DIV#content_main DIV.message UL,
DIV#content_main DIV.message OL {
margin: 0px; padding: 0px;
}

DIV#content_main DIV.message LI {
margin-bottom: 2px;
}

DIV#content_main DIV.message P {
margin: 0px;
}


/* ---- Thumbnails ---- */

div#content_main DIV.bericht_thumbnails {
float: right;
margin-left: 10px;
margin-top: 3px;
margin-right: -29px;
width: 150px;
overflow: hidden;
}

div#content_main DIV.bericht_thumbnails P {
margin: 0;
background: transparent url(thumbnail.shadow.gif) no-repeat left bottom;
padding-bottom: 10px;
margin-bottom: 5px;
}

div#content_main DIV.bericht_thumbnails IMG {
background: none;
padding-bottom: 0px;
}

div#content_main DIV.bericht_thumbnails A IMG {
background: #EEEEDD url(thumbnail.zoom.gif) no-repeat left bottom;
padding-bottom: 14px;
}


/* ---- Bilderalbum - Übersicht ---- */

div#content_main div.albumlist-item { margin: 20px 0px 15px 0px; }

div#content_main div.randomimg {
float: left;
width: 150px;
margin-right: 15px;
margin-top: 3px;
text-align: center;
}

div#content_main div.randomimg A IMG { border: 1px solid #4c4c4c; }
div#content_main div.randomimg A:hover IMG { border: 1px solid #f60; }

div#content_main div.albumlink {
float: left;
display: block;
width: 260px;
}

div#content_main div.albumlink H3 { margin-top: 0px; margin-bottom: 5px; }
div#content_main div.albumlink P { margin: 5px 0px; }

div#content_main div.albumlink A {
font: 11px/13px Arial, Helvetica, sans-serif;
padding-left: 15px;
background: transparent url(a.images.gif) no-repeat 0px 3px;
}

div#content_main div.albumtrenner {
height: 1px;
background: #4c4c4c;
}


/* ---- Bilderalbum - Thumbnails ---- */

div#content_main div.album {
float: left;
border: 1px solid #4c4c4c;
margin: 0px 5px 5px 0px;
background-repeat: no-repeat;
background-position: 50% 50%;
}

div#content_main div.album A {
display: block;
width: 100px;
height: 100px;
}

div#content_main div.album A:hover {
width: 98px;
height: 98px;
border: 1px solid #f60;
}


/* ==== CONTENT_SUB ====================================== */

DIV#content_sub {
float: right;
width: 190px;
padding: 10px 0px;
color: #4c4c4c;
background: #A3B59A url(content_sub.div.gif) repeat-y;
font: 11px/13px Arial, Helvetica, sans-serif;
color: #333;
min-height: 511px;
}

DIV#content_sub H3 {display: none;}

DIV#content_sub LI {
margin-bottom: 12px;
padding-bottom: 8px;
background: transparent url(content_sub.li2.gif) no-repeat left bottom;
}

DIV#content_sub LI H4 {
width: 160px;
overflow: hidden;
min-height: 12px;
background: #4c4c4c url(content_sub.h4.gif) no-repeat 5% 50%;
font: 10px/12px Georgia, serif;
text-transform: uppercase;
color: #ccc;
text-align: left;
padding-left: 20px;
padding-right: 10px;
padding: 7px 10px 7px 20px;
}

DIV#content_sub LI H5 {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
margin: 17px 15px 7px 7px;
padding-left: 13px;
background: transparent url(content_sub.h5.gif) no-repeat 0px 4px;
}

DIV#content_sub LI UL H5 {
width: 155px;
overflow: hidden;
}

DIV#content_sub LI P { margin: 7px 15px 7px 20px; }

DIV#content_sub LI UL {
margin: 7px 15px 7px 13px;
width: 162px;
overflow: hidden;
}

DIV#content_sub LI UL LI {
margin: 3px 0px; 
padding-left: 7px;
padding-bottom: 0px;
background: transparent url(content_sub.li1.gif) no-repeat 0px 5px;
}

DIV#content_sub P.rubriclink {
display: block;
margin: 4px 0px 0px 0px;
background: #889E7D url(a.int.gif) no-repeat 10px 5px;
padding: 2px 10px 2px 25px;
}



/* ---- Infokasten "EWU-Logo" ---- */

DIV#content_sub LI#logo { text-align: center; }

DIV#content_sub LI#logo H4 { display: none }

DIV#content_sub LI#logo P { margin: 5px 0px;
font: 10px/13px Arial, Helvetica, sans-serif;
color: #000; }




/* ---- Infokasten "Termine" ---- */

DIV#content_sub LI.box_termin {
margin: 0px 0px 4px 0px;
padding-bottom: 0px;
}

DIV#content_sub LI.box_termin P.date {
margin: 0px;
font: 10px/12px Arial, Helvetica, sans-serif;
}

DIV#content_sub LI.box_termin H5 {
margin: 0; padding: 0; background: none;
font: bold 11px/13px Arial, Helvetica, sans-serif;
}



/* ---- Infokasten "Ergebnisse" ---- */

DIV#content_sub LI.box_ergebnis {
margin: 0px 0px 4px 0px;
padding-bottom: 0px;
}

DIV#content_sub LI.box_ergebnis H5 {
margin: 0; padding: 0; background: none;
font: bold 11px/13px Arial, Helvetica, sans-serif;
}

DIV#content_sub LI.box_ergebnis P.results { margin: 1px 0px; }

DIV#content_sub LI.box_ergebnis P.results A {
display: block;
padding: 3px 0px 3px 10px;
background: transparent url(a.ergebn.s.gif) no-repeat 0% 45%;
}



/* ---- Infokasten "Berichte" ---- */

DIV#content_sub LI.box_berichte {
margin: 0px 0px 4px 0px;
padding-bottom: 0px;
}

DIV#content_sub LI.box_berichte H5 {
margin: 0; padding: 0; background: none;
font: 11px/13px Arial, Helvetica, sans-serif;
}

DIV#content_sub LI.box_berichte P { margin: 0px 0px 2px 0px; }
DIV#content_sub LI.box_berichte P A {
display: block;
padding: 0px 0px 0px 13px;
background: transparent url(a.int.gif) no-repeat 0% 45%;
}


/* ==== SITEINFO ========================================= */

DIV#siteinfo {
clear: left;
width: 430px;
margin-left: 200px;
padding-top: 3px;
margin-bottom: 20px;
border-top: 1px dashed #4C4C4C;
font: 10px Arial, Helvetica, sans-serif;
color: #aaa;
}

DIV#siteinfo H3 { display: none; }

DIV#siteinfo A { color: #888; border: 0; }
DIV#siteinfo A:hover { color: #000; border: 0; }



/* ==== ENDER ============================================ */

DIV#ender {
clear: both;
width: 865px;
height: 22px;
background: transparent url(ender.div.png) no-repeat;
}

DIV#ender P { text-indent: -9999px; }