/*@import url(formular.css);*/

#box[id] {
	height:auto;
	min-height:100%;
}

html, body {
   	height: 100%;
   	margin: 0px;
	padding: 0px;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

p {
    margin-top: 0px;
    margin-bottom: 10px;
}

input, select {
	color: #000;
	border:solid 1px #666; 
	background: #FFFFFF;
	margin-bottom: 1px;
}

.txtInactive{
	color: #ccc;
}

/*community Error*/
.errorc { color: red;}

#hr, #hrBottom {
	background-image:url(images/lineHor.gif);
	height: 1px;
	background-repeat:repeat-x;
}
#hrTop {
	background-image:url(images/lineHor.gif);
	height: 1px;
	background-repeat:repeat-x;
}
* html #hrTop { /*IE-HACK*/
	background-image:url(images/lineHor.gif);
	height: 1px;
	background-repeat:repeat-x;
	background-position: bottom;
}

hr {
	background-color:#CCCCCC; /* Mozilla 1.4 */
	color:#CCCCCC; /* IE 6 */
	border: #CCCCCC; /* Opera 7.11 */
	height: 1px; /* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
}

hr.white {
	background-color:#fff; /* Mozilla 1.4 */
	color:#fff; /* IE 6 */
	border: #fff; /* Opera 7.11 */
	height: 1px; /* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
}
hr.nav {
	margin-left: -10px;
}


h1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    MARGIN: 0px 0px 20px 0px;
    color: #333333;
}

h2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    margin: 15px 0px 0px 0px;
}

h3 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN: 0px 0px 10px 0px;
    color: #333333;
    padding: 0px;
}

h4 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN: 0px 0px 10px 0px;
    COLOR: #666666;
    text-transform: uppercase;
}

h5 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN: 0px;
    PADDING-TOP: 20px
}

h6 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: uppercase;
    PADDING-TOP: 20px;
	margin: 20px 0px 5px 0px;
}

a:link, a:focus, a:visited, a:active  {
    color: #cc9933;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    color: #cc9933;
}


#box {
	min-height: 100%;
	height:auto !important;
	height:100%;	
	position:relative;
	width: 964px;
	margin:0;
	padding:0;
	margin:0 auto;
	border-right: 1px solid #d9d9d9;
	background-color:#fff;
	background-image:url(images/backSite.gif);
	background-repeat:repeat-y;
}


/* ----- Header ----- */

	#head {
	    height: 164px;
	}
	#logo{
	    float: left;
	    width: 198px;
	    height: 164px;
	}
	#logo img {
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#logoHead {
		width: 198px;
	    height: 30px;
	    background-color: #FFFFFF;
	}
	
	#schrift{
	    width: 80px;
		float: right;
		margin: 20px 0px 0px 0px;
		position: relative;
		display:none;
	}
	
	#search {
		height: 25px;
		float: right;
		margin: 0px 0px 0px 0px;
		padding:13px 20px 0px 0px !important;
		padding:0px 20px 0px 0px;
		position: relative;
	}
	input.search {
		/*width: 60px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;*/
	}
	.searchbutton {
		color: #999; 
		border:solid 1px #999; 
		background: #FFFFFF;
		font: normal 11px Verdana, sans-serif;
		padding: 1px 2px 1px 2px;
	}
	
	.searchinput_suche {
		color: #999;
		border:solid 1px #d7d7d7; 
		background: #FFFFFF;
		font: normal 11px Verdana, sans-serif;
		padding: 2px 2px 2px 20px;
		width: 100px;
		background-image: url(images/lupe.gif);
		background-repeat:no-repeat;
		background-position:left;
	}

/* ----- Header END ----- */
	
