/****** FILE: themes/scherer/css/reset.css *****/
/* This reset is loosely derived from HTML5 boilerplate 
for more information visit http://html5boilerplate.com/ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

html{overflow-y:scroll;}
body{-webkit-text-size-adjust:none;}

.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear:both;}
/*.clear{zoom:1;}*/

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;} 
input[type="radio"], input.radio {vertical-align:text-bottom;}
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
button, input, select, textarea {margin:0;}
/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */

button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}

.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden {display:none; visibility:hidden; }
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

a:hover, a:active {outline: none;}
.content ul, .content ol {margin-left:2em;}
ol {list-style-type:decimal;}
ul li {list-style-type:none;}
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
/*strong, th {font-weight:bold;}*/

/****** FILE: themes/scherer/css/styles.css *****/


@font-face{ font-family: 'open_sans_semibold'; 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot'); 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?iefix') format('eot'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#webfont') format('svg'); 
    font-weight: 500;
    font-style: normal;
    font-size:22px;
} 
@font-face{ font-family: 'open_sans_light'; 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_light_macroman/OpenSans-Light-webfont.eot'); 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?iefix') format('eot'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#webfont') format('svg'); 
    font-weight: 300;
    font-style: normal;
} 
@font-face{ font-family: 'open_sans_lightitalic'; 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot'); 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot?iefix') format('eot'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.woff') format('woff'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.ttf') format('truetype'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.svg#webfont') format('svg'); 
    font-weight: 300;
    font-style: italic;
} 
@font-face{ font-family: 'open_sans_semibolditalic'; 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot'); 
            src: url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot?iefix') format('eot'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.woff') format('woff'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), 
                url('/themes/scherer/webfonts/open-sans-fontfacekit/web_fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.svg#webfont') format('svg'); 
    font-weight: 500;
    font-style: italic;
} 


html{
  background-color:#fff;
  height:100%;
  /*width:1024px;*/
}

/*body.mainbody{*/
body{
  font-family: 'open_sans_light', sans-serif;
  font-size:12px;
  color:#000;
  line-height: 16px;
  letter-spacing:0.0em;
}

body.pages{
  /*min-width:754px;*/
  /*min-height:500px;*/
  margin-top:60px;
  margin-bottom:25px;
  margin-left:135px;
  margin-right:135px;
/*  margin-right:0px;*/
}
/*body.galeryOffset{
  margin:15px auto;
}*/
/* links */
a{
  text-decoration:none;
  color: #8a8a8a;
}
a:hover{
  color:#000;
}
a:focus, a:active{
    outline: none;
}

/* header */
#header{
  /* comment margin-bottom:55px; see content */
  margin-bottom:110px;
  
}
div#logo{
  float:left;
  padding-left: 1px;
  background: url("/themes/scherer/images/karlheinzscherer2.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height:18px;
  width:260px;
}

/* supertoad start */


#header nav{
  position:relative;/* required for subnav positioning */
  top:24px;
  width:100%;
  float:right;
}
#header nav ul.menu :focus {
  outline: none;
}
#header nav ul.menu{
  margin:0;
}

/* ganze navi */
#header nav ul>li{
  display:inline;
  padding-right:40px;
}
#header nav ul.menu li>p>a{
  color: #8a8a8a;
    padding:0px;
    display: block;
}
#header nav ul.menu li.current > p > a{  /* sub navi active */
  color:#cc2a2e;
}
#header nav ul.menu li.section  > p > a{ /* main navi active */
  color:#cc2a2e;
}
#header nav .link > p > a:hover{
  color:#cc2a2e;
}

/* main navi */

#header nav ul.menu>li{
  display:inline;
  letter-spacing:0.11em;
  padding-right:11px;
  padding-left:10px;
  float:left;
  z-index:2;
}
#header nav ul.menu>li:last-child{
  padding:0;
  padding-left:10px;
}
#header nav ul.menu>li:first-child{
  padding:0;
  padding-right:11px;
}
#header nav ul.menu>li>p{
  /* fix nav hover: padding-bottom:20px;*/
  padding-bottom:5px;
}
#header nav ul.menu>li>p>a{
  font-size:1.6em;
}

