html { 
padding:0px;
margin:0px;}

body {
background-color: #d2dbc4;
background-image:url(../layout/wrkHgFoto.jpg);
background-position:top center;
background-repeat:no-repeat;
font-size: 12px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0;
margin:0;}


/* divs positionieren: statisch und absolut */
#hintergrund {
width:100%;
padding:0;
margin:0;
background-image:url(../layout/wrkHgMono.png);
background-position:top center;
background-repeat:repeat-y;}

#box {
width:980px;
margin: 0px auto;
padding:0px;
text-align:left;}

#links {
width:200px;
margin:0 0 0 10px;
padding:0;
float:left;
background-image:url(../layout/wrkContentBgLinks.gif);
background-position:top center;
background-repeat:no-repeat;}

#inhalt {
width:480px;
padding:35px 20px 0 20px;
float:left;
overflow: auto;
background-image:url(../layout/wrkContentBgMitte.gif);
background-position:top center;
background-repeat:no-repeat;}

#rechts {
width:240px;
padding:40px 0 0 0;
margin:0 10px 0 0;
float:left;
text-align:center;
background-image:url(../layout/wrkContentBgRechts.gif);
background-position:top center;
background-repeat:no-repeat;}

#rechts img {border:0;}

#kopf {
background-color:transparent;
margin: 0 10px 0 10px;
text-align:right;}

/* navigation definieren für den kopfbereich: home und impressum ueber banner */
div.impNavi {
height:42px;
line-height:36px;
padding:0 10px 0 0;
font-size:10px;
background-image:url(../layout/impNavi.gif);
background-repeat:repeat-x;}

div.impNavi a {
color:#000000;
text-decoration:none;}

div.impNavi a:hover {
text-decoration:overline underline;}

/* navigation definieren für den kopfbereich: linkleiste unter banner */
#navcontainer {
margin:0 10px 0 10px;
padding:0;}

#navcontainer a {
display:inline-block;
margin: 0;
padding:0;
height: 40px;}
  
#navcontainer a span {display:none; padding:0; margin:0; height:40px}
#navcontainer a:hover {background-position: 0 -40px;}
a#verein {width:179px;background: url("../layout/navVerein.png") no-repeat 0 0;}
a#terminkalender {width:226px;background: url("../layout/navTerminkalender.png") no-repeat 0 0;}
a#reiten {width:156px;background: url("../layout/navReiten.png") no-repeat 0 0;}
a#voltigieren {width:204px;background: url("../layout/navVoltigieren.png") no-repeat 0 0;}
a#downloads {width:195px;background: url("../layout/navDownloads.png") no-repeat 0 0;}


/* navigation definieren box in linker spalte */
#leftNavi {margin:40px 0 0 10px;}
#leftNavi a {border:0;padding:0;margin:0;}
#leftNavi a img {border:0;padding:0;margin:0;}

#leftNavi ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Verdana, Helvetica, sans-serif;}

#leftNavi li {
margin: 0 0 0 13px;}

#leftNavi ul li a {
display: block;
padding: 0 0 0 16px;
width: 141px;
line-height:23px;
color: #105f0a;
text-decoration: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px dotted #000000;
font-weight: normal;
font-size:14px;}

#leftNavi ul li a.leftNaviBottom {
border-bottom: 1px solid #000000;}

#leftNavi ul li a:hover {
color: #ffffff;
text-decoration: none;
background-image: url(../layout/subNaviBgOn.gif);
background-repeat: no-repeat;
background-position: 0 0;}

/* navigation definieren terminebox in linker spalte */
#leftTermine {
margin:40px 0 0 10px;
padding:33px 0 0 0;
background:url(../layout/subNaviHeadTerminkalender.gif) 0 0 no-repeat;}

#terminebox {
margin: 0 0 0 13px;
padding: 3px 0 0 0;
border:1px solid #105f0a;
width:157px;
font-family: Arial, Verdana, Helvetica, sans-serif;}

#leftTermine p.terminboxDatum {
display: block;
margin:0;
padding: 6px 5px 0 16px;
font-weight: bold;
font-size:12px;
color:#5a1f00;}