/* ----- Mainnav ----- */
	#mainnav {
	    float: left;
		position: relative;
	    width: 421px;
	    height: 164px;
	    margin-left: 1px;
	    background-image: url(images/buttonBarBack.jpg);
	}


	
	#mainnavBar {
		float: left;
		position: relative;
		margin:34px 0px 0px 0px !important;
		margin:18px 0px 0px 0px;
		padding:11px 0px 0px 25px !important;
		padding:0px 0px 0px 25px;
		height:26px;
		border:0px solid;
	}
		
	#mainnavBar ul {
		padding: 0em;
		text-align: left;
		padding-left: -30px;
		margin-top: 0px;
	    margin-bottom: 10px;
	    margin-left: 0px;
	}
	#mainnavBar ul li {
		list-style: none;
	    display: inline;
		font-weight:bold;
		font-size:14px;
	}
	#mainnavBar ul li a {
	    width: 126px;
	    align: center;
	    height: 37px;
	    text-align: center;
	    padding-top: 8px;
	}
	#mainnavBar ul li a.menuCount_1 {
		background-image: url(images/backMainnavButtonYellow.jpg);
	}
	#mainnavBar ul li a.menuCount_2 {
		background-image: url(images/backMainnavButtonGreen.jpg);
	}
	#mainnavBar ul li a.menuCount_3 {
		background-image: url(images/backMainnavButtonOrange.jpg);
	}
	
	#mainnavBar ul li a.active, #mainnavBar ul li a.active:link {
		color: #666;
		text-decoration: none;
		line-height:17px;
		float: left;
	}
	
	#mainnavBar ul li a.inactive, #mainnavBar ul li a.inactive:link {
		color: #000;
		text-decoration: none;	
		line-height:17px;
		float: left;
	}
	
	#mainnavBar ul li a.inactive:hover, #mainnavBar ul li a.inactive:active {
		color: #000;
		text-decoration: none;	
		line-height:17px;
		float: left;
	}

	#mainnavSuffix {
	    float: left;
	    width: 344px !important;
	    width: 343px;
	    height: 164px;
	    background-image: url(images/buttonBarBack.jpg);   
	}
	
	#mainnavRotator{
		width: 302px;
	    height: 164px;
	    float: right;
	    margin-right: 20px;
	    overflow: hidden;
	    /*background-image: url(rotator.php?dir=zucht&rand=6b73d1dc95cfd17104c52a6ad60e072e); 
	    background-repeat: no-repeat;*/
	}

/* ----- Mainnav END ----- */	
	


.cleaner {
    clear: both;
    height: 1px;
}

/* ----- ContentBox mit Subnav ----- */
	#contentBox {
	    height: 100%;
	}
/* ----- ContentBox mit Subnav END ----- */


/* ----- Subnav ----- */

	#subnav {
	    float: left;
	    width: 198px;
	    margin-left: 30px !important;
	    margin-left: 14px;
	    padding-top: 10px !important;
	    padding-top: 0px;
	    
	}
	
	#subnavBar ul {
		width: 170px;
		margin: 0px; 
		margin-left: -3px !important;
		margin-left: -1px;
		padding: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		list-style: none;
		border-top: 1px solid #fff;
	}
	#subnavBar ul li {
		background-image: url(images/backSubnav.gif);
		background-repeat: no-repeat;
		padding: 0px;
		border-bottom: 1px solid #fff;
		font-weight:normal;
		font-size:11px;
		margin-right: 0px;
	    
	}
	#subnavBar ul li.layer_2 {
		/*padding-left: 10px;*/
	}
	#subnavBar ul li.layer_3 {
	/*	padding-left: 20px;*/
	}
	
	#subnavBar ul li.layer_2 a {
		display:block;
		padding-top: 5px;
		padding-right: 4px;
		padding-bottom: 5px;
		padding-left: 4px;
		text-decoration: none;
		color: #000;
		background-image: url(images/backSubnav.gif);	
	}
	
	#subnavBar ul li.layer_2 a.active, #subnavBar ul li.layer_2 a.active:link, #subnavBar ul li.layer_2 a.active:hover {
		display:block;
		padding-top: 5px;
		padding-right: 4px;
		padding-bottom: 5px;
		padding-left: 4px;
		text-decoration: none;
		color: #000;
		background-image: url(images/backSubnavWhite.gif);
	}	
	#subnavBar ul li.layer_2 a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	#subnavBar ul li.layer_3 a {
		display:block;
		padding-top: 5px;
		padding-right: 4px;
		padding-bottom: 5px;
		padding-left: 4px;
		text-decoration: none;
		color: #999;
		background-image: url(images/backSubnavWhite.gif);	
	}
	#subnavBar ul li.layer_3 a.active, #subnavBar ul li.layer_3 a.active:link, #subnavBar ul li.layer_3 a.active:hover {
		display:block;
		padding-top: 5px;
		padding-right: 4px;
		padding-bottom: 5px;
		padding-left: 4px;
		text-decoration: none;
		color: #000;
		background-image: url(images/backSubnavWhite.gif);
	}
	#subnavBar ul li.layer_3 a:hover {
		color: #999;
		text-decoration: none;
	}