/* 2.ebene */
/*#header nav>div>ul>li>ul{
  display:block;
}  */

#header nav ul.menu>li.link>ul{
  visibility:visible;
  display:none;
}
#header nav ul.menu>li.section>ul{
  visibility:visible;
  display:block;
}
#header nav ul.menu>li ul>li{
  letter-spacing:0;
  padding:1px 15px 5px 0px;
  float:left;
}
#header nav ul.menu>li ul>li>p>a{
  font-size:1.2em;
  /*font-size:14px;*/
}
#header nav ul.menu>li>ul{
  visibility: visible;
  display: none;
  padding-top:15px;
  position: absolute;
  left: 1px;
  /*z-index:1;*/
  background-color:#fff;
  /*border-top: 1px solid #8a8a8a;*/
  width: 100%;
}

/* supertoad end */

div#errors{
  position:relative;
  border:0px solid #c99;
  background-color:#fee;
  margin-top:12px;
}

/* content elements */
div#container{
  
}
div#left{
  float:left;

}
.left{
  float:left;
}
.right{
  float:right;
}

/*
5-Col-Grid
1col:225px
2col:450px; 
3col:675px;
4col:900px;
5col:1125px;

Border:
15px;
*/
/* full columns */
.width1col{
  width:225px ; 
  /*width:100%;*/ 
}
.width2col{
  width:450px ; 
  /*width:100%;*/ 
}
.width3col{
  width:675px ; 
  /*width:100%;*/ 
}
.width4col{
  width:900px ; 
  /*width:100%;*/ 
}
.width5col{
  width:1125px ; 
  /*width:100%;*/ 
}
/* side columns narrower */
.width1colSide{
  width:210px; 
}
.width2colSide{
  width:435px; 
}
.width3colSide{
  width:660px; 
}
.width4colSide{
  width: 885px; 
}
/* center columns even narrower */
.width1colCenter{
  width:195px; 
}
.width2colCenter{
  width:420px; 
}
.width3colCenter{
  width:645px; 
  max-width:450px;
  max-width:480px;
}

#col_left{
  height:600px;
}

#col_right{
    
}

.box{
  margin: 15px; 
  padding:1px 0px; 
  position:relative;
  /*border: 1px solid green;*/
}

.content{
  position:relative;
  /* margin: 15px;*/ 
  /* comment  margin-top: 20px;*/ 
  margin-bottom: 15px; 
}


/*silverstripe content elements*/
div.main {
  position:relative;
z-index:1;
  float:left;
  width:100%;
  max-width:1200px;
  line-height:20px;
  letter-spacing: 0.005em;
}
div.main.galeryOffset{
  max-width: none;
}

div.main div.content-container {
  float:left;
  /*margin-left:30px;*/
/*  z-index:0;*/
/*    padding-left:20px;*/
}
html.js body.pages div.main div.content-container div.content div#vita div.captionImage{
    width:100%;
    height:auto;
}
div.main div.content-container div.content div#vita div.captionImage img.leftAlone{
    width:100%;
    height:auto;
}
/*div.main div.content-container.galeryOffset{
    width:100%;
}*/


/* footer */
.footer{
  height:24px;
  float:left;
  background-color:#f2f3f3;
}
div#footertext{
  text-align:center;
  margin-top:-4px;
}



/* text */
h1,h2,h3,h4{
  color:#000;
  font-family: 'open_sans_semibold', sans-serif;
  /*font-weight:bold;*/
  margin:0px 0px 15px 0px ;
  clear:both;
}

p{
  /*letter-spacing:0.02em;*/
}
b{
    font-family: 'open_sans_semibold', sans-serif;
}

