/* 
	CSS specially made for
	www.st-petersinsel.ch
	from Gabriela Kupferschmidt Maeder
	Visual Designer SWB and WebPublisher EB Zurich
	Schaffhausen Switzerland
*/


*:focus {outline: none;}


/* verhindert horizontales Huepfen der zentrierten Seite 
bedingt durch Ein- und Ausblenden des Scrollbalkens: */
html {height: 100%}



body { 
	font-family: 'Lucida Grande', Georgia, Arial, Tahoma, Verdana, Sans-Serif; 
	background-color: #669933; 
	background-image: url(../pictures/bgimg.jpg);
	background-repeat: repeat-x;
	color:#333;
	margin: 0; 
	padding: 0;
	
/* verhindert horizontales Huepfen der zentrierten Seite 
bedingt durch Ein- und Ausblenden des Scrollbalkens: */
	height: 101%; 
}

h1 { 
	color: #99cc66; 
	font-size: 1em; 
	margin: 18px 6px 0 15px; 
	line-height: 1.2em; 
	}

h2 { 
	font-size: 0.9em; 
	margin: 12px 6px 0 15px; 
	line-height: 1.2em; 
	}

/*
.h2_navi {
	font-size: 12px;  
	color: #ffffff; 
	padding-top: 0; 
	background-color: transparent; 
	}  */

h3 {
	color: #333; 
	font-size: 0.9em; 
	margin: 18px 18px 0 15px; 
	padding: 12px 0 0 0;
	font-weight: 700; 
	line-height: 1.2em; 
	}

/*
.h3_navi {
	font-size: 10px; 
	color: #ffffff; 
	padding-top: 0px; 
	background-color: transparent;
	}  */

h4, h5, h6 {
	font-size: 10px; 
	color: #666699; 
	padding-top: 0px; 
	background-color: transparent; 
	text-align: right; 
	}

p { 
	font-size: 0.8em; 
	line-height: 1.2em; 
	margin: 6px 24px 0 15px;
}

ul {
	list-style-type: none;
	margin: 6px 24px 0 15px; 
	padding: 0;
	font-size: 0.8em;
}

li { }

.clearleft {clear:left;}
.download {font-size:10px;}
.fett {font-weight:bold;}
.linie {border-top:1px dotted #9c6;}
.kursiv {font-style:italic;}
.nowrap {white-space:nowrap;}
	
.sprache {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	letter-spacing: 5px;
	margin: 0 20px;
	padding: 0;
}
	
.sprache a {color: #336600;}
.sprache a:link {}
.sprache a:visited {}
.sprache a:hover {color: #ffffff;}
.sprache a:active {color: #ffffff;text-decoration: underline;}
	
.p_legende { 
	color: #666666; 
	font-style: italic; 
	text-align: right; 
	letter-spacing: 0; 
	margin: 7px 15px 0 3px; 
	padding: 0; 
}

a {color:#999999;text-decoration:none;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a:active {}

.fett {font-weight:bold;}



/* H A U P T N A V I G A T I O N - - - - - - */


#navi ul {
	font-weight: bold;
	margin: 12px 0 2px 15px;
	color: #336600;
	}

#navi li {margin: 2px 0 0 0;}

#navi a:link,
#navi a:visited {color: #cf9; text-decoration: none;}

#navi a:hover,
#navi a:active {color: #360;text-decoration: none;}
	


/* B O X E N - - - - - - - - - - - - - - - */


#box { 
	width: 1000px;
	background-color: #fff;
	background-image: url(../pictures/bgimg_box.gif);
/*	height: 615px;  */
	margin: 0 auto 35px; 
	padding: 0; 
}
	
#leerfeld {
	width: 1000px;  
	height: 15px;
	margin: 15px auto 0;
	padding: 0;
}

#kopf { 
	background-color: #fff;
	margin: 0;
	padding: 0;
	width: 1000px; 
	height: 140px; 
}

#navi { 
	background-color: #99cc66; 
	width: 200px; 
/*	height: 445px;  */
	float: left;
}

#textfeld { 
	background-color: #ffffff; 
	width: 500px; 
/*	height: 445px;  */
	float: left; 
	padding: 0; 
}

#textfeldbild { 
	background-color: #f2eed7;
	background-color: #fff; 
	width: 300px; 
/*	height: 445px;  */
	float: right; 
	padding: 0; 
}




/* F O O T E R - - - - - - - - - - - - */

#fussfeld { 
	background-color: #cc3300; 
	width: 1000px; 
	height: 15px; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	border-width: 0; 
}

/*
#fuss_text { 
	width: 666px; 
	height: 36px; 
	background-color: #ffcc66; 
	right: 0; 
	bottom: 0; 
	padding: 0; 
}  */

.footer { 
	color: #ffffff; 
	font-size: 8px; 
	text-align: right; 
	margin: 1px 15px 0 0; 
	padding: 0; 
}
	
.footer a {color: #ff9999;}
.footer a:link {}
.footer a:visited {}
.footer a:hover {color: #ffffff;}
.footer a:active {color: #ffffff;text-decoration: underline;}

/*
table {font-weight: 0.5em;}
td {font-weight: 0.5em;}
*/


	
/* Presseseite Imagegalerie */

#box_growing { 
	width: 1000px;
	background-color: #fff;
	margin: 0 auto 35px; 
	padding: 0;
}

#galerie {
	width: 1000px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
	
#bilder {
	background-color: #ffffff;
}

.thumbnail {
	float: left;
	margin: 0 15px 15px 0;
}
	
.thumbnail_left {
	float: left;
	margin: 0 15px 15px 15px;
}

.quer img {
	padding: 30px 0;
	border: 1px solid #693; 
}

.hoch img{
	padding: 0 30px;
	border: 1px solid #693; 
}
	
#galerie h1 {
	border-top: 1px solid #c30;
	padding: 6px 15px 6px 0;
}
	
#galerie h2 {
	color: #c30; 
	font-size: 1em; 
	margin: 18px 5px 0 15px; 
	padding: 0;
	padding-top: 15px;
	font-weight: bold; 
	line-height: 1.2em; 
}