@CHARSET 'UTF-8';

@import url(/assets/templates/css/formulare.css);
@import url(/assets/templates/css/spalte_rechts.css);
@import url(/assets/templates/css/spalte_links.css);
@import url(/assets/templates/css/navigation.css);
@import url(/assets/templates/css/listungen.css);


/* Basis */

*{margin:0; padding:0;}
html{ height: 100.1% }

.clearfix:after
{
    content: ".";
    display: block;
    height: 1px;
    clear: both;
    visibility: hidden;
}

body  
{
    background-color:#333;
    background-image:url(/assets/templates/img/hg-global.gif);
    background-attachment : fixed;
    color: #58585A;
    font-family: "ITC Officina Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 100.1%;
    line-height: 120%;
    padding: 20px 0px;
}


img{ border: none; padding: 6px; margin: 0;}
img a{ border:none; }

img.left{ float: left; border: none; padding: 8px; margin: 0;}
img.right{ float: right; border: none; padding: 8px; margin: 0;}

.clear{ clear:both; }



/*  Wrapper Seite
---------------------------------------------------------------------------- */

div#wrapper-seite
{
    width              : 1000px; 
    margin             : 0 auto;
    background-color   : #FFF;
    background-image   : url(/assets/templates/img/hg-inhalt.gif);
    background-position: 100% 0;
    background-repeat  : repeat-y;
}
    
    
/*  Kopfzeile
---------------------------------------------------------------------------- */

div#kopfzeile
{
    width           : 100%;
    height          : 120px;
    background-color: #58585A;
}

div#kopfzeile div#navigation
{
    float:left;
}

div#kopfzeile div#logo
{
    float:right;
    margin-right: 20px;
    margin-top: 50px;
}



/*  Inhalt
---------------------------------------------------------------------------- */

/*  Kopfzeile */
div#inhalt-kopfzeile
{
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 143px;
}
div#inhalt-kopfzeile-links
{
    float:left;
    height: 143px;
    width: 200px;
    margin-left: 30px;
}
div#inhalt-kopfzeile-links h1
{
    margin: 20px;
    margin-top: 35px;
    font-size: 130%;
    color: #58585A;
}
div#inhalt-kopfzeile-rechts
{
    float: right;
    background-color: #89792A;
    height: 143px;
    width: 200px;
}

div#inhalt-kopfzeile-rechts h2
{
    color           : #FFF;
    padding-left    : 40px;
    font-size       : 130%;
    padding-top     : 115px;
}

/* wrapper Inhalt */
div#inhalt
{ 
    width: 800px;
    float:left;
    overflow: hidden;
    margin:0;
    padding:0;
    padding-bottom: 80px;
}

/* Container mit den Inhalt */
div#inhalt div.wrapper-inhalt
{
    margin:20px; 
    margin-left: 40px;
}

/* Subspalten */
div#inhalt div.s2
{ 
    float:left;
    width: 49.99%;
}

div#inhalt div.s2links
{
    margin-right: 20px;
}

/* Überschriften */
div#inhalt div.wrapper-inhalt h2
{
    margin-bottom: 30px;
    font-size: 90%;
    font-weight: bold;
}
div#inhalt div.wrapper-inhalt h4.subtitel
{
    margin-bottom: 15px;
}
div#inhalt div.wrapper-inhalt h3
{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 8px;
    color: #89792A;
}

div#inhalt div.wrapper-inhalt h2 span,
div#inhalt div.wrapper-inhalt h3 span
{
    margin-left: 10px;
    font-size: 80%;
    font-weight:normal;
}
    

    
div#inhalt div.wrapper-inhalt ul li
{
    list-style-type: square;
}

div#inhalt div.wrapper-inhalt a:link,
div#inhalt div.wrapper-inhalt a:visited
{ 
    border-bottom: 1px dotted #666;
    text-decoration: none;
}

div#inhalt div.wrapper-inhalt a:hover
{
    background-color :#333;
    color : #EEE;
    border-bottom: 1px dotted #000;
}

div#inhalt p{ font-size:80%; margin-bottom: 10px; }
div#inhalt p.klein{ font-size:70%; }
div#inhalt p.letzter_satz
{
    margin-top: 25px;
    color: #89792A;
    font-weight: bold;
}

/*  Ausstellungen  Künstler */
div#inhalt div#wrapper-auflistung-kuenstler,
div#inhalt div#wrapper-ausstellungen
{
    margin-top: 25px;
}

div#inhalt div#wrapper-auflistung-kuenstler h3{ font-size: 100% }


/*  Fusszeile
---------------------------------------------------------------------------- */

div#fusszeile
{
    background-color: #58585A;
    color: #fff;
    clear: both;
    width: 100%;
    margin-top:15px;
}
    
div#fusszeile p{ font-size:75%; padding:5px; padding-left: 0px; margin-left: 15px; }

div#fusszeile a{ color:#fff; }