/* *** css-Vorlage by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
html { height: 100% } 
body {
background-color: #FFFFF0;
font-size: 11px;
text-align: left;

font-family: MS Trebuchet, Arial, SunSans-Regular, Sans-Serif;
color:#000;
letter-spacing: 0.4px;
line-height: 18px;
padding:0px;
margin:0px;
min-height: 101%;
}
#background1{

}
a {color: #000;}
a:visited {color:#000;}
a:hover {color: #000;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: transparent;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}


/* ----------container zentriert das layout-------------- */
#container_index {
width: 774px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: transparent;
z-index: 1000;
}

#container_index a.deutsch:hover
{
background-image: url(spot_07_navi/over_d.jpg);
}

#container {
width: 900px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: transparent;
z-index: 1000;
}
/* ----------virus oben links-------------- */

#virus_oben
{position: relative;
top: 41px;
margin-left: 120px;
width: 100px;}



/* ----------banner for metanavi-------------- */
/*#banner {
background-color: transparent;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 
#banner a {z-index: 1000;} 
*/
#franz{
font-size: 1px;}
#franz a{
float: right;
margin-top: 55px;
margin-right: 3px;
text-decoration: none;
font-size: 10px;}
#franz a:hover{
/*text-decoration: overline;*/
background-color: yellow;
}
/* ----------logo-------------- */

#logo {
float: left;
margin: -83px 0 0 0;
background-color: transparent;
}

#logo img
{
padding: 0;
margin: 0;
}

/* -----------------Inhalt--------------------- */
#content {
/*width: 650px;*/
background-color: transparent;
padding: 35px 0 20px 0;
margin-left: 250px;
margin-right: 0px;
border-top: solid black 1px;
/*border-bottom: solid black 1px;*/
}
#content2 {
/*width: 650px;*/
background-color: transparent;
padding: 35px 0 20px 0;
margin-left: 250px;
margin-right: 0px;
border-top: solid black 1px;
/*border-bottom: solid black 1px;*/
}

div#kurat {
float: right;
background-color: yellow;
/*width: 100px;*/
padding: 2px;
font-size: 12px;
letter-spacing: 0.4px;
margin-top: 0;
margin-left: 500px;
margin-top: -30px;
text-align: right;
}

#virus_frei_programm
{position: relative;
top: 60px;
left: -20px;
margin-top: -75px;
z-index: 1000;

}
#content a
{
color: black;
}
#content a:hover
{
color: black;
background-color: yellow;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}
#content td  { padding: 5px 3px; border-right: 1px solid black; border-bottom: 1px solid black }
#content2 td  { padding: 5px 0; border-bottom: 1px solid black }
#content td.ort {
padding-top: 0;
}
#content td.datum {
padding-top: 15px;
border-left: solid black 0px;

}
.aus {
background-color: yellow;
}
#content td.linksoben{
border: solid black 0px;

}
#tech
{
padding: 5px;
border: solid black 1px;
font-size: 12px;
/*background-color: #FFFFCC;*/
/*background-color: #FFFF4D;*/
}
#text {
width: 500px;
background-color: transparent;

}
.kursiv{
font-style:italic;
text-align: right;
}

.titel{
background-color: green;
}


#virus_frei
{
float: left;
margin-left: 20px;
margin-bottom: 10px;
margin-top: 210px;
padding-top:15px;
margin-right: 0px;
z-index: 1000;
}
#virus_frei2
{
float: right;
margin-left: 20px;
margin-bottom: 0px;
margin-top: -180px;
padding-top:15px;
margin-right: 0px;
z-index: 1000;
}
#virus_frei3
{
float: left;
margin-left: 350px;
margin-bottom: 0px;
margin-top: -340px;
padding-top:15px;
margin-right: 0px;
z-index: 1000;
}
#bild_rechts
{
float: right;
margin-left: 20px;
margin-bottom: 40px;
margin-top: 8px;
padding-top:15px;
margin-right: 0px;
z-index: 1000;
}
#bild_rechts_mit
{
float: right;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 8px;
padding-top:15px;
margin-right: 0px;
z-index: 1000;
}
#bild_rechts_quer_mit
{
float: right;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 8px;
padding-top:15px;
margin-right: 0px;
z-index: 1000;
}

#antifloat
{
clear: both;
visibility: hidden;
}