/* forms */
form .middleColumn{
  clear: both;
}
input, textarea{
  color:#777777;
  margin: 15px 0;
  border:solid 1px #c6c6c6;
  padding:5px;
  font-size:8pt;
  width:440px;
}
input.action{
  border:1px solid #bbb;
  /*-moz-border-radius: 4px;
  border-radius: 4px;*/
  background-color:#fff;
  width:110px;
  font-family: 'open_sans_semibold', sans-serif;
  /*font-weight:bold;*/
  letter-spacing: 2px;
  text-transform: uppercase;
}
textarea:focus, input:focus{
  outline: none; 
}


/* misc */
.clear{
  clear:both;
}
:focus {
  outline: 1px dotted #666;
}

/* elements formating */
.box ul{
  display:block;
  margin:6px 0;
}
.box ul li{
  float:none;
  margin:6px 0;
}

#thumbnails {
  position:relative;
  margin-left:-13px;
  margin-top:5px;
}

.thumbnails td{
  height:100px;
  border-right:30px solid white;
  border-bottom:30px solid white;
  background-color:#f0f0f0;
  text-align:center;
}
.thumbnails img img{
  /*margin:0px;*/
  vertical-align:bottom;
}
.thumbnail{
  /*padding: 0px 15px 15px 0px;*/
  float:left;
  height: 163px;
  margin:0 15px 30px 15px;
  display:inline;
}
/* positionierungder thumbs (align:bottom) in galery.js */
.thumbnail img{
/*    max-width:20%;
    height:auto;*/
}


/* colorbox */
#colorbox {
    z-index:3;
}
#cbox_thumbs{
  
}
#cboxClose{
    z-index:3;
}
#cboxOverlay{
    background-color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.box.video{
  padding-top:17px;
}

body:focus, div:focus{
  outline:none;
  /*ie-dummy: expression(this.hideFocus=true);*/
}


/* pages */

/* home */
body.home{
  position: absolute;
  margin: 0 auto;
  height:100%;
  width:100%;
  text-align:center;
  overflow:hidden;
  padding: 0;
}

/* Bibliografie */
div.main div.content-container.bibliographie{
    padding-left:0px;
    padding-right:20px;
}
.bibliografieImages{
    position:relative;
/*    text-align:right;*/
    /*margin:0px 0px 50px auto;*/
}
#col_left  .bibliografieImages{
    text-align:right;
    margin:0px 10px 50px auto;
}
#col_right  .bibliografieImages{
    text-align:left;
    margin:0px 0px 50px auto;
}
.bibliografieImages div{
    position:relative;
    display:block;
    float:none;
    width:100%;
    margin-bottom:30px;
}
#col_right .bibliografieImages div img{
    position:relative;
    left:20px;
}

#col_left .bibliografieImages div img{
    position:relative;
    right:20px;
}

/* vita */
#vita h1 {
  margin: 0 0 5px;
}
#vita div.captionImage{
    display:none;
}
#vita div.captionImage p.caption{
    margin-bottom:30px;
    color:#666;
}
#vita a{
    color:#9e2525;    
    /*font-weight:600;*/
  font-family: 'open_sans_semibold', sans-serif;
}
#vita a:hover{
    /*font-style:italic;*/
  /*font-family: 'open_sans_semibolditalic', sans-serif;*/
  text-decoration:underline;
    color:#9e2525;    
}
#vita div.captionImage div.imgCloseButton{
    float:right;
    padding-bottom:5px;
}
#vita div.imgCloseButton a, #vita div.imgCloseButton a:hover{
  font-family: 'open_sans_semibold', sans-serif;
  color:#9e2525;    
}

/* ausstellungen */
table{
    border-collapse:collapse;
}
table td {
    border:none;
}
#gruppen_ausstellungen tr, #gruppen_ausstellungen tr>td{}

#gruppen_ausstellungen tr>td:first-child, #einzel_ausstellungen tr>td:first-child{
  font-family: 'open_sans_semibold', sans-serif;
  padding-right:20px;
}
#einzel_ausstellungen tr>td:last-child, #gruppen_ausstellungen tr>td:last-child{}

