/*****************************************************************************
File:			stylesheet.css
Author:			Oliver Läubli
Company:		Sevitec AG
Description:	CSS 2.1 Stylesheet for Stiftung Wagerenhof Uster
Version:		1.0
Changes:		
*****************************************************************************/

/* Global styles */
html, body
{
	background:url(/img/bg_green.jpg) repeat-y scroll 0 0;
	text-align:center;
}

body, p, a 
{
	font-family:Tahoma, Verdana, Arial;
	text-decoration:none;
}

p 
{
	margin:0;
	padding:0;
}

table 
{
	border:none;
}

img 
{
	border:none;
	text-decoration:none;
}

h1 
{
	font-family:Tahoma, Verdana, Arial;
	font-weight:bold;
	font-size:9pt;
	margin:0 0 10px 0;
}

h2 
{
	font-family:Tahoma, Verdana, Arial;
	font-weight:bold;
	font-size:9pt;
	margin:0 0 5px 0;
	color:#737373;
}

h3 
{
	font-weight:bold;
	font-size:7pt;
	margin:0 0 5px 0;
}

fieldset 
{
	background-color:Transparent;
	border:none;
	width:464px;
	margin:0;
	padding:0;
}

ul 
{
	list-style-image:none;
	list-style-type:none;
	padding:0;
	margin:0;
	line-height:14pt;
}

/*****************************************************************************/
/* Div IDs for Pagelayout*/
#container 
{
	position:relative;
	margin:0 auto;
	padding:30px 0 30px 0;
	width:1000px;
	text-align:left;
	height:100%;
}

#page 
{
	position:relative;
	border:solid 2px #A0CB26;
	background-color:#FFFFFF;
	z-index:1;
	width:1000px;
}

#leftpage 
{
	position:relative;
	width:190px;
	background-color:Transparent;
	padding:21px 0px 21px 18px;
	z-index:2;
	float:left;
	overflow:hidden;
}

#rightpage
{
	position:relative;
	width:725px;
	background-color:Transparent;
	padding:21px 18px 60px 49px;
	z-index:3;
	overflow:hidden;
	min-height:600px;
}

#logo 
{
	position:relative;
	width:157px;
	height:82px;
	z-index:4;
	padding:0 0 0 9px;
}

#leftnavi 
{
	position:relative;
	width:190px;
	z-index:5;
	padding:17px 0 0 0;
}

#headernavi 
{
	position:relative;
	width:725px;
	height:115px;
	z-index:100;
}

#inhalt 
{
	position:relative;
	font-size:9pt;
	font-family:Tahoma;
	color:#565656;
	z-index:200;
	overflow:hidden;
	width:464px;
	letter-spacing:0.1mm;
	line-height:14pt;
	padding:16px 0 0 0;
}

#footer 
{
	position:absolute;
	z-index:200;
	bottom:21px;
	left:255px;
	padding:0;
}

#fotogalerie 
{
	position:relative;
	margin:0 auto;
	padding:0;
	height:100%;
	width:600px;
}

#fotopage 
{
	position:relative;
	border:solid 2px #A0CB26;
	background-color:transparent;
	z-index:1;
	width:600px;
	background:url(/img/bg_tupfer/Tupfer_lindengruen.jpg) repeat-y scroll 0 0;
}

/* Top Navigation */
#home 
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:83px;
	background:Transparent url(/img/topnavigation/topnavi_home.png) no-repeat;
	float:left;
	cursor:pointer;
}

#home:hover 
{
	background:Transparent url(/img/topnavigation/topnavi_home_focus.png) no-repeat;
}

#homefocus 
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:83px;
	float:left;
	cursor:pointer;
	background:Transparent url(/img/topnavigation/topnavi_home_focus.png) no-repeat;
}

#home2 
{
	position:absolute;
	left:0px;
	top:33px;
	width:200px;
	display:block;
	background-color:Transparent;
	z-index:110;
}

#portrait 
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:93px;
	background:Transparent url(/img/topnavigation/topnavi_portrait.png) no-repeat;
	float:left;
	cursor:pointer;
}

#portrait:hover 
{
	background:Transparent url(/img/topnavigation/topnavi_portrait_focus.png) no-repeat;
}

#portraitfocus
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:93px;
	float:left;
	cursor:pointer;
	background:Transparent url(/img/topnavigation/topnavi_portrait_focus.png) no-repeat;
}

#portrait2 
{
	position:absolute;
	left:86px;
	top:35px;
	width:200px;
	display:block;
	background-color:Transparent;
	z-index:110;
}

#begegnung 
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:119px;
	background:Transparent url(/img/topnavigation/topnavi_begegnung.png) no-repeat;
	float:left;
	cursor:pointer;
}

