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

CSS-Formatierungen fuer communicaziun.ch

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


 /*#################################################
           Kalibrierung  
#################################################*/

* {		padding: 0; margin: 0;		} /*Kalibrierung der abstaende */


 /*#################################################
 allgemeine Formatierungen von HTML-Elementen
#################################################*/
body   {
	color:           #88898b;
	font-size:        12px;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	height:           101% }

hr {
width: 60%;
color: #96D145;
background-color: #96D145;
border: 0 solid #96D145;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 50px;
}

a {
color: #88898B;
text-decoration: none;
}
a:visited {
color: #88898B;
}

h1    {
	color:       #96d145;
	font-size:    48px;
	font-family:  Times, "Times New Roman", serif;
	font-weight:  normal;
	margin-top:   -20px;
	margin-left:  -60px;
	padding-left: 80px;
	width:        550px }



.laquo  {
	margin-left:    -80px;	
	vertical-align: middle; 
	margin-top: 15px;
	}

.up {
vertical-align: super;}
.up2 {
vertical-align: 20px;}
h2  {
	color:        #96D145;
	font-size:     36px;
	font-family:   Times, "Times New Roman", serif;
	font-weight:   normal;
	margin-top:    -120px;
	margin-left:   80px;
	padding-right: 80px;
	width:         700px;}
.startseite {
padding-right: 0;
font-size: 30px;}
.raquo {	margin-right:    80px;
margin-top: -10px;	
vertical-align: sub;}
h3 {
color: #88898B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin-left: 80px;
	width: 400px;
}
.utitel {
line-height: 150%;
color: #96D145;
font-size: 145%;
letter-spacing: 1px;
font-weight: bold;}
ul {margin-left: 100px;
width: 400px;}
ol {
margin-left: 100px;
width: 400px;}
.grossgruenfett {
font-weight: bold;
font-size: 120%;
color: #96D145;}

.wichtig {
color: #801531;
font-weight: bold;
letter-spacing: 1px;
}
.datum {
color: #96D145;
font-size: 100%;
letter-spacing: normal;
font-weight: normal;
font-style: italic;
}
#wrapper  {
	margin-bottom: 15px;
	margin-left:    -400px;
	padding-bottom: 15px;
	position:       absolute;
	top:            10%;
	left:           50%;
	width:          800px;
	height:         80% }


#Kopfbereich  {
	background-color:   #ffffff;
	background-image:    url("img/logoD.gif");
	background-repeat:   no-repeat;
	background-position: 20px 10px;
	padding-top:         10px;
	padding-bottom:      10px;
	width:               800px;
	border-style:        dotted dotted solid;
	border-width:        1px 1px 0;
	border-color:        #88898b #88898b #000000 }


#Kopfbereich_R  {
	background-color:   #ffffff;
	background-image:    url("img/logoR.gif");
	background-repeat:   no-repeat;
	background-position: 20px 10px;
	padding-top:         10px;
	padding-bottom:      10px;
	width:               800px;
	border-style:        dotted dotted solid;
	border-width:        1px 1px 0;
	border-color:        #88898b #88898b #000000 }


#Sprache {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 10px;
	z-index: 99;
	
}
#Navigation {
margin-top: 20px;
margin-bottom: 5px;
float: right;
width: 514px;}

#Inhalt  {
	background-color: #e1e2e3;
	margin-bottom:     15px;
	padding:           30px;
	position:          absolute;
	width:             740px;
	border-style:      solid dotted dotted;
	border-width:      0 1px 1px;
	border-color:      #000000 #88898b #88898b }



#text {

	background-color: #FFFFFF;
	border: dotted 1px #88898B;
	padding: 10px;
	width: 720px;
}

#text a:hover {
	border-bottom: dotted 2px #801531;
}
#text a {
	border-bottom: dotted 2px #96D145;
}
.bilder {
	margin-left: 80px;
	width: 400px;
	
}
.bilderbreit {
	margin-left: 80px;
	width: 650px;
	
}

.bilderbreit a {
border-bottom: 0 solid #ffffff !important;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

ol li {
margin-bottom: 1em;}
.bilder a {
border-bottom: 0 solid #ffffff !important;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.empic {
position: absolute;
right: 0;
bottom: 0;
}
#copy {
font-size: 80%;
text-align: left;
width: 100%;
position: absolute;
bottom: 5px;}

#Startbild {
margin-bottom: 30px;
text-align: right;}
.imgrechts {
float: right;
margin-bottom: 30px;
}
.logo {
float: left;
margin-left: 20px;
}

