@charset "utf-8";

body {
        font-family: arial, verdana, sans-serif;
        font-weight:lighter;
        font-style:italic;
        background-color: #f9f9f9;
        min-width: 800px;
        max-width: 1260px;
        margin: 0 auto;
}

/* erforderlich für firefox, da sonst links blau */
a:link {
    color: #909090;
    background-color:transparent;
    text-decoration:none;}     /* nicht getätigter Link, überschreibt hover!  */
a:visited {
    color: #909090;
    background-color:transparent;
    text-decoration:none;}   /* besuchter Link */

/*--------------------------------------------------------------*/
/* Überschriften                                                */
/*--------------------------------------------------------------*/
    h1 {

    color:#909090;
    background-color: transparent;
    font-weight: lighter;
    font-style:italic;
    font-size: 18pt;
    line-height:2em;
    letter-spacing:0.3em;
    word-spacing:0.5em;
    text-align: left;
    margin-top: 0.5em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    margin-left: 0em;
    padding-top: 0.1em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0.7em;
}

    h2 {

    color:#909090;
    background-color: transparent;
    font-weight: lighter;
    font-style:italic;
    font-size: 14pt;
    line-height:2em;
    letter-spacing:0.3em;
    word-spacing:0.5em;
    text-align: left;
    margin-top: 0.5em;
    margin-right: 0em;
    margin-bottom: 0.5em;
    margin-left: 0em;
    padding-top: 0.1em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0.7em;
}

    h3 {

    color:#909090;
    background-color: transparent;
    font-weight: lighter;
    font-style:italic;
    font-size:10pt;
    line-height:2em;
    letter-spacing:0.3em;
    word-spacing:0.5em;
    text-align: left;
    margin-top: 0.5em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    margin-left: 0em;
    padding-top: 0.1em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0.7em;
}

/* Absatzüberschrift in Texten */
    h4 {

    color:#303030;
    background-color: transparent;
    font-size:12pt;
    font-style:italic;
    line-height:2em;
    letter-spacing:0.3em;
    word-spacing:0.5em;
    text-align: left;
    margin-top: 3em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    margin-left: 0em;
    padding-top: 0.1em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;}


 /* Absatzüberschrift in Jahresrückblicktexten */
    h5 {

    color:#808080;
    background: transparent;
    font-size:12pt;
    font-style:italic;
    line-height:0.3em;
    letter-spacing:0.3em;
    word-spacing:0.5em;
    text-align: left;
    margin-top: 3em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    margin-left: 0em;
    padding-top: 0.1em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;}


    h6 {                                /* rechts ausgerichtet */

    color:#606060;
    background: transparent;
    font-size:12pt;
    font-style:italic;
    line-height:0.3em;
    letter-spacing:0.3em;
    word-spacing:0.5em;
    text-align: left;
    margin-top: 3em;
    margin-bottom: 0.2em;

    padding-top: 0.1em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
    text-align:right;}

/*--------------------------------------------------------------*/
/* Indexbild 1      - Startseite -                              */
/*--------------------------------------------------------------*/
#indexbild1 {                        /* Position */
    min-width: 800px;
    max-width: 1024px;
    margin-top: 2em; 
    margin-bottom: 18em;
}
img.scaled1 {
    border: 2px;
    border-style: solid;
    border-color: #909090;
}
/*--------------------------------------------------------------*/
/* Indexbild 2           - Verteilerseiten -                    */
/*--------------------------------------------------------------*/
#indexbild2 {                        /* Position */
    min-width: 800px;
    max-width: 1024px;
    margin-top: 2em;
    margin-bottom: 18em;
}
img.scaled2 {                           /* Rahmen */
    border: 2px;
    border-style: solid;
    border-color: #bbbbbb;
}
/*--------------------------------------------------------------*/
/* Indexbild 3           - Verteilerseiten -                    */
/*--------------------------------------------------------------*/
#indexbild3 {                        /* Position */
    min-width: 800px;
    max-width: 1024px;
    margin-top: 2em;
    margin-bottom: 5em;
}
img.scaled3 {                           /* Rahmen */
    border: 2px;
    border-style: solid;
    border-color: #bbbbbb;
}
/*--------------------------------------------------------------*/
/* Jahresrückblickbild         - Jahresrückblicke -             */
/*--------------------------------------------------------------*/
#jahresbild {                        /* Position */
    margin-top: 10em;
}   
img.scaled {                           /* Rahmen */
    border: 10px;
    border-style: solid;
    border-color: #bbbbbb;
}
body {                                /* Box zentriert */
        text-align: center;
        position: relative;
        margin-left: auto;
        margin-right: auto;        
}        
/*--------------------------------------------------------------*/
/* claraha.de                                                   */
/*--------------------------------------------------------------*/
#claraha {
            font-size:16pt;
            font-style:italic;
            line-height: 0em;
            letter-spacing:0.3em;
            word-spacing:0.5em;
            text-align: left;            
            color:#909090;
            background-color: transparent;
            float:left;
            padding: 1em;
            margin-top: 2em;
            margin-bottom: 0.5em;           
}

