/* CSS Document */

/* ALLGEMEIN */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 background-color: #CCCCCC;
 margin: 0px;
 padding: 0px;
}

a, a:link, a:visited, a:active {
 color: #333333;
 text-decoration: underline;
}

a:hover {
 color: #333333;
 text-decoration: none;
}

p {
 margin-top: 0px;
 margin-bottom: 10px;
}

ul {
 list-style-type: disc;
 padding: 0px;
 padding-left: 15px;
 margin: 0px;
 margin-bottom: 10px;
}

ol {
 list-style-type: decimal;
 padding: 0px;
 padding-left: 20px;
 margin: 0px;
 margin-bottom: 10px;
}

li {
 padding-left: 0px;
 margin: 0px;
 margin-bottom: 5px;
}

h1 {
 color: #333333;
 font-size: 9pt;
 margin-bottom: 15px;
}

h2 {
 color: #333333;
 font-size: 8pt;
 margin-bottom: 5px;
 padding-top: 20px;
}

h3, h4, h5, h6{
 color: #333333;
 font-size: 8pt;
 margin-top: 0px;
 margin-bottom: 2px;
}

.img {
 border-width: 1px;
 border-style: solid;
 border-color: #333333;
}

.site {
 text-align: center;
}

.popup {
 padding-left: 10px;
 padding-top: 20px;
 font-size: 10pt;
 background-color: #FFFFFF;
}

.slogan {
 font-size: 18pt;
 color: #CC0000;
 padding-top: 20px;
}

.homeWeiter {
 padding-left: 20px;
 padding-top: 20px;
}

/*----------------------------------------------------------------------------------------------------------------*/

/* Navigationsbereich */

.navi {
 background-color: #FFFFFF;
 color: #CCCCCC;
 width: 600px;
 padding-left: 16px;
 padding-top: 24px;
}

.naviRundgang {
 background-color: #FFFFFF;
 color: #CCCCCC;
 padding-top: 20px;
}

.unterNavi, .unterNavi a:link, .unterNavi a:visited, .unterNavi a:active {
 background-color: #999999;
 color: #FFFFFF;
 font-size: 8pt;
 font-weight: normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 padding-left: 8px;
 line-height: 14px;
 width: 164px;
 height: 100%;
}

.unterNavi a:hover {
 background-color: #999999;
 color: #FFFFFF;
 font-size: 8pt;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 height: 100%;
}

/*----------------------------------------------------------------------------------------------------------------*/

/* BANNERBEREICH */

.bannerAebiKeramik {
 background-image:url(../images/banner/banner_aebi-keramik.png);
 background-color: #336699;
 height: 86px;
 text-align: right;
 padding-right: 40px;
 background-repeat: no-repeat;
}

.bannerToepferei {
 background-image:url(../images/banner/banner_toepferei.png);
 background-color: #996666;
 height: 86px;
 text-align: right;
 padding-right: 40px;
 background-repeat: no-repeat;
}

.bannerSchautoepferei {
 background-image:url(../images/banner/banner_schautoepferei.png);
 background-color: #999966;
 height: 86px;
 text-align: right;
 padding-right: 40px;
 background-repeat: no-repeat;
}

.bannerProdukte {
 background-image:url(../images/banner/banner_produkte.png);
 background-color: #CC6666;
 height: 86px;
 text-align: right;
 padding-right: 40px;
 background-repeat: no-repeat;
}

.bannerKontakt {
 background-image:url(../images/banner/banner_kontakt.png);
 background-color: #669999;
 height: 86px;
 text-align: right;
 padding-right: 40px;
 background-repeat: no-repeat;
}

.bannerHome {
 background-image:url(../images/banner/banner_home.png);
 background-color: #336699;
 height: 86px;
 text-align: right;
 padding-right: 40px;
 background-repeat: no-repeat;
}

/*----------------------------------------------------------------------------------------------------------------*/

/* TITLEBEREICH */

.titleAebiKeramik {
 background-color: #FFFFFF;
 height: 16px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 padding-left: 270px;
 }

.titleToepferei {
 background-color: #FFFFFF;
 height: 16px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 padding-left: 270px;
}

.titleSchautoepferei {
 background-color: #FFFFFF;
 height: 16px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 padding-left: 270px;
}

.titleProdukte {
 background-color: #FFFFFF;
 height: 16px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 padding-left: 270px;
}

.titleKontakt {
 background-color: #FFFFFF;
 height: 16px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 padding-left: 270px;
}

.titleHome {
 background-color: #FFFFFF;
 height: 16px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 padding-left: 270px;
}


/*----------------------------------------------------------------------------------------------------------------*/

/* CONTENTBEREICH */

