@charset "UTF-8";
/* CSS Document */

body{
    padding: 0;
    margin: 0;
    background-image: url(/images/layout/hintergrund-wildnispark.jpg);
    font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
	}

/*Eigenschaften der HTML-Tags*/

h1{
    font-size: 0.8em;
    padding: 0;
    margin: 0;
    font-weight: bold;
	}

p{
    font-size: 0.8em;
    color: #FFFFFF;
    line-height: 1.6em;
    padding: 0;
    margin: 0;
	}
    
img{
    border: 0;
	}

ul, li{
    padding: 0;
    margin: 0;
    list-style: none;
	font-weight: bold;
	}

table{
    font-size: 0.8em;
}

table tr td{
    vertical-align: top;
}

/*Eigenschaften Container (Dort liegt alles drin)*/

#container{
    position: static;
    width: 59em;
    height: auto;
    margin-left: 200px;
    margin-top: 0;
	}

/*Eigenschaften Logo*/

#logo{
    position: static;
    margin-left: 0;
    margin-top: 28px;
    width: 131px;
    height: 97px;
    /*background-image: url(/images/layout/wildnsipark_zuerich_logo.png);*/
    background-repeat: no-repeat;
	}

/* Eigenschaften Hauptnavigation mit Unterpunkten */
    
#hauptNavigation{
    float: left;
    width: 18em;
    height: auto;
    float: left;
    margin-top: 20px;
    margin-left: 0;
    display: block;
    font-size: 0.8em;
	}

#hauptNavigation li{
    margin-bottom: 20px;
	}

#hauptNavigation a{
    text-decoration: none;
    color: #FFFFFF;
	}

#hauptNavigation a:hover{
    color: #000000;
	}
    
#hauptNavigation ul li a.mainActive:link, 
#hauptNavigation ul li a.mainActive:visited{
    color: #000000;
    line-height: 2em;
	}

#hauptNavigation #subNavigation {
    margin-left: 25px;
	}

#hauptNavigation ul li ul#subNavigation li{
    margin-bottom: 7px;
	}

    
#hauptNavigation #haupt_active #subNavigation li a {
    color: #FFFFFF;
	}
    
#hauptNavigation #haupt_active #subNavigation a:hover{
    color: #ccff00;
	}

    
#hauptNavigation ul li ul li a.subActive:link, 
#hauptNavigation ul li ul li a.subActive:visited{
    color: #ccff00;
	}

#spezial{
    float: right;
    margin-right: 80px;
    margin-top: 10px;
	font-size: 0.8em;	
}

#content #spezial a.spezial:link, #content #spezial a.spezial:visited{
	color: #ccff00;
	line-height: 1.6em;
	font-weight:bold;
	text-decoration: none;
	}
	
.unsichtbar{                    /*Das ist nur sichtbar für Screenreader*/
    position: absolute;
    left: -2000px;
    top: -2000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
	}


/* Klangkalender */

#klangkalender{
    margin-top: 20px;
    color: #FFFFFF;
    margin-bottom: 6px;
    font-weight: bold;	}

/* Partner */

#partner{
    margin-top: 35px;
	}

/* Eigenschaften Content */

#content{
    float: left;
    width: 42.25em;
    height: 25em;
    margin-top: -20px;
	}

#slogan{
    float: right;
    font-size: 0.9em;
    color: #ccff00;
    margin-right: 45px;
    margin-bottom: 20px;
	font-weight: bold;
	}
	
#gallery{
	}
	
#gallery img{
	padding-bottom:11px;
	}
	
#content ul li{
    font-size: 13px;
    font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
    font-weight: normal;
    list-style-type: disc;
    list-style-position:outside;
    margin-left: 15px;
    padding-left: 0px;
	line-height: 1.6em;
}

#content ul li ul li{ 
    font-size: 1.0em;
    color: #FFFFFF;
    font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
    font-weight: normal;
    list-style-type: disc;
    list-style-position:outside;
    margin-left: 15px;
    padding-left: 0px;
}

#textboxgross{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 19em;
    width: 19.5em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #993399;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	}

#textboxgrossspez{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0;
    width: 30em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #993399;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;
	}

#textbox1{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 17.5em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #993399;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	
	}
	
#textboxspez{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 17.5em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	}

#textbox1 a.more{
	color:#ff8c00;
	text-align:right;
	margin-left:230px;
	text-decoration:none;
	font-size: 0.8em;
	margin-top:10px;
}

#textbox2 a.more{
	color:#ff8c00;
	text-align:right;
	margin-left:270px;
	text-decoration:none;
	font-size: 0.8em;
	margin-top:10px;
}