/* ----- Subnav END ----- */

/* ----- Address Box ---- */
	#addressBox{
		padding-top: 80px;
		padding-left: 5px;
		font-size: 10px;
		color: #333;
	}
/* ----- Address Box END ---- */

/* ----- Home -----*/
	#homeColumnLeft {
		float: left;
		width: 45%;
	}
	#homeColumnMid {
		float: left;
		width: 5%;
	}
	#homeColumnRight {
		float: left;
		width: 50%;
	}
/* ----- Home END ----- */

/* ----- Shop -----*/
	#shopColumnLeft {
		float: left;
		width: 100%;
		/*width: 70%;*/
	}
	#shopColumnMid {
		float: left;
		width: 0%;
		/*width: 5%;*/
	}
	#shopColumnRight {
		float: left;
		width: 0%;
		/*width: 25%;*/
	}
/* ----- Home END ----- */

/* ----- Content ----- */
	#content {
		float: left;
		width: 706px;
		margin-top: 10px !important;
		margin-top: 0px ;
	}
	
	/*#navtreeBoder {
		border-top: 1px dotted #ffcc33;
		float: left;
		width: 100%;
		padding-bottom:10px;
		z-index: 1;
	}*/
	/*#navtree {
		border-bottom: 1px dotted #ffcc33;
		border-left: 1px dotted #ffcc33;
		border-right: 1px dotted #ffcc33;
		border-top: 1px solid #fff;
		margin-top: -1px;
		padding: 5px 5px 5px 5px;
		float: left;
		position: relative;
		z-index: 2;
	}*/
	
	#breadcrumbNoLine{
		padding-bottom: 3px;
		font-size: 13px;
		padding-left: 2px;
		font-weight: normal;
	}
	#breadcrumb{
		background-image: url(images/lineHor.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		padding-bottom: 5px;
		font-size: 13px;
		padding-left: 2px;
		font-weight: normal;
	}
	#breadcrumb a:link, #breadcrumb a:visited{
		text-decoration: none;
	}
	
/* ----- Content END ----- */


/* ----- News ----- */
	
	#newscontent {
		margin-left: -20px;
	}

	#newscontent ul {
		list-style-image:url(images/bullet.gif);
		list-style-type: none;
	}
	#newscontent ul li{
		padding-bottom: 10px;
	}
	.newsHeadlineText{
		margin-top: 6px;
	}
	.newsHeadlineTitle a:link, .newsHeadlineTitle a:visited{
		text-decoration: none;
		font-size: 12px;
	}
	.newsHeadlineTitle a:hover{
		text-decoration: underline;
	}
	#moreNews{
		text-align: right;
		width: 100%;
		padding-top: 15px;
	}
	.newsHeadlineImage{
		border: 1px solid #000;
		max-width: 100px !important;
		width: 100px;
	}
	
/* ----- News END ----- */




/*input.form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}*/



/*form {
    margin: 0px;
    padding: 0px;
}*/


img.left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

img.right {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
}


.rssfeed {
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	border: 0px;
	padding-left: 18px;
}


/*
Styles for an ordinary table such as in
media or directory
*/
table.normal {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

table.normal td {
	border-bottom: 1px dotted #d0d0d0;
	padding: 5px;
}

table.normal th {
	border-bottom: 1px solid #d0d0d0;
	font-weight: bold;
	background-color: #efefef;
	text-align: left;
	padding: 5px;
}




/*--- Styles für FCK-Templates ---*/
	table td.tabZuchtImage{
		width: 37%;
		vertical-align:top;
	}
	table td.tabZuchtImage div{
		overflow-x: hidden;
		overflow-y: visible;
		width: 100%;
		height: 100%;
	}
	table td.tabZuchtSpace{
		width: 10%;
		vertical-align:top;
	}
	table td.tabZuchtText{
		width: 53%;
		vertical-align:top;
	}
	table td.ZuchtRechts {
		text-align:right;
	}
/*--- End Styles für FCK-Templates ---*/
