/* Reset des  Standard Browser CSS*/
@import url(style_reset.css);


body {
 margin:0px;
 padding:0px;
 color:#333;
 font-family: verdana, arial, sans-serif;
 font-size: 100.01%;
 background-image:url(bilder/hg-suppkultur.gif);
 background-color:#fff;
 text-align: center;
 height:100%;
}


html {
 height: 100%;
 margin-bottom: 1px;
}

img {
 border:none;
}

a {
 text-decoration:none;
}


ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

.cleardiv {
 clear:both;
 height:0px;
}


/* Conatiner Definitionen*/
#page_margins {
 /*border:5px solid #51a127;*/
 /*border:5px solid #fff;*/
 border:5px solid #d30b29;
 width:940px;
 margin:0 auto;
 padding:0px;

}


#page {
 margin:0px;
 padding:0px;
 width:100%;
 background-color:#fff;
 /*
 background-image:url(bilder/);
 background-repeat:repeat-y;
 background-position:0px;
 */
}


#header {
 position:relative;
 width:100%;
 margin:0px;
 padding:0px;
 background-color:#fff;
 border-bottom:2px solid #fff;
}

/* zwischen Navi im Headerbereich */
#topnav {
 position:absolute;
 top:3px;
 right:3px;
 color:#666;
 border:1px solid #ccc;
 padding:3px;
 font-size:0.7em;
}

#topnav a {
 color:#51a127;
 text-decoration:none;
}

#topnav a:hover {
 color:#999;
}

#navbox {
 position:relative;
 width:100%;
 background-color:#fff;
 /*
 border-bottom:1px dotted #E84200;
 border-top:1px dotted #E84200;
 */
}



#main {
 position:relative;
 background-color:#fff;
 text-align:left;
 font-size:0.8em;
}

#footer {
 position:relative;
 width:100%;
 border-top:2px solid #fff;
 background-color:#fff;
 font-family:arial, verdana, sans-serif;
}

#footer_center {
 position:relative;
 clear:both;
 width:100%;
 background-color:#d30b29;
 color:#fff;
}




/* Formate in den Conatinern */
#header h1 {
 padding:15px;
 margin:0px;
 text-align:center;
}


p, h1, h2, h3 {
 padding:10px;
 margin:0px;
 line-height:1.3em;
}

table {
 padding:0px;
 margin:10px 0px 10px 10px;
 font-size:1em;
 font-weight:normal;
 font-family:arial, verdana, sans-serif;
}

td {
 padding-top:5px;
 padding-bottom:5px;
}



/* Definitionen im Main / Contentbereich */
#main h1, h2, h3 {
 color:#d30b29;
 padding-bottom:5px;
}

#main .sitehead {
 padding-top:50px;
}

#main h1 {
 font-size:1.6em;
}

#main h2 {
 font-size:1.4em;
}

#main h3 {
 font-size:1.2em;
}


#main p {
 font-family: arial, verdana, sans-serif;
}

#main a {
 color:#666;
}

#main a:hover {
 color:#d30b29;
}

#main ul, ol {
 padding:0px;
 margin:10px 0px 10px 10px;
 font-size:1em;
 font-weight:normal;
 font-family:arial, verdana, sans-serif;
 list-style:none;
}


#main ul li {
 padding-left: 17px;
 background-image: url(bilder/sign-list.gif);
 background-repeat: no-repeat;
 background-position: 0 0.2em;
 margin-bottom:1.0em;
}






#footer {
 font-size:0.8em;
}

.spalte, .spalte1, .spalte2, .spalte32, .spalte3 {
 float:left;
 margin:0px;
 padding:0px;
 border:none;
}

.spalte {
 width:100%;
}

.spalte1 {
 width:99%;
}

.spalte2 {
 width:49%;
}
.spalte3 {
 width:32%;
}
.spalte32 {
 width:65%;
}


.rpic {
  float:right;
  padding:10px;
}

.lpic {
  float:left;
  padding:10px;
}



/* Navigationen */
/* NAV 1 --------------------------------------------------------------------- */
#nav1 ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin: 0;
margin-left: 0;
background-color: #fff;
color: #d30b29;
font-size:1.2em;
width: 100%;
line-height: 18px;
/* border:1px solid blue; */
}

#nav1 ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#nav1 ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #d30b29;
text-decoration: none;
border-right: 1px solid #E84200;
}

#nav1 ul li a:hover
{
background-color: #efefef;
color: #51a127;
}

#nav1 #active1 { border-left: 1px solid #E84200; }

#nav1 #current1 {
color:#51a127;
}



/* NAV 2 --------------------------------------------------------------------- */
#nav2 ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #FEF296;
color: #E7662C;
font-size:0.9em;
width: 100%;
line-height: 18px;
/* fixes Firefox 0.9.3 */
border-top:2px solid #fff;
}

#nav2 ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#nav2 ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #E7662C;
text-decoration: none;
border-right: 1px solid #E7662C;

}

#nav2 ul li a:hover
{
background-color: #FBE267;
color: #E7662C;
}

#nav2 #active2 { border-left: 1px solid #E7662C; }

#nav2 #current2 { color:#0071B4;}


/* NAV 3 --------------------------------------------------------------------- */
#nav3s ul
{
text-align: left;
padding: 0;
margin: 0;
margin-top:25px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #FEF296;
border-top:1px solid #fff;
color: #E7662C;
font-size:1em;
font-weight:normal;
width: 100%;

/* fixes Firefox 0.9.3 */

}

#nav3s ul li
{
padding: 5px;
margin-left: 0;
margin-right: 0;
border-bottom:1px solid #fff;
}

#nav3s ul li a
{
padding:0px;
color: #E7662C;
text-decoration: none;
}

#nav3s ul li a:hover
{

color: #0071B4;
}

#nav3s #active3 { border-left: 1px solid #E7662C; }

#nav3s #current3 { color:#0071B4;}