/* GRUNDSTRUKTUR */
html, body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 80.0%;
    background-color: #FFFFFF;
    background: url(/cms/images/StadtMH/jugendkulturportal07/bg.jpg);
    color: #000000;
    text-align: center; /* IE-Hack */
}

* {
    margin: 0px;
    padding: 0px;
    font-size: 1em; /* quasi 10 Pixel */
}

p {
    margin-top: 8px;
}

#skipNav {position: absolute; left: -9999px;}

.invisible {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: inline;
}

/* HG-Bild im Tiny-Editor ueberschreiben; optimal nur im IE & im YM :-( */
body.mceContentBody {
    font-size: 1.0em;
    line-height: 1.5;
    background-color: #FFFFFF;
    background: url(/cms/images/StadtMH/jugendkulturportal07/bg_mce.gif);
    color: #000000;
    text-align: left;
}

a img.OrigiImagePop {
    background-image: url('/cms/images/StadtMH/lupe.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    background-color: #73bbff;
}

#alles {
    width: 1000px;
    margin: 0px auto; /* Standardkonform */
    text-align: left; /* IE-Hack */
}

#kopf {
    width: 1000px;
    height: 200px;
}

#jkp_logo {
    position: absolute;
/*    width: 640px;
    height: 200px; */
    top: 0px;
    left: 0px;
}

#kb_logo {
    position: absolute;
    width: 300px;
    height: 80px;
    top: 100px;
    left: 680px;
}

#inhalt {
    width: 1000px;
    position: relative;
}

#navigation {
    float: left;
    text-align: right;
    width: 180px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 5px;
    font-size:1.1em;
}

#suche {
    width: 170px;
    padding: 5px;
    margin-top:0px;
    font-size:1.2em;
    display: block;
}

/* Problem noch im IE 6
   http://artikel.fabrice-pascal.de/ie5boxmodell/4/ */

.chamfer {
    background: none transparent scroll repeat 0% 0%;
}

.chamfer .top {
    display: block; font-size: 1px; background: none transparent scroll repeat 0% 0%
}
.chamfer .bottom {
    display: block; font-size: 1px; background: none transparent scroll repeat 0% 0%
}
.chamfer .b1 {
    border-right: #038333 2px solid; display: block; background: #FFFFFF; overflow: hidden; border-left: #038333 2px solid; height: 1px
}
.chamfer .b2 {
    border-right: #038333 2px solid; display: block; background: #FFFFFF; overflow: hidden; border-left: #038333 2px solid; height: 1px
}
.chamfer .b3 {
    border-right: #038333 2px solid; display: block; background: #FFFFFF; overflow: hidden; border-left: #038333 2px solid; height: 1px
}
.chamfer .b4 {
    border-right: #038333 2px solid; display: block; background: #FFFFFF; overflow: hidden; border-left: #038333 2px solid; height: 1px
}
.chamfer .b5 {
    border-right: #038333 2px solid; display: block; background: #FFFFFF; overflow: hidden; border-left: #038333 2px solid; height: 1px
}
.chamfer .b1 {
    background: #038333; margin: 0px 5px
}
.chamfer .b2 {
    margin: 0px 4px
}
.chamfer .b3 {
    margin: 0px 3px
}
.chamfer .b4 {
    margin: 0px 2px
}
.chamfer .b5 {
    margin: 0px 1px
}
.chamfer .boxcontent {
    border-right: #038333 2px solid; display: block; background: #FFFFFF; border-left: #038333 2px solid;
}

#beitrag {
    margin: 0px 182px;
    width: 600px;
    padding: 5px;
    font-size: 1.2em;
    color: #ffffff;
}

#beitragslogo {
/*    background-image: url(/cms/images/StadtMH/jugendkulturportal07/flash_klein.gif); */
/*    background-position: 20px 20px;
    background-repeat: no-repeat;*/
    /*width: 430px;*/
}

#beitragsinhalt {
    margin: 0px 0px 0px 0px;
    margin-left: 20px;
    width: 550px;
    padding: 5px;
    font-size: 1.0em;
    line-height: 1.5;
    color: #000000;
}

#kontakt_links {
    margin: 5px 0px 0px 0px;
    width: 200px;
    padding: 0px;
    float: left;
}

#kontakt_rechts {
    margin: 0px 0px 0px 0px;
    left: 265px;
    width: 200px;
    padding: 5px;
    position: absolute;
    float: right;
    voice-family: "\"}\""; /* IE-Hack 5.x, credits to Tantek Celik */
    voice-family: inherit;
    margin: 5px 0px 0px 220px;
}