#einzel_ausstellungen tr>td, #gruppen_ausstellungen tr>td{
    padding-bottom:0px;
}

/* texte */
.hiddentext{
  display: none;
}
#texte a{
  color:#9e2525;    
  font-family: 'open_sans_semibold', sans-serif;
  text-align:right;
  padding-right:0px;
}
#texte a:hover{
  /*font-family: 'open_sans_semibolditalic', sans-serif;*/
  text-decoration:underline
/*  color:#9e2525;    
  text-align:right;*/
}

/* filmmaterial */
.wrapper{
  
}
.wrapper video{
  width:480px;
  height:360px;
  /*float:left;*/
  /*padding-right:20px;*/
  /*padding-bottom:20px;*/
}
.wrapper div{
  /*margin-bottom:30px;*/
}
.videocontent div{
    position:relative;
  /*margin-bottom:30px;*/
}
.filmcontainer{
    width:480;
}
.filmcontainer video{
    width:480;
}


/* werkauswahl/Häuser */
#haeuser div.galery_haeuser{
    padding-bottom:40px;
    padding-top:5px;
}
#haeuser div.first{
    float:left;
}
#haeuser div.last{
    float:left;
    width:200px;
    padding-left:30px;
}
#haeuser #thumbnails{
    max-width:720px;
}

/* contact */
#Form_ContactForm{
    margin-bottom:50px;
}

/* galery */
#imagecontainer{
  height:600px;
}

/*#imagecontainer a{
    position:relative;
    z-index:0;
}*/
#imagecontainer img{
  position:relative;
  z-index:10;
}
#imagecontainer_top{
  position:relative;
  top:0;
  left:0;
  /*padding-bottom: 25px;*/
  padding-bottom: 35px;
  padding-top: 10px;
}
#imagecontainer_top div{
  display:inline;
  padding: 0 10px 0 0;
  float:left;
  font-size:1.1em;
}
#imagecontainer_top div.image_actions p{
    display:inline;
    padding-right:2px;
    float:left;
}

#imagecontainer_bottom{
    display:none;
    color:#666;
}
#imagecontainer_bottom .imageTitle{
    /*font-weight:bold;*/
}
#imagecontainer_bottom .imageYear, #imagecontainer_bottom .imageDimensions, #imagecontainer_bottom  .imageTechnique{
    padding-left:0px;
}
.imagetext{
  /*padding:10px 0;*/
  white-space: nowrap;
}
.imagetext span{
  float:left;
  white-space: nowrap;
}
#imageTitle{
  float:left;
  /*color:#8a8a8a;*/
  
}
/*#imageYear{
  float:left !important;
}*/
.image{
  background-color:#fe9;
}

/* img overlay */
#img_overlay{
  display:block;
  cursor: pointer;
  position:absolute;
  top:0;
  left:0;
  z-index:20;
  width:100%;
  height:100%;
  /*background-color:#369;*/
}

#overlay_prev, #overlay_next{
  display:block;
  opacity: 0;
  width:49%;
  height:100%;
  position:relative;
  z-index:10;
}
#overlay_prev{
  float:left;
  left:0;
  /*background-color:#3c9;*/
}
#overlay_next{
  float:right;
  right:0;
  /*background-color:#169;*/
}


/* misc */
.data{
  visibility:hidden;
  display:none;
}
.hidden{
  opacity:0;
}
strong{
  font-family: 'open_sans_semibold', sans-serif;
  /*font-weight:normal;*/
}

.bold{
  font-family: 'open_sans_semibold', sans-serif;
  /*font-weight:bold;*/
}
.italic{
  font-family: 'open_sans_lightitalic', sans-serif;
}
.bolditalic{
  font-family: 'open_sans_semibolditalic', sans-serif;
}

.black{
  color:#333;
}

