html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}


body {
    font-family: Georgia, serif;
    min-width: 2%;
    min-height: 2%;
    margin: 0px auto;
    width: 100%;
    height: 100%;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }



#outer {
    width: 780px;
    height:600px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    position:relative;
    height:210px;
    background-image: url(/img/bgheader.png);
}

#content {
    position:relative;
    height:260px;
    background: #fff;
}

#footer {
    position:relative;
    height:104px;
    background-image: url(/img/bgfooter.png);
}

#sign {
    position:absolute;
    right:12px;
    top:57px;
}


div#content.divmenu0,div#header.divmenu0,div#footer.divmenu0 { background: none; background-image: url(/img/bgfooter.png); }


/* Centered, scaled background image */
html { overflow:hidden; width:100%; height:100%; }
#outmost { position:absolute; z-index:70; top:0; left:0; overflow:auto; width:100%; height:100%; }
#wallpaper { overflow:hidden; width:100%; height:100%; }
#wallpaper table { overflow:hidden; width:100%; height:100%; }
#wallpaper div { position:absolute; top:-50%; left:-50%; width:200%; height:200%; }
#wallpaper td { overflow:hidden; width:100%; height:100%; vertical-align:middle; text-align:center; }
#wallpaper img { min-width:50%; min-height:50%; margin:0 auto; }





/* header stuff */

#logo { position:absolute; left:20px; top:8px; font-size:32px; margin:0; }
#rulerheader { position:absolute; left:196px; top:47px; width: 570px; height: 1px; background-color: #fff; }

#motto {
    position:absolute;
    left:0;
    top:165px;
    color:#fff;
    font-size:16px;
    text-align:center;
    width:100%;
}

/* header: menu stuff */

#menu {
    font-size: 28px;
}
#menu ul { padding-top: -10px; }
#menu a:hover { text-decoration: none; color: #fff; }


#menu0 { 
    font-size: 48px;
    text-align: center;
    width:100%;
    height:185px;
    padding-top:30px;
}
#menu0 a:hover { text-decoration: none; color: #fff; }
#menu0 a { color: #bbb; }
ul {
    margin: 0;
    margin-top: -15px;
    padding: 0;
    list-style: none;
}
ul li {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline;
    float: left;
}
ul li a { color: #bbb; }
ul li a:hover { color: #eaeaea; }
li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 48px;
    font-size: 14px;
    display: none;
    text-align: left;
    line-height:21px;
}
ul li ul li {
    position: relative;
    display: block;
    float: none;
}

/* li:hover ul { display: block; } */
li.currentchan ul { display: block; }
ul li.currentchan a { color: #eaeaea; }
ul li.currentchan ul li a { color: #bbb; }
ul li.currentchan ul li.currentpage a { color: #eaeaea; }


#page_conceptHeidelberg a:hover, ul li#page1_concept ul li.currentpage#page_conceptHeidelberg a {
    color: #33b540;
    color: #7eba77;
}


/* footer stuff */

#motto2 {
    position:absolute;
    left:30px;
    top:24px;
    color:#fff;
    font-size:14px;
    width:100%;
}
#motto2 a { color:#bbb; }
#motto2 a:hover { text-decoration: none; color: #fff; }

#menufooter {
    font-family: Arial,sans-serif;
    font-size:10px;
    position:absolute;
    left:20px; top:65px;
    width:710px;
}
#menufooter, #menufooter a { color:#bbb; }
#menufooter a:hover { text-decoration: none; color: #fff; }

#rulerfooter { position:absolute; left:15px; top:63px; width:720px; height:1px; background-color:#fff; }











/* content stuff */

p {
    font-size: 12px;
    margin:0; padding:0;
}

.picbut {
    position:absolute; top:230px; width:24px; height:17px; background-color:#aaa;
    /* position:absolute; top:230px; width:23px; height:16px; background-color:#aaa; */
    /* position:absolute; top:230px; width:18px; height:15px; background-color:#aaa; */
}

a.picbut:hover {
    background-color:#666;
    text-decoration:none;
}
.picbut img {
    margin:1px;
}

.titleimage, #titleimage, #slideshow {
    position:absolute; left:0; top:0;
    width: 390px;
    height: 260px;
}

.imagedesc, #imagedesc {
    position:absolute; left:390px; top:0; padding:15px 20px 10px 20px; color:#666; font-size:12px; width:350px; height:235px;
}
.imagedesc a, #imagedesc a {
    color:#666;
    text-decoration:underline;
}

.titleimage2, #titleimage2 {
    position:absolute; left:390px; top:0;
    width:390px;
    height:260px;
}

.imagedesc2, #imagedesc2 {
    position:absolute; left:0; top:0; padding:15px 20px 40px 20px; color:#666; font-size:12px; text-align:right; width:350px;
}
.imagedesc2 a, #imagedesc2 a {
    color:#444;
}



.menu3 { white-space:nowrap; font-family: Georgia, serif; color:#888; font-size:13px; }
ul li.currentchan ul li span.menu3 { visibility: hidden; }
ul li.currentchan ul li:hover span.menu3 { visibility: visible; }
ul li.currentchan ul li.currentpage span.menu3 { visibility: visible; }
ul li.currentchan ul li.currentpage span.menu3 a { color: #888; }
ul li.currentchan ul li.currentpage span.menu3 a.currentpage3 { color: #fff; }
#menu ul li ul { font-family: Georgia, serif; font-size:16px; }
ul li.currentchan ul li a { color: #888; }
#menu { position:absolute; left:390px; top:22px; }




#slideshow {
    position:relative;
    width:780px;
    height:260px;
}

#slideshow div.slide {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#motto2 { width:690px; }

#motto2 a.green { color:#7EBA77; }
#motto2 a.green:hover { color: #9CCA96; }