@charset "utf-8";
/* CSS Document    -        Urlaub am Bauernhof Kinderseite    */

/* GENERAL */
body 	 {	font-family:Arial, Helvetica, sans-serif; font-size:12px;	text-decoration:none; }
option {	height:22px; }
img 	 {	border:0; }

#wrapper {	height:100%;	width:100%;	padding:0;	margin:0; }
#inhalt  { 	height:887px;	width:935px;	margin-left:-476.5px; position:absolute;	left:50%;	top:20px; }
.clear	 { clear:both; }

/* MENÜFORMATIERUNG */
#menue {	height: 36px; }


/* HEADERFORMATIERUNG */
#header  {  position:relative; height:146px; background-image:url(../img/holz.jpg); }
.spuren1 {	position:absolute; top:5px;    left:380px; }
.spuren2 {	position:absolute; bottom:0px; right:190px; }
.logo {	position:absolute; top:3px; right:40px; }

/* SCHRIFT */
h1 { font-size:18px; font-weight:bold; color:#9c5a2c; margin:0; padding:0 0 5px 0; }
h2 { font-size:14px; font-weight:bold; color:#9c5a2c; margin:0; padding:0 0 5px 0; }
p  { font-size:12px; margin:0; padding:0 0 5px 0; }
.u_schrift {	position:absolute; left:10px; top:60px;  color:#FFFFFF; font-size:36px; float:left;  font-weight:bold; text-transform:uppercase; }
.u_schrift2 {	position:absolute; left:10px; top:100px; color:#FFFFFF; font-size:20px; float:right; font-weight:bold; text-transform:uppercase; }
.visitorName { color:#e94c17; }

/* LINKS (General) */
a:link 		{ text-decoration:underline; color:#9c5a2c; }		/* dark brown like h1 heading and menue color */
a:visited { text-decoration:underline; color:#794622; }		/* even darker brown */
a:hover 	{ text-decoration:none; color:#9bb748; }				/* mint green like menue bg color */
a:active 	{ text-decoration:none; color:#c0e359; }				/* even brighter mint green */

/* INHALT FORMATIERUNG */
#main, #mainWinter {	position:relative; height:597px; width:935px; top:6px; }
.content { padding:50px 300px 0 50px; }

/* BACKGROUND IMAGE (Selection through surrounding div of #main) */
/*#wiese #main  { background-image:url(../img/bgnd_wiese.jpg); }*/
#wiese #main  { background-image:url(../img/bgnd_wiese.jpg); }
#wiese #mainWinter  { background-image:url(../img/bgnd_wiese.jpg); }
#mainWinter {background-image: url(../img/bgnd_schnee.jpg) !important;}

#himmel #main { background-image:url(../img/bgnd_himmel.jpg); }

/* SUCHE  */
#suche { visibility:visible; position:absolute; left:5px; top:2px; font-size:11px; color:#e94c17; width:217px; height:282px; }
.sucheform { display:block; position:absolute; top:60px; left:12px; }
.abstand { display:block; position:relative; float:left; margin:4px; }

#tiermenue { height:34px; width:158px; }
#ortmenue { height:34px; width:158px; }
#tierbox { position:absolute; top:192px; visibility:hidden; z-index:32; left: 8px; height:309px; } 
#ortbox { position:absolute; top:153px; visibility:hidden; z-index:31; left: 9px; height:447px; }


/* INPUT FIELD and BUTTON of Surname on Home */
input.vorname {	display:block; float:left; background-color:#f9d1aa; height:20px; width:100px; font-size:14px; color:#e94c17;	border:0;	padding:3px; }
img.okButton  { position:relative; left:20px; width:41px; height:25px; }
input#eingabe { position:relative; width:154px; height:20px; background-color:#eddb46; font-size:11px; color:#e94c17; border:0; font-size:12px; }


/* TIERE (Startseite) */
.sag_hallo 				{ position:absolute; left:90px; top:237px; }
.tiere8    				{ position:absolute; left:10px; bottom:10px; width:620px; height:235px; } 
.tiere8 object 		{ background-image:url(../img/pergament_mini.png); background-repeat:no-repeat; }
/* TIERE (Animal Overview) */
.sag_hallo_ue 		{ position:absolute; left:90px; top:50px; }
.tiere8_ue    		{ position:absolute; left:50px; top:170px; width:530px; height:235px; text-align:center; } 
.tiere8_ue object { background-image:url(../img/pergament_mini.png); background-repeat:no-repeat; margin:10px; }


/* SPIELECKE */
div#spielecke { position:absolute; right:0px; top:0px; z-index:4; height:593px; width:292px; background-image:url(../img/spielecke.png); background-repeat:no-repeat; }
#flashgameSudoku	{ position:absolute;	right:30px;	top:47px;   }
#flashgameMalen		{ position:absolute;	right:57px;	top:150px; }
#flashgameRaetsel	{ position:absolute;	right:25px;	top:272px; }
#flashgameQuiz		{ position:absolute;	right:40px;	top:393px; }

/* WITZEHUT */
#witzeschriftzug { position:absolute;	bottom:8px;	right:5px;	z-index:30;	}
#witzewolke{ position:absolute;	bottom:95px;	right:235px;	z-index:96;	}
#witzehase { position:absolute;	bottom:0px;	right:238px;	z-index:95; width:70px; height:105px; }
#witzeHutHitArea { position:absolute;	bottom:0px;	right:238px;	z-index:96; width:70px; height:105px; cursor:help; background-image:url(../img/transparentpixel.gif); }


/* RED BOTTOM BAR + SPONSORS */
#line      { position:relative; background-color:#e94c17; height:32px; font-size:13px; color:#FFFFFF; z-index:20; }
#links     { padding:5px 0 0 20px; }
#sponsoren { position:relative;	}
/* Links in the bottom Bar */
#links a:link 	 { text-decoration:none; color:#FFFFFF; }
#links a:visited { text-decoration:none; color:#FFFFFF; }
#links a:hover 	 { text-decoration:underline; color:#FFFFFF; }
#links a:active  { text-decoration:underline; color:#FFFFFF; }


/* BUTTONS on bottom of Page (Finde deinen Bauernhof, Tiere, Spieleecke */
.menue_01 {	position:absolute;	bottom:12px;	left:15px;	width:217px;	height:53px; }
.menue_02 {	position:absolute;	bottom:12px;	left:240px;	width:217px;	height:53px; }
.menue_03 {	position:absolute;	bottom:12px;	left:460px;	width:150px;	height:53px; }


/* WHITE BOX (Allg.Info, Tierschutz,...) */
div.whiteBox { padding:50px 0 0 50px; }
div.whiteBoxTop    { width:575px; height:51px;  background-image:url(../img/white_box_top.png);    background-repeat:no-repeat; }
div.whiteBoxMiddle { width:535px; min-height:136px; background-image:url(../img/white_box_middle.png); background-repeat:repeat-y; padding:0 20px; }
div.whiteBoxBottom { width:575px; height:27px;  background-image:url(../img/white_box_bottom.png); background-repeat:no-repeat; }


/* LOGOS (Tierschutz) */
div.tierschutzLogos { text-align:right; }
div.tierschutzLogos img { padding:20px 0 0 20px; text-align:right; }


/* KATER */
/*.katerHome, .katerHomeWinter { position:absolute; top:-30px; left:220px; width:454px; height:368px; z-index:10; background-image:url(../img/bertl/bertl_home.png); }*/
.katerHome, .katerHomeWinter { position:absolute; top:-30px; left:220px; width:454px; height:368px; z-index:10; background-image:url(../img/bertl/bertl_home.png); }
.katerHomeWinter { background-image:url(../img/bertl/bertl_home_winter.png); width:456px; }
.katerTextHome 	 {	position:absolute; top:50px; left:55px; color:#64750e; height:160px; width:270px; z-index:20; 
							   		font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; }
.katerAllgInfo 	 { position:absolute; top:400px; left:30px; width:452px; height:165px; z-index:10; background-image:url(../img/bertl/bertl_steht_sb.png); }
.katerAllgInfo p { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; text-align:center; padding:40px 10px 0 170px; color:#64750e; }
.katerTierschutz { position:absolute; top:350px; left:70px; width:200px; height:222px; z-index:10; background-image:url(../img/bertl/bertl_kniet.png); }
.katerImpressum  { position:absolute; top:70px; left:550px; width:140px; height:177px; z-index:10; background-image:url(../img/bertl/bertl_sitzt.png); }
.katerKontakt    { position:absolute; top:150px; left:450px; width:432px; height:212px; z-index:10; background-image:url(../img/bertl/bertl_sitzt_sb.png); }
.katerKontakt p  { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; text-align:center; padding:30px 200px 0 20px; color:#64750e; }

.katerSchaf			 { position:absolute; left:290px; bottom:10px; width:366px; height:132px; z-index:10; background-image:url(../img/bertl/bertl_sitzt_sbr.png); }
.katerSchaf p    { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; text-align:center; padding:20px 30px 0 150px; color:#64750e; }
.katerMeerschwein{ position:absolute; bottom:10px; left:185px; width:452px; height:165px; z-index:10; background-image:url(../img/bertl/bertl_steht_sb.png); }
.katerMeerschwein p { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; text-align:center; padding:40px 10px 0 170px; color:#64750e; }
.katerKuh				 { position:absolute; bottom:20px; left:285px; width:389px; height:188px; z-index:10; background-image:url(../img/bertl/bertl_steht_sbr.png); }
.katerKuh p			 { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; text-align:center; padding:15px 5px 0 145px; color:#64750e; }
.katerTierS2		 { position:absolute; left:10px; bottom:20px; width:446px; height:160px; z-index:4; background-image:url(../img/bertl/bertl_kniet_sbr_kuh.png); }
.katerTierS2 p	 { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; text-align:center; padding:30px 20px 0 160px; color:#64750e; }

.katerBauernhofABC	 { 
background-image:url("../img/bertl/bertl_steht_abc_02.png");
bottom:-8px;
height:218px;
left:10px;
position:absolute;
width:561px;
z-index:9999;}
.katerBauernhofABC p { 
color:#64750E;
font-family:"Courier New",Courier,monospace;
font-size:12px;
font-weight:bold;
padding:45px 57px 0 193px;
text-align:center;}
.katerSpielMalen 	   { position:absolute; bottom:30px; left:100px; width:452px; height:165px; z-index:10; background-image:url(../img/bertl/bertl_steht_sb.png); }
.katerSpielMalen p   { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:14px; text-align:center; padding:45px 30px 0 190px; color:#64750e; }


/* TIERSEITEN (Schafe, Kühe, Pferde,...) */
div#tierButtonsMini { position:absolute; left:10px; top:20px; z-index:5; }
div#tierDaten 			{ position:absolute; left:20px; top:100px; z-index:5; width:275px; height:440px; padding:10px 10px 0 15px;
											background-image:url(../img/pergament_std.png); background-repeat:no-repeat; text-align:center; }
#tierDaten img 			{ padding:10px 30px 10px 0; }
#tierDaten table 		{ margin:0; padding:0; border:0; border-spacing:0; border-collapse:collapse; }
#tierDaten table th { vertical-align:top; text-align:right; padding:0 5px 7px 0; margin:0; }
#tierDaten table td { vertical-align:top; text-align:left; padding:0 0 7px 0; margin:0; }
img#tierIllu  			{ position:absolute; left:230px; top:110px; z-index:10; }
img#tierFoto  			{ position:absolute; left:405px; top:-58px; z-index:8;  }
img#tierBilderrahmen{ position:absolute; left:360px; top:-100px; z-index:9; }
div#tierZusatzbox		{ position:absolute; left:350px; top:160px; z-index:4; width:300px; }
div#tierZusatzbox h1{ font-size:14px; padding:5px 0 3px 0; color:white; }
img.tierMehrButton  { position:absolute; left:400px; bottom:30px; z-index:11; }
img.tierMehrButton2 { position:absolute; left:470px; bottom:30px; z-index:11; }

div#tierZusatzbox img.pferdestimmung { padding:0 20px 15px 0; float:left; }		/* Mini Icons */
div#tierZusatzbox   p.pferdestimmung { clear:left; }													/* Der Text zu den Icons */

/* TIERSEITEN (Seite 2) */
div#brownBoxS2 { position:absolute; left:45px; top:85px; width:294px; height:191px; padding:20px 20px 0 30px;
									background-image:url(../img/box_braun.png); background-repeat:no-repeat; z-index:3; }
div#blueArrowS2{ position:absolute; left:190px; top:180px; width:369px; height:237px; padding:120px 30px 0 90px;
									background-image:url(../img/pfeil_blau.png); background-repeat:no-repeat; z-index:2; text-align:right; }
div#yellowEggS2{ position:absolute; left:10px; bottom:20px; width:308px; height:129px; padding:50px 30px 0 20px;
									background-image:url(../img/box_eigelb.png); background-repeat:no-repeat; z-index:3; text-align:center; }

/* KONTAKT FORM */
form#kontaktForm			{ padding:0; margin:0; }
#kontaktForm fieldset { border:1px solid #7aafdb; padding:5px; margin:0; }
#kontaktForm legend		{ color:#7aafdb; padding:0 5px; margin:0; }
#kontaktForm label		{ display:block; width:100px; float:left; }
#kontaktForm input		{ border:1px dotted #7aafdb; background-color:white; margin:0 0 3px 0; }
#kontaktForm textarea	{ border:1px dotted #7aafdb; background-color:white; margin:0 0 3px 100px; width:400px;
												font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#kontaktForm input.submitButton 			{ border:1px solid #7aafdb; margin:5px 0 0 1px; }
#kontaktForm input.submitButton:hover { background-color:#7aafdb; cursor:pointer; }
#kontaktForm input.resetButton  			{ border:1px solid #7aafdb; margin:5px 0 0 1px; }
#kontaktForm input.resetButton:hover  { background-color:#7aafdb; cursor:pointer; }


/* BAUERNHOF ABC */
div.whiteBoxMiddleBhABC { 
background-image:url("../img/white_box_middle.png");
background-repeat:repeat-y;
height:292px;
overflow:auto;
padding:0 20px;
width:535px;}
div.whiteBoxTop h1 { padding:25px 0 0 20px; }
/* Listenformatierung */
.whiteBoxMiddleBhABC ul { margin:0; padding:0 0 0 20px; font-weight:bold; color:#9bb748; }			/* Abstand der ganzen Liste von Links */
.whiteBoxMiddleBhABC ul li { padding-top:8px; }																									/* Abstand zwischen Punkten erster Ordnung (A, B, C,...) */
.whiteBoxMiddleBhABC ul li ol { margin:0; padding:0 0 0 20px; font-weight:normal; color:black; list-style:upper-roman; }/* Unterliste */
.whiteBoxMiddleBhABC ul li ol li { margin:0 0 0 10px; padding:0; }
.whiteBoxMiddleBhABC ul li ol a { color:black; text-decoration:none; }
.whiteBoxMiddleBhABC ul li ol a:link { color:black; text-decoration:none; }
.whiteBoxMiddleBhABC ul li ol a:visited { color:#999999; text-decoration:none; }
.whiteBoxMiddleBhABC ul li ol a:hover { color:#9bb748; text-decoration:none; }
.whiteBoxMiddleBhABC ul li ol a:active { color:#c0e359; text-decoration:underline; }


/* SPIELE */
p.SpielMalenNachZahlen { font-size:18px; text-align:center; width:140px; float:left; }
#flashSpielSudoku { margin:20px 0 10px 20px; }
/* RätselSeite */
form.Raetsel 													{ padding:0; margin:0; }
form.Raetsel fieldset 								{ border:1px solid #009933; padding:5px; margin:0 0 5px 0; }
form.Raetsel fieldset p 							{ color:black; padding:0; margin:0; text-align:center; }
form.Raetsel legend 									{ color:#009933; padding:0 5px; margin:0; }
form.Raetsel fieldset.Fragen label 		{ padding:0; margin:0 5px 10px 0; color:black; width:290px; text-align:right; display:block; float:left; }
form.Raetsel fieldset.Daten  label 		{ display:block; width:100px; float:left; margin:0; padding:0 0 0 120px; }
form.Raetsel fieldset.Daten  input		{ border:1px dotted #009933; margin:0 0 1px 0; }
form.Raetsel input 										{ }
form.Raetsel input.usedInput 					{ padding:0; margin:0 0 10px 0; width:15px; border:1px solid #009933; text-align:center; }
form.Raetsel input.unusedInput 				{ padding:0; margin:0 0 10px 0; width:15px; border:1px dotted #009933; text-align:center; }
form.Raetsel input.solutionInput 			{ padding:0; margin:0; width:15px; border:1px solid #009933; text-align:center; }
form.Raetsel input.submitButton 			{ border:1px solid #009933; margin:5px 0 0 1px; }
form.Raetsel input.submitButton:hover { background-color:#009933; cursor:pointer; }
form.Raetsel input.resetButton  			{ border:1px solid #009933; margin:5px 0 0 1px; }
form.Raetsel input.resetButton:hover  { background-color:#009933; cursor:pointer; }
/* KaninchenQuiz */
#kaninchenquiz p.quizfrageNr 				{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#794622; }
#kaninchenquiz p.quizfrageText 			{ font-size:14px; padding-bottom:20px;  }
#kaninchenquiz p.deineAntwort 			{ color:#794622; font-style:italic; }
#kaninchenquiz p.richtigeAntwort 		{ color:#9bb748; }
#kaninchenquiz p.falscheAntwort 		{ color:#FF0000; }
#kaninchenquiz p.spielbeendet 			{ font-weight:bold; }
#kaninchenquiz p.spielendeinfo 			{ }
#kaninchenquiz p.spielerror					{ font-weight:bold; color:red; }
#kaninchenquiz p.keineFrageGewaehlt { font-weight:bold; color:red; padding-bottom:15px; }
#kaninchenquiz input								{ margin:5px 5px 5px 10px; }
#kaninchenquiz input.submit 								{ border:1px solid #009933; margin:30px 0 20px 0; }
#kaninchenquiz input.submit:hover 					{ background-color:#009933; cursor:pointer; }

#gewinnspiel {
background-color:black;
height:268px !important;
padding:5px;
visibility:hidden;
width:660px !important;	
}

.fehlersuche img {
	cursor: pointer;
}
#feedback {
	color:#E94C17;
	font-size:14px;
	font-weight:bold;
	text-align:center;	
	margin-top: 20px;
	position: absolute;
	width: 550px;
}

div.whiteBoxMiddleSpiele { width:535px; min-height:136px; background-image:url(../img/white_box_middle.png); background-repeat:repeat-y; padding:0 20px; overflow: auto; height: 440px;}

.cross {
	background-image: url(../img/cross.png);
	width: 10px;
	height: 10px;
	position: absolute;
}

.fehlersuche {
	position: relative;
}

#mehrSpiele {
	position: absolute;	
	right: 56px;
	top: 529px;
}

.malvorlage {
	margin-right: 5px;
	margin-top: 5px;
}


/*********************************************/
/************* SUCHERGEBNIS NEU **************/
/*********************************************/

/* Styles befinden sich in style_kinderseite.css - Hauptseite */