/* Hinterdrund, der alle Webelemente umgibt */
#wrapper_all {
	margin: 0 auto;
	width: 880px;
	text-align: justify;
	/*background: url(../images/pcbackground.gif); 
	background-repeat: repeat;*/
	border: 0;
}

/* Hinterdrund, welcher alle drei Inhaltsspalten, jedoch nicht das Logo und die horizoontale Menüführung umgibt .
Es sind zwei Varianten verfügbar:
	1. einfache Tile-Grafik
	2. Grafik im Spaltendesign
Je nachdem, welche Variante benutzt werden soll, ist der eine oder andere "wrapper_content" zu aktivieren bzw. deaktivieren .
Vorliegend ist die Version mit "Drei-Spaltengrafik" aktiviert (sieh auch unter www.hornvieh.ch)
 */

/* Hintergrund als einfache Grafik (Tile)  
/*#wrapper_content {
	position: relative;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(../images/pcbackground.gif); 
	background-repeat: repeat;
	border-left: 2px dotted #FFFFFE;	
	border-right: 2px dotted #FFFFFE;
	border-bottom: 2px dotted #FFFFFE;
}
*/

/*grafischer Hintergrund unterteilt in drei Spalten */
#wrapper_content {
	position: relative;
	width: 100%;
	float: left; 
	padding: 0;
	margin: 0;
	border: 0;
	background: url(../images/pbackground.jpg); 
	background-repeat: repeat-y;
	border-bottom: 2px dotted #FFFFFE;
}

#logo0, #logo1, #logo2, #logo3, #logo4, #logo5, #logo6, #logo7 { 
	position: relative;
	width: 100%;
	float: right; 
	height: 160px;
	/*variable Logohöhe
	/*height: px;*/
} 

#logo0 { 
	background: url(../images/ptlg1.jpg); 
	background-repeat: no-repeat; 
} 
#logo1 { 
	background: url(../images/ptlg2.jpg); 
	background-repeat: no-repeat; 
} 
#logo2 { 
	background: url(../images/ptlg3.jpg); 
	background-repeat: no-repeat; 
}
#logo3 { 
	background: url(../images/ptlg4.jpg); 
	background-repeat: no-repeat; 
}
#logo4 { 
	background: url(../images/ptlg5.jpg); 
	background-repeat: no-repeat; 
}
#logo5 { 
	background: url(../images/ptlg6.jpg); 
	background-repeat: no-repeat; 
}
#logo6 { 
	background: url(../images/ptlg7.jpg); 
	background-repeat: no-repeat; 
}
#logo7 { 
	background: url(../images/ptlg8.jpg);
	background-repeat: no-repeat; 
}

/* Grafische, horizontale Navigationsleiste */
#nav {
	position: relative;
	width: 100%;
	height: 36px;
 	float: left;
	margin: 0;
	overflow: hidden;
} 

#nav a {
	display: block;
	float: left;
	width: 110px;
	font-weight: bold;
	font-size: 110%;
	font-variant: small-caps;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	line-height: 36px;
	padding: 0;
	margin: 0;
	border: 0;
	color: #FFFFFE;
	background: url(../images/pnbutton.gif);
}

#nav a.active {
	background: url(../images/pnbuttona.gif) !important;
}

#nav a:hover {
	color: #D20000;
	background: url(../images/pnbuttonh.gif);
}

/* Linke Spalte*/
#leftcol {
	position: relative;
	width: 20%; 
 	float: left;
	padding: 0;
	margin: 0;
	border: 0;
}

/* Vertikale Navigationsleiste */
#subnav { 
	position: relative;
	width: 90%;
 	float: left; 
	padding: 10px 0px 10px 4px;
	margin: 0;
	border: 0;
	overflow: hidden;
} 

#subnav a, #subnav_m1 a , #subnav_m2 a, #subnav_m3 a {
	display: block;
	font-size: 100%;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	padding: 2px 0px 4px 15px;
	margin: 0px;
	border: 0;
	color: #535353;
}

#subnav_m1 a {
	font-size: 125%;
	font-weight: bold;
	/*background: url(../images/pbull.gif);*/
	background-repeat: no-repeat;
}

#subnav_m2 a {
	font-size: 105%;
	font-weight: bold;
	/*background: url(../images/pbull.gif);*/
	background-repeat: no-repeat;
}

#subnav_m3 a {
	font-size: 100%;
	/*font-variant: normal;*/
	/*background: url(../images/pbull.gif);*/
	background-repeat: no-repeat;
}

#subnav a.active, #subnav_m1 a.active, #subnav_m2 a.active, #subnav_m3 a.active {
	font-weight: bold;	
	color: #0001FF;
}

#subnav a:hover, #subnav_m1 a:hover, #subnav_m2 a:hover, #subnav_m3 a:hover {
	/*font-weight: bold;*/
	font-style: italic;
	color: #D20000;
}

/* Content- und Sidebarspalten*/
#twocols {
	clear: right;
	position: relative;  
	width: 80%; 
 	float: right;
	padding: 0;
	margin: 0;
	border: 0;
}

/* Contentspalte*/
#content {
	position: relative;
	float: left; 
	width: 68%;
	/*min-height: 600px;*/
	padding: 0px 20px 0px 20px;
	margin: 0;
	border: 0;
}

/* Sidebarspalte*/
#sidebar {
	position: relative;
	width: 23%; 
 	float: right; 
	padding: 10px 4px 0px 0px;
	margin: 0;
	border: 0;
}

/* Spezielle Linkformatierung für Logo_Home  */
#logo_home a {
	padding: 2px 0px 4px 6px;
	margin: 0px;
	border: 0;
}

/* Horizontale Navigationsleiste in der Fusszeile der 1. Seite */
#staticnav a {
	font-size: 68%;
	font-style: normal;
	font-weight: normal;
}

#staticnav a:hover {
	font-weight: normal;
	font-style: italic;
}

/* footer */
#footer {
	display: block;
	overflow: hidden;
	clear: left;
	float: left; 
	position: relative;
	width: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border: 0;
	/* border: 1px solid #D20000; */
	/* background-color: #FFFFFF;  */
}	
	
#footer a {
	font-weight: bold;
	color: #D20000;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
	color: #D20000;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ""; 
    display: block; 
 	height: 100%;
    font-size:0;	
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
	height: 100%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  


form.search {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form.search input {
	margin: 0px;
	vertical-align: middle;
}

input.search {
	border: 1px solid #C0C0C0;
	width: 118px;
	padding: 2px;
	color: #D20000;
	font-size: 10px;
}

#plaintext {
	position: absolute;
	top: 10px;
	left: 61px;
}

/* Nurtext Anzeige*/
#plaintext a {
	color: #617940;
	text-decoration: none;
	position: absolute;
	top: 40px;
	left: 61px;
	width: 880px;
	height: 200px;
	background: url(../images/);
}