#begegnung:hover 
{
	background:Transparent url(/img/topnavigation/topnavi_begegnung_focus.png) no-repeat;
}

#begegnungfocus
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:119px;
	float:left;
	cursor:pointer;
	background:Transparent url(/img/topnavigation/topnavi_begegnung_focus.png) no-repeat;
}

#begegnung2 
{
	position:absolute;
	left:181px;
	top:35px;
	width:200px;
	display:block;
	background-color:Transparent;
	z-index:110;
}

#jobs
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:73px;
	background:Transparent url(/img/topnavigation/topnavi_jobs.png) no-repeat;
	float:left;
	cursor:pointer;
}

#jobs:hover 
{
	background:Transparent url(/img/topnavigation/topnavi_jobs_focus.png) no-repeat;
}

#jobsfocus 
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:73px;
	float:left;
	cursor:pointer;
	background:Transparent url(/img/topnavigation/topnavi_jobs_focus.png) no-repeat;
}

#jobs2 
{
	position:absolute;
	left:302px;
	top:35px;
	width:200px;
	display:block;
	background-color:Transparent;
	z-index:110;
}

#spenden 
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:103px;
	background:Transparent url(/img/topnavigation/topnavi_spenden.png) no-repeat;
	float:left;
	cursor:pointer;
}

#spenden:hover 
{
	background:Transparent url(/img/topnavigation/topnavi_spenden_focus.png) no-repeat;
}

#spendenfocus
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:103px;
	float:left;
	cursor:pointer;
	background:Transparent url(/img/topnavigation/topnavi_spenden_focus.png) no-repeat;
}

#spenden2 
{
	position:absolute;
	left:377px;
	top:35px;
	width:300px;
	display:block;
	background-color:Transparent;
	z-index:110;
}

#publikationen 
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:136px;
	background:Transparent url(/img/topnavigation/topnavi_publikationen.png) no-repeat;
	float:left;
	cursor:pointer;
}

#publikationen:hover 
{
	background:Transparent url(/img/topnavigation/topnavi_publikationen_focus.png) no-repeat;
}

#publikationenfocus
{
	position:relative;
	text-align:center;
	border-right:solid 2px #FFFFFF;
	z-index:100;
	height:28px;
	width:136px;
	float:left;
	cursor:pointer;
	background:Transparent url(/img/topnavigation/topnavi_publikationen_focus.png) no-repeat;
}

#publikationen2 
{
	position:absolute;
	left:482px;
	top:35px;
	width:200px;
	display:block;
	background-color:Transparent;
	z-index:110;
}

#kontakt
{
	position:relative;
	text-align:center;
	z-index:100;
	height:28px;
	width:97px;
	background:Transparent url(/img/topnavigation/topnavi_kontakt.png) no-repeat;
	float:left;
	cursor:pointer;
}

#kontakt:hover 
{
	background:Transparent url(/img/topnavigation/topnavi_kontakt_focus.png) no-repeat;
}

#kontaktfocus
{
	position:relative;
	text-align:center;
	z-index:100;
	height:28px;
	width:97px;
	float:left;
	cursor:pointer;
	background:Transparent url(/img/topnavigation/topnavi_kontakt_focus.png) no-repeat;
}

#kontakt2 
{
	position:absolute;
	left:620px;
	top:35px;
	width:200px;
	display:block;
	background-color:Transparent;
	z-index:110;
}

/* Left Nevigation */
/* Menu Lebensraum */
#leftlebensraum 
{
	position:relative;
	background-color:Transparent;
}

#wohnenleft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

#lernenleft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

#pflegeleft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

/* Menu Dienstleistungen */
#leftdienst
{
	position:relative;
	background-color:Transparent;
	padding-top:39px;
}

#gastroleft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

#gaertnereileft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

#wagileft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

#landwirtschaftleft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

#kinderkrippeleft 
{
	position:relative;
	background:transparent;
	display:block;
	border-bottom:solid 1px #A0CB26;
}

/*****************************************************************************/
/* Navigation Classes */
/* Top Navigation */
.headernav2
{
	height:15px;
	background-color:Transparent;
	display:block;
	color:#737373;
	font-size:8pt;
	letter-spacing:1px;
}

.headernav2fokus
{
	height:15px;
	background-color:transparent;
	display:block;
	color:#A0CB26;
	font-size:8pt;
	font-weight:bold;
	letter-spacing:1px;
}

/* Left Navigation */
.leftheader 
{
	background-color:Transparent;
	border-bottom:solid 2px #A0CB26;
	padding:35px 0 5px 9px;
}

.leftnav1
{
	background-color:Transparent;
	height:20px;
	font-size:8.5pt;
	font-weight:bold; 
	color:#737373;
	padding:7px 0 3px 9px;
	display:block;
	letter-spacing:0.2mm;
}

