/* GENERAL TAG FORMATTING
*/

* {
    border:0;
    margin:0;
    padding:0;
}


html, body {
    width:100%;
    height:100%;
    font-family:Arial,Verdana,sans-serif;
}

html {
    background-color:#fffb99;
    background-image:url(images/body_repeat.png);
}

body {
    font-size:14px;
    color:#800080;
    background-image:url(images/body_bg.png);
    background-position:center 140px;
    background-repeat:no-repeat;
}

/* GENERAL
*/

h1 {
    padding:0 0 20px 0;
    font-size:24px;
    text-transform:uppercase;
}

h1 a {
    padding:5px 0 20px 50px;
    text-decoration:none;
    background-image:url(images/home.gif);
    background-repeat:no-repeat;
}

a {
    color:#800080;
}

#content li {
    margin: 0 0 0 15px;
}

ul, p {
    padding: 0 0 8px 0;
}

.left {
    margin:0 15px 0 0 !important;
}

.right {
    margin:0 0 0 15px !important;
}

/* SELECT LANGUAGE
*/

#select_language {
    position:absolute;
    top:25px;
    left:50%;
    margin-left:190px;
    z-index:99;
}

#select_language a {
    text-transform:uppercase;
    text-decoration:none;
}

#select_language a:hover, #select_language a.active {
    color:#008a4c;
}

/* PAGE
*/

#page {
    position:absolute;
    top:15px;
    left:50%;
    margin-left:-360px;
    width:722px;
    background-image:url(images/body_bg.png);
    background-position:center 140px;
    background-repeat:no-repeat;
    z-index:1;
}

#legal_notice {
    position:absolute;
    top:10px;
    right:0;
}

#legal_notice a {
    color:#800080;
    text-decoration:none;
}

#legal_notice a:hover, #legal_notice a.active {
    color:#008a4c;
}


/* NAVIGATION
*/


#navigation li {
    float:left;
    display:inline;
    font-size:14px;
    font-weight:bold;
    width:116px;
    text-align:center;
    padding:0 2px 0 2px;
}

#navigation a {
    display:block;
    padding:100px 0 0 0;
    width:116px;
    height:32px;
    color:#800080;
    text-decoration:none;
    text-transform:uppercase;
    background-position:center top;
    background-repeat:no-repeat;
}

#navigation li.active a {
    color:#008a4c !important;
}

#navigation a.seminare, #navigation a.seminari {
    background-image:url(images/seminare.png);
}

#navigation a.netzwerk, #navigation a.rete {
    background-image:url(images/netzwerk.png);
}

#navigation a.energiebetreuung, #navigation a.consulenza_energetica {
    background-image:url(images/energiebetreuung.png);
}

#navigation a.ferry_lackner {
    background-image:url(images/ferry_lackner.png);
}

#navigation a.literatur, #navigation a.letteratura {
    background-image:url(images/literatur.png);
}

#navigation a.symbole, #navigation a.simboli {
    background-image:url(images/symbole.png);
}

#navigation a:hover {
    color:#008a4c;
    background-color:#fffca8;
    background-position:center bottom;
}

#navigation img {
    padding:0 0 5px 0;
    border:0;
}

/* RIGHT
*/

.shopmanagement #right {
    display:none;
}

#right {
    float:right;
    padding:35px 0 0 0;
    width:190px;
}

#right div {
    float:left;
    padding:0 0 10px 0;
    width:190px;
}

#right h3 {
    padding:0 0 13px 0;
    font-size:14px;
    text-transform:uppercase;
}

#right h4 {
    padding:0 0 0 0;
    font-size:12px;
}

#right h5 {
    padding:0 0 0 0;
    font-size:14px;
    text-transform:uppercase;
}

#right h6 {
    font-size:14px;
    font-weight:normal;
    color:#008a4c;
}

#right p {
    padding:0 0 0 0;
}

.more {
    float:right;
    width:100%;
    text-align:right;
}

.more a {
    color:#008a4c;
}

/* CONTENT
*/



#content {
    float:left;
    padding:24px 0 0 0;
    width:510px;
}

.shopmanagement #content, .order #content {
    width: 720px;
}

#content h2 {
    padding:0 0 15px 52px;
    line-height:40px;
    font-size:18px;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:1px;
    background-repeat:no-repeat;
}

#content h2.seminare, #content h2.seminari {
    background-image:url(images/seminare.gif);
}

#content h2.symbole, #content h2.simboli {
    background-image:url(images/symbole.gif);
}

#content h2.energiebetreuung, #content h2.consulenza_energetica {
    background-image:url(images/energiebetreuung.gif);
}

#content h2.literatur, #content h2.letteratura {
    background-image:url(images/literatur.gif);
}

#content h2.ferry_lackner {
    background-image:url(images/ferry_lackner.gif);
}

#content h2.netzwerk, #content h2.rete {
    background-image:url(images/netzwerk.gif);
}

#content h2.impressum, #content h2.contatti {
    background-image:url(images/impressum.gif);
}

#content h2.home {
    background-image:url(images/home.gif);
}

#content h3 {
    padding:0 !important;
}

#content h5 {
    padding:0 0 6px 0;
    font-size:14px;
    color:#008a4c;
}

#content p {
    padding:6px 0 6px 0;
}

#content a:hover {
    color:#008a4c;
}

#content img {
    behavior: url("http://gaie-wunder.at/pngbehavior.htc");
    background-color:transparent;
}

/* SUBNAV
*/

#subnav ul {
    list-style:none;
}

#subnav li {
    display:inline;
    margin:0 !important;
    padding:0 30px 0 0;
    font-size:16px;
}

#subnav li a {
    font-weight:bold;
    text-decoration:none;
}

#subnav li a.active, #subnav li a:hover {
    color:#008a4c;
}

label {
    float:left;
    width:150px;
}

input {
    color:#800080;
    background-color:#fffb9a;
}

input, textarea, select {
    border:1px solid #800080;
    margin:0 0 7px 0;
}

/* ADMIN
*/

.admin_nav {
    position:absolute;
    top:200px;
    left:50%;
    margin-left:-360px;
    z-index:14;
}

.admin a, .admin_nav a {
    color:#008a4c;
    text-decoration:none;
}

/* SHOP
*/

.shop #content {
    width:520px !important;
}

.cat_preview, .category {
    clear:both;
    padding:0 0 30px 0 !important;
}

.cat_preview div, .category div {
    float:left;
    padding:0 10px 20px 0;
    width:120px;
    overflow:hidden;
}

.cat_preview div .img, .category div .img {
    text-align:center;
    padding:10px 0 5px 0;
    vertical-align:middle;
    height:150px;
}

.shop h4 {
    font-size:11px;
    width:120px;
    height:16px;
    overflow:hidden;
}

.shop h3 a {
    color:#008a4c;
}

.shop h3 a, .shop h4 a {
    text-decoration:none;
}

.product h3 {
    margin:0 0 5px 0 !important;
}

.product p {
    padding:0 0 13px 0 !important;
}

.product img {
    float:left;
    padding:0 20px 0 0;
}

.small {
    font-size:12px;
}