/* CSS Document */

/* Gesamtdefs */
/* ******************************************* */

* {padding: 0; margin: 0;}


body {
font-family:  "Trebuchet MS", "Myriad Web", "Geneva", Arial, sans-serif;
font-size: 10pt;
color: #636466;

}

h1 {
font-size: 110%;
color: #745A32;
padding-bottom: 15px;
font-weight:bold;
}

h2 {
font-size: 100%;
color: #745A32;
padding-top: 15px;
padding-bottom: 15px;
}

h3 {
font-size: 100%;
color: #745A32;
padding-top: 15px;
padding-bottom: 5px;
}

h4 {
font-size: 100%;
color: #745A32;
padding-top: 5px;
padding-bottom: 5px;
}

p {
padding-bottom: 10px;
line-height: 1.17em;
}

a {
color: #745A32;
text-decoration: underline;
}

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

hr {
border: dotted #745A32 thin;

}




/* Seitenlayout */
/* ******************************************* */

#wrapper  {
width: 872px;
height: 100%;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

#top {
display:none;
}

#home #top {
background-image: url(../bilder/hg_home.jpg);
background-repeat:no-repeat;
}

#moderation01 #top,
#moderation02 #top,
#moderation03 #top,
#moderation04 #top,
#moderation05 #top {
background-image: url(../bilder/hg_moderation.jpg);
background-repeat:no-repeat;
}


#referenzen01 #top,
#referenzen02 #top,
#referenzen03 #top,
#referenzen04 #top,
#referenzen05 #top {
background-image: url(../bilder/hg_referenzen.jpg);
background-repeat:no-repeat;
}

#uebermich01 #top,
#uebermich02 #top,
#uebermich03 #top,
#uebermich04 #top,
#uebermich05 #top {
background-image: url(../bilder/hg_uebermich.jpg);
background-repeat:no-repeat;
}

#galerie01 #top,
#galerie02 #top,
#galerie03 #top,
#galerie04 #top,
#galerie05 #top {
background-image: url(../bilder/hg_galerie.jpg);
background-repeat:no-repeat;
}

#charity01 #top,
#charity02 #top,
#charity03 #top,
#charity04 #top,
#charity05 #top {
background-image: url(../bilder/hg_charity.jpg);
background-repeat:no-repeat;
}

#kontakt01 #top,
#kontakt02 #top,
#kontakt03 #top,
#kontakt04 #top,
#kontakt05 #top {
background-image: url(../bilder/hg_kontakt.jpg);
background-repeat:no-repeat;
}


#flashcontent {
height: 650px;
width:490px;
overflow:visible;
}



#aktuelles_home {
float:left;
width: 235px;
margin-top: 30px;
margin-left: 35px;
display:inline;
}

#content {
float:left;
}

#footer {
height: 55px;
clear:both;
}

#impressum {
float: right;
width: 872px;
margin-top: 45px;
padding-bottom: 20px;
display:inline;
font-size: 0.9em;
color:#FFFFFF;
text-align:center;

}

#impressum a {
text-decoration:underline;
color:#FFFFFF;
}

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

/* Navigation oben*/
/* ******************************************* */

#nav {
display: none;
}

#nav a {
float: left;
display: block;
padding: 5px 10px 8px 10px;
text-decoration: none;
color:#fff;
display: inline;
font-weight: bold;
}

#nav a:hover,
#home #nav01 a,
#moderation01 #nav02 a,
#moderation02 #nav02 a,
#moderation03 #nav02 a,
#moderation04 #nav02 a,
#moderation05 #nav02 a,
#referenzen01 #nav03 a,
#referenzen02 #nav03 a,
#referenzen03 #nav03 a,
#referenzen04 #nav03 a,
#referenzen05 #nav03 a,
#uebermich01 #nav04 a,
#uebermich02 #nav04 a,
#uebermich03 #nav04 a,
#uebermich04 #nav04 a,
#uebermich05 #nav04 a,
#galerie01 #nav05 a,
#galerie02 #nav05 a,
#galerie03 #nav05 a,
#galerie04 #nav05 a,
#galerie05 #nav05 a,
#charity01 #nav06 a,
#charity02 #nav06 a,
#charity03 #nav06 a,
#charity04 #nav06 a,
#charity05 #nav06 a,
#kontakt01 #nav07 a,
#kontakt02 #nav07 a,
#kontakt03 #nav07 a,
#kontakt04 #nav07 a,
#kontakt05 #nav07 a 
 {
border-top: 2px solid #B69971;
border-right: 2px solid #B69971;
border-left: 2px solid #B69971;
padding: 3px 8px 8px 8px;
}


