body  { font-size: 80%; background-color: #ccc; background-image: url("HGtop.gif"); background-repeat: repeat; background-position: left 50px; text-align: left }
*        { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0 }
img {
    border: none;
}

td {
    text-align: left;
    vertical-align: center;
}

p   { line-height: 1.4em; text-align: left; margin-top: 0.5em; margin-bottom: 0.5em }
a  { color: #526597; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; border: none }
a:focus { color: black !important; background-color: #ff9 !important }
a:hover { color: black }

a[href ^="http://"], a.external-link, a.external-link-new-window {
    background: url('html.gif') center left no-repeat;
    padding-left: 22px;
}

a.external-link-new-window {
    target: new;
}

a.download {
   target: new;
}

a.internal-link, a[href ^="http://www.aresing.de/typo3"] {
    background: url('rel_db5.gif') center left no-repeat;
    padding-left: 22px;
}

#CONTENT img.frontEndEditIcons {
    border: 0;
}

a[href $=".pdf"], a[href $=".PDF"],
a[href *=".pdf#"], a[href *=".PDF#"],
a[href *=".pdf?"], a[href *=".PDF?"] {
    background: transparent url('pdf.gif') center left no-repeat;
    target: new;
    padding-left: 22px;
}

a.download[href $=".gif"], a.download[href $=".GIF"],
a.download[href $=".png"], a.download[href $=".PNG"] {
    background: transparent url('picture.png') center left no-repeat;
    padding-left: 22px;
}

#CONTENT ul.csc-menu {
    margin-left: 0px;
    padding-left: 0px;
}

#CONTENT ul.csc-menu li {
    background-image: url('rel_db5.gif');
    background-repeat: no-repeat;
    background-position: 0px center;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 22px;
}

#CONTENT .a-z ul li {
    background-image: none;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

h1, h2, h3, h4, h5 {
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
    font-weight: normal;
    color: #526597; 
    text-align: left;
    margin-top: 1.5em;
    margin-bottom: 0.3em;
    padding-bottom: 0; 
}

h1      { font-size: 1.7em; margin-top: 0.5em; }

h2      { 
    font-size: 1.2em;
    font-weight: bold; 
    margin-top: 1.1em;
    border-bottom: 1px solid #999;
    border-bottom: 1px solid #747c99;
    border-left: 1.2em solid #747c99;
    color: #555;
    background-color: #ddd;
    padding-top: 0.05em;
    padding-left: 0.5em;
}

h3 {
    font-size: 1.4em;
    margin-top: 0.8em;
}

h4 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 0.8em;
    margin-bottom: 0;
}

form { display: inline; width: auto }
/* ______________________________ Generell */

#aussen   { text-align: left }


/* ############################### TOP */
#BANNERaussen   { background-color: #455580; background-image: url("hgBanner.gif"); background-repeat: repeat; background-position: left 0 }

#BANNERinnen      { background-image: url("hgBanner.png"); background-repeat: repeat-y; background-position: left 0; text-align: right; margin: 0 auto; width: 70em; height: 150px; border-bottom: 1px solid #000 }
#GemeindeAresing { background-image: url("gemeindearesing.png"); background-repeat: no-repeat; background-position: 0 top }
#bannertext { color: black; margin-left: 150px; padding-top: 20px; float: left }
#bannerbild  { width: 36em; height: 150px; float: right; overflow: hidden; clip: rect(auto auto auto auto) }
#bannerbild img  { border-right: 1px solid #000; border-left: 1px solid #000 }
/* ________________________________ ADMIN */

#ADMINaussen             { background-color: #c0c0c0; margin-right: auto; margin-left: auto; padding-bottom: 0.2em; width: 70em }
#ADMIN { float: right }
#schnellnavigation, #schnellnavigation h4, #schnellnavigation ul, #schnellnavigation li, #schnellnavigation p { visibility: hidden !important; font-size: 0; background-color: #ccc; margin: 0; padding: 0; width: 0 !important; height: 0 !important; overflow: hidden; border: none }
#ADMIN li       { color: #000; line-height: 1em; list-style-type: none; margin: 0; padding: 0; float: left }
#ADMIN a         { color: #000; line-height: 1em; display: block; margin-top: 0.3em; padding: 0; }
#ADMIN a:hover    { text-decoration: underline }
#ADMIN a:hover span   { text-decoration: none !important }
#ADMIN span { color: gray; font-size: 1em; line-height: 1em }
#ADMIN input      { color: gray; text-align: center; margin-top: 0.3em; margin-right: 0.5em; margin-left: 0.5em; padding-right: 0.5em; padding-left: 0.5em; width: 17em; border: solid 0.1em }
#ADMIN .schalter      { color: #fff; background-color: gray; margin-right: 1em; width: 9em; border-style: solid; border-width: 1px; border-color: #fff black black #fff }

#hilfe {
    margin-right: 10px;
}

#hilfe p, #LEFT p {
    font-size: 0;
    visibility: hidden !important;
    margin: 0;
    padding: 0;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden
}

#brotkrumen {
    font-size: 80%;
    margin-top: 4px;
}

#brotkrumen , #brotkrumen a {
    color: #666;
}

#brotkrumen a:focus, #brotkrumen a:hover { 
    color: black;
    text-decoration: underline;
}

#brotkrumen ul {
    list-style-type: none;
    display: inline;
}

#brotkrumen li {
    display: inline;
}



/* ############################### MAIN */