p, pre{
padding: 3px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 250px;
margin: 0px;
padding: 85px 0 0 0;
background-color: transparent;
border-top: solid black 1px;
}

#left img
{
padding: 0;
margin: 0;
}

#left a
{
text-decoration: none;
display:block;
padding: 0;
margin: 0;
}
#left a:hover
{
text-decoration: none;
display:block;
padding: 0;
margin: 0;
}
/* --------------left navigavtion reservation/pratique------------- */

#left a.anmeldung
{
background-image: url(spot_07_navi/anmeldung.jpg);
width: 200px; 
height: 18px;
}
#left a.anmeldung:hover
{
background-image: url(spot_07_navi/anmeldung_over.jpg);
width: 200px; 
height: 18px;
}
#left a.inscription
{
background-image: url(spot_07_navi/inscription.jpg);
width: 200px; 
height: 18px;
}
#left a.inscription:hover
{
background-image: url(spot_07_navi/inscription_over.jpg);
width: 200px; 
height: 18px;
}
/* --------------left navigavtion deutsch------------- */

#left a.ueber
{
background-image: url(spot_07_navi/ueber.jpg);
width: 200px; 
height: 28px;
}
#left a.ueber:hover
{
background-image: url(spot_07_navi/ueber_over.jpg);
width: 200px; 
height: 28px;
}
#left a.programm
{
background-image: url(spot_07_navi/programm.jpg);
width: 200px; 
height: 28px;
}
#left a.programm:hover
{
background-image: url(spot_07_navi/programm_over.jpg);
width: 200px; 
height: 28px;
}
#left a.produktionen
{
background-image: url(spot_07_navi/produktionen.jpg);
width: 200px; 
height: 28px;
}
#left a.produktionen:hover
{
background-image: url(spot_07_navi/produktionen_over.jpg);
width: 200px; 
height: 28px;
}
#left a.rahmen
{
background-image: url(spot_07_navi/rahmen.jpg);
width: 200px; 
height: 28px;
}
#left a.rahmen:hover
{
background-image: url(spot_07_navi/rahmen_over.jpg);
width: 200px; 
height: 28px;
}
#left a.spielorte
{
background-image: url(spot_07_navi/spielorte.jpg);
width: 200px; 
height: 28px;
}
#left a.spielorte:hover
{
background-image: url(spot_07_navi/spielorte_over.jpg);
width: 200px; 
height: 28px;
}
#left a.tp
{
background-image: url(spot_07_navi/tp.jpg);
width: 200px; 
height: 28px;
}
#left a.tp:hover
{
background-image: url(spot_07_navi/tp_over.jpg);
width: 200px; 
height: 28px;
}
#left a.reservation
{
background-image: url(spot_07_navi/reservation.jpg);
width: 200px; 
height: 28px;
}
#left a.reservation:hover
{
background-image: url(spot_07_navi/reservation_over.jpg);
width: 200px; 
height: 28px;
}
#left a.partner
{
background-image: url(spot_07_navi/partner.jpg);
width: 200px; 
height: 28px;
}
#left a.partner:hover
{
background-image: url(spot_07_navi/partner_over.jpg);
width: 200px; 
height: 28px;
}
#left a.medien
{
background-image: url(spot_07_navi/medien.jpg);
width: 200px; 
height: 28px;
}
#left a.medien:hover
{
background-image: url(spot_07_navi/medien_over.jpg);
width: 200px; 
height: 28px;
}
/* --------------left navigavtion franz------------- */
#left a.sur
{
background-image: url(spot_07_navi/sur.jpg);
width: 200px; 
height: 28px;
}
#left a.sur:hover
{
background-image: url(spot_07_navi/sur_over.jpg);
width: 200px; 
height: 28px;
}
#left a.programme
{
background-image: url(spot_07_navi/programme.jpg);
width: 200px; 
height: 28px;
}
#left a.programme:hover
{
background-image: url(spot_07_navi/programme_over.jpg);
width: 200px; 
height: 28px;
}
#left a.productions
{
background-image: url(spot_07_navi/productions.jpg);
width: 200px; 
height: 28px;
}
#left a.productions:hover
{
background-image: url(spot_07_navi/productions_over.jpg);
width: 200px; 
height: 28px;
}
#left a.cadre
{
background-image: url(spot_07_navi/cadre.jpg);
width: 200px; 
height: 28px;
}
#left a.cadre:hover
{
background-image: url(spot_07_navi/cadre_over.jpg);
width: 200px; 
height: 28px;
}
#left a.lieux
{
background-image: url(spot_07_navi/lieux.jpg);
width: 200px; 
height: 28px;
}
#left a.lieux:hover
{
background-image: url(spot_07_navi/lieux_over.jpg);
width: 200px; 
height: 28px;
}
#left a.peda
{
background-image: url(spot_07_navi/peda.jpg);
width: 200px; 
height: 28px;
}
#left a.peda:hover
{
background-image: url(spot_07_navi/peda_over.jpg);
width: 200px; 
height: 28px;
}
#left a.pratique
{
background-image: url(spot_07_navi/pratique.jpg);
width: 200px; 
height: 28px;
}
#left a.pratique:hover
{
background-image: url(spot_07_navi/pratique_over.jpg);
width: 200px; 
height: 28px;
}
#left a.partenaires
{
background-image: url(spot_07_navi/partenaires.jpg);
width: 200px; 
height: 28px;
}
#left a.partenaires:hover
{
background-image: url(spot_07_navi/partenaires_over.jpg);
width: 200px; 
height: 28px;
}
#left a.medias
{
background-image: url(spot_07_navi/medias.jpg);
width: 200px; 
height: 28px;
}
#left a.medias:hover
{
background-image: url(spot_07_navi/medias_over.jpg);
width: 200px; 
height: 28px;
}
/* --------------left produktionen sub navigavtion deutsch------------- */

