@charset "ISO-8859-1";

    
    body { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-align:center; margin:0px; background: #352721 url(../images/body-bg.gif) repeat-x top; font-size:14px; line-height:19px }
    img { border:0px; }
    a { color:#FFF }


#page { background: url(../images/pattern/pattern1.gif) no-repeat center top; }
#page #header { position:relative; height:197px; width:1000px; margin: 0 auto 0 auto; text-align:left; }
#page #header h6 {  position:absolute; top:3px; left:70px; z-index:10; margin:0px; padding:0px; font-weight:normal; }
#page #header h6 a { text-decoration:none; color:#9a8f8f; font-size:9px; line-height:9px; display:block; background: url(../images/changelang.jpg) no-repeat; width:180px;padding:7px 0 9px 0  } 
#page #header h6 a:hover { color:#c7c0c0; background: url(../images/changelang-hover.jpg) no-repeat; }
#page #header h6 a span { padding:0 0 0 55px }
#page #header #sprachwechsel { border:2px solid #000; border-top:0px; margin:0; padding:0px; list-style-type:none;position:absolute; top:28px; left:105px; z-index:10;  }
#page #header #sprachwechsel li { display:inline }
#page #header #sprachwechsel li a { display:block; padding:6px 35px 6px 40px; font-size:11px; line-height:11px; color:#c7c0c0; text-decoration:none; border-top:1px solid #2a0000 }
#page #header #sprachwechsel li a.de { background:#190000 url(../images/flags/de.gif) no-repeat 15px center; }
#page #header #sprachwechsel li a.us { background:#190000 url(../images/flags/us.gif) no-repeat 15px center; }
#page #header #sprachwechsel li a.fr { background:#190000 url(../images/flags/fr.gif) no-repeat 15px center; }
#page #header #sprachwechsel li a:hover { color:#FFF; }
#page #header h1 { margin:0; padding:40px 0 0 0; float:right; width:400px; text-align:center; }
#page #header h2 { margin:0; padding:45px 0 0 0; float:left; }

#page #header #topnavi { background: url(../images/topnavtrennr.gif) no-repeat right bottom; margin:0; padding:0px; list-style-type:none; font-size:17px; line-height:18px; position:absolute; bottom:0px; left:0px; z-index:100 } 
#page #header #topnavi li { float:left; position:relative }
#page #header #topnavi li a { text-shadow: #000000 1px 1px; display:block; background: url(../images/topnavtrennr.gif) no-repeat left bottom; padding: 20px 13px 16px 13px; color:#977a5f; text-decoration:none; }
#page #header #topnavi li a:hover { color:#dba102; }
#page #header #topnavi li a.auf { font-weight:bold; color:#dba102; }

#page #header #topnavi li ul { display:none; margin:0px; padding:0px; list-style-type:none; background:#F00; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; position:absolute; z-index:200; top:54px; left:0px; font-size:14px; line-height: 14px; }
#page #header #topnavi li ul li { float:none; display:inline  }
#page #header #topnavi li ul li a { padding:8px 40px 8px 20px; background:#3e2a1f; white-space:nowrap; color:#FFF; border-bottom:1px solid #65554c; }


#page #header #topnavi li ul li ul { display:none ! important }



#activepath a { color:#dba102 ! important; }
#activepath ul li a { color: #FFFFFF ! important }
#active a { color:#dba102 ! important; }
#active ul li a { color: #FFFFFF ! important }



/* CONTENTPAGE */

#page #maincontents { border-top:2px solid #977a5f; padding: 1px 0 80px 0; width:1000px; margin: 0 auto 0 auto; text-align:left; }

    /* LINKS: */
    #page #maincontents #linkespalte { width:598px; float:left; background: #977a5f url(../images/content-bg.gif) repeat-x top;  }
    #page #maincontents #linkespalte div.padder { padding:40px 70px 25px 70px; background: url(../images/pattern/content-pattern2.gif) no-repeat; position:relative;}
    #page #maincontents #linkespalte #footer { padding:20px 0 0 0; margin:55px 0 0 0; text-align:center; font-size:12px; color:#000; }
    #page #maincontents #linkespalte #footer a { color:#000 }
    #page #maincontents #linkespalte #footer img.trophy { position:absolute; bottom:0px; left:0px; z-index:100; }
    #page #maincontents #linkespalte div.padder h3 { font-size:26px; margin:0px;padding:8px 0 8px 0; font-weight:normal; }
	
	#linkespalte td { vertical-align:top }
	
	#pedigree { padding:5px; border:2px solid #806147; }
	#pedigree table {  }
	#pedigree table td { padding:1px 5px 1px 5px }
	
	.peditable td { vertical-align:middle ! important }
	
    /* RECHTS: */
    #page #maincontents #rechtespalte { width:400px; float:right; }
    
    #page #maincontents #rechtespalte #subs { position:relative; }
    #page #maincontents #rechtespalte #bigpic { }
    
    #page #maincontents #rechtespalte #subnavi { position:absolute; top:100px; left:-20px; font-weight:bold; white-space:nowrap; background: url(../images/navpfeilgr.gif) no-repeat left top; z-index:50 }
    #page #maincontents #rechtespalte #subnavi h3 { margin:0 0 0 20px; padding:7px 25px 7px 25px; background:#FFF; color:#b2997f; font-size:18px; line-height:18px;}
    #page #maincontents #rechtespalte #subnavi h3 a { color:#b2997f;text-decoration:none }
    #page #maincontents #rechtespalte #subnavi ul { margin:0 0 0 20px; padding:0; list-style-type:none; font-size:16px; line-height:16px; }
    #page #maincontents #rechtespalte #subnavi ul li { display:inline;  }
    #page #maincontents #rechtespalte #subnavi ul li a { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;display:block; padding:6px 25px 6px 25px; text-decoration:none; background:#FFF; color:#000; border-top:1px solid #CCC; }
    #page #maincontents #rechtespalte #subnavi ul li a:hover, #page #maincontents #rechtespalte #subnavi ul li a.on { background:#e5e5e5 }
    #page #maincontents #rechtespalte #subnavi a.header { display:block; margin:0; padding:7px 25px 7px 25px; background:#FFF; color:#b2997f; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;  }
    #page #maincontents #rechtespalte #subnavi a.subsub,
    
    
    
    #page #maincontents #rechtespalte #subnavi a.subsub:hover { font-size:14px; line-height:14px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;display:block; padding:6px 25px 6px 40px; text-decoration:none; background:#E5E5E5 url(../images/bullet.gif) no-repeat 25px center; color:#000; border-top:1px solid #CCC; }

    
    #page #maincontents #rechtespalte #horseswitcher { position:absolute; z-index:55; left: 15px; top:350px; width:370px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
    #page #maincontents #rechtespalte #horseswitcher #horsebuttons { margin:0; padding:0; list-style-type:none; position:relative; height:200px}
    #page #maincontents #rechtespalte #horseswitcher #horsebuttons li { float:left; } 
    #page #maincontents #rechtespalte #horseswitcher #horsebuttons li h5  { display:inline; }
    #page #maincontents #rechtespalte #horseswitcher #horsebuttons li h5 a { display:block; padding:7px 10px 6px 7px; text-decoration:none; font-weight:normal; text-transform:uppercase; font-size:11px; line-height:11px; margin:0 1px 0 0 }
    
    #page #maincontents #rechtespalte #horseswitcher #horsebuttons li #salehorsebox { background:#b19b87; position:absolute; left:0px; width:370px; height:170px; z-index:100 }
    #page #maincontents #rechtespalte #horseswitcher #horsebuttons li #horsebox { background:#211515; position:absolute; left:0px; width:370px; height:170px; z-index:100 }
    #page #maincontents #rechtespalte #horseswitcher #horsebuttons li #salehorsebox div.padder, #page #maincontents #rechtespalte #horseswitcher #horsebuttons li #horsebox div.padder { padding:0 0 0 20px }
    
    img.horsepreview { float:right; margin:5px 5px 5px 15px; }
    
    div.horsepreview { float:right; margin:5px 5px 5px 15px; }
    div.horsecrop { height:159px; width:159px; background-position:top right;background-repeat:no-repeat }
    
    div.pfname { padding-top:20px; font-size:18px; font-weight:bold }
    div.cross { padding:5px 0 15px 0; }
    
    a.salehorseboxbut { background:#b19b87 url(../images/salehorsebut-bg.gif) repeat-x top; }
    a.horseboxbut { background:#211515 url(../images/horsebut-bg.gif) repeat-x top; }



/* STARTSEITE */

#page #startcontents { border-top:2px solid #977a5f; padding: 1px 0 50px 0; color:#e2ac41; width:1000px; margin: 0 auto 0 auto; text-align:left; }
#page #startcontents #starttext { float:right; width:360px; height:400px; position:relative; }
#page #startcontents #starttext p { font-size:16px; line-height:20px; }
#page #startcontents #starttext div.padder { padding:20px 45px 0 0}

#page #startcontents #sponsoring { position:absolute; bottom:40px; }

/* Allgemeine, wiederverwendbare Styles */

a.button { display:block; float:left; text-decoration:none; color:#FFF; text-transform: uppercase; font-size:12px; line-height:12px; padding:6px 2px 6px 12px; position:relative; margin-right:15px }
a.button span { position:absolute; right:-10px; top:0; width:10px; height:24px; display:block; white-space: nowrap;  }
a.button img { float:right }

    /* hellbraun - Gold - bg: dunkel */
    a.v1 {  font-weight:bold; background: url(../images/button-darkbrown.gif);  }
    a.v1 span { background: url(../images/button-darkbrown.gif) no-repeat right; }
    a.v1:hover { color:#352721; background: url(../images/button-darkbrown-gold.gif); }
    a.v1:hover span { background: url(../images/button-darkbrown-gold.gif) no-repeat right; }
    
    /* schwarz - hell - bg: dunkel */
    a.v2 { font-weight:normal; background: url(../images/button-black.gif); }
    a.v2 span { background: url(../images/button-black.gif) no-repeat right; }
    a.v2:hover { color:#FFF; background: url(../images/button-black-lightbrown.gif); }
    a.v2:hover span { background: url(../images/button-black-lightbrown.gif) no-repeat right; }
    
    /* hell - schwarz - bg: hell */
    a.v3 { background: url(../images/button-lightbrown-on.gif); }
    a.v3 span { background: url(../images/button-lightbrown-on.gif) no-repeat right; }
    a.v3:hover { color:#FFF; background: url(../images/button-lightbrown.gif); }
    a.v3:hover span { background: url(../images/button-lightbrown.gif) no-repeat right; }
    
    /* hell - schwarz - bg: content */
    a.v4 { font-weight:normal; background: url(../images/button-v4.gif); }
    a.v4 span { background: url(../images/button-v4.gif) no-repeat right; }
    a.v4:hover { color:#FFF; background: url(../images/button-v4-hover.gif); }
    a.v4:hover span { background: url(../images/button-v4-hover.gif) no-repeat right; }
    
    
p.further { font-weight:bold; color:#4b372b; border-bottom:1px solid #4b372b; padding-bottom:5px; font-size:14px; }
p.furtherWhite { font-weight:bold; color:#FFFFFF; border-bottom:1px solid #FFFFFF; padding-bottom:5px; font-size:14px; }


/* HORESPAGE */

	#horselist { padding:35px 0 0 25px; }
	#horselist ul { margin:0; padding:0; list-style-type:none; }
	#horselist li { float:left; width:215px; height:215px; overflow:hidden;  }
	
	#horselist li div.head { width:200px; height:35px; background:#806147 }
	#horselist li div.head a { text-decoration:none; display:block; padding:8px 0 0 6px; font-size:18px; }
	#horselist li div.pic { width:200px; height:165px; background:#806147 url(../images/nopic.gif) no-repeat top left; position:relative }
	#horselist li div.link { position:absolute; bottom:0px; left:0px; width:200px; height:35px; background:#b19b87;filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } 
	#horselist li div.link div { padding:5px 0 0 5px }
	
	#horselist p.blaettern { padding:10px 0 0 0; border-top:1px solid #806147; width:415px; text-align:center; }


/* NEWSLISTE */	

#newslist h4 { font-weight:normal; border-bottom:1px solid #4b372b; padding-bottom:10px; margin-bottom:0 ! important; }	
#newslist h4 a { font-size:20px;line-height:20px  }
#newslist h4 strong { font-size:12px;  }
#newslist p { padding-top:8px; margin-top:0px; }
#newslist p img { float:right; margin:0 0 5px 3px; }
#newslist div.readon { padding:0 0 10px 0}
#newslist p.blaettern { padding:10px 0 0 0; border-top:1px solid #806147; width:415px; text-align:center; }
	
	
	
.PicRight { float:right; margin:0 0 5px 5px }
.PicLeft { float:left; margin:0 5px 5px 0 }	
	
	
	
/* GUESTBOOK */	

	#gbteaser a { display:block; float:right; font-size:16px }

	#gblist { padding:20px 0 35px 0 }
	#gblist a { color:#352721 }
	#gblist p.userdata { padding:5px; margin:0; border-bottom:1px solid #352721; font-size:12px; line-height:12px; color:#352721 }
	#gblist p.userdata strong { font-size:14px }
	#gblist p.userdata span { display:block; float:right }
	#gblist p.entry { padding:5px 5px 25px 5px; margin:0; }

	#gbform { padding:10px; background:#352721 }
	#gbform input, #gbform textarea { font-size:110%; color:#352721; width:420px; margin-bottom:8px }

	#gbform input.submit { width:200px; padding:5px; font-size:18px; margin:0; }
	
	span.vpgb_comment { display:block; padding:5px; margin:5px 0 0 0; border:1px solid #FFF }
	
	

/* VIDEOS */
	
	#player { color:#352721; text-align:center; padding:10px 0 10px 0 }
	

/* Time schedules */

	.timetable tr td { padding:3px 0 3px 5px; vertical-align:top; }
	td.furtherWhite { font-weight:bold; color:#FFFFFF; border-bottom:1px solid #FFFFFF; padding:25px 0 3px 0 ! important; font-size:16px; }
	td.viewPattern { text-align:right }
	td.starttime { width:80px; font-weight:bold }

/* Gallery */

	table.gallery { width:458px }
	table.gallery tr td { padding:0 0 8px 0 }
	
	a.picframe { display:block; height:150px; overflow:hidden; }

/* MAP */

	#karte { width:458px; height:350px; color:#333 }

p.required { text-align:right }
p.error { border:1px solid #FFF; padding:10px; color:#FFF; font-size:21px; line-height:21px; }

	
/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin:0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute;left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; z-index:50}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

#linkespalte .sIFR-hasFlash h3 { visibility: hidden; }
#linkespalte .sIFR-hasFlash p.further { visibility: hidden; }





.starttext { color:#977a5f ! important }
.startlogo { text-align:center; padding:10px; margin: 0 100px 0 0 }