.leftnav1fokus 
{
	background-color:#A0CB26;
	height:20px;
	font-size:8.5pt;
	font-weight:bold; 
	color:#FFFFFF;
	display:block;
	padding:7px 0 3px 9px;
	letter-spacing:0.2mm;
}

.leftnav2 
{
	background-color:Transparent;
	color:#737373;
	font-size:8pt;
	display:block;
	padding:2px 0 5px 9px;
	letter-spacing:1px;
}

.leftnav2fokus 
{
	background-color:Transparent;
	color:#A0CB26;
	font-size:8pt;
	display:block;
	font-weight:bold;
	padding:2px 0 5px 9px;
	letter-spacing:1px;
}

/* Info-Box IDs and Classes */
#teaserbox1 
{
	position:absolute;
	top:157px;
	right:27px;
	width:148px;
	height:77px;
	z-index:2000;
}

#teaserbox2 
{
	position:absolute;
	top:247px;
	right:27px;
	width:148px;
	height:77px;
	z-index:2000;
}

#teaserbox3 
{
	position:absolute;
	top:337px;
	right:27px;
	width:148px;
	height:77px;
	z-index:2000;
}

.teaserheader 
{
	background-color:#A0CB26;
	display:block;
	height:15px;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	border-bottom:solid 2px #FFFFFF;
	padding:3px 0 3px 10px;
	letter-spacing:1px;
	text-decoration:none;
}

a.teaserheader:hover 
{
	text-decoration:none;
}

a.teaserheader:visited
{
	text-decoration:none;
	color:#FFFFFF;
}

.teasertext1 
{
	background:transparent url(/img/teaser1.png) no-repeat 0 0;
	display:block;
	height:42px;
	color:#737373;
	font-size:9pt;
	font-weight:normal;
	line-height:12pt;
	padding:7px 0 7px 10px;
	letter-spacing:1px;
	text-decoration:none;
}

a.teasertext1:hover 
{
	text-decoration:none;
}

a.teasertext1:visited
{
	text-decoration:none;
	color:#737373;
}

.teasertext2 
{
	background:transparent url(/img/teaser2.png) no-repeat 0 0;
	display:block;
	height:42px;
	color:#737373;
	font-size:9pt;
	font-weight:normal;
	line-height:12pt;
	padding:7px 0 7px 10px;
	letter-spacing:1px;
	text-decoration:none;
}

a.teasertext2:hover 
{
	text-decoration:none;
}

a.teasertext2:visited 
{
	text-decoration:none;
	color:#737373;
}

/* Images IDs and Classes */
#image1 
{
	position:absolute;
	background-color:Transparent;
	top:157px;
	right:27px;
	width:180px;
	height:134px;
	z-index:1000;
}

#image2 
{
	position:absolute;
	background-color:Transparent;
	top:305px;
	right:27px;
	width:180px;
	height:134px;
	z-index:1000;
}