.t_links {
float: left;
margin-left: -42px;
width: 300px;
}
.t_links_a {
float: left;
margin-left: -42px;
width: 300px;
}
.t_rechts {
float: right;
margin-right: -40px;
width: 650px;
}
#armin {
float: left;
margin-right: 25px;}

#flavio {
float: left;
margin-right: 25px;
}

#ursina {
float: left;
margin-right: 25px;
}

#benedikt {
float: left;
margin-right: 25px;}

#flurina {
float: left;
margin-right: 25px;}

#lara {
float: left;
margin-right: 25px;}

#livio {
float: left;
margin-right: 25px;}

#michel {
float: left;
margin-right: 25px;}

#gion {
float: left;
margin-right: 25px;}
#sarah {
float: left;
margin-right: 25px;}

#nav1 a {
	background-image: url(img/Bilder/Navigation_01.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #96D145;
	float: left; 
	width: 90px;
	height: 25px;
	font-size: 0;
}

#nav1 a:hover  {background-image: url(img/Bilder/Navigation_h_01.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #96D145;}

#nav1 a:active  {
background-image: url(img/Bilder/Navigation_a_01.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #96D145;}
	
	#nav1 .active  {
background-image: url(img/Bilder/Navigation_a_01.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #96D145;	float: left; 
	width: 90px;
	height: 25px;
	font-size: 0;
}
#nav2 a  {
	background-image: url(img/Bilder/Navigation_02.gif);
	float: left; 
	width: 98px;
	height: 25px;
	font-size: 0;
}
#nav2 a:hover  {
	background-image: url(img/Bilder/Navigation_h_02.gif);
}

#nav2 a:active  {
	background-image: url(img/Bilder/Navigation_a_02.gif);
}#nav2 .active  {
	background-image: url(img/Bilder/Navigation_a_02.gif);
		float: left; 
	width: 98px;
	height: 25px;
	font-size: 0;
}
#nav3 a  {
	background-image: url(img/Bilder/Navigation_03.gif);
	float: left; 
	width: 64px;
	height: 25px;	
	font-size: 0;
}
#nav3 a:hover  {
	background-image: url(img/Bilder/Navigation_h_03.gif);
}

#nav3 a:active  {
	background-image: url(img/Bilder/Navigation_a_03.gif);
}#nav3 .active  {
	background-image: url(img/Bilder/Navigation_a_03.gif);
		float: left; 
	width: 64px;
	height: 25px;	
	font-size: 0;
}

#nav4 a  {
	background-image: url(img/Bilder/Navigation_04.gif);
	float: left; 
	width: 63px;
	height: 25px;	
	font-size: 0;
}
#nav4 a:hover  {
	background-image: url(img/Bilder/Navigation_h_04.gif);
}

#nav4 a:active  {
	background-image: url(img/Bilder/Navigation_a_04.gif);
}
#nav4 .active  {
	background-image: url(img/Bilder/Navigation_a_04.gif);
float: left; 
	width: 63px;
	height: 25px;	
	font-size: 0;
}

#nav5 a  {
	background-image: url(img/Bilder/Navigation_05.gif);
	float: left; 
	width: 60px;
	height: 25px;	
	font-size: 0;
}
#nav5 a:hover  {
	background-image: url(img/Bilder/Navigation_h_05.gif);
}

#nav5 a:active  {
	background-image: url(img/Bilder/Navigation_a_05.gif);
}

#nav5 .active  {
	background-image: url(img/Bilder/Navigation_a_05.gif);
	float: left; 
	width: 60px;
	height: 25px;	
	font-size: 0;
}
#nav6 a  {
	background-image: url(img/Bilder/Navigation_06.gif);
	float: left; 
	width: 78px;
	height: 25px;	
	font-size: 0;
}
#nav6 a:hover  {
	background-image: url(img/Bilder/Navigation_h_06.gif);
}

#nav6 a:active  {
	background-image: url(img/Bilder/Navigation_a_06.gif);
}#nav6 .active  {
	background-image: url(img/Bilder/Navigation_a_06.gif);
	
		float: left; 
	width: 78px;
	height: 25px;	
	font-size: 0;
}
#nav7 a  {
	background-image: url(img/Bilder/Navigation_07.gif);
	float: left; 
	width: 61px;
	height: 25px;	
	font-size: 0;
}
#nav7 a:hover  {
	background-image: url(img/Bilder/Navigation_h_07.gif);
}

#nav7 a:active  {
	background-image: url(img/Bilder/Navigation_a_07.gif);
}#nav7 .active  {
	background-image: url(img/Bilder/Navigation_a_07.gif);
	float: left; 
	width: 61px;
	height: 25px;	
	font-size: 0;
}
/*    Navigation Romanisch */
#Rnav1 a  {
	font-size:       0;
	background-image: url("img/Bilder/Navigation_R_01.gif");
	width:            66px;
	height:           25px;
	float:            left }

