/* !!! stylesheet für Pferdecollege.de , erstellt von medienlounge.de !!! */

/* Farben:

*/

*{
margin: 0;
padding: 0;
}


html, body {
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  background-color: #5C3915;
  font-size: 100.01%;
  text-align: center; /* für IE Zentrierung*/
}



/* ##### Definition der div-container ##### */
/* ######################################## */
#seite {
width: 900px;
height: 597px;
margin: 50px auto;
text-align: left; /* Zentrierung rückgängig */
}
#head {
width: 900px;
height: 100px;
background-image: url(../images/head_bg.gif);
background-repeat: no-repeat;
background-position: left top;
}
#navi {
width: 100%;
height: 35px;
/* ist auch die Farbe für aktiven Zustand eines Links */
background-color: #dea020;
}
#container {
width: 900px;
margin-top: 0px;
}
#links {
float:left;
width: 129px;
height: 462px;
background-image: url(../images/links_bg.gif);
background-repeat: no-repeat;
}
#content {
float: left;
width: 460px;
min-height:452px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: white;
}
/* IE 6 */
* html #content {
width: 480px;
height:462px;
}
#content_gr {
float: left;
width: 736px;
min-height:432px;
padding-top: 30px;
padding-left: 35px;
background-color: white;
}
/* IE 6 */
* html #content_gr {
width: 771px;
height:462px;
}
#rechts {
float: left;
width: 291px;
height:462px;
border: 0;
font-size: 0px;
}

#clearer {
clear: both;
}

/* ##### ab hier Formatierungen der einzelnen div-Inhalte ##### */
/* ############################################################ */

/* ### START: hier nur das POPUP ### */
#popup {
width: 800px;
text-align: left; /* Zentrierung rückgängig */

}
#head_popup {
width: 800px;
height: 100px;
float: left;
background-image: url(../images/head_popup_logo.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#links_popup {
float: left;
width: 129px;
height: 300px;
background-image: url(../images/links_popup_bg.jpg);
background-repeat: no-repeat;
}
#content_popup {
float: left;
text-align: left;
height:300px;
width: 570px;
padding-top: 5px; /* Abstand H1*/
background-color: white;
overflow: auto;
}
/* IE 6 */
* html #content_popup {
height:300px;
}
#content_popup h1 {
font-size: 14px;
color: #5c3915;
margin: 10px 10px 0 10px;
}
#content_popup ul {
font-size: 11px;
color: #5c3915;
padding-top: 10px;
padding-left: 12px;
list-style-type: square;
list-style-position: inside;
}
#content_popup ul li {
line-height: 16px;
}
#content_popup a:link {
  color: #628634;
  text-decoration: none;
}
#content_popup a:visited {
  color: #628634;
  text-decoration: none;
}
#content_popup a:hover {
  color: #ce2059;
  text-decoration: underline;
}
#content_popup a:active {
  color: #628634;
  text-decoration: none;
}
#content_popup a:focus {
  color: #ce2059;
  text-decoration: underline;
}
/* ### ENDE: POPUP ### */

/* ##### HEAD ##### */
#head h1 {
color: #362310; /* nicht sichtbar, SEO */
font-size: 8px;
text-align: right;
}

/* ##### CONTENT ##### */
#content h1 {
font-size: 14px;
color: #5c3915;
margin: 10px 10px 0 10px;
}
#content h3 {
font-size: 20px;
color: #5c3915;
text-align: center;
margin: 10px 10px 0 10px;
}
.bodytext {
font-size: 11px;
color: #5c3915;
padding: 10px 10px 0 10px;
}
.align-center {
text-align: center;
font-size: 11px;
color: #5c3915;
padding: 10px 10px 0 10px;
}

/* LISTEN */
#content ul {
font-size: 11px;
color: #5c3915;
padding-top: 10px;
padding-left: 12px;
list-style-type: square;
list-style-position: inside;
}
#content ul li {
line-height: 16px;
}
/* zweite Ebene */
#content ul li ul{
padding-top: 2px;
}
/* Links im Content */
#content a:link {
  color: #628634;
  text-decoration: none;
}
#content a:visited {
  color: #628634;
  text-decoration: none;
}
#content a:hover {
  color: #ce2059;
  text-decoration: underline;
}
#content a:active {
  color: #628634;
  text-decoration: none;
}
#content a:focus {
  color: #ce2059;
  text-decoration: underline;
}

/* ##### NAVI ##### */
#navi ul  {
font-size: 11px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
width: 100% 
}
#navi ul li { 
display: inline;
padding: 11px 19px 11px 19px;
}
#navi ul li a:link {
  color: white;
  text-decoration: none;
}
#navi ul li a:visited {
  color: white;
  text-decoration: none;
}
#navi ul li a:hover {
  color: white;
  text-decoration: underline;
}
#navi ul li a:active {
  color: white;
  text-decoration: underline;
}
#navi ul li a:focus {
  color: white;
  text-decoration: underline;
}
.aktiv_main {
text-decoration: underline;
color: #5c3915;
background-color: transparent;
}

/* Hintergrundfarben: Klassen werden im Untertitel bestimmt! */
.navi01 {
background-color: #ce2059;
line-height: 35px;
}
.navi02 {
background-color: #b6845b;
line-height: 35px;
}
.navi03 {
background-color: #628634;
line-height: 35px;
}
.navi04 {
background-color: #97bf0d;
line-height: 35px;
}
.navi05 {
background-color: #6bb6c5;
line-height: 35px;
}
.navi06 {
background-color: #829afe;
line-height: 35px;
}
.navi07 {
background-color: #2964a9;
line-height: 35px;
}
.navi08 {
background-color: #8c48c6;
line-height: 35px;
/* damit der Link zentriert sitzt! */
padding: 11px 24px 11px 24px !important;

}


/* ############ CONTENT BROWSING ################# */
/* "tx_cccbrowse_pi1" */
  .tx-cccbrowse-pi1-browsebox   { clear:both; margin-left: 10px; position:absolute; top:575px; text-align:left;}
  .tx-cccbrowse-pi1-browsebox table  { margin-bottom:0px; text-align:left; }
  .tx-cccbrowse-pi1-browsebox table td { border:0; margin-bottom:0px; padding: 0 10px 0 0; background:none;}
  .tx-cccbrowse-pi1-browsebox table td p a { font-weight:normal; font-size: 70%; color:#362310; text-decoration:none; }
  /* hier die links, inkl aktiver Zustand */
  .tx-cccbrowse-pi1-browsebox p a { color: #362310; font-weight: bold; text-decoration:none;}
  .tx-cccbrowse-pi1-browsebox p a:link { color: #362310; font-weight: bold; text-decoration:none; }
  .tx-cccbrowse-pi1-browsebox p a:visited { color: #362310; font-weight: bold; text-decoration:none; }
  .tx-cccbrowse-pi1-browsebox p a:hover { color: #362310; font-weight: bold; text-decoration:underline; }
  .tx-cccbrowse-pi1-browsebox p a:active { color: #362310; font-weight: bold; text-decoration:underline; }
  .tx-cccbrowse-pi1-browsebox p a:focus { color: #362310; font-weight: bold; text-decoration:none; }

/* ############## Kontaktformular ################## */
 .csc-mailform {
 margin-left: 10px;
 border: 0;
 font-size:10px;
 color: #5c3915;
 }
 .csc-mailform-field {
margin-top: 3px;
 }
  .csc-mailform-submit {
 margin-top: 3px;
 }