/*  CSS specially made with pleasure for www.enconsult.ch
    from
    Gabriela Kupferschmidt Maeder
    Visual Designer SWB and WebPublisher EBZ
    Schaffhausen/Switzerland

    Farbedefinition:
    Dark Green      RGB 098-178-065   #62b241   websicher #693
    Middle Green    RGB 153-204-102             websicher #9c6
    Middle Grey     RGB 115-115-115   #737373   websicher #666
    Dark Grey Text                              websicher #333
    Orange          RGB 250-105-000   #fa6900   websicher #f60
*/

*:focus {outline: none;}

html {
    background-image: url(../img/pattern.gif);
    background-repeat: repeat;
    height: 100%
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0;
    color: #333;
    height: 101%;
}

header, footer, nav, article { display: block; }
img { border:0 none; }


/* C O N T A I N E R - - - - - - - - - - - - - - - - - - - */

#container {
    width: 1250px;
    background-image: url(../img/shadow.png);
    background-repeat: repeat-y;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
}


/* C O N T E N T B O X - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#contentbox {
    width: 1000px;
    background-color: #fff;
    margin: 0;
    margin-left: 125px;
    padding: 0;
}


/* H E A D E R - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header {
    width: 1000px;
    height: 200px;
    /*
    background-image:url(../img/pict.jpg);
    background-repeat:no-repeat;
    */
    margin: 0;
    padding: 0;
}


/* H A U P T M E N U - - - - - - - - - - - - - - - - - - - - - - - - - */

#navi {
    width: 30%;
    background-color: #fff;
    margin: 0;
    padding: 0;
    float: left;
}
#navi ul {
    margin: 15px 0 60px 22px;
    padding: 0;
}
#navi ul li {
    margin: 0;
    padding: 15px 0 0 0;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    list-style-type: none;
    letter-spacing: 1px;
    word-spacing: normal;
}
#navi ul ul {
    margin: 4px 0 0 9px;
    padding: 0;
}
#navi ul ul li {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 1.7em;
    list-style-type: none;
    letter-spacing: 1px;
    word-spacing: normal;
}
#navi a:link,
#navi a:visited { color:#9c6; text-decoration:none; }

#navi a:hover,
#navi a:active { color:#693; text-decoration:none; }

#navi > ul > li > a.menu-current {
  color: #693;
  font-weight:bold;
}
#navi > ul > li > ul > li > a.menu-current {
  color: #693;
  font-weight:bold;
}


/* C O N T E N T – - - - - - - - - - - - - -- - - - - - - - - - - - - */

#content {
    width: 70%;
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 0;
}
#content h1.first {
    color: #693;
    font-size: 1.1em;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin: 38px 0 15px 0;
    padding: 0;
}
#content h1 {
    color: #693;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 2px;
    word-spacing: 1px;
    margin: 28px 0 6px 0;
    padding: 0;
}
#content h2, #content h3,
#content h4, #content h5 {
    color: #693;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 2px;
    word-spacing: 1px;
    margin: 28px 0 6px 0;
    padding: 0;
}
#content p {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 1px;
    word-spacing: 0;
    margin: 18px 60px 6px 0;
}
#content p.first {
    font-size: 0.85em;
    line-height: 1.4em;
    letter-spacing: 1px;
    word-spacing: 0;
    margin: 38px 0 6px 0;
    text-align: justify;
}
#content p.impressum {
    font-size: 0.9em;
    line-height: 1.4em;
    letter-spacing: 1px;
    word-spacing: 0;
    margin: 18px 60px 6px 0;
}
#content ul {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 1px;
    word-spacing: 0;
    margin: 12px 60px 12px 15px;
    padding: 0;
    list-style-type: disc;
}
#content ul.ohnepunkt {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 1px;
    word-spacing: 0;
    margin: 12px 60px 12px 0;
    padding: 0;
    list-style-type: none;
}
#content li {
    margin: 0;
    padding: 0 0 4px 0;
}
#content a:link,
#content a:visited {
    color: #666;
    white-space: nowrap;
    text-decoration: none;
    background-image: url(../img/dot_link.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
#content a:hover,
#content a:active {
    color: #693;
    text-decoration: none;
    background-image: url(../img/dot_hover.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
/* gepunktete Linie Vererbung auflösen */
#content .foldergallery-wrapper a.highslide:link,
#content .foldergallery-wrapper a.highslide:visited {
   background-image:none;
}
/* Foldergallery Galerietitel nicht anzeigen */
.gallery div.gallerytitel {display:none;}

#content table {
    font-size: 0.8em;
    margin: 12px 30px 12px 0;
    padding: 0;
    text-align: left;
}
#content table tr {
    text-align: left;
}


