/*
---------------------------------------------------------
| container -> sprachen
|						-> kopf		-> .rand_oben					|
|						-> .st_pic						|
|						-> .shortcuts					|
|           -> menue									|	     
|			-> content									|
|			oder										|
			-> content_normal							|
|			-> content_rechts							|
|														|
|			-> rand										|
|			-> footer									|
|														|
|  CSS & HTML - Jan Pietruska, im Februar 2007	 		|
---------------------------------------------------------
*/ 

@import url("css_styled_content.css");


HTML, BODY {
	height: 100%;
	background-image: url(../bilder/hg.jpg);
	background-repeat:repeat-x;
	background-color: #F6F9E8;
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/*
############################################################# CONTAINER
*/
	#container {
		width: 989px;
		min-height: 100%;
		_height: 100%;
		background-image: url(../bilder/hg_container.jpg);
		margin: auto;
		margin-top: 18px;
		position: relative;
		}


/*
############################################################# SPRACHEN
*/	
	#container #sprachen{
		position: absolute;
		top: -17px;
		right: 0;
/*display: none;*/
	}
	/*** fuer Opera und Safari */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#container #sprachen { top: -16px; }
	}
	
	
	#container #sprachen ul{
		list-style: none;
		float: right;
	}
	#container #sprachen ul li{
		display: inline;
		padding: 0px 5px 0px 0;
		margin: 0 5px 0 0;
		height: 10px;
	}
	#container #sprachen ul li a{
		color: #fff;
		font-size: 0.7em;
	}



/*
############################################################# KOPF
*/		
		#container #kopf {
			width: 989px;
			}
			#container #kopf .rand_oben {
				width: 989px;
				height: 5px;
				font-size: 0;
				background-image: url(../bilder/kopf_rand_oben.png);
				background-repeat: no-repeat;
				margin: 0;
				padding: 0;
				}
			#container #kopf .st_pic {
				margin-left: 6px;
				}
			#container #kopf .shortcuts {
				background-image:url(../bilder/kopf_landgestuet3.jpg);
				background-repeat: no-repeat;
				background-color: #59848D;
				margin-left: 6px;
				padding-right: 6px;
				width: 970px;
				text-align: right;
				line-height: 12px;
				_line-height: 14px;	
				_height: 12px;
				min-height: 16px;
				_padding: 0 0 2px 0;
				position: relative;
				}
				#container #kopf .shortcuts UL {
margin: 0 55px 0 0;
					}
					#container #kopf .shortcuts UL LI {
						display: inline;
						padding: 0;
					}
					#container #kopf .shortcuts UL LI A {
						color: #ffffff;
						text-decoration: none;
						font-size: 0.6em;
						font-weight: bold;
						}
						#container #kopf .shortcuts UL LI A:HOVER, #container #kopf .shortcuts UL LI A.aktiv {
							color: #FDCA00;
							}
#container .shortcuts UL.sprachen-neu {position: absolute; top: 2px; *top: -1px; left: 925px; margin: 0; padding: 0; width: 50px;}
#container .shortcuts UL.sprachen-neu LI {margin-right: 6px;}

/*
############################################################# MENUE
*/	

		#container #menue {
			width: 183px;
			float: left;
			margin: 2px 0 0 8px;
			_margin-left: 4px;
			background-image: url(../bilder/hg_menue.png);
			background-repeat: no-repeat;
			line-height: 14px;
			}
			#container #menue UL {
				padding: 0;
				list-style: none;
				margin: 10px 0 0 0;
				}
				#container #menue UL LI {
					min-height: 13px;
					display: block;
					}
				#container #menue UL LI A {
					color: #727C7B;
					font-size: 0.6em;
					text-decoration: none;
					font-weight: bold;
					display: block;
					height: 14px;
					margin: 0px 0 5px 2px;
					_margin-bottom: 2px;
					padding-left: 4px;
					}
				#container #menue UL LI A:HOVER, #container #menue UL LI A.aktiv {
					background-repeat:no-repeat;
					color: #FFFFFF;
					}