#left a.ytu
{
background-image: url(spot_07_navi/ytu.jpg);
width: 200px; 
height: 18px;
}
#left a.ytu:hover
{
background-image: url(spot_07_navi/ytu_over.jpg);
width: 200px; 
height: 18px;
}
#left a.parkingzone
{
background-image: url(spot_07_navi/parkingzone.jpg);
width: 200px; 
height: 18px;
}
#left a.parkingzone:hover
{
background-image: url(spot_07_navi/parkingzone_over.jpg);
width: 200px; 
height: 18px;
}
#left a.bingbang
{
background-image: url(spot_07_navi/bingbang.jpg);
width: 200px; 
height: 18px;
}
#left a.bingbang:hover
{
background-image: url(spot_07_navi/bingbang_over.jpg);
width: 200px; 
height: 18px;
}
#left a.roichips
{
background-image: url(spot_07_navi/roichips.jpg);
width: 200px; 
height: 18px;
}
#left a.roichips:hover
{
background-image: url(spot_07_navi/roichips_over.jpg);
width: 200px; 
height: 18px;
}
#left a.scoliose
{
background-image: url(spot_07_navi/scoliose.jpg);
width: 200px; 
height: 18px;
}
#left a.scoliose:hover
{
background-image: url(spot_07_navi/scoliose_over.jpg);
width: 200px; 
height: 18px;
}
#left a.lava
{
background-image: url(spot_07_navi/lava.jpg);
width: 200px; 
height: 18px;
}
#left a.lava:hover
{
background-image: url(spot_07_navi/lava_over.jpg);
width: 200px; 
height: 18px;
}
#left a.ticktack
{
background-image: url(spot_07_navi/ticktack.jpg);
width: 200px; 
height: 18px;
}
#left a.ticktack:hover
{
background-image: url(spot_07_navi/ticktack_over.jpg);
width: 200px; 
height: 18px;
}

#left a.pferd
{
background-image: url(spot_07_navi/pferd.jpg);
width: 200px; 
height: 18px;
}
#left a.pferd:hover
{
background-image: url(spot_07_navi/pferd_over.jpg);
width: 200px; 
height: 18px;
}
#left a.schweiz
{
background-image: url(spot_07_navi/schweiz.jpg);
width: 200px; 
height: 18px;
}
#left a.schweiz:hover
{
background-image: url(spot_07_navi/schweiz_over.jpg);
width: 200px; 
height: 18px;
}
#left a.welt
{
background-image: url(spot_07_navi/welt.jpg);
width: 200px; 
height: 18px;
}
#left a.welt:hover
{
background-image: url(spot_07_navi/welt_over.jpg);
width: 200px; 
height: 18px;
}
#left a.queen
{
background-image: url(spot_07_navi/queen.jpg);
width: 200px; 
height: 18px;
}
#left a.queen:hover
{
background-image: url(spot_07_navi/queen_over.jpg);
width: 200px; 
height: 18px;
}
#left a.bahnhof
{
background-image: url(spot_07_navi/bahnhof.jpg);
width: 200px; 
height: 18px;
}
#left a.bahnhof:hover
{
background-image: url(spot_07_navi/bahnhof_over.jpg);
width: 200px; 
height: 18px;
}
#left a.schwestern
{
background-image: url(spot_07_navi/schwestern.jpg);
width: 200px; 
height: 18px;
}
#left a.schwestern:hover
{
background-image: url(spot_07_navi/schwestern_over.jpg);
width: 200px; 
height: 18px;
}
#left a.suppe
{
background-image: url(spot_07_navi/suppe.jpg);
width: 200px; 
height: 18px;
}
#left a.suppe:hover
{
background-image: url(spot_07_navi/suppe_over.jpg);
width: 200px; 
height: 18px;
}
#left a.schlummer
{
background-image: url(spot_07_navi/schlummer.jpg);
width: 200px; 
height: 18px;
}

