@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "2col_left_seo"
 * (de) Zentrales Stylesheet - Beispiellayout "2col_left_seo"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yaml/navigation/nav_shinybuttons.css);
@import url(screen/basemod.css);
@import url(screen/basemod_2col_left_seo.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(yaml/print/print_100_draft.css);

/* galloway styles, elp */
/* overwrite YAML generic styles */

body {
	background: url(../images/page_bg.gif) repeat-x 0 0;
}

#page  {
	background: none;
}

#header {
	height: 49px;
	padding: 10px 0px 0px 0px;
}

#headerStart {
	height: 122px;
	margin: 5px 0px 0px 0px;
	float: left;
	padding: 0px;
	position: relative;
	top: 0px;
}

#headerStart #topnavRight {
	top: 6px;
	position: relative;
}

	
/* Top 
++++++++++++++++++++++++++++++++++++++++++ */	


div#logoStart {
	float: left;
	width: auto;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-align: left;
	width: 600px;
	position: relative;
	} 

div#logo {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	} 

div#topnavRight {
	float: right;
	margin: 0px 10px 0px 0px;
	}
	
div#topnavRight ul {
	top: -15px; 
	height: 15px;
	float: left;
	}	
div#topnavRight ul li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	}
	
div#topnavRight span.spacer {
	text-align: center;
	margin: 0px 5px 0px 5px;
	}
div#topnavRight a {
	color: #b2b2b2;
	}
	
div#topnavRight a:hover {
	color: #60af19;
	text-decoration: none;
	}


/* Main Navigation
++++++++++++++++++++++++++++++++++++++++++++*/
div#nav_main {
	background: url(../images/head_bg.gif) no-repeat;
	height: 53px;
	margin: 3px 10px 0px 10px;
	z-index: 99;
	border: 0px;
	}

div#nav {
	height: 53px;
	margin: 0px;
	padding: 0px;
}


div#nav_main table.menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	top: 0px;
	position: relative;
}


div#nav_main table.menu tr {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #b2b2b2;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
}

div#nav_main table.menu td {
	background: #FFFFFF;
	padding-right: 8px;
}

div#nav_main table.menu td div {
	padding: 2px 0px 0px 0px;
}

div#nav_main table.menu a:hover, a:active {
	text-decoration: none;	
}

div#nav_main table.menu  a.level1 {
	margin: 0px;
	padding: 0px;
	color: #b2b2b2;
}

div#nav_main table.menu  a.level2 {
	color: #60af19;
}

div#nav_main table.menu a.level2:hover, div#nav_main table.menu a.level2active {
	color: #185b1a;
}



/* Column Layout
++++++++++++++++++++++++++++++++++++++++++++*/
  
  /* Start */

  #startCol1 { border: 0px; float: left;  margin-left: 0; margin: 0px; padding: 0px;  
  background: url(../images/bg_start_left.png) no-repeat; width: 587px; min-height: 500px; }
	
  #startCol2 { border: 0px; float: left;  margin-left: 0; margin: 0px; padding: 0px;  
  background: url(../images/bg_leftcol.png) no-repeat; width: 219px; min-height: 500px; }
	
#startCol2_content { padding: 10px 10px 10px 20px; }	
	
 #startCol1 #startPic { 
 	width: 570px; height: 320px; border: 0px;
	position: relative; top: 5px; left: 8px;
 }
 
 /* Start left columns */
 #startCol1 #inner1,  #startCol1 #inner2,  #startCol1 #inner3 {
 	width: 156px;
	margin: 35px 10px 0px 8px;
	float: left;
	position: relative;
	clear:right;
	padding: 4px 10px 0px 10px;
	
 }
 
 #startCol1 #inner3 { margin-right: 0px; }
 	
 #startCol1 h1, #startCol2 h1 {
 	font-size: 17px;
	margin: 0px; padding: 0px;
 }
  	
 #startCol1 ul {
 	list-style: none;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	position: relative;
	top: -4px;
	line-height: 80%;
 }

  #startCol1 ul li {
	padding: 0px;
	margin: 0px;
	line-height: 140%;
 }
  #startCol1 ul a:hover {
	text-decoration: none;
 }
 
  #startCol2 ul  {
	padding: 10px 0px 0px 0px;  margin: 0px;
	list-style-type: none;
 }
  #startCol2 ul li  {
	padding: 0px 0px 25px 0px;  
	margin: 0px 0px 10px 0px; line-height: 130%;
	border-bottom: 1px dotted #60af19;
 }
 	
   #startCol2 div.date {
   	 color: #60af19;
   }	
   #startCol2 ul li h1 {
	color: #000000;
	padding: 0px 0px 5px 0px; margin: 0px;
	font-weight: bold;
	font-size: 12px;
 }
 
  #startCol2 ul li a.news {
	color: #000000;
 }
 
 #startCol2 ul li a.news:hover {
	color: #60af19;
 }

  #startCol2_navigation {
  	padding: 30px 0px 0px 0px;
  }
  
    