#textbox a.more{
	color:#ff8c00;
	text-align:right;
	margin-left:245px;
	text-decoration:none;
	font-size: 0.8em;
	margin-top:10px;
}


 #textboxgross a.more{
	color:#ff8c00;
	text-align:right;
	margin-left:260px;
	text-decoration:none;
	font-size: 0.8em;
	margin-top:10px;
}

#textbox_1 a.more, #textbox_2 a.more, #textbox_3 a.more{
	color:#ff8c00;
	text-align:right;
	margin-left:145px;
	text-decoration:none;
	font-size: 0.8em;
	margin-top:10px;
	}

#textbox2{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 20.1em;
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #99CCFF;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	}
	
#textbox_1{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 12.2em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #993399;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	}

#textbox_2{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 12.2em;
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #99CCFF;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	}

#textbox_3{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 12.2em;
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #666666;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	}
/* Helfen Sie Mit 4-er Block */
#textboxleer{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 20em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    float: left;
}

#helfen_box_1{
	background-color:#556b2f; 
	font-weight:bold; 
	padding:10px;
	font-size: 0.8em;
    line-height: 1.5em;
}

#helfen_box_1 a, #helfen_box_3 a{
	color:#ffffff;
	text-decoration:none;
}

#helfen_box_2{
	background-color:#add8e6; 
	font-weight:bold; 
	padding:10px;
	font-size: 0.8em;
    line-height: 1.5em;
}

#helfen_box_2 a, #helfen_box_4 a{
	color:#000000;
	text-decoration:none;
}

#helfen_box_3{
	background-color:#996633; 
	color:#ffffff; 
	font-weight:bold; 
	padding:10px;
	font-size: 0.8em;
    line-height: 1.5em;
}

#helfen_box_4{
	background-color:#fff5ee; 
	color:#000000; 
	font-weight:bold; 
	padding:10px;
	font-size: 0.8em;
    line-height: 1.5em;
}

img.close{
	top:4px;
	left:310px;
	position:absolute;
}

img.up{
	left:310px;
	position:absolute;
	bottom:10px;
}

#textboxgross img.close{
	top:4px;
	left:315px;
	position:absolute;
}

#textboxgross img.up{
	left:315px;
	position:absolute;
	bottom:10px;
}

#textbox_1 img.close, #textbox_2 img.close, #textbox_3 img.close{
	top:4px;
	left:195px;
	position:absolute;
}

#textbox_1 img.up, #textbox_2 img.up, #textbox_3 img.up{
	left:195px;
	position:absolute;
	bottom:10px;
}

#textbox1 img.up, #textbox1 p#anker a img.up{
	left:282px;
	position:absolute;
	bottom:10px;
}

#textbox1 img.close{
	left:282px;
	position:absolute;
	bottom:10px;
}

#textbox2 img.up{
	left:320px;
	position:absolute;
	bottom:10px;
}

#textbox2 img.close{
	left:320px;
	position:absolute;
	bottom:10px;
}



#textboxpartner2 ul li{
	padding-left:40px;
	color:#336699;
	padding-top:5px;
	list-style-position:inside;
}

#textboxpartner1{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 19.5em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #993399;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
	}
	
#textboxpartner2{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 20.6em;
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color: #99CCFF;
    float: left;
    padding-top: 0.5em;

/*    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-bottom: 0.3em;*/
	}
	
#textboxpartner2 p{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    margin-left: 0.6em;
    margin-right: 0.6em;
	}

a.links_kurse{
	color:#fff;
}

a.links_kurse:visited{
	color:#003366;
	/*color: #ccff00;*/
;
}

a.archiv, a.traegerschaft, a.besuchen, a.aktuell, a.veranstaltungen{
	color:#CCFF00;
}

a.archiv:visited, a.traegerschaft:visited, a.besuchen:visited, a.aktuell:visited, a.veranstaltungen:visited{
	color:#FF33FF;
}

a.links_ausstellung{
	color:#FFF;
}

a.links_ausstellung:visited{
	color:#CCFF00;
}

a.links_besuchen{
	color:#FFF;
}

a.links_besuchen:visited{
	color:#CCFF00;
}

#pdf_plan{
    color: #ff00ff;
    font-size: 0.8em;
	position: relative;
	top: 30em;
	left: 0.5em;
	}

#pdf_plan a.besuchen{
   font-family: Akkurat Bold, Arial Rounded MT, Arial, Helvetica, sans-serif;
   font-weight:bold;
    color: #ff33ff;
}

#pdf_besucherzentrum{
    color: #fff;
    font-size: 0.7em;
	position: relative;
	top: 23.6em;
	left: 20em;
	}