#MAINaussen    { background-color: #f4f4f4; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; width: 70em; }
#MAINinnen     { background-color: #f4f4f4; background-image: url("wappenaresing.gif"); background-repeat: no-repeat; background-position: 5em bottom; margin: 3px 0 0 0; padding: 0; float: left; border-bottom: 8px solid #f4f4f4; }
.MAIN { list-style-type: none; margin: 0; padding: 0; float: left; border-top: 2px solid #f4f4f4 }
.MAIN a  { color: #fff; display: block; border: solid 1px #526597 }
.MAIN .aktuell { font-weight: bold; text-transform: uppercase; letter-spacing: 1px }
.MAIN a:hover { }
/*________________________________ LEFT */

#LEFT     { font-size: 1em; margin-left: 0.5em; padding-bottom: 0.5em; float: left; display: inline; }
#LEFT ul  { clear: both }
#LEFT li      { list-style-type: none; margin: 0 0; padding: 0; clear: both; }
#LEFT a  { background-color: #526597; text-align: left; display: block; padding: 0.3em 0 0.3em 1em; width: 15em; float: left }
#LEFT .sub     { border-top: 2px solid #f4f4f4 }
#LEFT .sub a        { color: #666; background-color: #ddd; border: solid 1px #ddd }
#LEFT .sub a.aktuell        { color: black; font-weight: bold }
#LEFT .sub a:hover  { border: solid 0.1em black }
#LEFT .subsub { border-top: 1px solid #e1e1e1 }
#LEFT .subsub a      { color: #666; background-color: #fff; padding-top: 0.1em; padding-bottom: 0.1em; border: solid 1px #fff }
#LEFT .subsub a.aktuell   { color: #666; margin-bottom: 0 }
#LEFT .subsub a:hover   { }
#LEFT a:hover  { color: black !important; background-color: #f5f400 !important; border: solid 1px #666 !important }
/*________________________________ RIGHT */

#RIGHT   { margin-right: 0.5em; width: 52em; float: right; display: inline; }
#CONTENT   { 
   margin: 0 2em 2em 0; 
   padding-left: 1em; 
   float: left;
   width: 49em;
   list-style-type: disc;
   display: inline;
}

#CONTENT h2 a:hover { text-decoration: underline }
#CONTENT li, div.csc-textpic-text li { line-height: 1.4em; text-align: left; margin: 0.1em 0 0.1em 1em; }
#CONTENT li li, div.csc-textpic-text li li { line-height: 1 em; margin-top: 0; margin-bottom: 0; }
#CONTENT ul, div.csc-textpic-text ul { margin: 0.2em 20px 0.4em 2em; list-style-type: disc; }
#CONTENT p   { line-height: 1.4em; }
#CONTENT a:hover { text-decoration: underline; }
#CONTENT b, #CONTENT em  { color: #555; }

#CONTENT img {
    border: 1px solid #666;
}

#CONTENT img.ohnerand {
    border: 0px;
}

#CONTENT table, #CONTENT tbody, #CONTENT td, #CONTENT th { border: 2px solid #f4f4f4; }
#CONTENT table {
   border-collapse: collapse;
   border-spacint: 0;
   background-color: #ddd;
   empy-cells: show;
   margin-bottom: 0.3em;
   text-align: left;
}

#CONTENT table.vollebreite, #CONTENT td.vollebreite {
   width: 625px;
}

.csc-textpic-text { text-align: left; }
.csc-textpic-caption { 
   font-size: 80%;
   color: #555;
   padding-top: 2px;
}

div.csc-textpic-text li { margin: 0; }
DIV.csc-textpic-imagewrap { padding-top: 5px; }

#CONTENT td, #CONTENT th, #CONTENT tbody {
   padding: 4px 8px;
   vertical-align: top;
   text-align: left;
}

#CONTENT th, #CONTENT thead tr td {
   background-color: #c0c0c0;
   background-color: #999;
   color: white;
   font-weight: bold;
}

#CONTENT td {
   background-color: #ddd;
}

#CONTENT td.align-right, #CONTENT td.align-right p.bodytext { text-align: right; }
#CONTENT td.align-center, #CONTENT td.align-center p.bodytext { text-align: center; }

#CONTENT td p {
   margin: 0;
   padding: 0;
}

/* ______________________________ footer */

#footer          { color: #fff; background-color: #526597; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; width: 70em }
#footer p   { font-size: 0.9em; text-align: left; margin: 0 1em 0 20em; padding: 0 }
#footer a    { color: #fff; text-decoration: underline }

#footer a:hover  { text-decoration: none }

/* ______________________________ footer */

.nodeco:hover { text-decoration: none !important }

.hidden  {
    font-size: 0 !important;
    background-color: transparent !important;
    margin: 0 auto auto 0;
    padding: 0;
    width: 0 !important;
    height: 0 !important;
    float: left !important;
    overflow: hidden !important;
    clip: rect(auto, auto, auto, auto) !important;
    visibility: hidden;
}

.anker  { font-size: 0 !important; line-height: 0 !important; margin: 0; padding: 0; width: 0 !important; height: 0 !important; overflow: hidden !important }
.nowrap {
    white-space: nowrap;
}

.link  { font-size: 0.8em !important; font-weight: bold; white-space: nowrap !important }

.floatleft {
    float: left;
    margin-right: 10px;
}
.floatright { margin-left: 5px; float: right }
.center {
    text-align: center;
}
.lupe  { background-color: transparent !important; border: none !important }

#larger {
    text-align: center;
}

#larger p.close {
    width: 600px;
    margin: 10px auto;
    color: white;
    font-size: 12pt;
}
.clear  { font-size: 0 !important; background-color: transparent !important; list-style-type: none !important; width: 0; height: 0; clear: both !important; overflow: hidden; clip: rect(auto auto auto auto) }
.pfeil { vertical-align: middle }

.a-z ul {
    list-style-type: none;
    margin: 0;
}

.a-z li {
    display: inline;
    font-weight: bold;
}

#LASTUPDATE {
    color: #666;
    font-size: 80%;
    text-align: left;
}

.klein {
    font-size: 80%;
}