@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:#000;
/*
    background-image:url(/assets/templates/img/hg-global.gif);
    background-attachment : fixed;
  */
    color: #444;
    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 {
    position        : relative;
    width           : 100%;
    height          : 120px;
    background-color: #ffeb00;
}

div#kopfzeile div.navigation {
    float:right;
    margin-right : 15px;
    margin-top   : 10px;
}

div#kopfzeile img.logo {
    display:block;
    float:left;
    margin-left: 30px;
}
div#kopfzeile img.slogan {
    display:block;
    position:absolute;
    left: 480px;
    top : 80px;
}

div#inhalt-kopfzeile-rechts div.navigation{ padding-top:10px; height: 133px; width: 175px; margin:auto; background-color:#000}  
div#inhalt-kopfzeile-rechts ul{ list-style-type:none; margin:0; padding:0; }  
div#inhalt-kopfzeile-rechts ul li{ padding-left:20px;}
div#inhalt-kopfzeile-rechts ul li a{ color:#fff; padding:3px 0 4px 0; display:block; text-decoration:none; padding-left:15px; font-size:90%; margin-bottom:3px; font-family:Arial, Helvetica, sans-serif;}
div#inhalt-kopfzeile-rechts ul li.active a,
div#inhalt-kopfzeile-rechts ul li a:hover{ background:url(../img/nav_aktiv.png) no-repeat left center; }


div#spalte-rechts img.artwork{ margin:auto; margin-top: 60px; margin-bottom:60px; display:block;}
div#spalte-rechts div.container{ }
div#spalte-rechts div.container .address{ margin-left:45px; font-size: .7em; color: #000;  font-family:Arial, Helvetica, sans-serif;}
div#spalte-rechts div.container .address a{ color: #000; text-decoration:none;}
div#spalte-rechts div.container .address p{ line-height: 1.1em; }
div#spalte-rechts div.container .address td{ padding:0; }


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

/*  Kopfzeile */
div#inhalt-kopfzeile
{
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 143px;
}
div#inhalt-kopfzeile-links
{
    float:left;
    height: 137px;
    width: 797px;
/*
    margin-left: 30px;
*/
    border: 3px solid #000;
    border-left:none;
}
div#inhalt-kopfzeile-links h1
{
    margin: 20px;
    margin-left: 50px;
    margin-top: 35px;
    font-size: 130%;
    color: #000;
}
div#inhalt-kopfzeile-rechts
{
    float: right;
    background-color: #ffeb00;
    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;
}

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;
    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; }