.aufraeumen {
    clear: both;
    width: 1px;
    height: 1px;
    font-size: 1px;
}
/* ENDE GRUNDSTRUKTUR */

a, a:link, a:visited {
    font-weight: 400;
    color: #E43D00;
    text-decoration: underline;
}

a:hover {
    color: #E43D00;
    text-decoration: underline;
}

#navigation a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 800;
    font-family: Verdana, Arial, sans-serif;
}

#navigation a.active, a.hover, a.visited{
    color: #FFFFFF;
    text-decoration: none;
}

#beitrag ul, #maincol ul {
    margin-left: 20px;
}

#beitrag ol, #mainlcol ol {
    margin-left: 27px;
}

#beitrag img {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-left: 4px;
}

#seite_anpassen {
    margin-top: 25px;
    width:180px;
    padding: 5px;
    border: 1px solid black;
    background-color: #EFEFEF;
}

h1, h1.uberschrift {
    background-image: url(/cms/images/StadtMH/jugendkulturportal07/flash_klein.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-top: 20px;
    padding-left: 30px;
    line-height: 1.3em;
    font-size: 1.4em;
    color: #ffffff;
}

h1.ueberschrift {
    color: #038333;
}

h2, h3 {
    color: #ffffff;
}

h2, h2.ueberschrift {
    line-height: 1.3em;
    font-size: 1.2em;
}

h3, h3.ueberschrift {
    line-height: 1.3em;
    font-size: 1em;
}

h4, h5, h6, h4.ueberschrift, h5.ueberschrift, h6.ueberschrift {
    line-height: 1.3em;
    font-size: 1em;
}

hr {
    color: #038333;
    margin-top: 10px;
    margin-bottom: 10px;
}

.eingabefeld {
    font-size: .8em;
    border: 1px solid black;
    font-weight: 600;
    background-color:#FFFFFF;
    padding: 2px;
    width: 80px;
}

.button {
    cursor:pointer;
    font-size: .8em;
    background-color:#121212;
    color: #FFF;
    font-weight: 600;
    border: 1px solid #121212;
    padding: 0px;
    width: 50px;
}

.datenschutz {
    color: #E43D00;
    border: 1px solid #038333;
    background-color:#FFFFFF;
    padding: 2px;
}

.sitemap_standard {
    color: #E43D00;
    line-height: 1.5;
}

#kontakt h2 {
    color: #000000;
    line-height: 1.5em;
    font-size: 1.1em;
    font-weight: 800;
}

h2.suche {
    width: 100%;
}

h2.suche a {
    text-decoration: none;
}

.suchepfad, .gibpfad, .gibpfad a, .gibpfad a:active, .gibpfad a:hover, .gibpfad a:visited {
    font-size: 95%;
    color: #EEEAEA;
    font-style: italic;
}

/* 2. Seite, Beitrag speichern. Einstellungen lesbar machen */

.datenschutz2{
    color: #FFFFFF;
}

.einstellung {
    color: #000000;
}

.message {
    display: block;
    color: #00CC00;
    font-weight: 800;
    border: 1px solid black;
    padding: 5px;
    background-color: #EFEFEF;
}

.error_message {
    display: block;
    color: #000000;
    font-weight: 800;
    border: 1px solid black;
    padding: 5px;
    background-color: #EFEFEF;
}

span.minis {
    font-size: 80%;
    color: #EEEAEA;
}

span.minis a, span.minis a:active, span.minis a:hover, span.minis a:visited{
    color: #EEEAEA;
}

.inhalt_ohne {
    background: url(/cms/images/StadtMH/jugendkulturportal07/bg.jpg);
    color: #FFFFFF;
}

.inhalt_ohne a, .inhalt_ohne a:active, .inhalt_ohne a:hover, .inhalt_ohne a:visited{
    font-weight: 800;
    color: #E43D00;
    text-decoration: none;
}

#NewsBoxBlueLeft li, #NewsBoxBlueRight li, #NewsBoxBlueLeft a, #NewsBoxBlueLeft a:active, #NewsBoxBlueLeft a:visited, #NewsBoxBlueRight a, #NewsBoxBlueRight a:active, #NewsBoxBlueRight a:visited {
    color: #ffffff;
    font-weight: 800;
}

#NewsBoxBlueLeft a:hover, #NewsBoxBlueRight a:hover {
    color: #E43D00;
    font-weight: 800;

}

#BreadCrump a, #BreadCrump a:active, #BreadCrump a:visited {
    color: #ffffff;
}

#BreadCrump a:hover {
    color: #E43D00;
}

.suchtipps {
    margin-bottom: 20px;
    width: 400px;
    background-color: #3f3f3f;
    padding: 5px;
}