/* C S S   Document for mupf.ch */
/* copyright ALOCO GmbH www.aloco.ch */
/* Autor   Dan Riesen    Version 1.0 */

/* body */
/* -------------------------------------------- */
html, body {
	color: #000000;
	background-color: #FF0000;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* LOGO */
/* -------------------------------------------- */
#header {
	background-color: #ff0000;
	color: #000000;
}
.logo {
	float: left;
	padding: 50px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.tx-guestbook-latest-header {
	background-color: #ffffff;
	color: #ffffff;
}
/* servicenavi */
/* -------------------------------------------- */
div#servicenavi {
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 22px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #000099;
}
#servicenavi a:link, #servicenavi a:visited, #servicenavi a:active  {
	font-size: 90%;
	text-decoration: none;
	color: #FFFFFF;
}
#servicenavi a:hover {
	text-decoration: none;
	color: #0000FF;
}

/* Sitemap Wrap-all */
/* -------------------------------------------- */
#sitemap{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight: bold; 
	text-align: left;
	background-color: #FFFF00;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
}
#sitemap a:link{
	color:#00956f;
}
#sitemap a:visited {
	color:#00518F;
}
#sitemap a:hover{
	color:#006633;
}
#sitemap a:hover{
	color:#8F0000;
}
#sitemap a:active{
	color:#8F0000;
}

/* left column */
/* -------------------------------------------- */
div#navi {
	float: left;
	clear: both;
	width: 170px;
	background-color: #ff0000;
	padding: 14px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

/* breadcrumbs Links */
/*---------------------------------------------*/
#breadcrumbs {
	color: #0000ff;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#breadcrumbs a:link {
	color: #0000ff;
	text-decoration:none;
}
 #breadcrumbs a:visited {
	color: #0000ff;
	text-decoration:none;
}
 #breadcrumbs a:hover {
	color: #FF6633;
	text-decoration:none;
}
 #breadcrumbs a:active {
	color: #FF6633;
	text-decoration:none;
}

/* bildunterschrift - caption */
/*--------------------------------------------*/
p.csc-caption {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color:#000000; 
	font-size : 10px; 
	padding :  2px 0px 10px 0px; 
	margin: 2px 0px 10px 0px;
	text-align: left;
}

/* startbild */
/*--------------------------------------------*/

div#startbild {
	text-align: left;
}

/* content */
/* -------------------------------------------- */
div#content {
	max-width:780px;
	width:expression(document.body.clientWidth > 1000? "780px": "auto" );
text-align: left;
height: auto;
	padding: 0px 25px 0px 4px;
	margin: 0px 0px 0px 170px;
	background-color: #FFFF00;
}

/* table content */
/* -------------------------------------------- */
.contenttable {
background-color:#FFFF00;
border: solid #ff0000 6px;
width: 550px;
}
.tr-1 {
text-align: left;
vertical-align:text-top;
background-color:#ff7700;
border: solid #003400 3px;
}
.tr-last {
background-color:#ffee00;
border: solid #000 3px;
}
.tr-even {
vertical-align:text-top;
text-align: left;
background-color: #ffcc00;
}
.tr-odd {
vertical-align:text-top;
color: #030703;
text-align: left;
background-color: #ffee00;
}

/* Formular - Formatierung */
/* -------------------------------------------- */
p.csc-form-label{
           font-family: Arial, Helvetica, sans-serif; 
           color: #000000;
           background-color: #FFFF00;
           font-size: 14px; 
           padding: 2px 2px 4px 0px;
           margin: 0px 0px 0px 0px; 
           text-align: right;
           vertical-align: text-top;
           vertical-align: top;
}    
p.csc-form-label-req{
           font-family: Arial, Helvetica, sans-serif; 
           color: #000000;
           background-color: #FFFF00;
           font-size: 14px; 
           padding: 2px 2px 4px 0px;
           margin: 0px 0px 0px 0px; 
           font-weight: bold;
           text-align: right;
           vertical-align: text-top;
}    
p.csc-form-labelcell{
           font-family: Arial, Helvetica, sans-serif; 
           color: #00956f;
           background-color: #F5F9F8;
           font-size: 16px; 
           padding: 2px 0px 4px 0px;
           margin: 0px 0px 0px 0px;  
           text-align: left;
           vertical-align: text-top;
}
.csc-form-labelcell{
           font-family: Arial, Helvetica, sans-serif;
           color: #00956f;
           background-color: #FFFF00;
           font-size: 16px; 
           padding: 2px 2px 4px 0px;
           margin: 0px 0px 0px 0px;  
           text-align: left;
           vertical-align: text-top;
}
.csc-form-fieldcell{
           font-family: Arial, Helvetica, sans-serif; 
           color: #000000;
           background-color: #FFFF00;
           font-size: 16px;  
           padding: 2px 2px 4px 0px;
           margin: 0px 0px 0px 0px; 
           text-align: left;
           vertical-align: top;
}

