/**
  * Standard Definitionen
  *
  * Project: horselect.de
  *
  * @author		E. Sidiropoulos <info@alopix.com>
  * @copyright	http://www.alopix-software.com
  * @version	$Id: default.css 9 2008-02-17 15:28:21Z lefti $
  * @URL		$HeadURL: svn+ssh://www.alopix.de/repos/horselect.de/css/default.css $
  */
  
/*
   Standard CSS Styles for screen, projection etc.
   Colors:
   -------
   8E6741	Footer Text
   F6D9A1	Menu Links
   BF1212	Links Hauptcontent (rot)
   
   Body Width: 815px
*/

/* Redefinitions */
body { margin: 0; padding: 0; background-color: #432f1b }
body,td,pre { font: 12px Arial, Helvetica, sans-serif; }
h1 { font-size: 16px; color: #865E36 }
h2 { }
a:link, a:visited { }
a:active, a:hover { }
p { margin: 0 0 1em 0; padding: 0; line-height: 18px; color: #3a2917 }
form { margin: 0; padding: 0 }
a img { border:0 }
:focus { outline-style:none; }


/* Struktur */
#header_container { height: 65px; background: url(../images/bg_header.jpg) repeat-x; }
#header .logo { float: left; margin: 14px 32px 0 32px }
#header .slogan { float: left; margin: 22px 0 0 0; }

#navi_container { height: 106px; background: url(../images/bg_navi_common.jpg) repeat-x;  }
#subnavi_container { height: 28px; background: url(../images/bg_subnavi_common.jpg) repeat-x }
#subnavi { visibility: hidden; display: none }

#content_container { background: url(../images/bg_content_common.jpg) repeat-x; background-color: #dfc5aa; padding: 20px 15px 15px }
#content_left_container { background-color: #fff; width: 810px; float: left;  }
#content_left { padding: 0 15px; min-height: 640px }
#content_right { float: left; margin-left: 15px;  width: 160px }
#content_top_container { background-color: #fff; width: 810px; height: 10px; }
#content_bottom_container { background-color: #fff; width: 810px; height: 10px; }
#content_top_ol, #content_bottom_ul { float: left }
#content_top_or, #content_bottom_ur { float: right }

#left_subcol_left { float: left; width: 565px; padding-right: 15px; background: url(../images/vdots_dark.gif) repeat-y top right; }
#left_subcol_left .box-halbe-breite { float: left; width: 260px; padding-right: 15px }
#left_subcol_left div.last { padding-right: 0 }
#left_subcol_right_container { float: left; width: 180px;  }
.common #left_subcol_right { margin-left: 15px }

#footer_container { height: 107px; padding: 28px 140px 0; }
#footer { color: #8E6741; width: 660px; text-align: center;  }

/* Navigation / Menus */
#navi_menu { float: left; width: 586px; height: 50px; margin-left: 17px; background: url(../images/bg_navi_menu_common.jpg) no-repeat; }
#navi_menu ul { margin: 10px 16px 0; padding: 0; list-style-type: none; }
#navi_menu li { margin: 0; padding: 0; display: inline }
#navi_menu li a { color: #6B4620; font: 14px "Times New Roman", Times, serif; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/vdots_dark.gif) no-repeat top right; display: block; float: left; line-height: 25px; margin: 0; padding: 0 11px 0 10px }
#navi_menu li.last a { margin-right: 0; padding-right: 0; background: none }
#navi_menu li.sel a, #navi_menu li a:hover, #navi_menu li a:active { color: #F6D9A1 }

#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer li { margin: 0; padding: 0; display: inline }
#footer li a { color: #C6915E; font: 14px "Times New Roman", Times, serif; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/vdots.gif) no-repeat top right; display: block; float: left; line-height: 25px; margin: 0; padding: 0 10px 0 9px }
#footer li.last a { margin-right: 0; padding-right: 0; background: none }
#footer li a:hover, #footer li a:active { color: #F6D9A1 }
#footer p { margin-top: 22px; color: #8E6741 }
#footer a { text-decoration: none; color: #C6915E }

/* Eyecatcher */
#kosm_eyecatcher { position: absolute; top: 65px; left: 602px; width: 294px; height: 107px; background: url(../images/bg_navi_marker_gestuete.jpg) no-repeat;  }
#kosm_eyecatcher { position: absolute; top: 65px; left: 712px; width: 294px; height: 107px; background: url(../images/bg_navi_marker_hengste.jpg) no-repeat;  }

/* Daten-Repraesentation */
#content_container a { color: #BF1212; font-weight: bold }
.toolbar a { text-decoration: none }
#content_left div.spacer { background: url(../images/hdots_dark.gif) repeat-x left center; line-height: 20px }

div.recDetails_container { margin-bottom: 10px }
div.recDetailsHauptsektion { background-color: #F5ECDB; padding: 10px; margin-bottom: 10px }
.recDetailsHauptsektion { color: #6D502B; font-weight: bold }

	/* Titel des Haupt-Detailfensters */
	div.recDetailsHauptsektionTitle { background: url(../images/bg_recDetailsHauptsektion_title_mid.jpg) repeat-x; height: 38px; line-height: 38px; }
	.recDetailsHauptsektionTitle .left, .recDetailsHauptsektionTitle p { float: left }
	.recDetailsHauptsektionTitle .right { float: right }
	.recDetailsHauptsektionTitle p { color: #F9DBA7; font: 22px Times, serif; margin-top: 6px  }
	.recDetailsHauptsektionTitle p span { color: #fff; font: 18px Verdana, Helvetica, Arial, sans-serif }

	/* Haupt-Detailfenster Body */
	.recDetailsHauptsektion p { margin-bottom: 1em; line-height: 14px; color: #6D502B }
	.recDetailsHauptsektion p.nomargins { margin:0 }
	.recDetailsHauptsektion .feldTitel { color: #AF9375; font-weight: normal }
	.recDetailsHauptsektion p.kontakt { font-weight: normal !important }
	div.recDetails_subcol_left { float: left; width: 160px }
	div.recDetails_subcol_right { float: right }

	/* Gallerie-Einstellungen */
	.recDetails_subcol_right div.images { background-color: #CFA04C; padding: 6px; width:350px }
	.recDetails_subcol_right div.loading { background:#CFA04C url(../images/ajax-loader.gif) no-repeat center center }
	.recDetails_subcol_right div.loaded { background: none }
	.recDetails_subcol_right div.images .gallery { padding-top: 5px }
	.recDetails_subcol_right div.images .gallery img { margin-right: 0 }
	.recDetails_subcol_right div.images .gallery td { text-align: center }
	.gallery img.first { }
	.gallery img.last { margin-right: 0 !important }

div.recDetailsInfosektion { background: #F5ECDB; padding: 10px; margin-bottom: 10px }

	/* Titel des Haupt-Detailfensters */
	div.recDetailsInfosektionTitle { background: url(../images/bg_recDetailsInfosektion_title_mid.jpg) repeat-x left top; height: 26px; line-height: 26px; font-size: 12px; padding: 0 10px; }
	.recDetailsInfosektionTitle .left { float: left }
	.recDetailsInfosektionTitle .right { float: right }
	.recDetailsInfosektionTitle .right a { color: #926E4A !important; text-decoration: none; font-weight: normal !important }
	.recDetailsInfosektionTitle span { color: #fff; font-weight: bold; }
	.recDetailsInfosektionTitle a { cursor: pointer }

	/* Info-Detailfenster Body */
	.recDetailsInfosektion p, .recDetailsInfosektion div { margin-bottom: 0; line-height: 14px; color: #6D502B; zoom: 1 }
	.recDetailsInfosektion .feldTitel { color: #6D502B; font-weight: bold }

div.recDetailsHengstsektion { background: #F5ECDB; padding: 10px; border-bottom: 3px solid #fff; }

	/* Hengste-Übersicht */
	.recDetailsHengstsektion .hengst .spalte { float: left; color: #865E36 }
	.recDetailsHengstsektion div.hengst { }
	.hengst p { color: #865E36 }
	.hengst .thumbnail { margin-right: 20px; width: 150px }
	.hengst .hengstinfo { margin-right: 20px; width: 130px }
	.hengst .gestuetsinfo { margin-right: 20px; width: 160px; color: #B07F50 !important }
	.hengst .title { color: #553C23; font-weight: bold }
	.hengst .gestuetsinfo .title { color: #B07F50 !important }
	.hengst .gestuetsinfo .adresse { margin-bottom: 10px }
	.hengst .rasse { color: #FFA900; font-weight: bold }
	.hengst .links a { color: #FFA900 !important }
	.hengstDetails .recDetails_subcol_left a { color: #FFA900 !important }

div.recDetailsGestuetsektion { padding: 10px; background: #F3EFEB none; border-bottom: 3px solid #fff }
.index div.recDetailsGestuetsektion { background: url(../images/hdots_dark.gif) repeat-x; border-bottom: 0 }
.highlight .index div.recDetailsGestuetsektion { background: #F3EFEB none; margin-bottom: 10px; border-bottom: 0 }


	/* Gestüte-Übersicht */
	.recDetailsGestuetsektion .gestuet .spalte { float: left; color: #865E36 }
	.recDetailsGestuetsektion div.gestuet { }
	.gestuet p { color: #865E36 }
	.gestuet .thumbnail { margin-right: 20px; width: 150px }
	.highlight .gestuet .thumbnail { width: 275px }
	.gestuet .infotext {  }
	.gestuet .gestuetsinfo { margin-right: 20px; width: 160px }
	.highlight .gestuet .gestuetsinfo { width: 240px }
	.gestuet .breit { width: 300px !important }
	.gestuet .breit .title { margin-bottom: 10px }
	.gestuet .title { color: #553C23; font-weight: bold }
	.gestuet .gestuetsinfo .adresse { margin-bottom: 10px }
	.gestuet .rassen { margin-right: 20px; width: 130px; color: #B07F50; font-weight: bold }
	.gestuet .links a { color: #FFA900 !important }
	.highlight .gestuet .links { text-align: right }

/* Suche */
form#suche_hengste { width: 180px; margin-bottom: 10px; background: url(../images/bg_suche_hengste.jpg) no-repeat; }
#suche_hengste div.suche_normal { height: 180px; padding: 20px 0 0 15px; }
#suche_hengste fieldset { border: 0;  }
#suche_hengste label { color: #CB7E7E; }
#suche_hengste label.sel { color: #FFA900 }
#suche_hengste label.no { color: #CB7E7E }
#suche_hengste .suchkriterien { padding-left: 10px; margin-bottom: 14px }
#suche_hengste #searchtext { border: 1px solid #000; border-top: 1px solid #333; padding:4px; background-color: #E8E5D4; color: #4D361F; width: 65%; }

form#suche_gestuete { width: 180px; margin-bottom: 10px; background: url(../images/bg_suche_gestuete.jpg) no-repeat; }
#suche_gestuete div.suche_normal { height: 180px; padding: 20px 0 0 15px; }
#suche_gestuete fieldset { border: 0; }
#suche_gestuete label { color: #CB7E7E; }
#suche_gestuete label.sel { color: #FFA900 }
#suche_gestuete label.no { color: #CB7E7E }
#suche_gestuete .suchkriterien { padding-left: 10px; margin-bottom: 14px;  }
#suche_gestuete #searchtext { border: 1px solid #000; border-top: 1px solid #333; padding:4px; background-color: #E8E5D4; color: #4D361F; width: 65%; }

form#start_suche_full { width: 540px; margin-bottom: 10px; background: none; }
#start_suche_full { height: 180px; padding: 0 0 0 15px; text-align: center }
#start_suche_full #searchtextfull { border: 1px solid #000; border-top: 1px solid #333; padding:4px; background-color: #E8E5D4; color: #4D361F; }

form#suche_full { width: 180px; }
div.volltextsuche { height: 80px; margin-bottom: 10px; padding-left:15px; background: url(../images/bg_volltextsuche.jpg) no-repeat;  }
.volltextsuche h1 { color: #fff; font-size: 12px; margin: 0; padding: 5px 0 0 0; }
.volltextsuche h1 span { font-weight: normal }
.volltextsuche #searchtextfull { border: 1px solid #fff; border-top: 1px solid #C9C9C9; padding:4px; background-color: #E4E4E4; color: #000; width: 65%; }
.start .volltextsuche #searchtextfull { margin-left: 15px }
.volltextsuche a.hilfe { line-height: 30px; font-size: 10px }

div.form_wechsel { width: 70px; height: 40px; cursor: pointer }
div#form_wechsel_gestuete { margin-left: 105px; }

	/* Ergebnisse */
	div.recDetailsSuchesektion { background: #F5ECDB; padding: 10px; }
	div.suchrecord { clear: both }
	div.suchrecord .title { color: #553C23; font-weight: bold }
	div.suchrecord .suchtext, div.suchrecord .suchtext p { color: #865E36 }
	div.suchrecord .links { text-align: right }
	div.suchrecord .links a { color: #FFA900 !important }

/* Redaktionelle Abschnitte */
#left_subcol_left div.start_redaktion_titel_neu { background: url(../images/bg_start_title_260_neu.jpg) no-repeat; height: 56px }
#left_subcol_left div.start_redaktion_titel { background: url(../images/bg_start_title_260.jpg) no-repeat; height: 56px }
.start_redaktion_titel_neu h1 { color: #EFD19F; margin: 0; padding: 26px 0 0 12px; font: 22px Times, serif normal; }
#left_subcol_left div.start_redaktion_bottom { background: #F3EFEB url(../images/bg_start_boxbottom_260.jpg) no-repeat left bottom; min-height: 40px }
#left_subcol_left div.start_redaktion_beschreibung { background-color: #865E36; padding: 10px }
.start_redaktion_beschreibung h1 { color: #fff; font-size: 12px; margin: 0; padding: 0 0 1ex 0 }
.start_redaktion_beschreibung p { line-height: 14px; color: #DBBEA1; margin: 0; padding: 0 }
.start_redaktion_beschreibung a { color: #FFA900 !important }
#left_subcol_left ul { color: #865E36; padding: 10px 10px; margin: 0; list-style-type: none }
#left_subcol_left li { line-height: 24px; background: url(../images/hdots_dark.gif) repeat-x left bottom;  }
#left_subcol_left li span { float: left }
#left_subcol_left li a { float: right; color: #FFA900 }
#left_subcol_left li.last { background: none !important }

#left_subcol_left .common_redaktion_titel_neu { background: url(../images/bg_common_title_565_neu.jpg) no-repeat; height: 60px }
#left_subcol_left .common_redaktion_titel_neu h1 { color: #EFD19F; padding: 30px 0 0 12px; margin: 0; font: 22px Times, serif normal; }
#left_subcol_left .common_redaktion_titel { background: url(../images/bg_common_title_565.jpg) no-repeat; height: 38px }
#left_subcol_left .common_redaktion_titel h1 { color: #EFD19F; padding: 8px 0 0 12px; margin: 0; font: 22px Times, serif normal; }


/* Bereich: Ihr Eintrag */
div.ihr_eintrag_container { width: 535px; height: 154px; margin-top: 20px; background: url(../images/bg_IhrEintrag.jpg) no-repeat; }
div.ihr_eintrag { padding: 28px 8px 8px 28px }
div.ihr_eintrag img { float: left;  }
div.ihr_eintrag div.text { float: left; padding-left: 25px; }
div.ihr_eintrag div.text a { margin-left: 2em }
div.ihr_eintrag p { color: #865E36 }
div.ihr_eintrag h1 { margin: 0; padding: 0 0 1ex 0; color: #865E36 }

/* Bereich: Über Horselect */
div.ueber_horselect_container { width: 210px; height: 226px; background: url(../images/bg_start_ueberhorselect.jpg) no-repeat; margin-bottom: 20px }
div.ueber_horselect { padding: 15px 18px }
div.ueber_horselect h1 { font: 22px Times, serif; color: #fff }
div.ueber_horselect p { line-height: 14px; color: #fff }
div.ueber_horselect a { color: #fff !important }

/* Bereich: Meinungen */
div.meinungen_container { width: 210px }
div.meinungen { padding: 28px 0 0 8px }
div.meinungen p { color: #865E36 }
div.meinungen p.meinung { font:14px Times, serif; font-style: italic; text-align: center; line-height: 18px; }
div.meinungen .autor { text-align: center ; font-weight: bold }
div.meinungen span { font-weight: normal; display: block }

/* Pedigree */
div.pedigree_container { margin-left: 10px }
div.pedigree_spalte { float:left }
div.pedigree_box { text-align: center; }
.pedigree_container .spalte1 div { width: 130px; height: 262px; line-height: 35px; background: #8B6C40 url(../images/pedigree_bullet.gif) no-repeat right center; margin-right: 2px; color: #F6D9A1; font-weight: bold }
.pedigree_container .spalte2 div { width: 130px; height: 130px; line-height: 130px; background: #E0C28C url(../images/pedigree_bullet.gif) no-repeat right center; margin-right: 2px; margin-bottom: 2px; color: #8D6741; font-weight: bold }
.pedigree_container .spalte2 input { margin-top: 56px }
.pedigree_container .spalte3 div { width: 130px; height: 64px; line-height: 64px; background: #E6CDA1 url(../images/pedigree_bullet.gif) no-repeat right center; margin-right: 2px; margin-bottom: 2px; color: #8D6741 }
.pedigree_container .spalte3 input { margin-top: 25px }
.pedigree_container .spalte4 div { width: 130px; height: 31px; line-height: 31px; background: #EBD9B7; margin-bottom: 2px; color: #8D6741 }
.pedigree_container .spalte4 input { margin-top: 5px }
.pedigree_container .box0 img { margin-top: 80px }

/* Paket-Indikatoren */
.thumbnail div.rahmen { width: 146px; height: 104px; }
.thumbnail .rahmen img { margin: 6px 0 0 6px }
.thumbnail div.gold { width: 146px; height: 104px; background: url(../images/paketrahmen_gold.jpg) no-repeat 0 3px }
.thumbnail div.silber { width: 146px; height: 104px; background: url(../images/paketrahmen_silber.jpg) no-repeat 0 3px }
.thumbnail div.bronze { width: 146px; height: 104px; background: url(../images/paketrahmen_bronze.jpg) no-repeat 0 3px }
.thumbnail div.einstieg { width: 146px; height: 104px; }
.thumbnail div.img { width: 146px; height: 104px; }
.thumbnail .gold .pin { width: 146px; height: 104px; background: url(../images/schleife_gold.gif) no-repeat 118px 0 }
.thumbnail .silber .pin { width: 146px; height: 104px; background: url(../images/schleife_silber.gif) no-repeat 120px 0 }

/* Kontakt-Formular */
#kontaktform fieldset { border: 1px solid #DFC5AA; padding: 1em }
#kontaktform label { margin-top:10px; margin-bottom:2px; display:block; }

/* Ads */
#adtop_container { position: absolute; left: 600px; top: 2px; width: 400px; }
#adtop {}
#adright_container { position: absolute; left: 840px; top: 220px; width: 160px; }
#adright {}
#kosm_hinweis_ad1 { z-index: 100; position: absolute; top:204px; left: 838px; text-align: right; width: 120px; font-size: 9px; color: #BF854D; }


/* Generisch */
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.error { color:red }
.errorinv { background: red; color: white; padding: 2px 4px }
.info { font-style:italic; font-size:10px }
.center { text-align: center }
div.right { text-align: right }
div.center { text-align: center }
div.gold { margin-top: 5px }
div.gold a { color: #FFA900 !important }
div.white { background-color: #fff }
.inline { display: inline !important }