#pdf_besucherzentrum a.besucherzentrum{
   font-family: Akkurat Bold, Arial Rounded MT, Arial, Helvetica, sans-serif;
   font-weight:bold;
    color: #fff;
}

#pdf_langenberg{
    color: #fff;
    font-size: 0.78em;
	position: relative;
	top: 18.9em;
	left: 3.4em;
	}

#pdf_langenberg a.langenberg{
   font-family: Akkurat Bold, Arial Rounded MT, Arial, Helvetica, sans-serif;
   font-weight:bold;
    color: #fff;
}

#pdf_uebersichtsplan{
    color: #fff;
    font-size: 0.8em;
	position: relative;
	top: 22em;
	left: 26em;
	}

#pdf_uebersichtsplan a.uebersichtsplan{
   font-family: Akkurat Bold, Arial Rounded MT, Arial, Helvetica, sans-serif;
   font-weight:bold;
    color: #fff;
}

#forum{										/* Es sollte möglich sein per CMS die Hintergrundfarbe für dieses div zu ändern. */
    position: relative;
    top: -3em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 36.6em;							
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
    background-color:#FFF;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
    padding-top: 0.7em;	
	color:#003366;
	font-size: 0.8em;
	}
	
#forum a{
	color:#003366;
}
	
#hauptNavigation form input.suchfenster{
	width:98px;
	background-color:#f5f5f5;
	border:#f5f5f5 1px solid;
	font-size: 0.8em;
	color:#000000;
	font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:10px;
	outline:none;
	border:none;
}
#hauptNavigation form input.suchfenster focus{
	outline:none;
	border:none;
}

#suchergebnis{
	background-color:#ffffff;
	margin-top:140px;
	width:489px;
	color:#666633;
	padding:10px;
}

span.suche_kat{
	font-weight:bold;
	color:#003366;
	font-size: 0.8em;
}

#suchergebnis a{
	color:#003366;
	font-size: 0.8em;
}

/* ERLEBEN SIE ETWAS */
#textbox_erwachsene_mit_kindern, #textbox_erwachsene, #textbox_gruppen{
	position: relative;
    top: -1em;									/* Wenn Textbox angekickt ist, muss hier -2em stehen */
    left: 0em;
    width: 20.1em;
    height: auto;								/* Hier muss 'auto' rein, ist nur für Anschauungszwecke auf 5em */
	background-color:#996633;
	font-weight:bold; 
    float: left;
	padding:10px;
    line-height: 2.0em;
	color:#ffffff;
}

#textbox_erwachsene_mit_kindern a, #textbox_erwachsene a, #textbox_gruppen a, #textbox1 p.schulen a{
	color:#ffffff;
}

#textbox1 p.hoehepunkte a, #textbox1 p.erwachsene-mit-kindern a, #textbox1 p.erwachsene a, #textbox1 p.gruppen a,  #textbox2 p.schulen a{
	color:#000;
}

#textbox1 p a.links_hoehepunkte, a.links_schulen{
	color: #000;
	}

#textbox1 p a.links_hoehepunkte:visited, a.links_schulen:visited{
	color: #003366;
}

#textbox2 p a.links_hoehepunkte, a.links_schulen{
	color: #000;
	}

#textbox2 p a.links_hoehepunkte:visited, a.links_schulen:visited{
	color: #003366;
}


#textbox1 p a.links_auf-eigene-faust, a.links_kindergeburtstag, a.links_kindergeburtstag, a.links_sonntagsfuehrungen, a.links_kurse, a.links_auf-eigene-faust2, a.links_museum, a.links_60plus, a.links_kindergeburtstag, a.links_kindergeburtstag, a.links_kurse-und-exkursionen, a.links_exkursionen, a.links_museum2, a.links_museum3, a.links_feste-feiern, a.links_blick-hinter-die-kulissen{
	color: #000;
}

#textbox1 p a.links_auf-eigene-faust:visited, a.links_kindergeburtstag:visited, a.links_kindergeburtstag:visited, a.links_sonntagsfuehrungen:visited, a.links_kurse:visited, a.links_auf-eigene-faust2:visited, a.links_museum:visited, a.links_60plus:visited, a.links_kindergeburtstag:visited, a.links_kindergeburtstag:visited, a.links_kurse-und-exkursionen:visited, a.links_exkursionen:visited, a.links_museum2:visited, a.links_museum3:visited, a.links_feste-feiern:visited, a.links_blick-hinter-die-kulissen:visited{
	color: #003366;
}

#textbox2 p span ul li a{
	/*color:#0C0;*/
}