/* layout.css
    Author: Adrian Schärli, Azular GmbH
    Inhalt: Layout, Farben und Hintergrundbilder
*/

/* ### Layout ### */
.floatLeft {float: left; display: inline;} 
.floatRight {float: right; display: inline;}
.column {width: auto; height: 100%; overflow: hidden;}
.clearing {content: "."; height: 0; visibility: hidden; clear: both; width: 100%; font-size: 0; line-height: 0;} 
/** {margin:0;padding:0;border: none;line-height: 0px;}*/
.rowup {display: inline-block; vertical-align: top;}
* html .rowup {display: inline;} 
/* ### fonts ### */
a img {border: none;}

html {height: 101%; width: 101%;} /*forces vertical scroll bars*/
body {text-align: center;background: url(../images/bg-body.png) 0% 0% #eaefd8;margin:0;padding:0;}
body {font-size: 90%; font-family: Century Gothic, Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;}
#mainwrap {width: 1200px;margin: 0px auto 0px auto;padding: 0 0 0 50px;}
#mainwrap-i {width:100%;}
div,img {line-height: 0px;}
img {width: 100%;}
div#top {width: 100%;}
div#bottom {width: 100%;}
div#middle {width: 100%;position: relative;}
div#middle div#mid1 {left:0%; top:0%; position: absolute;}
div#middle div#mid2 {left:20%; top:0%; position: absolute;}
div#middle div#mid3 {left:40%; top:0%; position: absolute;}
div#middle div#mid4 {left:60%; top:0%; position: absolute;}
img#midBgImg {width: 100%;}
img#midImg1,
img#midImg2,
img#midImg3,
img#midImg4 {width:100%;opacity: 0;filter:alpha(opacity=0);} 

div#middle a {display: inline-block;width:240px;line-height:240px;height:240px;}
div#middle a:hover img {opacity: 1;filter:alpha(opacity=100);}

p {text-align: left;}