*{font-family: Verdana, Helvetica Neue, Arial, Trebuchet, Sans-Serif;}
html{font-size:11px;color:#000000;}
body {background-color:#ffffff;text-align:center;}

h1,
h1 a{font-variant:small-caps;font-family:Times New Roman;margin:0em;font-size:1.55em;color:#0057a2;font-weight:bold;letter-spacing:0.5em;}
h1 a:hover{color:#0057a2;text-decoration:none;}
h2{margin:0em 0em 40px 0em;font-size:18px;color:#0057a2;font-weight:bold;margin-top:0em;letter-spacing:0.1em;text-align:left;}
h3{font-size:100%;font-weight:bold;margin:0em;padding:0em;float:left;}
h4{font-size:1em;font-weight:bold;margin:0em;padding:0em;float:left;}

a{color:#0057a2;text-decoration:none;}
a:visited{color:#0057a2;}
a:hover{color:#000000;text-decoration:underline;}

img{border:0;}
form{display:inline;}
fieldset{border:0;padding:0;margin:0;}
legend{display:none;}
label{color:#000000;font-size:85%;cursor:pointer;}
abbr,
acronym {border-bottom:1px dotted #9F7B61;cursor:default;}

.background-normal{background-color:#ffffff;}
.background-focus{background-color:#f7f7f7;}

.icon_lupe{float:right;width:1.45em;height:1.45em;cursor:pointer;}
.icon_brief{float:left;width:1.2em;height:0.8em;margin-top:0.2em;margin-right:0.1em;}

textarea:hover,
textarea:focus,
textarea:active{font-size:11px;background-color:#f7f7f7;}

tbody{font-size:11px;}

input:hover,
input:focus,
input:active{background-color:#f7f7f7;}

select:hover,
select:focus,
select:active{background-color:#f7f7f7;}

.floatTerminator{clear:both;}

.nodisplay{display:none;}
#ilfsr {display:none}

#globalContainer{font-size:100%;width:89em;margin: 0 auto 0 auto;}

/* ********** START HEADER ****************************************** */

#header{font-size:100%;text-align:left;}
#header h1{display:none}
.headerabschlussbalken{width:100%;height:4.6em;}
.haarlinie{width:100%;height:1px}

#filmlink{float:right;margin-top:-15px;}

/* ********** END HEADER ****************************************** */

/* ********** START NAV ****************************************** */

#nav{float:left;font-size:100%;height:3em;}
#nav ul{padding-left:0em;margin:0em;list-style-type:none;color:#0057a2;}
#nav li{position:relative;float:left;margin:0em;}
#nav li a:link,
#nav li a:visited{font-size:100%;float:left;color:#0057a2;padding:0.2em 0em 0em 0em;text-decoration:none;}
#nav li a:hover{color:#000000;text-decoration:underline;}
#nav li a:focus,
#nav li a:active{color:#0057a2;text-decoration:underline;}

#subnav1{background-color:#f7f7f7;width:11em;z-index:1;position:absolute;top:1.6em;left:0em;visibility:hidden;text-align:left;}
#subnav2{background-color:#f7f7f7;width:8em;z-index:1;position:absolute;top:1.6em;left:0em;visibility:hidden;text-align:left;}
#subnav3{background-color:#f7f7f7;width:25.8em;z-index:1;position:absolute;top:1.6em;left:0em;visibility:hidden;text-align:left;}
#subnav4{background-color:#f7f7f7;width:22em;z-index:1;position:absolute;top:1.6em;left:0em;visibility:hidden;text-align:left;}

#subnav1 ul,
#subnav2 ul,
#subnav3 ul,
#subnav4 ul{padding-left:0em;margin:0em;list-style-type:none;color:#000000;display:block;}

#subnav1 li{width:9.4em;margin-top:0em;margin:0em;display:block;}
#subnav2 li{width:5em;margin-top:0em;margin:0em;display:block;}
#subnav3 li{width:24em;margin-top:0em;margin:0em;display:block;}
#subnav4 li{width:20.4em;margin-top:0em;margin:0em;display:block;}

#subnav1 li a:link,
#subnav2 li a:link,
#subnav3 li a:link,
#subnav4 li a:link,
#subnav1 li a:visited,
#subnav2 li a:visited,
#subnav3 li a:visited,
#subnav4 li a:visited{float:left;width:100%;display:block;color:#000000;text-decoration:none;padding:0.5em 0.5em 0.5em 0.8em;}

#subnav1 li a:hover,
#subnav2 li a:hover,
#subnav3 li a:hover,
#subnav4 li a:hover{background-color:#c3c3c3;text-decoration:underline;}

#subnav2a,
#subnav2b,
#subnav2c,
#subnav2d,
#subnav2e,
#subnav2f{background-color:#f7f7f7;width:25em;z-index:2;position:absolute;top:0em;left:6em;visibility:hidden;text-align:left;}

#subnav2a li,
#subnav2b li,
#subnav2c li,
#subnav2d li,
#subnav2e li,
#subnav2f li{width:23.2em;margin-top:0em;margin:0em;display:block;}

#subnav2a li a:hover,
#subnav2b li a:hover,
#subnav2c li a:hover,
#subnav2d li a:hover,
#subnav2e li a:hover,
#subnav2f li a:hover{background-color:#c3c3c3;}

/* ********** END NAV ****************************************** */

#sprachwahl{float:right;font-size:100%;text-align:right;margin-top:1.3em;}
#sprachwahl img{float:left;width:1.8em;height:1.1em;margin-top:0.1em;margin-right:0.1em;}
#sprachwahl a:link,
#sprachwahl a:visited{color:#000000;font-size:100%;padding:0em 0em 0em 0em;display:block;text-decoration:none;}
#sprachwahl a:hover{color:#0057a2;}

#suche{color:#000000;margin-top:-0.2em;margin-left:1.5em;}
#suche select{font-size:100%;border:1px dotted #2050A0;padding: 0.3em 0em 0.3em 0.3em;}

#main{font-size:100%;width:100%;float:left;padding:0em 0em 0em 0em;}

/* ********** START MIDDLECOL ****************************************** */

#inhalt{width:100%;line-height:1.3em;font-size:11px;float:left;text-align:left;}

#inhalt ul{padding-left:0em;margin-left:3em;list-style-type:square;}

#videoframe{height:360px;}
#flash{float:left;width:517px;height:324px;}
.iframe{width:517px;height:324px;}
#ani{float:left;width:318px;height:324px;margin-left:10px;}
.iframe_ani{border:1px solid red;width:318px;height:324px;}
.bild_neben_film{width:318px;height:324px;}

#filmtitel{text-align:center;}
#filmtitel .kuenstlername{font-size:240%;}
#filmtitel .titel{font-size:190%;}
#filmdaten{width:330px;margin:30px auto;}
#filmdaten .label{width:80px;float:left;}
#filmdaten .text{float:left;width:250px;}

.frame_filmvorschaubild{width:250px;float:left;}
.filmvorschaubild{width:190px;height:110px;margin:0 0 5px 15px;}
.filmvorschaubild_untertitel{margin-left:15px;font-size:90%;line-height:20px;}

.kuenstler{float:left;margin-right:2.5em;margin-bottom:5em;width:15em;}
#kuenstlerbio{width:28em;float:left;margin-right:0em;font-size:11px;}
.kuenstlerbio_links{width:41em;float:left;margin-right:0em;padding-top:5em;font-size:11px;}
.kuenstlerbio_rechts{width:41em;float:right;margin-right:0em;padding-top:5em;font-size:11px;}
.kuenstlerfoto{float:left;margin-right:1em}

.kuenstlerdaten{width:12.5em;float:left}

.werke{float:left;width:23.5em;margin-top:3em;margin-left:4.5em;cursor:pointer;background-color:#f7f7f7;}
.werke_img{width:21em;height:17.5em;text-align:center;}
.werke:hover{background-color:#c3c3c3;}

.werke_img_ausstellungsarchiv{width:21em;height:17.5em;text-align:center;}


.kataloge{float:left;width:24em;height:24em;margin-top:3em;margin-right:4em;cursor:pointer;background-color:#f7f7f7;}
.kataloge_img{width:21em;height:15em;text-align:center;}
.kataloge:hover{background-color:#c3c3c3;}

.standort{float:left;width:19.5em;margin-top:0em;margin-right:2.3em}
.standort_img{width:15em;height:15em;margin-left:1em;}
.standort_untertitel{margin:0.5em 0em 3em 1.5em;}

.beschreibung{margin-top:3em;height:6em;}

.kalendertitel1{width:18em;float:left;background-color:#e8e8e8;}
.kalendertitel2{width:46em;float:left;background-color:#e8e8e8;}
.kalendertitel3{width:12em;float:left;background-color:#e8e8e8;}
.kalendertitel4{width:10em;float:left;background-color:#e8e8e8;}
.kalenderspalte1{width:18em;float:left;}
.kalenderspalte2{width:46em;float:left;}
.kalenderspalte3{border:1px solid #FFFFFF;width:12em;float:left;}
.kalenderspalte4{width:10em;float:left;}

#kontaktlinks{float:left;width:43em;}
#kontaktrechts{float:left;width:30em;padding-left:7em;}
#inhalt textarea{font-size:100%;border:1px dotted #2050A0;padding:0.3em 0.3em 0.3em 0.3em;color:#000000;}
#inhalt input{font-size:100%;border:1px dotted #2050A0;padding: 0.3em 0em 0.3em 0.3em;}
#inhalt select{font-size:100%;border:1px dotted #2050A0;padding: 0.3em 0em 0.3em 0.3em;}
.kontaktbutton{background-color:#2050A0;color:#ffffff;font-weight:bold;}
.kontaktbutton:hover{background-color:#ffffff;color:#2050A0;}

.messelinks{float:left;width:31em;}
.messerechts{float:left;width:30em;padding-left:7em;}
.messelogo{width:11em;float:left;}
.messelogo img{width:10em;height:10em;float:left;}
.messedaten{width:20em;float:left;}

.ausstellungjahr{width:6em;float:left;}
.ausstellungname{font-size:2.1em;line-height:1em;font-weight:bold}
.ausstellungtitel{margin-top:0.2em;font-weight:bold;margin-bottom:0.2em;}
.ausstellungdatum{width:10em;float:left;margin-left:0.1em;}

#popup_inhalt{text-align:left;padding:0em 2em 0em 2em;}
/* #popup_inhalt img.werke{width:37em;height:22em;} */

#popup_inhalt .datenlinks{float:left;}
#popup_inhalt .datenrechts{float:right;}

#popup_inhalt .biolinks{float:left;}
#popup_inhalt .biorechts{float:left;margin-left:3em;width:34em;}
#popup_inhalt img.bio{width:9em;height:12em;}
#popup_inhalt .werke_img{width:46em;height:46em;text-align:center;}
#close{width:100%;text-align:center;}

#blaettern{width:100%;text-align:center;font-size:80%;margin-top:1em;margin-bottom:4em;}

/* ********** END MIDDLECOL ****************************************** */

div.grey_r_s {background-image: url(../pics/design/grey_r_s.gif);background-position: top right;background-repeat: repeat-y;}
div.grey_u_s {background-image: url(../pics/design/grey_u_s.gif);background-position: bottom left;background-repeat: repeat-x;}
div.grey_ro_s {background-image: url(../pics/design/grey_ro_s.gif);background-position: top right;background-repeat: no-repeat;}
div.grey_lu_s {background-image: url(../pics/design/grey_lu_s.gif);background-position: bottom left;background-repeat: no-repeat;}
div.grey_ru_s_nav {background-image: url(../pics/design/grey_ru_s.gif);background-position: bottom right;background-repeat: no-repeat;
                  /* Inner distance from Content to very out border of box */
                  padding: 0em 0em 0.4em 0em;
                  }
div.grey_ru_s_werke {background-image: url(../pics/design/grey_ru_s.gif);background-position: bottom right;background-repeat: no-repeat;
                  /* Inner distance from Content to very out border of box */
                  padding: 1em 1em 1em 1em;
                  }
div.incontent {width: 100%;height: 100%;}

/* ********** START FOOTER ****************************************** */

#footer{font-size:100%;width:89.2em;margin: 0 auto 0 auto;padding:0em 0em 2em 0em;margin-top:10em;}
#footer a{color:#999999;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer p{font-size:85%;color:#999999}
#valid img{margin-left:0.5em;width:5.2em}
#valid{float:right;margin-top:-2em;}
#utility{float:right;width:350px;text-align:right;}
#left{float:left;width:350px;text-align:left;}
#left a{color:#000;text-decoration:underline;}

/* ********** END FOOTER ****************************************** */