/*
# hier werden die einzelnen Hintergrundgrafiken definiert, 1. Ebene
*/					
					#container #menue UL LI A:HOVER, #container #menue UL LI A.aktiv {
						background-image: url(../bilder/hg_b_rest.png);
						}					
					#container #menue UL LI.landgestuet A:HOVER, #container #menue UL LI.landgestuet A.aktiv {
						background-image: url(../bilder/hg_b_landgestuet.png);
						}
					#container #menue UL LI.zucht_sport A:HOVER, #container #menue UL LI.zucht_sport A.aktiv {
						background-image: url(../bilder/hg_b_zucht_sport.png);
						}
					#container #menue UL LI.ausbildung_foerderung A:HOVER, #container #menue UL LI.ausbildung_foerderung A.aktiv {
						background-image: url(../bilder/hg_b_ausbildung_foerderung.png);
						color: #757B7A;
						}
					#container #menue UL LI.hengste_paraden A:HOVER, #container #menue UL LI.hengste_paraden A.aktiv {
						background-image: url(../bilder/hg_b_hengste_paraden.png);
						}
					#container #menue UL LI.erholung_erlebnis A:HOVER, #container #menue UL LI.erholung_erlebnis A.aktiv {
						background-image: url(../bilder/hg_b_erholung_erlebnis.png);
						color: #757B7A;
						}
/*
########################################################## 2. Ebene
*/
						#container #menue UL LI UL  {
							margin-top: 6px;
							}
						#container #menue UL LI UL LI {
							margin-left: 5px;
							}
							#container #menue UL LI UL LI A {
								font-weight: normal;
								display: block;
								}	
								#container #menue UL LI.landgestuet UL LI A:HOVER,
								#container #menue UL LI.zucht_sport UL LI A:HOVER,
							    #container #menue UL LI.ausbildung_foerderung UL LI A:HOVER,
								#container #menue UL LI.hengste_paraden UL LI A:HOVER,
								#container #menue UL LI.erholung_erlebnis UL LI A:HOVER,
								#container #menue UL LI UL LI A:HOVER,
								#container #menue UL LI.landgestuet UL LI A.aktiv,
								#container #menue UL LI.zucht_sport UL LI A.aktiv,
							    #container #menue UL LI.ausbildung_foerderung UL LI A.aktiv,
								#container #menue UL LI.hengste_paraden UL LI A.aktiv,
								#container #menue UL LI.erholung_erlebnis UL LI A.aktiv,
								#container #menue UL LI UL LI A.aktiv {
									background-image: none;
									color: #000000;									
									}
									#container #menue UL LI UL LI A EM {
										font-size: 1em;
										}
/*########################################################### Content links*/
#container #content-left{
margin: 20px 0;
color: #000;
width: 183px;
float: left;
color: #727C7B;
font-size: 0.6em;
padding-left: 4px;
}




/*
############################################################# CONTENT
Ist nur die Spalte "normal" gef�llt, wird das DIV #content angezeigt.
Wird die Spalte "rechts" und/und nicht "normal" angezeigt, wird jeweils
#content_normal und #content_rechts eingeblendet.
*/							
		#container #content {
			float: left;
			background-image: url(../bilder/hg_content.jpg);
			background-repeat: repeat-x;
			margin: 2px 0 50px 6px;
			width: 620px;
			font-size: 0.7em;
			padding: 15px 11px 127px 11px;
			}
		#content .content_normal {
			float: left;
			margin: 0px;
			width: 347px;
			padding-right: 11px;
                        padding-top: 10px;

			}

		#content .content_rechts {
			float: left;
			/*background-image: url(../bilder/hg_content.jpg);*/
			background-image: url(/fileadmin/template/bilder/hg_content_rechts.jpg);
      background-position: 0px -12px;
			background-repeat: no-repeat;
			margin:0px;
			width: 251px;
			min-height: 400px;
			_height: 400px;
			padding-left: 11px;
			}

		#content .half {width:299px;}
/*
############################################################# RAND
*/			
		#container #rand {
			width: 138px;
			float: left;
			margin-left: 4px;
			margin-bottom: 50px;
			}
/*
############################################################# CLEARER
*/
		#clear {
			clear: both;
			}
/*
############################################################# FOOTER
*/
		#container #footer {
			position: absolute;
			margin-bottom: 0;
			bottom: 0;
			margin-left: 8px;
			height: 127px;
			}
.news-list-container{border:0px;font-size:11px;color:#727C7B;}
.news-list-item h3{font-size:12px;}
.news-list-date{font-size:8px;width:120px;}
.news-list-morelink{font-size:12px;}
.news-list-inhalt{font-size:11px;color:#59848D;}
.news-list-bild{width:120px;}
.news-latest-item h3{font-size:12px;color:#727C7B;}
.autor{font-size:12px;}
.news-single-bild{padding-bottom:20px;}
hr{color:#59848D; border-style:dotted; thin;}