#startCol2_navigation h1 {
  	padding: 0px 0px 0px 0px;
  }
  
   #startCol2_navigation ul  {
   	list-style: none;
	padding: 10px 0px 20px 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	position: relative;
	top: -4px;
	line-height: 80%;
	border: 0px;
	border-bottom: 1px dotted #60af19;
 }

  #startCol2_navigation ul li {
	padding: 0px;
	margin: 0px;
	line-height: 140%;
	border: 0px;
	
 }
 
 #startCol2_footer {
 	padding: 20px 0px 0px 0px;
	text-align: left;
	width: 100%;
 }
 

  /* #col1 becomes the main column | #col1 wird zur Hauptinhaltsspalte */
  #col1 { border: 0px; width: 591px; float:right;  min-height: 500px; margin: 0px; padding: 0px; 
  background: url(../images/bg_rightcol.png) no-repeat;  font-size:12px; }
  #col1_content { padding: 12px 20px 20px 20px; }

  /* #col2 is turned off | #col2 abschalten */
  #col2 { display:none; }

  /* #col3 becomes the left column | #col3 wird zur linken Spalte */
  #col3 { border: 0px; float: left;  margin-left: 0; margin: 0px; padding: 0px;  
  background: url(../images/bg_leftcol.png) no-repeat; width: 219px; min-height: 500px; }
  #col3_content { padding: 13px 20px 10px 20px; }

/* Left Column Navi
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#leftBox {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	border: 0px solid;
	font-size: 16px;
	font-weight: bold;
}
div.navHeaderLevel1 {
	color: #b2b2b2;

}

div.navHeaderLevel2 {
	color: #60af19;
}


div.leftNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 20px 0px 20px 0px;	
	border-top: 1px dotted  #60af19;
	border-bottom: 1px dotted  #60af19;
	position: relative;
}

div.leftNav ul li {
	margin: 0px;
	padding: 0px;
	height: 18px;
	overflow: visible;
}

div.leftNav ul li a {
	color: #60af19; 
	text-decoration: none;
	display: block;
}

div.leftNav ul li a:hover, 
	div.leftNav ul li a.active  {
	color: #185b1a; 
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px 10px; 
	background: url(../images/arrow_green.gif) no-repeat 0 4px;
	
}

/* Animal DB Output
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.animalList {
	padding: 0px;
	margin: 0px;
}

div.animalList div.animalItem {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted  #60af19;
	float: left; 
	width: 100%;
	
}

div.animalList div.animalItem h1 {
	font-size: 1.2em;
	padding: 0px 0px 10px 0px; margin: 0px
}

div.animalList div.imageOverview {
	width: 115px;
	height: 67px;
	overflow: hidden;
	border: 1px solid #b2b2b2;
	float: left;
	margin: 0px 10px 0px 0px;
	
}

div.animalList div.data {
	float: left;
	width: 420px;

}

div.animalList a {
	color:  #60af19; text-decoration: none;
}

div.animalList a:hover {
	color:  #185b1a; text-decoration: none;
}

div.animalDetail h1 {
	font-size: 2em;
	padding: 0px 0px 10px 0px; margin: 0px;
	color:  #b2b2b2; text-decoration: none;
}



div.animalDetail div.imageFrame {
	padding: 10px 0px 10px 0px; margin: 0px;
	text-align: center;
	width: 550px; 
	border-top: 1px dotted #60AF19;
	border-bottom: 1px dotted #60AF19;
	float: none;
}

div.animalDetail div.imageFrame div.more {
	float: none;
	font-size: 1.1em;
	clear: both;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	text-align: right;
	width: 100%;
}

div.animalDetail div.imageFrame div.more a {
 	color: #b2b2b2;
	font-weight: bold;
}


div.backTop  {
 	color: #b2b2b2;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	top: 0;
	left: 0;
	float: right;
	width: 100%;
	text-align: right;
	margin: 0px 0px 30px 0px;
}

div.backTop a 
	{ color: #b2b2b2; }

div.imageFrame a:hover  {
 	color: #60AF19;
}

div.animalDetail div.data {
	border-bottom: 1px dotted #60AF19;
	float: left;
	width: 100%;
	padding: 20px 0px 20px 0px;
}


div.animalDetail div.data h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #60AF19;
}

div.animalDetail div.data h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #60AF19;
	padding: 0px 0px 7px 0px;
}

div.animalDetail div.data table.data1col,  
div.animalDetail div.data table.data2col {
	width: 100%;
	border: 0px; margin: 0px; padding: 0px;
}

div.animalDetail div.data table.data1col td.label {
	width: 160px;
	font-weight: bold;
	color: #b2b2b2;
	border: 0px; margin: 0px; padding: 0px 0px 3px 0px;
}

div.animalDetail div.data table.data1col td.field {
	border: 0px; margin: 0px; padding: 0px 0px 3px 0px;
	width: 460px;
}

div.animalDetail div.data table.data2col td.label1, 
div.animalDetail div.data table.data2col td.label2  {
	width: 160px;
	font-weight: bold;
	color: #b2b2b2;
	border: 0px; margin: 0px; padding: 0px 0px 3px 0px;
}

div.animalDetail div.data table.data2col td.field1, 
div.animalDetail div.data table.data2col td.field2 {
	width: 150px;
	border: 0px; margin: 0px; padding: 0px 0px 3px 0px;
}


/* stammbaum table */
div.animalDetail div.data table.stammbaum {
	border: 0px;
	width: 100%;
}
div.animalDetail div.data table.stammbaum td {
	border: 1px solid #FFFFFF;
	vertical-align: top;
}

