body {
        background-color:#a6bf79;
        color:#565252;
        font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 10px 10px;
        padding: 0px;
}
.clear{clear:both;}
* {
        margin: 0px;
        padding: 0px;
}
#container {
        margin: 0px auto;
        text-align: left;
        width: 717px;
}
a{
        font-size:12px;
}
p{
        margin: 15px 0px;
        text-color:#332C2C;
        text-align: justify;
}
/********************** Header ***************************/
#header {
        margin: 0px 0px 0px 0px;
        background-image:url(images/header.jpg);
        width:717px;
        height:288px;
        position:relative;
}
#header a {
        color:#FFFFFF;
        margin-left: 15px;
}
#logo_w1,#logo_w2 {
        font-size: 24px;
        font-style:italic;
        color:#FFFFFF;
        position:absolute;
}
#logo_w1{
        top:15px;
        left:70px;
}
#logo_w2{
        top:44px;
        left:94px;
}
#header_text {
        top:90px;
        left:43px;
        width:230px;
        position:absolute;
}
#header_text p{
        font-size: 18px;
        color:#28556b;
}
#header_text a{color:#CCFFFF;}
#header_text a:hover{color:#c77e0c;}
/********************** Content ***************************/
#content {
        background-image:url(images/content_bg.gif);
        width:717px;
        margin: 15px 0px 0px 0px;
        text-color:#332C2C;
}

div.teaser {
    background: none repeat-x scroll 0 0 #FFFFCC;
    border: 2px solid #FFFFFF;
    font-size: 10px;
    margin-top: 30px;
    padding: 15px;
}



#news{
        margin: 15px 0px;
        text-color:#332C2C;
        text-align: center;
}



img{
        border-width:3px;
        margin-left:7px;
        border: 1px solid #7D7455;
        padding: 2px;

}
h1{
        color:#565252;
        font-size:14px;
        margin: 20px 0px 20px 0px;
}

h2{
    color: #006400;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 15px;
    text-align: center;
    width: 160px;
}

h3{
        color:#006400;
        font-size:20px;
        margin: 20px 0px 20px 0px;
}

#left {
        float:left;
        width:428px;
        margin-left:27px;
        padding: 0px 10px 30px 0px;
        display:inline;
}
#left2 {
        float:left;
        width:650px;
        margin-left:27px;
        padding: 0px 10px 30px 0px;
        display:inline;
}
#termin {color:#CC3333;}

#left a{color:#85a157;}
#left a:hover{color:#D2691E;}

#left2 a{color:#85a157;}
#left2 a:hover{color:#D2691E;}


#photos a{
        margin-right:14px;
}
#right {
    border-left: 0 solid #FFFFFF;
    float: right;
    margin-top: 10px;
    padding: 0 20px 20px;
    width: 190px;

}
#right a{
        color:#85a157;
        font-size: 10px;
}
#right a:hover{
        color:#D2691E;
}
/********************** Footer ***************************/
#footerline {
clear:both;
background-image:url(images/footer_bg.gif);
font-size:1px;
height:10px;
}
#footer {
        width:717px;
        text-align:center;
        padding: 20px 0px;
}










/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin:                        0;
        padding:                0;
        list-style:                none;
         background-color:#FFCC33;

}
.sf-menu {
        background-color:#FFCC33;
        width:711px;
        border: 3px solid #FFFFFF;
        display:block;
        top:255px;
        position:absolute;
        margin: 10px 0px 5px 0px;
        height:50px;
        padding: 10px 0px 0px 0px;


}
.sf-menu ul {
        position:                absolute;
        top:                        -999em;
        width:                        10em; /* left offset of submenus need to match (see below) */


}
.sf-menu ul li {
        width:                        100%;


}
.sf-menu li:hover {
        visibility:                inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
        float:                        left;
        position:                relative;
         margin-right:10px;
         margin-left:25px;
}
.sf-menu a {
        display:                block;
        position:                relative;
         font-size:14px;
         font-weight:bolder;


}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
        left:                        0;
        top:                        2.5em; /* match top ul list item height */
        z-index:                99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
        top:                        -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
        left:                        10em; /* match ul width */
        top:                        0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
        top:                        -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
        left:                        10em; /* match ul width */
        top:                        0;
}

/*** DEMO SKIN ***/
.sf-menu {
        float:                        left;
        margin-bottom:        1em;
}
.sf-menu a {
        border-left:        1px solid #FFFFFF;
        border-top:         1px solid #FFFFFF;
        border-right:       1px solid;
        border-bottom:	   1px solid;
        padding:                 .75em 1em;
        text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
        color:                        #13a;
}
.sf-menu li {
        background:                #BDD2FF;
}
.sf-menu li li {
        background:                #AABDE6;
}
.sf-menu li li li {
        background:                #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background:                #CFDEFF;
        outline:                0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
        padding-right:         2.25em;
        min-width:                1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
        position:                absolute;
        display:                block;
        right:                        .75em;
        top:                        1.05em; /* IE6 only */
        width:                        10px;
        height:                        10px;
        text-indent:         -999em;
        overflow:                hidden;
        background:                url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
        top:                        .8em;
        background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
        background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
        background:        url('../images/shadow.png') no-repeat bottom right;
        padding: 0 8px 9px 0;
        -moz-border-radius-bottomleft: 17px;
        -moz-border-radius-topright: 17px;
        -webkit-border-top-right-radius: 17px;
        -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
        background: transparent;
}