/* copyright zonicdesign.ch 2006 */

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

#titel {
   background: url(../grafik/titel_1.jpg) no-repeat;
	background-color: #353a43;
	}
div#titel a.home {
    display: block;
    height: 83px;
    width: 780px;
    border: none;
}
#header {
	background-color: #57becc;
	}
#leftsmall {
	position: absolute;
	left: 0px;
	width: 220px;
	color: #353a43;
	background-color: #bfd6de;
	margin: 0px;
	z-index:1;
	visibility: visible;
}
#leftsmall #bottoml {
    background: #fff url(../grafik/bgd_nav.gif) no-repeat bottom;
    margin: 0;
    padding: 0;
    height: 41px;
}

#rightsmall {
	position: absolute;
	right: 0px;
	width: 220px;
	color: #353a43;
	background-color: #bfd6de;
	margin: 0px;
	z-index:2;
	visibility: visible;
}
#rightsmall #bottomr {
    background: #fff url(../grafik/bgd_nav.gif) no-repeat bottom;
    margin: 0;
    padding: 0;
    height: 41px;
}
#main {
	margin: 0px 220px 0px 220px;
	border-left: 1px solid #353a43;
	border-right: 1px solid #353a43;
	border-bottom: 1px solid #353a43;
	padding: 20px 20px 5px 20px;
	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;
	}
#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 {
width: 30em;
}
#header h1 {
	font-size: 1em;
	color: #353a43;
	margin: 0 0 0 220px;
	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;
}
#rightsmall h2 {
	margin-bottom: 12px;
}
#rightsmall h3 {
	font-size:1em;
	padding-top:10px;
	margin-bottom: 4px;
}
#leftsmall h3 {
	font-size:1em;
	padding-top:10px;
	margin-bottom: 4px;
}
#main .hoch {
	font-size:0.7em;
	padding-right: 0.3em;
	}


/* Navigation im rechten K”stchen */
div#rightsmall ul {
    text-align: left;
    list-style: none;
	list-style-position:outside;
    margin: 0 0 0 20px;
    padding: 0;
}
#rightsmall li {
    display: block;
    background: url(../grafik/ico_flesh.gif) no-repeat;
    margin: 0 0 2px 0;
    padding: 2px 0 2px 12px;
	 /*border-top: 1px solid #ececec;
	 border-bottom: 1px solid #ececec;*/
}
/*das Linkverhalten im rechten Kaestchen*/
div#rightsmall a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #006872;
            }
div#rightsmall a:visited {
    color: #333;
    text-decoration: none;
    }
div#rightsmall a:hover, #rightsmall a:active {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #990000;
}
.linekill {
	border-bottom: none !important;
}
.activekat {
	font-weight:bold;
	border-bottom: 1px solid #155193;
	}
div#rightsmall h2, h3, p, ul li {
	margin: 20px 20px 5px 20px;
}

/* Navigation im linken Kasten */
div#leftsmall ul {
    text-align: left;
    list-style: none;
	list-style-position:outside;
    margin: 0 0 0 20px;
    padding: 0;
}
#leftsmall li {
    display: block;
    background: url(../grafik/ico_flesh.gif) no-repeat;
    margin: 0 0 2px 0;
    padding: 2px 0 2px 12px;
	 /*border-top: 1px solid #ececec;
	 border-bottom: 1px solid #ececec;*/
}
/*das Linkverhalten im linken Kastchen*/
div#leftsmall a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #006872;
            }
div#leftsmall a:visited {
    color: #333;
    text-decoration: none;
    }
div#leftsmall a:hover, #leftsmall a:active {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #990000;
}
div#leftsmall h2, h3, p, ul li {
	margin: 20px 20px 5px 20px;

}


/* 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;
}
@media print {
#titel, #leftsmall, #rightsmall, .invisible {display: none}}

.unsichtbaresfeld {display:none}