div.animalDetail div.data table.stammbaum td div.head {
	font-weight: bold;
	color: #60AF19;
}
div.animalDetail div.data table.stammbaum td div.omnr {
	color: #60AF19;
}

div.animalDetail div.data table.stammbaum td.mother div.name {
	font-weight: bold;
}




div.animalDetail div.data table.stammbaum td.father {
	background-color: #d8d8d8;
	font-weight: bold;
}


div.animalDetail div.data table.stammbaum td.mother {
	background-color: #afd88c;
}

/* Image gallery 
  ++++++++++++++++++++++++++++++++++++++++++++ */
table.galleryTable {
	width: 170px; margin: 0px 0px 20px 0px;
	padding: 3px;
	height: 180px;
}	


/* content layout 
  ++++++++++++++++++++++++++++++++++++++++++++ */

div.mediaRight {
	float: right;
	margin: 0px 0px 20px 10px;
	width: 240px;
	position: relative;
}

  
div.imageRight {
	float: right;
	margin: 0px 0px 20px 0px;
	width: 230px;
	text-align: left;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #b2b2b2;
} 

div.imageRight div.imagetext {
	float: left;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
	width: 230px;
	position: relative;
} 
 
 div.imageRight div.imagetext div.zoom {
	float: right;
	display: block;
	width: 100%;
	text-align: right;
	font-size: 0.9em;
} 
 
 
/* news layout 
  ++++++++++++++++++++++++++++++++++++++++++++ */
 div.newslist {
 	width: 100%;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #b2b2b2;
	margin: 0px 0px 10px 0px;
 }
 
 div.newslist h1 {
 	font-size: 1.1em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
 }
 
 .date {
 	font-size: 0.9em;
	color: #666666;
 }
 
 
 #col1_content h2 {
 	margin: 0px 0px 30px 0px;
 }
 
 ul, ol, dl { 
 	margin: 0em 0em 1em 0em !important;
 }

#imageContainerxfade {
position:relative;
margin: 0 0 0px 0;
width: 570px;
height: 320px;
border: none;
}

#imageContainerxfade img {
border: none;
display:none;
position:absolute;
top:0; 
left: 0px;
}