#Rnav1 a:hover  {
	background-image: url(img/Bilder/Navigation_R_h_01.gif);
}

#Rnav1 a:active  {
	background-image: url(img/Bilder/Navigation_R_a_01.gif);
}#Rnav1 .active   {
	font-size:       0;
	background-image: url("img/Bilder/Navigation_R_a_01.gif");
	width:            66px;
	height:           25px;
	float:            left }

#Rnav2 a  {
	background-image: url(img/Bilder/Navigation_R_02.gif);
	float: left; 
	width: 96px;
	height: 25px;
	font-size: 0;
}
#Rnav2 a:hover  {
	background-image: url(img/Bilder/Navigation_R_h_02.gif);
}

#Rnav2 a:active  {
	background-image: url(img/Bilder/Navigation_R_a_02.gif);
}#Rnav2 .active  {
	background-image: url(img/Bilder/Navigation_R_a_02.gif);
		float: left; 
	width: 96px;
	height: 25px;
	font-size: 0;
}
#Rnav3 a  {
	background-image: url(img/Bilder/Navigation_R_03.gif);
	float: left; 
	width: 74px;
	height: 25px;	
	font-size: 0;
}
#Rnav3 a:hover  {
	background-image: url(img/Bilder/Navigation_R_h_03.gif);
}

#Rnav3 a:active  {
	background-image: url(img/Bilder/Navigation_R_a_03.gif);
}#Rnav3 .active  {
	background-image: url(img/Bilder/Navigation_R_a_03.gif);
		float: left; 
	width: 74px;
	height: 25px;	
	font-size: 0;
}

#Rnav4 a  {
	background-image: url(img/Bilder/Navigation_R_04.gif);
	float: left; 
	width: 78px;
	height: 25px;	
	font-size: 0;
}
#Rnav4 a:hover  {
	background-image: url(img/Bilder/Navigation_R_h_04.gif);
}

#Rnav4 a:active  {
	background-image: url(img/Bilder/Navigation_R_a_04.gif);
}
#Rnav4 .active  {
	background-image: url(img/Bilder/Navigation_R_a_04.gif);
float: left; 
	width: 78px;
	height: 25px;	
	font-size: 0;
}

#Rnav5 a  {
	background-image: url(img/Bilder/Navigation_R_05.gif);
	float: left; 
	width: 61px;
	height: 25px;	
	font-size: 0;
}
#Rnav5 a:hover  {
	background-image: url(img/Bilder/Navigation_R_h_05.gif);
}

#Rnav5 a:active  {
	background-image: url(img/Bilder/Navigation_R_a_05.gif);
}

#Rnav5 .active  {
	background-image: url(img/Bilder/Navigation_R_a_05.gif);
	float: left; 
	width: 61px;
	height: 25px;	
	font-size: 0;
}
#Rnav6 a  {
	background-image: url(img/Bilder/Navigation_R_06.gif);
	float: left; 
	width: 78px;
	height: 25px;	
	font-size: 0;
}
#Rnav6 a:hover  {
	background-image: url(img/Bilder/Navigation_R_h_06.gif);
}

#Rnav6 a:active  {
	background-image: url(img/Bilder/Navigation_R_a_06.gif);
}#Rnav6 .active  {
	background-image: url(img/Bilder/Navigation_R_a_06.gif);
	
		float: left; 
	width: 78px;
	height: 25px;	
	font-size: 0;
}
#Rnav7 a  {
	background-image: url(img/Bilder/Navigation_R_07.gif);
	float: left; 
	width: 61px;
	height: 25px;	
	font-size: 0;
}
#Rnav7 a:hover  {
	background-image: url(img/Bilder/Navigation_R_h_07.gif);
}

#Rnav7 a:active  {
	background-image: url(img/Bilder/Navigation_R_a_07.gif);
}#Rnav7 .active  {
	background-image: url(img/Bilder/Navigation_R_a_07.gif);
	float: left; 
	width: 61px;
	height: 25px;	
	font-size: 0;
}
ul {
list-style-image: url(img/bullet.gif);
padding-left: 1em;
}

ul li {
padding-bottom: 5px;}

.fl-bot {
float: left;
margin-bottom: 20px;
}

 /*#################################################
           Zuruecksetzen von Abstaenden und float
#################################################*/
.clearing 	{clear: both; height: 0;}
.unsichtbar  {
	color:         #96D145;
	font-size:      0;
	vertical-align: sub }

h1, h3, h2, p, ul, ol {	margin-bottom: 1em;	}
ul ul {	margin-bottom: 0;	}
li {		margin-left: 1em;		}