/* footer */
/* -------------------------------------------- */
#footer {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
font-weight: bold;
	line-height: 0.4em;
	color: #000000;
	background-color: #c0fe30;
	padding: 4px 0px 0px 151px;
	margin: 0px 0px 0px 0px;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #000099;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #000099;
}
#footer a:link, #footer a:visited, #footer a:active  {
	text-decoration: none;
	color: #FF0000;
}

#footer a:hover {
	text-decoration: none;
	color: #006090;
}

/* Ueberschriften */
/* -------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-weight : bold;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	padding: 8px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

h1	{
	font-size: 170%;
}
	
h2	{
	font-size: 140%;
}
	
h3	{
	font-size: 120%;
}

h4	{
	font-size: 110%;
}
	
h5	{
	font-size: 90%;
}
	
h6	{
	font-size: 80%;
}

/* Text */
/* -------------------------------------------- */
p {
	color: #000000;
	background-color: transparent;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.2em;
	letter-spacing: 0.0em;
}
ul, ol {
	color: #000000;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 18px;
}
li {
	color: #000000;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
a {
	color: #6090c0;
	background: transparent;
	text-decoration: underline;
}
a:link {
	color: #6090c0;
	background: transparent;
	text-decoration: underline;
}
a:visited {
	color: #6090c0;
	background: transparent;
	text-decoration: underline;
}
a:hover {
	color: #FF9A35;
	background: transparent;
	text-decoration: underline;
}
a:active {
	color: #006090;
	background: transparent;
	text-decoration: underline;
}

.hide {
	display:none;
}

/* Navigation erste Ebene */
/* -------------------------------------------- */
ul#primary {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size: 140%;
	font-weight : bold;
  	margin:0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}
ul#primary li {
	text-align:left;
	padding:1px 0px 1px 1px;
  	margin: 0px 0px 0px 0px;
	border:none;
	list-style-type: none;
}
ul#primary li a:link  {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color:#FF0000;
	color:#003C95;
	display:block;
	text-decoration:none;
}
ul#primary li a:visited {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color:#FF0000;
	color:#003C95;
	display:block;
	text-decoration:none;
}
ul#primary li a:hover {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color: #FFFF00;
	color:#ff0000;
	display:block;
	text-decoration:none;
}
ul#primary li a:active {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color: #FFFF00;
	color:#ff0000;
	display:block;
	text-decoration:none;
}

/* Navigation erste Ebene active */
/* -------------------------------------------- */
ul#primary li.act {
	text-align:left;
	padding:1px 0px 1px 1px;
  	margin: 0px 0px 0px 0px;
	border:none;
	list-style-type: none;
}
ul#primary li.act a:link  {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color: #FFFF00;
	color:#FF0000;
	display:block;
	text-decoration:none;
}
ul#primary li.act a:visited {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color: #FFFF00;
	color:#FF0000;
	display:block;
	text-decoration:none;
}
ul#primary li.act a:hover {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color: #ffcc33;
	color:#003c95;
	display:block;
	text-decoration:none;
}
ul#primary li.act a:active {
	padding:4px 0px 4px 4px;
  	margin:1px 0px 1px 0px;
	background-color: #ffcc33;
	color:#003c95;
	display:block;
	text-decoration:none;
}

/* Navigation zweite Ebene */
/* -------------------------------------------- */
ul#primary li.secondary a {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size: 80%;
	font-weight : bold; 
	border: none;
	padding:2px 0px 2px 8px;
  	margin:1px 0px 1px 4px;
	text-align : left; 
}

ul#primary li.secondary a:link {
	color:#FFFFFF;
	background-color : #0099ff;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none; 
}
  
ul#primary li.secondary a:visited {
	color:#FFFFFF;
	background-color : #0099ff;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none;
}

ul#primary li.secondary a:hover {
	color:#003366;
	background-color: #ccff33;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none; 
} 

ul#primary li.secondary a:active {
	color:#003366;
	background-color : #ccff33;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none; 
}
/* Navigation zweite Ebene active */
/* -------------------------------------------- */
ul#primary li.act2 a {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size: 80%;
	font-weight : bold; 
	border: none;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	text-align : left; 
}

ul#primary li.act2 a:link {
	color:#003366;
	background-color: #ccff33;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none; 
}
  
ul#primary li.act2 a:visited {
	color:#003366;
	background-color: #ccff33;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none;
}

ul#primary li.act2 a:hover {
	color:#FFFFFF;
	background-color: #0099ff;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none; 
} 

ul#primary li.act2 a:active {
	color:#FFFFFF;
	background-color: #0099ff;
	padding:2px 0px 2px 3px;
  	margin:1px 0px 1px 11px;
	display : block; 
	text-decoration : none; 
}
/* Mailform  */
.csc-mailform {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #FCFCFC;
}

.csc-mailform-field {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #f33f00;
	color:#000000;
	font-size:14px;
}
label{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	color:#000000;
	font-size:14px;
	border: none;
}
input{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color:#000000;
	font-size:14px;
	border: solid 1px #000000;
}
.csc-mailform-submit {
	padding: 0px 0px 0px 0px;
	margin: 4px 4px 4px 200px;
}
.csc-textpic-caption {
	color:#000000;
	font-size:11px;
}