.contentAebiKeramik {
 background-color: #CCCCCC;
 color: #336699;
 font-size: 10pt;
 padding-top: 48px;
 padding-bottom: 20px;
 padding-left: 270px;
 padding-right: 20px;
}

.contentAebiKeramikTextTitel {
 background-color: #CCCCCC;
 color: #336699;
 font-size: 12pt;
 font-weight: bold;
 padding-top: 48px;
}

.contentAebiKeramikTextUntertitel {
 background-color: #CCCCCC;
 color: #336699;
 font-size: 11pt;
 font-weight: normal;
}

.contentAebiKeramikText {
 background-color: #CCCCCC;
 color: #336699;
 font-size: 10pt;
 font-weight: normal;
}

.contentKontakt {
 background-color: #CCCCCC;
 color: #339999;
 font-size: 10pt;
 padding-top: 48px;
 padding-bottom: 20px;
 padding-left: 270px;
 padding-right: 20px;
 width: 100%;
}

.contentKontakt a:link, .contentKontakt a:active, .contentKontakt a:visited {
 color: #339999;
 text-decoration: underline;
}

.contentKontakt a:hover {
 text-decoration: none;
}

.contentSchautoepferei {
 background-color: #CCCCCC;
 color: #666600;
 font-size: 10pt;
 padding-top: 48px;
 padding-bottom: 20px;
 padding-left: 270px;
 padding-right: 20px;
 width: 100%;
}

.datenSchautoepferei {
 background-color: #CCCCCC;
 color: #666600;
 font-size: 12pt;
}

.contentSchautoepferei a:link, .contentSchautoepferei a:active, .contentSchautoepferei a:visited {
 color: #666600;
 text-decoration: underline;
}

.contentSchautoepferei a:hover {
 text-decoration: none;
}

.contentToepferei {
 background-color: #CCCCCC;
 color: #996666;
 font-size: 10pt;
 padding-top: 48px;
 padding-bottom: 20px;
 padding-left: 270px;
 padding-right: 20px;
 width: 100%;
}

.contentToepferCafe {
 background-color: #CCCCCC;
 color: #666600;
 font-size: 10pt;
 padding-top: 48px;
 padding-left: 270px;
 padding-right: 20px;
 width: 100%;
}

.contentWorkshops {
 background-color: #CCCCCC;
 color: #666600;
 font-size: 10pt;
 padding-top: 48px;
 padding-left: 270px;
 padding-right: 20px;
 width: 100%;
}

.contentMenuplan {
 background-color: #CCCCCC;
 color: #666600;
 font-size: 10pt;
 padding-left: 270px;
 padding-top: 0px;
}

.contentMenuplan2 {
 background-color: #CCCCCC;
 color: #666600;
 font-size: 10pt;
 padding-left: 20px;
 padding-top: 0px;
}

.contentHome {
 background-color: #CCCCCC;
 color: #336699;
 font-size: 10pt;
 padding-top: 20px;
 padding-right: 20px;
 width: 100%;
}

.contentProdukte {
 background-color: #CCCCCC;
 color: #CC6666;
 font-size: 10pt;
 padding-top: 48px;
 padding-bottom: 20px;
 padding-left: 270px;
 padding-right: 20px;
 width: 100%;
}

.content table, td { 
 font-size: 8pt;
 vertical-align: top;
}

/*----------------------------------------------------------------------------------------------------------------*/

/* FOOTER */

.footerAebiKeramik {
 background-color: #CCCCCC;
 color: #333333;
 font-size: 8pt;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;
 padding-top: 23px;
 padding-bottom: 20px;
 vertical-align: top;
}

.footerHome {
 background-color: #CCCCCC;
 color: #336699;
 font-size: 8pt;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;
 padding-left: 16px;
 padding-top: 5px;
 padding-bottom: 20px;
 vertical-align: top;
}

.footerSchautoepferei {
 background-color: #CCCCCC;
 color: #333333;
 font-size: 8pt;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;
 padding-top: 23px;
 padding-left: 270px;
 padding-bottom: 20px;
 vertical-align: top;
}

.footerToepferCafe {
 background-color: #CCCCCC;
 color: #333333;
 font-size: 8pt;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;
 padding-top: 23px;
 padding-left: 16px;
 padding-bottom: 20px;
 vertical-align: top;
}

.footerHome a:link, .footerHome a:active, .footerHome a:visited {
 color: #336699;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: underline;
 text-align: right;
}

.footerHome a:hover {
 text-decoration: none;
}

.copyright {
 color: #333333;
 font-size: 7pt;
 font-weight: normal;
 text-decoration: none;
 text-align: right;
}

.oeffnungszeiten {
 color: #333333;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
}

.oeffnungszeitenc {
 background-color:#999999; 
 color: #333333;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------------------*/