/*--------------------------------------------------------------*/
/* Titel                                                        */
/*--------------------------------------------------------------*/
#titel {
            font-size:14pt;
            font-style:italic;
            line-height: 2em;
            letter-spacing:0.3em;
            word-spacing:0.5em;
            text-align: left;            
            color:#909090;
            background-color: transparent;
            padding: 0.5em;
            clear: left;                                          
}
/*--------------------------------------------------------------*/
/* titelplatz     - Platzhalter -                               */
/*--------------------------------------------------------------*/
#titelplatz {
                font-size:14pt;
                font-style:italic;
                line-height: 2em;
                letter-spacing:0.3em;
                word-spacing:0.5em;
                color:#f9f9f9;        /*Hintergrundfarbe der Seite */
                background-color: transparent;
                padding: 0.5em;
                clear: left;
}
/*--------------------------------------------------------------*/
/* Namen                                                        */
/*--------------------------------------------------------------*/
#namen {
        font-size:8pt;
        font-style:italic;
        letter-spacing:0.3em;
        word-spacing:0.5em;
        text-align: right;
        color:#909090;
        background-color: transparent;
        float:right;
        
}  

/*--------------------------------------------------------------*/
/* Link zurueck                                          */
/*--------------------------------------------------------------*/
#zurueck {            
            font-size:8pt;
            font-style:italic;
            line-height: 0em;
            letter-spacing:0.3em;
            word-spacing:0.5em;
            text-align: left;
            color:#909090;
            background-color: transparent;
            clear: both;
            float:left;
            padding: 0.5em;
            margin-top: 0.8em;
            
}

/*--------------------------------------------------------------*/
/* Link-Menue                                                   */
/*--------------------------------------------------------------*/
#linkliste ul {
            font-size:12pt;
            font-style:italic;
            letter-spacing:0.3em;
            word-spacing:0.5em;
            text-align: right;
            color:#909090;
            background-color:transparent;
            padding: 0.8em;
            list-style-type: none;
}
#linkliste ul li { display: inline;
}
#linkliste ul li a {text-decoration: none;}
#linkliste ul li a:link {
        color: #909090;
        background-color: transparent;
}

/*----------------------------------------------------------------------------*/
 /* linkliste2 ist die zweite Auflistung z. Bsp. in Ligurien 2010 + Bretagne 2012      */
 /*---------------------------------------------------------------------------*/
#linkliste2 ul {
        font-size:12pt;
            font-style:italic;
            letter-spacing:0.3em;
            word-spacing:0.5em;
            text-align: right;
            color:#909090;
            background-color:transparent;
            padding: 0.8em;
            list-style-type: none;
}
#linkliste2 ul li { display: inline;
}
#linkliste2 ul li a {text-decoration: none;}
#linkliste2 ul li a:link {
        color: #909090;
        background-color: transparent;}

/*--------------------------------------------------------------*/
 /* linkliste2b ist die dritte Auflistung z. Bsp. in Bretagne 2012       */
 /*-------------------------------------------------------------*/
#linkliste2b ul {
        font-size:12pt;
            font-style:italic;
            letter-spacing:0.3em;
            word-spacing:0.5em;
            text-align: right;
            color:#909090;
            background-color:transparent;
            padding: 0.8em;
            list-style-type: none;
}
#linkliste2b ul li { display: inline;
}
#linkliste2b ul li a {text-decoration: none;}
#linkliste2b ul li a:link {
        color: #909090;
        background-color: transparent;}

/*-------------------------------------------------------------*/
 /* linkliste3 ist Auflistung untereinander (Privat)           */
 /*------------------------------------------------------------*/
#privat ul {
        font-size:12pt;
        font-style:italic;
        line-height:0.3em;
        letter-spacing:0.3em;
        word-spacing:0.5em;
        text-align: left;
        padding: 0;
        margin-left: 0;
        list-style-type: none;
}
#privat ul li { display: block;
}

