/* ################################ */
/* COLORS                           */
/* ################################ */
.neutralColorTrans {background-color: transparent}
.neutralColorWhite {background-color: #FFF}
.primColorStrong {background-color: #CCC;}
.primColorMedium {background-color: #DDD;}
.primColorLight {background-color: #EEE;}

body {
 font-family:Arial,Helvetica, "Sans Serf";
 font-size:13px;
 line-height:1.3em;
}

div#wrapper {
 width:960px;
 margin:1em auto;
}
/* ################################ */
/* PAGEREGION TOP                   */
/* ################################ */
#top {
 margin-bottom:2em;
 border:1px solid #ccc;
 padding:1em;
 background-color:#eee;
background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(255,255,255)),
    color-stop(1, rgb(224,224,224))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(255,255,255) 0%,
    rgb(224,224,224) 100%
);
 border-radius: 6px; 
}
#top h1 {
 font-size:24px;
 line-height:2em;
}
#top h1 a {
 text-decoration:none;
 color:#000;
}

#top ul {
 float:none;
 height:2.5em;
 clear:both;
 display:block;
 position:relative;
}
#top ul li {
 float:left;
 margin-right:1em;
}
#top ul li a {
 padding:0.5em;
 background:#ccc;
 border-radius: 6px;
 text-decoration:none;
 color:black;
 display:block;
}
#top ul li a:hover,
#top ul li a.active {
 background-color:#666;
 color:#fff;
}

/* ################################ */
/*  CONTENT FLOW                    */
/* ################################ */

#flow {
 margin-bottom:2em;
 border:1px solid #ccc;
 padding:1em;
 width:700px;
 min-height:500px;
 float:left;
}
#flow h1,
#flow h2  {
 font-family:Georgia, Times;
 font-size:24px;
 line-height:1.2em;
 margin:0em 0em 0.5em 0em;
 border:none ;
}
#flow h2  {
 margin:1em 0em 0.3em 0em;
 font-size:18px;
 color:#333;
}
#flow p.description {
 font-weight:bold;
 font-style:italic;
 color:#666;
 margin-bottom:0.7em;
}
#flow img#testimg {
margin:0.5em 1em 1em 1em;
float:right;
}

.ZMSGraphic p.caption {
font-size:11px;
line-height:1.3em;
color:#555;
}

/* ################################ */
/* ASIDE                            */
/* ################################ */
#aside {
 float:right;
 position:relative;
 width:200px;
}
#aside h1 {
 padding:1em 2em;
 display:none;
}
#aside ul {
 padding:0em 2em 1em 2em;
}
#aside ul a {
 text-decoration:none;
 color:#666;
}
#aside ul a:hover {
 text-decoration:underline;
 color:#000;
}
#aside ul a.active {
  font-weight:bold;
  color:#333;
}
#teaser {
 width:200px ;
}
#teaser .ZMSTeaserElement div.graphic {
 text-align:center;
 background-color:white;
}
#teaser .ZMSTeaserElement .title {
font-size:12px;
padding:2px 5px;
}
#teaser .ZMSTeaserElement .text {
font-size:11px;
padding:2px 6px;
}


/* ################################ */
/* FOOTER                           */
/* ################################ */
#footer {
 clear:both;
}
#footer p {
 margin-top:1em;
 padding:4px 0px;
 font-size:10px;
 border-top: 1px solid #ccc;
 text-align:right;
 color:#666;
}

/* ################################ */
/* CUSTOMS: galleria-container      */
/* ################################ */
div.images {
margin-bottom:1.0em;
}
p ~ div.images {
margin-top:1.5em;
}

/* fonts */

h1{
    font-size: 1.3em;
}

.slider ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.slider img{
    max-width: 250px;
}

.slider-pagination{
    display: none;
}

.teaser_image{
    max-width: 250px;
}

.gallery ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.gallery li{
    display: inline;
}

.gallery li a img{
    background: none;
}

a.fancybox img{
    padding: 0 0 0 0;
}

a.fancybox{
    text-decoration: none;
}