/* Only Internet Explorer 10 
*   from http://www.css-hack.de/Internet+Explorer/IE+10
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
    div.main div.content-container {
        position:relative;
        z-index:0;
    }

    .content-container .content{
        position:relative;
        z-index:0;
        /*background-color:red;*/
    }

    #galery{
        position:relative;
        z-index:0;
    }

    #imagecontainer{
        position:relative;
        z-index:40;
    }

    #imagecontainer>a{
        position:relative;
        z-index:20;
    }

    #img_overlay{
        z-index:30;
    }

    #overlay_prev, #overlay_next{
        z-index:40;
    }

    
}

/****** FILE: themes/scherer/css/mobile.css *****/
/* desktop large */
@media screen and (min-width: 1125px){
/*@media screen and (min-width: 1156px){*/
  html{
    width:100%;
  }
}

/* i.e. Tablet Landscape gets regular page sized  */
/*@media screen and (max-width: 1024px) and (min-width:  801px), screen and (max-height: 800px){*/
@media screen and (max-width: 1124px) and (min-width:  711px){

  html{
    /* comment width:1024px;*/
  }
  
  body.pages{
    margin:5px;
    min-width: 0;
  }
    /* cols*/
    .width1col{
      width:20% ; 
    }
    .width2col{
      width:40% ; 
    }
    .width3col{
      width:60% ; 
    }
    .width4col{
      width:80% ; 
    }
    .width5col{
      width:100% ; 
    }
    /* side columns narrower  */
    .width1colSide{
        /*width: 186px;*/
      width:18.666%;
    }
    .width2colSide{
      /*width:386px;*/ 
      width:38.666%; 
    }
    .width3colSide{
      /*width:586px%;*/ 
      width:58.666%; 
    }
    .width4colSide{
      width: 78.666%; 
    }
    /* center columns even narrower */
    .width1colCenter{
      /*width:173px;*/ 
      width:17.333%; 
    }
    .width2colCenter{
      /*width:373px;*/ 
      width:37.333%; 
    }
    .width3colCenter{
      width:57.333%; 
      max-width: 450px;
    }
    #col_left .bibliografieImages div img, #col_right .bibliografieImages div img{
        width:100%;
    }
  
}

/* Phone landscape, even smaller */
@media screen and (max-width: 710px){
  /* ipad Portrait or smartphones */
  
  html{
    overflow:hidden;
    margin: 0 3%;
    padding:0;
  }
  body{
    font-size:0.8em;
  }
  body.pages{
    margin:5px auto;
    text-align:left;
    min-width:0;
    height:100%;
  }
  #logo{
    float:none !important;
    text-align:center;
  }
  #header{
    margin-bottom:20px;
    margin-top:15px;
  }
  #header nav{
    float:none !important;
    padding-top:15px;
    padding-bottom:35px;
    position:relative;
    width: 100%;
    height:auto;
  }
  #header nav>div>a{
    padding-bottom: 0px;
  }
  #header nav>div>a:hover{
      color: #8a8a8a;
  }
  #header nav ul.menu{
    opacity:1;
    display:none;
    margin-bottom:20px;
  }
  
  #header nav ul>li{
    float:none !important;
    display:block !important;
    padding: 1px 24px 15px 0; 
  }
  #header nav ul li>a {
    font-size:1em;
  }
  #header nav ul li>a:hover{
    color: #8a8a8a;
  }
  
  #header nav ul li.current>a{
    color:#cc2a2e;
  }
  #header nav ul li.section>a{
    color:#cc2a2e;
  }
  /* ergänze durch dieses und überschreibe vorhandene styles durch javascript */
  #header nav ul li>a{
    color:#8a8a8a;
  }  
  #header nav ul li>a.active{
    color:#cc2a2e;
  }  
  /* ende ergänzen  */

  #header nav ul.menu>li, #header nav ul.menu > li:last-child, #header nav ul.menu > li:first-child{
      padding: 20px 0px 0px 0px;
  }
  #header nav ul.menu>li>ul{
    position: relative;
    background:none;
    border:none;
    padding-top: 20px;  
  }
  #header nav ul.menu>li ul>li{
    padding-left:20px;
    padding-bottom:15px;
  }
  #header nav ul.menu>li ul>li:last-child{
      padding-bottom:0px;
  }
  
  .content{
    margin-top:0px;
    height:100%;
  }

  div.main{
    height:100%;
  }
  div.main div.content-container {
    width:100%;
    height:100%;
    padding-left:0;
  }

  /*
  Cols
  */
  #col_left{
    height:auto;
  }
  .width1col,.width2col,.width3col,.width4col,.width5col{
    width:100%; 
  }
  .width1colSide,.width2colSide,.width3colSide,.width4colSide{
    width:100%; 
  }
  .width1colCenter,.width2colCenter,.width3colCenter{
    width:100%; 
  }
  
  #galery{
    padding:0;
    width:100%;
    height:100%;
    text-align:center;
  }
  
  #imagecontainer{
    width:100%;
    height:auto;
    position: relative;
    margin:0 auto;    
    text-align:center;
  }  
  #imagecontainer_top{
    /*position:relative;/*?????*/
    position:static;/*?????*/
  }
  #imagecontainer_bottom{
    position:relative;
  }
  #imagecontainer>a>img{
    width:100%;
  }
  #img_overlay{
    height:100%;
  }
  #show_large{
    display:none;
  }
  #slideshow_link{
    display:none;
  }
  
  #thumbnails{
