@charset "UTF-8";
/* CSS Document 											 */
/* ========================================================= */
/*    Stylesheet für                                         */
/*    SITE : www.reitverein-uhlenhorst.de                                */
/*    ERSTELLT: Juli 2009		                             */
/*    GEÄNDERT:					                             */
/*    (c) Orangemocca | Web & Print - Carolin Loerke         */
/* ========================================================= */

/*    Schön, dass Sie hier vorbeischauen                     */

/* == NOTES: =============================================== */
/*                                                           */
/*                                                           */
/* ========================================================= */

body {background:url(../images/site-BG.gif) repeat-x top white; text-align:center; /* horizontal zentrieren für IE*/ overflow:auto; font-family:Verdana, Helvetica, Geneva, sans-serif;}

/* -- Allgemeine Layoutangabe -- */
#conten-mittig {width:800px; margin:0px auto; margin-top:2px; background-color:white; border-left:1px solid grey; border-right:1px solid grey;}
#bild {width:800px; background:#8bb98b; margin-top: 0; border-bottom:15px solid #57a057;}
#subnavigation {width:150px; float:left; margin-left:50px; margin-bottom:25px;}
#start #subnavigation {width:170px; float:left; margin-left:5px; margin-bottom:25px;}
#content {margin-left:45px; width:545px; float:left;}
#footer {clear:both; background-color:#8bb98b; margin-top:60%; padding:5px;}

/* -- Schrift -- */
h1 {font-size:18px; font-weight:normal; color: #006400; margin-top:65px; margin-left:8px; margin-bottom:20px; text-align:left;}
h2 {font-size:12px; font-weight:normal; color: #666; border-bottom: 1px solid #006400; margin-top:25px; margin-left:8px; text-align:left;}
p {font-size:11px; font-weight:normal; color: #666; margin-left:8px; text-align:left; line-height:18px;}
.pg {font-size:11px; font-weight:normal; color: #666; line-height:18px;}
.foot {font-size: 9px; font-weight:normal; color: #333;}

.hinweis {color: #006400;}

/* -- Links -- */
a {font-size: 11px; color:#006400; text-decoration: none; padding:0;}
a:link {font-size: 11px; color:#006400; text-decoration: none; padding:0px;}
a:hover {color:#666; text-decoration: none;}
a:active {color:#333;  text-decoration: none;}

.foot a {font-size: 9px; color:#006400; text-decoration: none; padding:0;}
.foot a:link {font-size: 9px; color:#006400; text-decoration: none; padding:0px;}
.foot a:hover {color:#666; text-decoration: none;}

/* -- Navigation -- */
#navigation {width: 100%; float: left; margin-top:20px; background-color: #006400;}
#navigation ul { padding: 0; }
#navigation ul li { display: inline; }
#navigation ul {margin: 0; padding: 0 0 0 7%; color: #FFFFFF; font-size: 14px; letter-spacing: 2px; font-weight: bold;}
#navigation ul li a {padding: 0.2em 12px; background-color: #57a057; color: #FFFFFF; text-decoration: none; float: left; border-right: 1px solid #94B473;}
#navigation ul li a:hover { padding: 0.2em 12px; background-color: #b0dcb0; color: #666;}
#navlist li a:hover, #navlist li a:active {color: #666; text-decoration: none; background: #b0dcb0; text-align: left; font: bold normal 14px;}

/* -- Subnavigation --*/
#subnavigation ul {margin:0; display: block; list-style: none; color: #006400; text-align:left; margin-top:65px; margin-left:-35px;}
#subnavigation li {border-bottom: 1px solid #006400; line-height:185%; padding:5px;}
#subnavigation li a {font-size:12px; color: #666; font-weight:normal;}
#subnavigation li a:hover {font-size:12px; color: #006400; font-weight:normal;}

/* -- Boxen mit Bilder-- */
.inhaltsbox_links {padding: 0px; margin: 10px 0px 20px 0px; float: left; width: 250px;}
* html .inhaltsbox_links {margin: 15px 0px 15px 0px;}
.inhaltsbox_rechts {padding: 0px; margin: 10px 0px 20px 0px; float: right; width: 250px;}
#content img.links {margin: 5px 10px 5px 0px; float: left;}
#content img.rechts {margin: 5px 0px 5px 10px; float: right;}
.clear {display: block;	clear: both;float: none;height: 0px;}

/* -- Tabellen -- */
table {text-align:left; font-family:Verdana, Helvetica, Geneva, sans-serif; font-size: 11px; font-weight: normal; color:#666;}

/* -- Formulare  -- */
form {margin-top:0; width: 500px;}
label {width:100px; height:25px; display: block; float:left; text-align: left;}
input, textarea, select {background:#e2e2e2; border:0; padding:1px; line-height:26px;}
input:active, input:focus, input:hover, textarea:hover {background:#e2e2e2; border:0;}
select {margin-bottom:5px;}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */ clear: left; /* das floating der labels und inputs aufheben */}

/* -- Bilder -- */
#reitanlage #content img, #bildergalerie #content img,  #schulpferde #content img, #reitunterricht #content img {border: solid 1px grey; padding:5px;}