/* Formatierungen */ 

body { 
color: #323232; 
font-size: 10pt; 
font-family: arial, verdana, sans-serif; 
background: #afccde;
}

td { 
color: #323232; 
font-size: 10pt; 
font-family: arial, verdana, sans-serif; 
}

h1 {
color: #323232; 
font-size: 11pt; 
font-family: arial, verdana, sans-serif; 
font-weight: bold;
}

h2 {
color: #323232; 
font-size: 10pt; 
font-family: arial, verdana, sans-serif; 
font-weight: bold;
}

a:link { 
color: #0c568f; 
text-decoration: underline; 
}
a:visited { 
color: #0c568f; 
text-decoration: underline; 
}
a:hover { 
color: #f19a11; 
text-decoration: underline; 
}
a:active { 
color: #f19a11; 
text-decoration: underline; 
}



/* Klassen */ 

img.rechts { 
float: right;
margin-left: 20px;
margin-bottom: 15px; 
}

img.links { 
float: left;
margin-right: 20px;
margin-bottom: 15px; 
}

table.links {
float: left;
margin-right: 20px;
margin-bottom: 15px; 
}

table.linie {
border-collapse: collapse; 
border-color: #323232;
}

*html ul.kreis { /* IE6 Fix*/
list-style-image: url(http://www.reitverein-rohr.de/styles/kreis-ie.gif); 
} 
/*  *:first-child+html ul.kreis { IE7 FixV2
list-style-image: url(http://www.reitverein-rohr.de/styles/kreis-ie.gif); 
}  */
* + html ul.kreis  { /* IE7 Fix*/
list-style-image: url(http://www.reitverein-rohr.de/styles/kreis-ie.gif); 
} 
ul.kreis {
margin-left: 17px;
padding: 0px;
list-style-image: url(http://www.reitverein-rohr.de/styles/kreis.gif);
}

ol.zahl {
margin-left: 30px;
padding: 0px;
}

*html .download { /* IE6 Fix*/ 
margin-top: 1px;
}
.download { 
float: right;
margin-top: 11px;
}

.back {
position: absolute;
right: 0px;
bottom: 0px;
}

.small 
{font-size: 9pt; }
.smaller 
{font-size: 8pt; }


/* Headerklassen */ 

.start {
background-image: url(header/start.jpg); 
}

.verein {
background-image: url(header/verein.jpg); 
}

.voltigieren {
background-image: url(header/voltigieren.jpg); 
}

.reitschule {
background-image: url(header/reitschule.jpg); 
}

.hippotherapie {
background-image: url(header/hippotherapie.jpg); 
}

.reiterferien {
background-image: url(header/reiterferien.jpg); 
} 

.westernreiten {
background-image: url(header/westernreiten.jpg); 
} 

.coaching {
background-image: url(header/coaching.jpg); 
} 



/* Layout */ 

#scrollbar { /* erzwingt eine scrollbar */ 
position: absolute; top:0px; bottom:-1px; width:1em; z-index:-1; }

#container { /* zentriert das Layout */ 
width: 872px; 
position: relative; 
left: 50%; 
margin-left: -436px; 
background-image: url(back.jpg);
}

#header { 
height: 170px; 
width: 872px; 
}

#logo { 
position: absolute;
left: 46px;
top: 113px;
width: 122px;
height: 44px;
}

#main { 
position: relative;
margin-left: 36px; 
width: 800px; 
display: block;
}

#navigation { 
position: relative;
width: 150px;
float: left;
}

*html #content /* IE6 Fix*/
{margin-right: 10px; margin-top: 17px; } 

/*  *:first-child+html ul.kreis   IE7 Fix V2
{margin-top: 7px; }
*/

* + html #content  /* IE7 Fix*/
{margin-top: 20px; }

#content { 
position: relative;
width: 610px; 
float: right;
margin-right: 20px; 
margin-top: 7px; 
display: block;
}

*html .c-start /* IE6 Fix*/
{height: 523px; }
.c-start
{min-height: 533px; }

*html .c-verein /* IE6 Fix*/
{height: 613px; }
.c-verein 
{min-height: 623px; }

*html .c-voltigieren /* IE6 Fix*/
{height: 508px; }
.c-voltigieren 
{min-height: 518px; }

*html .c-reitschule /* IE6 Fix*/
{height: 510px; }
.c-reitschule 
{min-height: 520px; }

*html .c-hippotherapie /* IE6 Fix*/
{height: 445px; }
.c-hippotherapie 
{min-height: 455px; }

*html .c-reiterferien /* IE6 Fix*/
{height: 467px; }
.c-reiterferien 
{min-height: 461px; }

#footer { 
background-image: url(footer.jpg); 
height: 69px; 
width: 872px; 
}

.clear
{
clear:both;
}



/* Navigation */

ul#navi {
width: 150px;
margin: 15px 0px 0px 0px; 
padding: 0px;
}

* html ul#navi  /* IE6 Fix*/
{margin: 13px 0px 0px 0px; }

ul#navi li {
list-style: none;
margin: 2px 1px 1px 0px; 
padding: 0px;
}

ul#navi li ul {
margin: 0px 0px 0px 35px; 
padding: 0px;
}

ul#navi li ul li a {
padding: 0px;
font-weight: normal;
background-image: none;
}

ul#navi a {
display: block;
padding: 3px 3px 3px 20px;
text-decoration: none; 
font-weight: bold;
background-image: url(nav.jpg);
color: #323232;
}

* html ul#navi a  /* IE6 Fix*/
{width: 115px; }

ul#navi span.head {
height: 1%;
display: block;
padding: 3px 3px 3px 20px;
text-decoration: none; 
font-weight: bold;
background-image: url(nav-aktiv.jpg);
color: #323232;
}

ul#navi a.link {
display: block;
padding: 0px;
text-decoration: none; 
font-weight: bold;
background-image: none;
color: #323232;
}

ul#navi a:hover{
color: #0c568f; 
}

span.active { /* #f19a11 -> organge; #0c568f -> blau */
font-weight: bold;
}