/*width:180px;*/
  }
  .thumbnail{
    float:left;   
  }  
   
  /* pages */
  
  #col_left{
    display:none;
  }
  #col_right{
    display:none;
  }
  
  /* vita */
  #vita div.captionImage{
      width:100% !important;
  }
  #vita div.captionImage img{
      width:100%;
      height: auto;
  }
  
  /* bibliografie */
  div.main div.content-container.bibliographie{
      padding-left:0px;
  }
  
  /* filmmaterial */
.wrapper video{
   max-width:100%;
   max-height:100%;
   height:auto;
}  
.filmcontainer{
    width:100%;
}
.filmcontainer video{
    width:100%;
}

  
  /* forms */
  input, textarea{
      width:98%;
      padding:5px;
  }
  
}
  



/****** FILE: themes/scherer/css/home_animation.css *****/
html{
    margin:0;
overflow:hidden;
}

div#header{
  top:0px;
display:none;
}
div#content-container{
display:none;
}
div#homeImage{
  margin:0 auto;
}
div#homeImage img{
  width: 100%;
  display:none;
}
div#unterschrift {
  z-index:10;
}
div#name  {
  position:absolute;
  width:100%;
  height:100%;
  top:10px;
  /*left:20px;*/
  text-align:center;
  z-index:11;
  opacity:1.0;
  display:block;
}
div#name p {
  position:absolute;
  top:0px;
  left:0px;
  /*text-align:center;*/
  display:none;
}
div#name img {
    position:absolute;
}


/****** FILE: themes/scherer/css/bildfaecher_animation.css *****/
#div_main{
  width:3000px;
  position:absolute;
  overflow:hidden;
}
.smallframe{
    width:150px;
    height:540px;
    overflow:hidden;
    float:left;
    background-color:#fff;
}
#smallframe1 img{
    margin-left:-185px;
}
#smallframe2 img{
    margin-left:-110px;
}
#smallframe3 img{
    margin-left:0px;
}
#smallframe4 img{
    margin-left:-145px;
}
#smallframe5 img{
    margin-left:0px;
}
#smallframe6 img{
    margin-left:0px;
}
.clearfix{
  clear:both;
}
/* large screens */
@media screen and (min-width: 711px){
#div_main{
  width:3000px;
}
.smallframe{
    width:150px;
}
}
/* Phone landscape, even smaller */
@media screen and (max-width: 710px){
#div_main{
  width:100%;
}    
.smallframe{
    width:16.666666%;
}    
}