#nav ul {
list-style: none;
margin-left: 293px;
}

#nav li {
float: left;
margin-top:22px;
height: 38px;
display:inline;
}


/* Navigation links*/
/* ******************************************* */

#navi_links {
display:none;
}

#navi_links ul {
list-style: none;
}

#navi_links li {
padding-bottom:6px;
margin-bottom:0px;
}

#navi_links a{
display: block;
padding: 5px 5px 5px 10px;
border-top: 2px solid #B69971;
border-right: 2px solid #B69971;
border-bottom: 2px solid #B69971;
background-color: #AF9879;
color:#ffffff;
text-decoration:none;
font-weight: bold;

}

#navi_links a:hover,
#moderation01 #nav_links01 a,
#moderation02 #nav_links02 a,
#moderation03 #nav_links03 a,
#moderation04 #nav_links04 a,
#moderation05 #nav_links05 a,
#uebermich01 #nav_links01 a,
#uebermich02 #nav_links02 a,
#uebermich03 #nav_links03 a,
#uebermich04 #nav_links04 a,
#uebermich05 #nav_links05 a,
#referenzen01 #nav_links01 a,
#referenzen02 #nav_links02 a,
#referenzen03 #nav_links03 a,
#referenzen04 #nav_links04 a,
#referenzen05 #nav_links05 a,
#galerie01 #nav_links01 a,
#galerie02 #nav_links02 a,
#galerie03 #nav_links03 a,
#galerie04 #nav_links04 a,
#galerie05 #nav_links05 a,
#charity01 #nav_links01 a,
#charity02 #nav_links02 a,
#charity03 #nav_links03 a,
#charity04 #nav_links04 a,
#charity04 #nav_links05 a,
#kontakt01 #nav_links01 a,
#kontakt02 #nav_links02 a,
#kontakt03 #nav_links03 a,
#kontakt04 #nav_links04 a,
#kontakt05 #nav_links05 a {
background-color: #ffffff;
color:#745A32;
font-weight: bold;

}



/* Contentbereich*/
/* ******************************************* */

#text {
float:right;
margin-top: 30px;
margin-right: 100px;
display: inline;

}

#text li{
padding-bottom: 10px;
margin-left: 15px;
list-style-position:outside;
}

/* BIlder mit BU */
/* ******************************************* */

#text dl {
float: right;
width: 250px;
margin: 10px;
padding-bottom:15px;
display:inline;
}

#text dt {
float: left;
width: 250px;
padding-bottom: 10px;
font-weight:bold;
color: #745A32;
display:inline;
}

#text dd {
margin: 0;
padding: 0;
font-size: 0.8em;
}

#text dd.img {
float:left;
margin-bottom: 5px;
padding: 4px 4px 2px 4px;
border: 2px solid #B69971;
display:inline;
}





/* Textauszeichnungsklassen*/
/* ******************************************* */

.linie {
display:block;
width: 100%;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
}

.rahmen  {
margin-right: 10px;
padding: 10px;
border: 1px solid #CCCCCC;
}

.rechts {
float: right;
}

.braun {
color: #745A32;
}

.braun_bold {
color: #745A32;
font-weight:bold;
}

.bild_links {
float:left;
margin: 0 0 8px 8px;
padding: 4px;
border: 1px solid #B69971;
display:inline;
}

.bild_rechts {
float:right;
margin: 0 0 8px 8px;
padding: 4px;
border: 2px solid #B69971;
display:inline;
}