#left a.schlummer:hover
{
background-image: url(spot_07_navi/schlummer_over.jpg);
width: 200px; 
height: 18px;
}
#left a.htb
{
background-image: url(spot_07_navi/htb.jpg);
width: 200px; 
height: 18px;
}

#left a.htb:hover
{
background-image: url(spot_07_navi/htb_over.jpg);
width: 200px; 
height: 18px;
}

#left a.tv
{
background-image: url(spot_07_navi/tv.jpg);
width: 200px; 
height: 18px;
}
#left a.tv:hover
{
background-image: url(spot_07_navi/tv_over.jpg);
width: 200px; 
height: 18px;
}
#left a.zaite
{
background-image: url(spot_07_navi/zaite.jpg);
width: 200px; 
height: 18px;
}
#left a.zaite:hover
{
background-image: url(spot_07_navi/zaite_over.jpg);
width: 200px; 
height: 18px;
}
#left a.saute
{
background-image: url(spot_07_navi/saute.jpg);
width: 200px; 
height: 18px;
}
#left a.saute:hover
{
background-image: url(spot_07_navi/saute_over.jpg);
width: 200px; 
height: 18px;
}
#left a.beurre
{
background-image: url(spot_07_navi/beurre.jpg);
width: 200px; 
height: 18px;
}
#left a.beurre:hover
{
background-image: url(spot_07_navi/beurre_over.jpg);
width: 200px; 
height: 18px;
}
/* --------------left produktionen sub navigavtion franz------------- */
#left a.gare
{
background-image: url(spot_07_navi/gare.jpg);
width: 200px; 
height: 18px;
}
#left a.gare:hover
{
background-image: url(spot_07_navi/gare_over.jpg);
width: 200px; 
height: 18px;
}
#left a.tictac
{
background-image: url(spot_07_navi/tictac.jpg);
width: 200px; 
height: 18px;
}
#left a.tictac:hover
{
background-image: url(spot_07_navi/tictac_over.jpg);
width: 200px; 
height: 18px;
}
#left a.cheval
{
background-image: url(spot_07_navi/cheval.jpg);
width: 200px; 
height: 18px;
}
#left a.cheval:hover
{
background-image: url(spot_07_navi/cheval_over.jpg);
width: 200px; 
height: 18px;
}

/* -----------footer--------------------------- */
#footer {
border-top: solid black 1px;
background-color: transparent;
height: 30px;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/* -----------formular--------------------------- */


form
	{		
		margin: 0px;
		padding: 0px;
	}
	
	fieldset
	{
		width: 500px;
		border-left: solid 1px #000;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
		padding: 10px;
		margin: 0px;
		margin-left: -10px;
	}
	
	legend
	{
		padding: 2px 5px;
		margin: 0px;
		border-left: solid 1px #000;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
		background-color: transparent;
		color: #000;
	}
	
	label
	{
		width: 150px;
		float: left;
		padding: 3px;
	}
	
	input, textarea
	{
		width: 250px;
		background-color: transparent;
		border: 1px solid #000;
		font-size: 11px;
		margin: 3px;
		padding: 2px;
	}
	input.not
	{
	width: 12px;
	}
	input:focus, input:hover, textarea:focus, textarea:hover
	{
		background-color: yellow;
		border: 1px solid #000;
	}
	form select    { font-size: 11px; color: #000; background-color: #ffffff;  }