/* R E F E R E N Z E N - - - - - - - - - - - - - - - - - - - - - - - */

/* Jede einzelne Referenzen in eine Div mit Klasse .referenz packen */
#content .referenz {border-top: 1px dotted #693; margin: 0 60px 6px 0;}
#content .referenz_clear {font-size:0.2em; clear:left;}
#content .referenz img {float:left; padding:15px 12px 0 0;}
#content .referenz p {
    color: #333;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 1px;
	line-height: 160%;
    margin: 12px 60px 6px 0;
    padding: 0;
	float: left;
}


/* F O O T E R - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer {
    width: 1250px;
    height: 150px;
    background-color: transparent;
    background-image: url(../img/bottom.png);
    background-repeat:no-repeat;
    margin: 0 auto;
    padding: 0;
    color: #fff;
}
/* weisses Feld oben im Footer deckt Teil des Schattens ab */
#footerbox {
    width: 1000px;
    height: 45px;
    background-color: #fff;
    margin: 0 0 0 125px;
    padding: 0;
}
#footer p {
    margin: 0;
    padding: 15px 0 0 650px;
    font-size: 0.7em;
    letter-spacing: 1px;
    float:left;
}
#footer ul {
    margin: 0;
    padding: 12px 190px 0 0;
    float: right;
}
#footer ul li {
    list-style-type: none;
    display: inline;
    font-size: 0.7em;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}
#footer ul li a:link,
#footer ul li a:visited {color:white; text-decoration:none;}

#footer ul li a:hover,
#footer ul li a:active {color:#f60; text-decoration:none;}

#footer ul li.menu-current a {color:#f60; font-weight:bold;}


/* A L L E  K L A S S E N - - - - - - - - - - - - - - - - - - - - - - - */

.mobile_show { display: none; }
.error       { color:red; }
.clearing {clear:both;}
.kursiv {font-style:italic;}
.fett {font-weight:bold;}
.nowrap {white-space:nowrap;}
.versal {text-transform:uppercase;}
.trennstrich {background-image:url(../img/dot.gif); background-repeat:repeat-x; background-position:bottom;}
.hochgestellt {position:relative; top:-4px; font-size: 8px;}
.sup {position:relative; top:-4px; font-size: 7px;}
.sub {position:relative; bottom:-2px; font-size:0.75em;}
img.floatleft {float:left;}
img.floatright {float:right; margin-left:12px;}


/* --------------------------------------------------------
  MEDIA-QUERIES
  -------------------------------------------------------- */

/* MEDIA-QUERY 1080px - - - - - - - - - - -  - - - - - - - */
@media only screen and (max-width: 1080px) {

    #container,
    #footerbox {
        width: 95%;
        margin:0 2em;
    }
    #contentbox {
        width: 100%;
        margin-left:0;
        padding: 0;
    }
    #header {
        width: 100%;
    }
    #header img{
        height: auto;
        max-width:100%;
    }

    #content {
        padding-bottom:1.5em;
    }

    #footer {
        width: 100%;
        margin:0 2em;
    }
    #footerbox { display:none; }
}

/* MEDIA-QUERY 1000px - - - - - - - - - - -  - - - - - - - */
@media only screen and (max-width: 1000px) {

    #container,
    #footerbox {
        width: 100%;
        margin:0;
    }
    #contentbox {
        width: 100%;
    }
    #header {
        height: auto;
        min-height: 100px;
    }
}

/* MEDIA-QUERY 680px (smartphones etc.)  - - - - - - - - - - - - - - - */
@media only screen and (max-width: 680px) {
    .mobile_show { display: inline-block; }

    #container,
    #contentbox,
    #header,
    #footer {
        width: 100%;
        margin:0;
    }
    #container {
        margin:0;
    }

    #navi,
    #content {
        float: none;
        width:auto;
    }
    #content {
        padding:0 0.75em 1.5em 0.75em;
    }

    #navi ul li {
        border-bottom: 1px dotted #999;
        padding: 1em 0;
    }
    #navi ul li a {
        display:block;
    }
    #navi ul li ul li {
        margin-left: 2em;
        margin-top:0.5em;
        margin-bottom:0.5em;
    }

    #footer    { height:80px; }
    #footer ul {
        padding: 1em 1em 0 0;
    }
}