/* Mainsites of Top-Navigation IDs and Classes */
#schmetterlinghome 
{
	position:absolute;
	top:130px;
	right:282px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#schmetterlingportrait 
{
	position:absolute;
	top:110px;
	right:210px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#schmetterlingbegegnung 
{
	position:absolute;
	top:80px;
	right:250px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#schmetterlingjobs
{
	position:absolute;
	top:90px;
	right:240px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#schmetterlingspenden 
{
	position:absolute;
	top:105px;
	right:265px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#schmetterlingpublikationen
{
	position:absolute;
	top:60px;
	right:300px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#schmetterlingkontakt
{
	position:absolute;
	top:80px;
	right:250px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#schmetterlingfest
{
	position:absolute;
	top:100px;
	right:75px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

/* Mainsites of Left-Navigation IDs and Classes */
#leftimagewohnen
{
	position:absolute;
	top:100px;
	right:10px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#leftimagelernen
{
	position:absolute;
	top:130px;
	right:0px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#leftimagepflege
{
	position:absolute;
	top:130px;
	right:5px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#leftimagegastro
{
	position:absolute;
	top:160px;
	right:0px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#leftimagegaertnereiblum
{
	position:absolute;
	top:120px;
	right:20px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#leftimagewagi
{
	position:absolute;
	top:80px;
	right:-50px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#leftimagelandwirtschaft
{
	position:absolute;
	top:90px;
	right:0px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

#leftimagekinderkrippe
{
	position:absolute;
	top:110px;
	right:0px;
	z-index:50;
	background-color:Transparent;
	overflow:hidden;
}

/* Colordots Classes */
.tupfenlindengruen 
{
	background:url(/img/bg_tupfer/Tupfer_lindengruen.jpg) repeat-y scroll 0 0;
}

.tupfengruen 
{
	background:url(/img/bg_tupfer/Tupfer_gruen.jpg) repeat-y scroll 0 0;
}

.tupfenrot
{
	background:url(/img/bg_tupfer/Tupfer_rot.jpg) repeat-y scroll 0 0;
}

.tupfenblau
{
	background:url(/img/bg_tupfer/Tupfer_blau.jpg) repeat-y scroll 0 0;
}

.tupfengelb
{
	background:url(/img/bg_tupfer/Tupfer_gelb.jpg) repeat-y scroll 0 0;
}

.tupfenbraun
{
	background:url(/img/bg_tupfer/Tupfer_braun.jpg) repeat-y scroll 0 0;
}

/*****************************************************************************/
/* Form Classes and IDs */
.textfield 
{
	background:url(/img/bg_textfield.jpg) no-repeat;
	border:solid 1px #A0CB26;
	height:14px;
	width:381px;
	padding:3px 0 3px 0;
	font-size:9pt;
	font-family:Tahoma;
	color:#737373;
	letter-spacing:0.1mm;
	margin:2px 0 2px 0;
}

#textarea 
{
	background:url(/img/bg_textarea.jpg) no-repeat;
	border:solid 1px #A0CB26;
	height:80px;
	width:381px;
	padding:2px 0 2px 0;
	font-size:9pt;
	font-family:Tahoma;
	color:#737373;
	letter-spacing:0.1mm;
	margin:2px 0 4px 0;
}

#cancel 
{
	background:url(/img/bg_button.jpg) no-repeat;
	border:solid 1px #A0CB26;
	height:22px;
	width:102px;
	font-size:9pt;
	font-family:Tahoma;
	color:#737373;
	letter-spacing:0.1mm;
	cursor:pointer;
	margin:0;
	padding:0;
}

#submit 
{
	background:url(/img/bg_button.jpg) no-repeat;
	border:solid 1px #A0CB26;
	height:22px;
	width:102px;
	font-size:9pt;
	font-family:Tahoma;
	color:#737373;
	letter-spacing:0.1mm;
	cursor:pointer;
	margin:0;
	padding:0;
}

#imgCaptcha 
{
	border:solid 1px #A0CB26;
	margin:5px 0 5px 0;
	padding:5px 5px 5px 5px;
}

#captchacode
{
	width:100px;
}
/*****************************************************************************/
/* Spezielle Links Classes und IDs */

.normal
{
	color:#678900;
	font-size:9pt;
	line-height:14pt;
	text-decoration:none;
}

a.normal:visited 
{
	text-decoration:none;
}

a.normal:hover 
{
	text-decoration:underline;
}

.klapp
{
	color:#737373;
	font-size:9pt;
	line-height:14pt;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 10px 15px;
	margin:2px 0 2px 0;
	display:block;
	height:auto;
	background:transparent url(/img/Pfeil-strich.gif) no-repeat scroll 0 0;
	border:none;
}

a.klapp:hover
{
	text-decoration:none;
	border:none;
}

a.klapp:visited
{
	text-decoration:none;
	border:none;
}

.sponsors
{
	text-decoration:none;
	margin-top:10px;
	padding-bottom:3px;
	margin-bottom:10px;
}

p.sponsors
{
	border-bottom-style:dotted;
	border-bottom-color:#A0CB26;
	border-bottom-width:1px;
}

/*****************************************************************************/
/* Fotogalerie Classes und IDs */

.fotofor 
{
	display:block;
	height:30px;
	width:30px;
	background:transparent url(/img/btn_for.png) no-repeat scroll 0 0;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.fotofor:hover
{	
	text-decoration:none;
	border:none;
}

a.fotofor:visited
{	
	text-decoration:none;
	border:none;
}

.fotoback 
{
	display:block;
	height:30px;
	width:30px;
	background:transparent url(/img/btn_back.png) no-repeat scroll 0 0;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.fotoback:hover 
{
	text-decoration:none;
	border:none;
}

a.fotoback:visited 
{
	text-decoration:none;
	border:none;
}

.galerie
{
	color:#737373;
	font-size:9pt;
	line-height:14pt;
	text-decoration:none;
	font-weight:bold;
}

a.galerie:visited 
{
	text-decoration:none;
}

a.galerie:hover 
{
	text-decoration:underline;
}

/*****************************************************************************/
/* Class:hover */
a.headernav2:hover 
{
	color:#A0CB26;
	font-weight:bold;
	text-decoration:none;
}

a.leftnav1:hover 
{
	color:#FFFFFF;
	background-color:#A0CB26;
	text-decoration:none;
}

a.leftnav2:hover 
{
	background-color:Transparent;
	color:#A0CB26;
	font-weight:bold;
	text-decoration:none;
}