html, body
{


}

* {
    margin: 0;
    padding: 0;
}

#main  {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto 0 auto;

    background-color: transparent;

}
#text a {color: red; text-decoration: none;}
#accordion div, #accordion2 div, #accordion3 div, #accordion4 div, #accordion5 div, #accordion6 div { color: #8A7947; font-weight: normal; width: 500px; font-size: 15px; font-family: Verdana, sans-serif;}
#accordion a, #accordion2 a, #accordion3 a, #accordion4 a, #accordion5 a, #accordion6 a { color: #8A7947; font-weight: bold; width: 500px;}

/*HEADER*/

#header {
    height: 135px;
    width: 100%;
    background: url( ../../../images/verlauf.png) bottom repeat-x transparent;
    margin: 0 auto;
    clear:both;
    background-color: #F5F5CC;

}

#headercontent {
    height: 135px;
    width: 960px;
    margin: 0 auto;
    clear:both;

}
#logo {
    float: left;
    margin-left: 7px;
    margin-top: 8px;
}

#hauptnavigation li {
    float: left;
    margin-right: 2px;
  
    height: 50px;
    background: url(../../../images/arbeitskreisslice.png) repeat-x top;
    
    list-style: none;
}

#subnavigation li {
    float: left;
    margin-right: 10px;
    
    list-style: none;
}

#hauptnavigation {
    float: right;
    margin-right: 21px;
    margin-top: 24px;
}

#header li a{
    text-decoration: none;
}

.ui-accordion p {
    margin-bottom: 12px;
}

#hauptnavigation ul li a {
    font-family: trebuchet ms;
    width: 100%;
    height: 100%;
    color: #8A7947;
    display:block;
    padding-top:17px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 18px;
    font-weight: bold;
    
}

#subnavigation ul {
    clear: both;
    float: left;
    margin: 35px 0 0 25px;
}

#subnavigation li {
    margin-right: 10px;
}

#subnavigation li a {
    font-family: Trebuchet MS;
    font-size: 16px;
    color: #B5D59A;
    font-weight: normal;

}

#subnavigation li a:hover {
    font-family: Trebuchet MS;
    font-size: 16px;
    color: #65B252;
    font-weight: normal;


}

#subnavigation li.here a {
    font-family: Trebuchet MS;
    font-size: 16px;
    color: #65B252;
    font-weight: normal;
    font-weight: bold;
    border-bottom: 2px solid #65B252;
}




#content {
    width: 960px;
    height: auto;
    margin: 0 auto;
    background-color: white;
}

#text {
    width: 610px;
    float:left;
    height: auto;
    padding: 25px;
    font-family: Verdana;
    font-size: 14px;
    color: #8A7947;
    line-height: 18px;
    background-color: white;
}

#text h1 {
    font-family: trebuchet ms;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 8px 0px;
    border-bottom: 4px solid #FFD600;
    padding-top: 14px;
    padding-bottom: 9px;
    width: 250px;
}



#gray {
    background: url( ../../../images/rightbar.png) top no-repeat white;
    float: right;
    margin-top: 30px;

    width: 240px;
    height: 300px;
}

#graybottom {
    width: 240px;
    height: 50px;
    float: right;


}

#graycontainer {
    height: 400px;
    width: 240px;
    height: auto;
    float:right;
    margin-right: 21px;
}

#fontsize {
    background-color: #94C053 ;
    margin: 17px;
    width: 200px;
    border-bottom: 1px solid red;
    height: 40px;
    }

#fontsize li {
    float: left;
    list-style: none;
    margin: 0;

    padding: 0;
}

#fontsize li a {
    text-decoration: none;
    color: white;
    font-family: trebuchet ms;
    margin: 0;
    padding: 0;
    display: block;
    background-color: red;
    text-align: center;
    overflow: hidden;
    height: 30px;
    width: 32px;



}

a#small { background: url( ../../../images/small.jpg);

}

a#medium { background: url( ../../../images/medium.jpg);

}

a#big { background: url(../../../images/big.jpg);

}

a#small:hover { background: url(../../../images/small.jpg);
background-position: 0 -40px;

}

a#medium:hover { background: url(../../../images/medium.jpg);
background-position: 0 -40px;

}

a#big:hover { background: url(../../../images/big.jpg);
background-position: 0 -40px;

}

li#title {
    margin-top: 8px;
    font-family: trebuchet ms;
    font-size: 17px;
    color: white;
}

#mininavi {
    float:right;
    margin-right: 0px;
    margin-top: 0;
    height: 21px;
    width: 100%;
    background-color: #F5F5CC;
}
#mininavi ul {
    float: right;
    margin-right: 20px;
}


#mininavi li {
    float: left;
    list-style: none;
    margin-left: 10px;
    height: 21px;
    width: auto;

}

#mininavi li a {
    /*background-color: red;  */
    color: red;
    text-decoration: none;
    font-family: Trebuchet ms;
    padding: 0px 3px 1px 3px ;
    font-weight: normal;
    font-size: 15px;
    height: 20px;
    width: 100%;
    border-bottom: 1px solid #B3D180;

}

#mininavi li a:hover {
    color: #B3D180;
    text-decoration: none;
    font-family: Trebuchet ms;
    padding: 0px 3px 1px 3px ;
    height: 20px;
    width: 100%;

}

#footercontent {

    width: 960px;
    margin: 70px auto 0 auto;
    height: 40px;
}
#footercontent ul {
    float: right;  border-bottom: 1px solid #D5D58D; line-height: 25px; border-top: 1px solid #D5D58D;

}
#footercontent ul li {
    float: left;
    list-style: none;
    margin-right: 8px;
}
#footercontent ul li a {

    font-family: Trebuchet ms, sans-serif;
    font-size: 14px;
    color:#D5D58D;
    text-decoration: none;
}
#footercontent ul li  {

    font-family: Trebuchet ms, sans-serif;
    font-size: 14px;
    color:#D5D58D;
    text-decoration: none;
}

#footer {
    width: 100%;
    height: 150px;
    margin: 20px auto;
    background: url( ../../../images/verlaufbottom.png) top repeat-x;
    background-color: white;
    float: left;
    clear: both;


}

#footercontent a.red {
    color: red;
}
img {
    border: 0;
}

#sidebarnavi {
    clear: both;
    margin-top:5px;
    float: left;
    margin-left: 14px;
}
#sidebarnavi ul li {
    float: none;
    list-style: none;
    border-bottom: 1px solid red;
    padding-bottom: 4px;
    width: 200px;
}
#sidebarnavi ul li a {
    font-family: Trebuchet ms, sans-serif;
    color: #8A7947;
    text-decoration: none;

}
h2 {
    font-family: trebuchet ms, sans-serif;
    font-weight: bold;
    color: red;
    font-size: 17px;
    margin-bottom: 5px;
}
#news {width: 290px; overflow: hidden; float: right;} 
#welcome {width: 250px;overflow: hidden; float: left; clear: left;margin-right: 40px;}
#text li {list-style: none; padding-left: 10px;}
#text li a {text-decoration: none; color: #504906;}
#text h3 {background-color: transparent;padding: 4px 0 5px 0px; font-weight: normal; font-family: trebuchet ms; font-size: 16px; margin-bottom: 6px; width: 480px; border-bottom: 1px solid #FFBD0E; border-top:0px solid #FFBD0E;}