html, body { height:100%; border-bottom:1px solid transparent; }
body {
    padding:0px; margin:auto;
    background-color:#EAF4F9;
    color:#000;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-style:normal;
    font-size:0.8em;
    background-image:url(../images/bg_blue.jpg);
    background-repeat:repeat-x;
    text-align:center;
}

a:link { text-decoration: none; color:#036; }
a:visited { text-decoration: none; color:#036; }
a:hover  { text-decoration: underline; color:#036; }
a:active { text-decoration: none; color:#036; }
a:link img, a:visited img { border:0px; }

.yOut {
    margin:auto; padding:0;
    width:950px;
    display:block; clear:both;
    background-color:#fff;
    background-image:url(../images/header_green.jpg);
    background-position:10px 0;
    background-repeat:no-repeat;
    text-align:left;
}

.yLg  {
    display:block;
    margin:0;padding:0;
    height:100px;
    background-color:transparent;
}

.logoLeft { float:left; margin:0;padding:0; }
.logoRight { float:right; margin:0;padding:0; }

.yFoo {
    margin:0 0 0 0; padding:1em 3.5em;
    display:block; clear:both;
    background-color:#069; color:#fff;
    font-size:0.8em;
    border-top:1px solid #036;
    text-align:left;
}

.yFoo a .fontFaceA { color:#fff; }

.yIn  {
    display:block; clear:both; 
    margin:0px;
    background-color:transparent;
    padding:10px 10px 0 10px;
}
.yDot { background-color:#fff; display:block; clear:both; height:1px; width:1px; font-size:1px; }

/* ~~~ navi ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navi {
    margin:0; padding:5px 0;
    width:260px; height:700px;
    display:block;
    float:left;
    background-image:url(../images/bg_navi.jpg);
    background-repeat:no-repeat;
}

.naviSpacer {
    margin:0px; padding:32px 0px 16px 0px;
    display:block;
}

#con {
    margin:0 0 0 262px; padding:0;
    display:block;
    text-align:left;
}
#navi ul  { margin:0; padding:0; }
#navi ul li { margin:0; padding:0; display:inline; list-style:none; }
#navi ul li a {
    margin:0px; padding:3px 16px 3px 3px;
    display:block;
    border-bottom:1px solid #069;
    text-decoration:none;
    text-align:right;
    font-weight:bold;
}

#navi .lev-10 { padding-left:13px; font-weight:bold; }
#navi .lev-20 { padding-left:23px; font-weight:normal; }
#navi .lev-30 { padding-left:33px; font-weight:normal; }

a.naviLink:link,
a.naviLink:visited
{
    color:#fff;
}
a.naviLink:hover, a.naviLink:active,
a.naviLinkA:link, a.naviLinkA:visited,
a.naviLinkA:hover, a.naviLinkA:active
{
    color:#036;
}

#map { 
    padding:10px 0px 50px 10px; 
}
#map .level_1
{
    margin:0px 0px 5px 0px; padding:10px 0px 2px 10px;
}

/* ~~~ content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1.conHead {
    background-color:transparent;
    color:#fff;
    display:block;
    margin:0px;
    padding:5px 6px 10px 20px;
    text-align:left; 
    font-size:1.3em;
    font-weight:normal;
}
h2 { display:block; padding:3px 3px 3px 0px; text-align:left; margin:16px 0px 10px 0px; font-size:1.4em; font-weight:normal; border-bottom:1px solid #ccc;}
b, strong { font-weight:bold; }

.conStage {
    background-image:url(../images/bg_grey.jpg);
    background-repeat:repeat-y;
    background-color:#fff; 
    margin:0;
    padding:1em 10px 200px 20px;
    display:block;
    color:#000;
    text-align:left;
}

table { font-size: 1.0em; }

.img_01 { margin:5px 7px 7px 0; padding:1px; border:1px solid #ccc; }
.img_02 { margin:5px 7px 7px 0; padding:1px; border:1px solid #ccc; float:left; }
form { padding:0; margin:0; }
hr { height:1px; border:none; border-bottom:1px solid #262D0B; }
iframe.malerei-kunst { border:0; margin:0; padding:0; height:1000px; width:630px; }