/* copyright zonicdesign.ch 2006 */

/*  Die Layout-Boxen */
body {
	font-size: 0.8em;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	color:#000;
	padding:0px;
	margin:0px;
	line-height: 1.2em;
}

#titel {
	position: absolute;
	top: 125px;
	left: -1500px;
	visibility: hidden;
	
	}
div#titel a.home {
    display: block;
    height: 83px;
    width: 780px;
    border: none;
}
#header {
	background-color: #57becc;
	}
#leftsmall {
	position: absolute;
	top: 125px;
	left: -1500px;
	visibility: hidden;
	}
#rightsmall {
	position: absolute;
	top: 125px;
	left: -1500px;
	visibility: hidden;
	}

#main {
	margin: 0 2em 0 2em;
	padding: 0; 
	background-color: #ffffff;
	z-index:3;    
}
#main ul {
	margin: 0 0 0.4em 0;
	padding:0;
	}
#foot {
	  font-size: 0.9em;
	  border-top: 3px solid #bfd6de;
	  margin: 25px 0 0 0;
	  padding-top:1em;
}

#sitemap ul {
	margin: 0 0 0 2em;
	padding:0;
}
#sitemap li {
	margin:0 0 0.5em 2em;
	padding:0;
}
/*unsichtbar*/
.invisible {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
	 overflow: hidden;
	 visibility: hidden;
	}
#liste p {
	margin: 0;
}
#liste hr {
	text-align:left;
	width:inherit;
	height:1px;
	color:#353a43;
	background-color: #fff;
	margin-bottom:16px;
}
#liste .listhead {
	font-weight: bold;
	display:block;
	float:left;
	width: 7em;
	}
#liste .listtit {
	margin-left: 1em;
	}

/* Typo  */
#main .content {

}
#header h1 {
	font-size: 1em;
	color: #444;
	margin-left: 2em;
	padding: 5px 0 5px 0;
	letter-spacing: 1px;
}
h2 {
	font-size:1.2em;
	padding-top:10px;
	text-transform:uppercase;
	/*margin: 0px; */
	/*padding: 5px 20px 5px 20px; */
}
#main h2 {
	font-size:1.2em;
	padding-top:10px;
	margin: 0 0 20px 0;
	text-transform:uppercase;
	color: #564b47;
	background-color: transparent;
}
#main h3 {
	font-size:1.1em;
	padding-top:1em;
	margin: 0 0 0.4em 0;
	text-transform:none; 
	color: #564b47;
}
#main h4 {
	font-size:1em;
	padding-top:20px;
	text-transform:none; 
	color: #564b47;
	margin: 10px 0 0 0;
}

#main .hoch {
	font-size:0.7em;
	padding-right: 0.3em;
	}

.linekill {
	border-bottom: none !important;
}
.activekat {
	font-weight:bold;
	border-bottom: 1px solid #155193;
	}


/* Linkverhalten im Main */

div#main a {
    color: #155193;
    text-decoration: none;
	 border-bottom: 1px solid #ccc;
    }
div#main a:visited {
    color: #155193;
    text-decoration: none;
	 border-bottom: 1px solid #ccc;
    }
div#main a:hover {
    color: #111;
    text-decoration: none;
	 border-bottom: 1px solid #155193;
}


/* Linkverhalten im Foot */

div#foot a {
    color: #353a43;
    text-decoration: none;
	 border-bottom: 1px solid #ccc;
    }
div#foot a:visited {
    color: #353a43;
    text-decoration: none;
	 border-bottom: 1px solid #ccc;
    }
div#foot a:hover {
    color: #111;
    text-decoration: none;
	 border-bottom: 1px solid #155193;
}

/* Formular im Main */
.contact {
	margin: 0;
	padding: 12px 0 20px 30px; 
	border:none;
	}
#main form {
	width:30em;
	padding: 0;
	margin: 0;
	border: none;
}
#main fieldset {
	padding: 20px 0 26px 0; 
	margin: 0;
	border: none;
}

#main fieldset h2, p {
	margin:0 0 1em 0;
	padding:0;
	}
#main .formfield {
	border: 1px dotted #155193;
	background: #fff;
	color: #555;
	width: 18em;
	}
#main .formfield2 {
	border: 1px dotted #155193;
	background: #fff;
	color: #555;
	width: 4em;
	}
#main .register {
	border: 1px solid; 
    border-color: #57becc #57becc #57becc #57becc; 
    margin: 0 0 16px 0; 
    padding: 2px 6px; 
    font: bold 1em Arial,sans-serif; 
    color: #333!important; 
    background-color: #bfd6de; 
    text-decoration: none!important; 
}
#formElem  {
	width:2em;
	height:3.4em;
	float:left;
}
#formLabel {
	width:auto;
	padding:1px;
}

#detail p {
	margin:0 0 1em 0;
	padding:0;
	}
#detail fieldset {
	border: 1px solid #555;
	padding: 0 0 15px 15px; 
	margin: 0 0 10px 0;
}	

/* Der Formular-Button SUBMIT und Link als Button mit Hover-Verhalten */
#main .button { 
    border: 1px solid; 
    border-color: #ccc #666 #666 #ccc; 
    margin: 0 0 0 16px; 
    padding: 0 3px; 
    font: bold 1em Arial,sans-serif; 
    color: #333!important; 
    background: #fff; 
    text-decoration: none!important;   
}
#main .button:visited { 
    border: 1px solid; 
    border-color: #ccc #666 #666 #ccc; 
    margin: 0 0 0 16px; 
    padding: 0 3px; 
    font: bold 1em Arial,sans-serif; 
    color: #333!important; 
    background: #fff; 
    text-decoration: none!important;   
}
#main .button:hover { 
    color: #000!important;
    background-image: none!important; 
    background: #ccc !important; 
    border-color: #000; 
    text-decoration: none!important;
    }
#main a.button:link { 
    border: 1px solid; 
    border-color: #ccc #666 #666 #ccc; 
    margin: 0 0 0 16px; 
    padding: 0 3px; 
    font: bold 1em Arial,sans-serif; 
    color: #333!important; 
    background: #fff; 
    text-decoration: none!important;   
}
#main a.button:visited { 
    border: 1px solid; 
    border-color: #ccc #666 #666 #ccc; 
    margin: 0 0 0 16px; 
    padding: 0 3px; 
    font: bold 1em Arial,sans-serif; 
    color: #333!important; 
    background: #fff; 
    text-decoration: none!important;   
}
#main a.button:hover {
    color: #000!important;
    background-image: none!important; 
    background: #ccc !important; 
    border-color: #000; 
    text-decoration: none!important;
    }
#main .buttonwrapper {
	width: 30em;
	float:left;
	text-align:right;
	background-color:#fff;
	border-bottom: 1px solid #353a43;
	padding: 0 0 8px 0;
	margin-bottom: 30px;
}

/* Der Fussbereich einer Liste (anstelle von tbody) */
.listFoot {
    padding: .5em 1em;
	 width: 430px; /* Hier ist die Breite */
    text-align: left;    
	 border-bottom: 1px solid #1b60b8;
    padding: 3px 10px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
	 background-color: #fff;
}
.lfli { /* fuer die vor- und zurueck-pfeile */
	border: 0;
	padding: 3px 5px 0 0;
	}
.lfre {
	border: 0;
	padding: 3px 0 0 3px;
	}
#sitemap h3 {
	margin: 2em 0 0.5em 2.5em;
	padding: 0;
}