#privat ul li a {
        display: block;
        padding: 1em 0.7em;
        text-decoration: none;
}
#privat ul li a:link {
        color: #909090;
        background-color: transparent;
}

/*------------------------------------------------------------------*/
/* jahresrueckblicke ist Auflistung untereinander (Jahresrückblicke)*/
/*------------------------------------------------------------------*/
#jahresrueckblicke ul {
        font-size:12pt;
        font-style:italic;
        line-height:0.3em;
        letter-spacing:0.3em;
        word-spacing:0.5em;
        text-align: left;
        padding: 0;
        margin-left: 0;
        list-style-type: none;
}
#jahresrueckblicke ul li { display: block;
}
#jahresrueckblicke ul li a {
        display: block;
        padding: 1em 0.7em;
        text-decoration: none;
}
#jahresrueckblicke ul li a:link {
        color: #909090;
        background-color: transparent;
}

/*--------------------------------------------------------------*/
/* Formatierungen für Jahresrückblick                           */
/*--------------------------------------------------------------*/       
/* Textformatierung Jahresrückblicke und ähnliches */       
#textformat {background-color: transparent;
            color: #505050;
            font-style: italic;
            text-align: left;}

/* Textzeilen mit Leerzeichen darstellen*/
.Space {white-space: pre;}
 
/* Textbox für Text-Auflistungen  */
         
#textbox1 { 
          background: transparent;                
          float:left;
          width:612px;
          margin-top: 2em;
          padding: 0.5em; 
}
          
#textbox2 { 
            background: transparent;
            float: right;
            width:612px;
            margin-top: 2em;
            padding: 0.5em;          
}

#textbox3 {
            background: transparent;
            clear:left;
            float:left;
            width:612px;
            margin-top: 2em;
            padding: 0.5em;
}

#textbox4 {
          background: transparent;
          clear: right;
          float:right;
          width:612px;
          margin-top: 2em;
          padding: 0.5em;
}

#textbox5 {
            background: transparent;
            clear:left;
            float:left;
            width:612px;
            margin-top: 2em;
            padding: 0.5em;
}

#textbox6 {
          background: transparent;
          clear:left;
          float:left;
          width:612px;
          margin-top: 2em;
          padding: 0.5em;
}  
                  
/*--------------------------------------------------------------*/
/* Login-Seite                                                  */
/*--------------------------------------------------------------*/
/* login-box login_01.htm */
#login {background-color: transparent;
        color: #909090;
        margin-top: 10%;}

#login div{
        width: 23em;
        margin: 0 auto;
        padding: 1.8em 0 2em 0;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;}

#login p{
        margin: 0;
        padding:1em 15em 1em 0;
        text-align: right;
        line-height:100%;
        position: relative;}

#login p.Submit input{
        width: 12.75em;
        font-family: Comic, Arial, sans-serif;
        font-weight:lighter;
        font-style:italic;
        font-size:10pt;
        line-height:1.2em;
        letter-spacing: 0.5em;}

#login p.Reset input{
        width: 12.75em;
        font-family: Comic, Arial, sans-serif;
        font-weight:lighter;
        font-style:italic;
        font-size:10pt;
        line-height:1.2em;
        letter-spacing: 0.5em;}

#login input{
        position: absolute;
        top: 0;
        right: 1em;
        background-color: #C0C0C0;
        border: 2px solid #909090;
        margin: 0.5em 0 0.7em 0;
        padding: 0.2em;
        width: 12em;}

#login input:hover,
#login textarea:hover,
#login input:focus,
#login textarea:focus {
        color: #505050;
        background-color: #C0C0C0;
        border:2px solid #505050;}
        
        
 /*-----------------------------------------------------------------*/       
 /*---Container-----------------------------------------------------*/
 /*-----------------------------------------------------------------*/
#conttitel1 {
            background: transparent;
            height: 250px;
            width: 1250px;
} 
           
#contlink1 {
            float:right;
            background: transparent; 
            height: 250px;
            width: auto;
            margin-top: 2em;                      
}       
       
#contthumb1 {   
                clear:both;                
                background: transparent;
                height: 550px;
                width: 1250px;
}

#conttitel2 {
            background: transparent;
            height: 200px;
            width: 1250px;
}

#contthumb2 {
                clear:both;
                background: transparent;
                height: 615px;
                width: 1250px;
}

#contthumb3 {
                clear:both;
                background: transparent;
                height: 800px;
                width: 1250px;
}

#contlogin1 {
                clear:both;
                background: transparent;
                height: 425px;
                width: 1250px;
}