/* ######################################################################################################

** ### Vorbereitende Ma�?nahmen | Reset ##################################################################

** ######################################################################################################

*/

	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       

	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 

	*/

	

	* { margin:0; padding: 0; } 



	/* Das zurücksetzen der Innen- und Au�?enabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */

	option {padding-left: 0.4em}

	

	/*

	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett

	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]

	*/

	

	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 

	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */

	html { height: 100% } 

	body { 

		min-height: 101%;	

	/* Beseitigung des Rundungsfehlers bei Schriftgrö�?en im Opera sowie Standardformatierungen */

		font-size: 100.01%; 

	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Grö�?e des Browser 

			Fensters geändert wird. */

		position: relative; 

	

	/* Vorgabe der Standardfarben und Textausrichtung*/     

		color: #000;        

		background: #fff;

		text-align: left; 

	} 

	

	/* Standardrahmen zurücksetzen */

	fieldset, img { border:0; }

	

	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu gro�? */ 

	select, input, textarea { font-size: 99% }

	

	

/* ######################################################################################################

** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################

** ######################################################################################################

*/



	/* Clearfix-Methode zum Clearen der Float-Umgebungen */

	 .clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */

	.clearfix { display: block; } 

	

	/* Overflow-Methode zum Clearen der Float-Umgebungen */

	.floatbox { overflow:hidden; }

	

	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */

	#ie_clearing { display: none }

	



	

/* ####################################### Ende Clearing ####################################### */

/* ######################################################################################################

** ### Skiplink-Navigation ##############################################################################

** ######################################################################################################

*/





body { 
	background: #ffffff; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#000000;
	background: url(https://www.petruswerk.at/images/hg.jpg);
	background-position: top left;
	background-repeat: repeat-x;

	}
	

#page_margins {
	width: 922px; 
	position: relative;  
	margin: 0px auto 0px auto;
	background: #ffffff;
	border-bottom:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
}


h1 {
	width: 922px;
	height: 325px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

body.head1 h1{
	background-image: url(https://www.petruswerk.at/images/header.jpg);
}



h1 span {
	position: absolute;
	padding:0;
	width: 50em;
	left: -50em;
}

#main {
	margin: 30px 0px 30px 0px;
}

#footer {
	width: 922px; 
	position: relative;  
	margin: 15px auto 20px auto;
	text-align:center;
}

#english {
	margin: 5px 40px 0 5px;
	text-align:right;
	color:#4c873c;
}

#english a {
	font-size:10px;
	color:#4c873c;
}

#kuh {
    width: 202px;
    height: 365px;
    left:50%;
    margin-top:;
    background-position: bottom left;
    background-repeat: no-repeat;
    z-index:1;
    background-repeat: no-repeat;
background-repeat: no-repeat;
}

#kuh {
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='https://www.petruswerk.at/images/kuh.png');
}

html > body #kuh {
background: url(https://www.petruswerk.at/images/kuh.png);
background-repeat: no-repeat;
}
/* ####################################### Spaltenformatierung ####################################### */
	
#col1 {
		float: left;
		width: 235px;  /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */

	}
#col1_content { padding-left: 31px; padding-right: 0px; }
	
#col2 {
		float:right; 
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		display:none;
	}
#col2_content {	padding-left: 10px; padding-right: 20px; display:none; }
	
#col3
	{
		width:auto;
		margin-left: 278px; margin-right: 0;
		
	
	}
	
#col3_content { padding-left: 0px; padding-right: 40px; margin-top:5px; }


/* ####################################### Ende Spaltenformatierung ####################################### */


/* ####################################### Navigation ####################################### */

.navigation h2 {
	padding-left:10px;
	font-size:11px;
	color:#4c873c;
	margin-bottom:5px;
}

.navigation {
	margin-bottom:30px;
}

.navigation ul,
.navigation li {
	margin:0px;
	padding:0 5px 2px 5px;
	list-style-type:none;
}

.navigation ul {
	line-height:17px;
	padding-top:20px;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(../images/navhg.gif);
}

.navigation a {
	color: #000000;
	text-decoration: underline;
}

.navigation a:hover {
	color: #4c873c;
	text-decoration: underline;
}

.navigation a:visited {
}

.navigation a:active  {
}

.navigation li.current a {
	color: #4c873c;
	padding-left: 17px;
	text-decoration: underline;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/nav.gif);
}

.projects li {
	margin-bottom:10px;
	padding:0 5px 2px 5px;
	list-style-type:none;
}

/* ####################################### Ende Navigation ####################################### */

#col3 {
	line-height:14px;
}

#col3 h2 {
	font-size:14px;
	color:#4c873c;
	margin-bottom:30px;
}

#col3 h3 {
	font-size:12px;
	color:#4c873c;
	margin-bottom:20px;
	line-height:17px;
}


#col3 b {
	color:#4c4c4c;
}

#col3 p {
	margin-bottom:14px;
}


#col3 .red {
	color:#67002B;
}



/* ############### ContentBereich ############### */


.absatz, .absatz_image_float {
	margin:  20px 0 15px 0;
	padding: 0 0 0px 0;
}

.absatz_b, .absatz_image_float_b {
	margin:  20px 0 15px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #bababa;
}

.float_image_left {
	padding-right:20px; 
	padding-left: 5px;
	float:left;
	margin-bottom:10px;
}

.float_image_right {
	padding-left:20px; 
	float:right;
	margin-bottom:10px;
	padding-right: 20px;
}

img.headline {
	margin: 5px 0 0px 0px;
}



#content p {
	margin-bottom: 15px;
}



/* ####################################### Clearing image absatz float ####################################### */
		/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .absatz_image_float:after, .absatz_image_float_b:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.absatz_image_float, .absatz_image_float_b {display: inline-block;}

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

	/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
	.absatz_image_float, .absatz_image_float_b { display: block; } 

	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.absatz_image_float, .absatz_image_float_b { overflow:hidden; }

	/* IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
	#ie_clearing { display: none }
/* ####################################### Ende Clearing image absatz float ####################################### */
/* ######################################################################################################

** ### Markupfreie CSS-Floatclearing-L�sungen ###########################################################

** ######################################################################################################
*/
	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	/* IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* ####################################### Ende Clearing ####################################### */



ul.list {
	list-style-type:none;
	line-height:20px;
	list-style-position: inside; 
	display:inline-block;

}

ul.list li {
	list-style-type:none;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/listpfeil.gif);

}


.krawutzi {
	margin-left: -3000px
}