#leftTermine p.terminboxHeadline {
display: block;
margin:0;
padding: 1px 5px 1px 16px;
font-family:"Times New Roman", Times, serif;
font-weight: bold;
font-size:12px;
color:#105f0a;}

#leftTermine p.terminboxCopytext {
display: block;
margin:0;
padding: 0 5px 0 16px;
font-weight: normal;
font-size:10px;}

#leftTermine p.terminboxLink {
display: block;
margin:0;
padding: 0 5px 6px 16px;
border-bottom:1px dotted #105f0a;
font-weight: normal;
font-size:10px;
text-align:right;}

#leftTermine a{
color:#5a1f00;
text-decoration:none;}

#leftTermine a:hover {
text-decoration: overline underline;}


/* downloadlinkliste definieren */
#linkliste {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
padding:0;
margin:0 0 0 10px;
color:#105f0a;}

#linkliste h4 {
margin:0;
padding:0 0 5px 0;
font-size:16px;
font-weight:bold;}

#linkliste h5 {
margin:0;
padding:0 0 5px 0;
font-size: 12px;
font-weight:bold;}

#linkliste ul {
list-style-type:none;
margin:0;
padding:0 0 0 20px;}

#linkliste ul li {
padding: 0 0 10px 0;}

#linkliste ul li a {
padding-left:12px;
font-size:11px;
color:#000000;
background:url(../layout/extlink.png) 0 3px no-repeat;
text-decoration:none;}

#linkliste ul li a:hover {text-decoration:overline underline;}

/* stile fuer inhalt definieren */
#inhalt h1{
padding:0;
margin:0;
font-family:"Times New Roman", Times, serif;
font-size: 30px;
font-weight:normal;
color:#105f0a;}

#inhalt h2{
padding:10px 0 10px 0;
margin:10px 0 20px 0;
border-top: 1px dotted #5a1f00;
border-bottom: 1px dotted #5a1f00;
font-family:Georgia,"Times New Roman", Times, serif;
font-size: 14px;
line-height: 21px;
text-transform:uppercase;
font-weight:normal;
color:#5a1f00;}

#inhalt h3{
padding:0;
margin:30px 0 10px 0;
border-bottom: 1px dotted #5a1f00;
font-size: 14px;
font-weight:bold;
color:#5a1f00;
clear:both;}

#inhalt p {
margin:0;
padding:0 10px 15px 10px;}

img.links {
float:left;
margin: 0 10px 10px 0;}

img.linksVonListe {
float:left;
margin: 0 30px 10px 0;}

img.rechts {
float:right;
margin: 0 0 10px 10px;}

img.mitte {
margin: 10px 0 10px 0;}

#inhalt ul, #inhalt ol {
margin: 5px 50px 10px 50px;
padding:0 10px 0 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}

#inhalt ul {list-style-type:square;}

#inhalt li{
padding:0 0 5px 0;}

#inhalt a{
padding-left:12px;
font-size:12px;
color:#000000;
background:url(../layout/extlink.png) 0 3px no-repeat;
text-decoration:none;}

#inhalt a:hover {
text-decoration:overline underline;}

#inhalt a[rel="lightbox"] {
background-image:none;
}

/* stile fuer terminetabelle definieren */
#termine {
width:480px;
border: 1px solid #5a1f00;
border-collapse:collapse;}

#termine thead tr th {
font-family: arial, verdana, sans-serif;
font-size: 11px;
padding: 3px 8px;
border:0;
background-color:#5a1f00;
color:#ffffff;
text-align:left;
vertical-align:top;}

#termine tbody tr td {
font-family: arial, verdana, sans-serif;
font-size: 11px;
padding: 3px 8px;
border-left:1px dotted #5a1f00;
text-align:left;
vertical-align:top;}

#termine a {
padding-left:12px;
color:#5a1f00;
background:url(../layout/linkRot.png) 0 3px no-repeat;
text-decoration:none;}
#termine a:hover {text-decoration:overline underline;}