/* generic */
a { text-decoration:none; }
a[href]:focus,a[href]:hover { text-decoration:underline; }
a[href^="http://"]:not(.vorschau),.link { background:url(icons/link.gif) no-repeat right center; padding-right:13px; }
a img { border:0; }
body { color:black; font:10pt sans-serif; }
hr { border:0; }
h1,h2,hr { border-bottom:1px solid; }
h1 { margin-top:0.5em; }
h2,h3,h4 { margin-bottom:0.5em; }
h1,h2,h3,h4,.left div div { text-shadow:0 0.1em 0.2em #bbb; }
ol,ul { padding-left:1.5em; }
img { vertical-align:middle; }
input { font-size:100%; }
button,input,.box,.left > div,.foto,.foto1,.top ul ul,.vorschau,.bild { border-style:groove ridge ridge groove; border-width:2px; }
input[type=text],.foto img,.foto1 img,.bild img { border-style:ridge groove groove ridge; border-width:2px; }
.box h1,.box h2,.box hr,.left * div { border-bottom:2px groove; }
.left a,.top a { color:black; display:block; text-decoration:none !important; }
.left a { margin:0 -5px; padding:0 5px; }
.left a:focus,.left a:hover,.top li li:focus,.top li li:hover { background-color:white; text-shadow:0 0.1em 0.2em #ccc; }
.left { float:left; position:absolute; width:14em; }
/* Korrektur fuer IE7 */
*:first-child+html .left { left:1em; }
.left > div { margin-bottom:0.7em; padding:5px; }
/*button,input,.left > div,.top ul ul,.box,.foto,.foto1,.vorschau { -khtml-border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; }*/
.left div div { font-size:150%; margin:0 0 0.2em; }
.top { -khtml-border-radius:1.5em 1.5em 0 0; -moz-border-radius:1.5em 1.5em 0 0; -webkit-border-top-left-radius:1.5em; -webkit-border-top-right-radius:1.5em; border-radius:1.5em 1.5em 0 0; height:150px; width:100%; }
.top a { padding:0 5px; }
.top td { padding:0; }
.top ul { list-style:none; padding:0; }
.top td > ul > li { float:left; height:25px; }
.open { background:url(menu.png) repeat-x; line-height:25px; text-align:center; width:125px; }
.open:hover { background:url(448/menu.png) center; }
#info:hover { background-image:url(320/menu.png); }
#termine:hover { background-image:url(96/menu.png); }
#institutionen:hover { background-image:url(512/menu.png); }
#projekte:hover { background-image:url(160/menu.png); }
.top ul ul { -khtml-box-shadow:0 1px 7px black; -moz-box-shadow:0 1px 8px black; -webkit-box-shadow:0 1px 7px black; background:url(trans.png) repeat-y silver; box-shadow:0 1px 7px black; display:none; line-height:normal; min-width:121px; padding:3px 0; position:absolute; text-align:left; text-shadow:none; }
.top ul ul { background-color:rgba(195,207,219,0.9); border-color:#d7dfe7; }
#info ul { background-color:rgba(195,219,207,0.9); border-color:#d7e7df; }
#termine ul { background-color:rgba(225,216,189,0.9); border-color:#ebe5d3; }
#institutionen ul { background-color:rgba(195,195,219,0.9); border-color:#d7d7e7; }
#projekte ul { background-color:rgba(216,225,189,0.9); border-color:#e5ebd3; }
.top li:hover > ul { display:block; }
.sub { background:url(open.png) right center no-repeat; position:relative; }
.top li a:visited { color:#384048; }
#info li a:visited { color:#384840; }
#termine li a:visited { color:#4c4634; }
#institutionen li a:visited { color:#383848; }
#projekte li a:visited { color:#464c34; }
.top ul ul ul { left:100%; top:-5px; white-space:nowrap; }
.text { margin-left:15em; }
.autor { font-style:italic; }
.box { padding:0 1em; }
/* .foto,.foto1,.vorschau { float:left; margin:0.5em 1em 0.5em 0; padding:4px; }
.foto { float:right; margin:0.5em 0 0.5em 1em; padding-bottom:1px; }
.foto img,.foto1 img { margin-bottom:3px; }
.vorschau { color:black; display:block; min-height:75px; margin:0 0.5em 0.5em 0; text-decoration:none !important; width:20em; }
.vorschau img { float:left; margin-right:0.5em; } */
.table { border:inset; border-width:1px 0 0 1px; border-spacing:0; }
.table th,.table td { border:1px outset; padding:2px }
.table th,.top .open:hover { text-shadow:0 0 0.5em white; }
::selection { color:white; }
::-moz-selection { color:white; }
/* real shadow */
input[type=text] { -khtml-box-shadow:inset 0 1px 4px #999; -moz-box-shadow:inset 0 1px 4px #999; -webkit-box-shadow:inset 0 1px 4px #999; box-shadow:inset 0 1px 4px #999; }
.left > div,.box,.foto,.foto1,.shadow,.table, .bild { -khtml-box-shadow:0 1px 4px gray; -moz-box-shadow:0 1px 4px gray; -webkit-box-shadow:0 1px 4px gray; box-shadow:0 1px 4px gray; }
.vorschau { -khtml-box-shadow:0 1px 2px gray; -moz-box-shadow:0 1px 2px gray; -webkit-box-shadow:0 1px 2px gray; box-shadow:0 1px 2px gray; }
.vorschau:focus,.vorschau:hover { -khtml-box-shadow:0 2px 4px gray; -moz-box-shadow:0 2px 4px gray; -webkit-box-shadow:0 2px 4px gray; box-shadow:0 2px 4px gray; position:relative; top:-1px; }
@media print {
.left,.top { display:none; }
.text { margin:0; }
}
@media handheld {
.left { float:none; }
.top { height:auto; }
.top img { display:none; }
.top .open { background:none; }
.text { margin:0; }
}
.invis { display:none; }
.top,.box,.foto,.foto1,button,input,.table th { background:repeat-x; }
.left > div,.vorschau { background:url(light.png) repeat-x top; }
/* default blue */
.top { background-image:url(448/panorama.jpg); }
.box,.foto,.foto1 { background-image:url(448/gradient50.gif); }
button,input,.table th { background-image:url(448/button.gif); }
h1,h2,hr { border-color:#70808f; }
button,input,.table th,.box,.left > div,.foto,.foto1,.mark,.vorschau { background-color:#c3cfdb; }
button,input,.left div,.box,.box h1,.box h2,.box hr,.foto,.foto1,.vorschau,.foto img,.foto1 img { border-color:#d7dfe7; }
.table,.table th,.table td { border-color:#f0f3f6; }
.vorschau:visited { background-color:#dbdfe3; border-color:#edeff1; }
.left > div > a:visited,.vorschau:visited { color:#384048; }
button:focus,button:hover,input:focus,input:hover,.vorschau:focus,.vorschau:hover { background-color:#d3dfeb; border-color:#e9eff5; }
button:focus,button:hover,input:focus,input:hover { background-image:url(448/button2.gif); }
input[type=text] { background:#e1e7ed; }
body,input[type=text]:focus,input[type=text]:hover { background-color:#f0f3f6; }
::selection { background:#70808f; }
::-moz-selection { background:#70808f; }


/* Toolbox */

/* Bezug auf Foto Sachen : Zeile 55-60 */
.foto,.foto1,.vorschau { float:left; margin:0.5em 1em 0.5em 0; padding:4px; }
.foto { float:right; margin:0.5em 0 0.5em 1em; padding-bottom:1px; }
.foto img,.foto1 img { margin-bottom:3px; }
.vorschau { color:black; display:block; min-height:75px; margin:0 0.5em 0.5em 0; text-decoration:none !important; width:20em; }
.vorschau img { float:left; margin-right:0.5em; }

/* Da .foto1 und .foto schon definierten float haben, braucht man neue Bildklasse für logisches arbeiten: */
.bild {margin:0.5em; padding-bottom:1px;}
.bild img {margin-bottom:3px; }

/* Float Klassen */
.links {float: left;}
.rechts {float: right;}
.keinfloat {float: none;}