body {
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;                                                  /* Body-Text */
color: #0370A9;
background-color: #d1d1d1;                              
margin: 0px 0px 0px 0px;    
padding: 0px 0px 0px 0px; 
}

#box {
width: 850px;
margin: 0;
padding: 0;
background-color: #d1d1d1;
}

#header {
padding:  0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}

#header a,a:link {
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}

#content {
color: #0370A9;
width: 600px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 225px;
background-color: transparent;
}

#navi {
float: left;
width: 225px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
}

#footer {
clear: both;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


/*-----------------------------------------------------------------------------
Content
------------------------------------------------------------------------------*/
#content p {
font-size: 90%;
font-family: Century Gothic, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: normal;
color: #0370A9;
}

#content h1 {
font-size:100%;
font-family: Century Gothic, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: bold;
letter-spacing: 2px;
color: #0370A9;
margin: 0;
padding: 0;
}



#content h1 a,a:link {
font-size: 110%;
font-family: Century Gothic, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: normal;
color: #99CCCC;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
}    

#content h1 a:visited {}
#content h1 a:hover {color: #333333; }
#content h1 a:active {}

#content a,a:link {
font-size: 100%;
font-family: Century Gothic, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: bold;
color: #6699CC;
text-decoration: none;
padding: 0 0 5px 0;
margin: 0;
}    

#content a:visited {}
#content a:hover {color: #333333;}
#content a:active {} 

#content ul,li a,a:link {
font-size: 130%;
font-family: Century Gothic, Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #333333;
font-weight: normal;
line-height: 130%;
text-decoration: none;
margin: 0;
padding: 0 0 3px 0;
}    

#content ul,li a:visited {}
#content ul,li a:hover {color: #FC7C11; }
#content ul,li a:active {}





/*------------------------------------------------------------------
Links Hauptnavi 
--------------------------------------------------------------------*/

/* Level 1, Schrift a, a:link*/
#navi a,a:link {
font-size: 100%;
font-family: Century Gothic, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: bold;
letter-spacing: 2px;
color: #0370A9;  
text-decoration: none;
padding: 0px 0px 0px 15px;
margin: 0;
}

/* Level 1, Schrift a:hover*/
#navi div.menu1-level1-no a:hover {
text-decoration: none;
color: #ffffff;
letter-spacing: 4px;
}

/* Level 1, aktiver Link */
#navi div.menu1-level1-act a {
color: #ffffff;
letter-spacing: 4px;
text-decoration: none;
}

/* Level 1, Background */
#navi div.menu1-level1-no {
background-color: transparent;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

/* Level 1, Abstand und Border zu Level 2(ACT) */
#navi div.menu1-level1-act {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
background-color: transparent;
}


/* Level 2, Schrift a, a:link */
#navi div.menu1-level2-no a {
font-size: 90%;
font-family: Century Gothic, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: normal;
letter-spacing: 2px;
color: #0370A9;  
padding: 0px 0px 0px 30px;
margin: 0px 0px 0px 0px;
background-color: transparent;
}

/* Level 2, Schrift a:hover */
#navi div.menu1-level2-no a:hover {
font-size: 90%;
font-weight: normal;
letter-spacing: 4px;
color: #FFFFFF;
padding: 0px 0px 0px 30px;
margin: 0px 0px 0px 0px;
}

/* Level 2, aktiver Link */
#navi div.menu1-level2-act a {
font-size: 90%;
color: #ffffff;
font-weight: normal;
letter-spacing: 4px;
text-decoration: none;
padding: 0px 0px 0px 30px;
margin: 0px 0px 0px 0px;
}

/* Level 2, Background */
#navi div.menu1-level2-no {
background-color: transparent;
margin: 2px 0px 1px 0px; 
padding: 0px 0px 1px 0px;
}









/*
    EINTRÄGE WEB-KULTUR  rw@web-kultur.ch 
    -------------------------------------
    IWI Image Catalog CSS-Config
    HTML-Template: iwi_img_catalog_minimalistic.html im Verzeichnis Typo3conf/ext/iwi
*/

div #content .iwitable {
 color: #ffffff;
 font-size: 12px;
 letter-spacing: 0.2px;
}

.iwitable {
 color: #ffffff;
 font-size: 12px;
}


// Pfeilnavigation formatieren
.iwitable a:link {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

.iwitable a:visited {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

.iwitable a:hover {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

.iwitable a:active {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}




div .iwitable a:link {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

div .iwitable a:visited {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

div .iwitable a:hover {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

div .iwitable a:active {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}




div #content .iwitable a:link {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

div #content .iwitable a:visited {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

div #content .iwitable a:hover {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}

div #content .iwitable a:active {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
}


/* grössere Pfeile rechts " < & > "*/

.iwicontrol a:link {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

.iwicontrol a:visited {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

.iwicontrol a:hover {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

.iwicontrol a:active {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}




div .iwicontrol a:link {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

div .iwicontrol a:visited {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

div .iwicontrol a:hover {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

div .iwicontrol a:active {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}




div #content .iwicontrol a:link {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

div #content .iwicontrol a:visited {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

div #content .iwicontrol a:hover {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

div #content .iwicontrol a:active {
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
}

/*
    EINTRÄGE WEB-KULTUR  rw@web-kultur.ch 
    -------------------------------------
    IWI Image Catalog CSS-Config
    HTML-Template: iwi_img_catalog_minimalistic.html im Verzeichnis Typo3conf/ext/iwi
*/