/* copyright zonicdesign.ch 2006 */


* { margin:0; padding:0; font-size: 100%; }

body {
	background-color: #fff;
	font-size: 0.8em;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	color:#000;
	padding:0px;
	margin:0px;
	line-height: 1.3em;
}
img {
	border:none;
	}
/*unsichtbar*/
.invisible {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
	 overflow: hidden;
	}
hr {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
	 overflow: hidden;
	}
	
#titel {
   background: url(../grafik/afa_titel_bgd.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: none;
	}
#titelfr {
   background: url(../grafik/afa_titel_bgd_fr.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: none;
	}
#titelit {
   background: url(../grafik/afa_titel_bgd_it.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: none;
	}
#titelen {
   background: url(../grafik/afa_titel_bgd_en.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: none;
	}
#header {
	display:block;
	overflow:visible;
	background-color: #fff;
	height:90px;/*definiert Abstand zum content */
	margin: 0;
	padding: 0;
	}

#servicenav {
	display:block;
	height: 25px;
	background-color: #ececec;
	border-bottom: 1px solid #fff;
	clear: both;
	}	
#servicenav ul {
	font-size:0.9em;
	display: inline;
	list-style: none;
	margin: 0 20px 0 0;
	padding: 3px 0 0 0;
	float: right;
	    }
#servicenav li {
    display: inline;	
    list-style: none;
    margin: 0;
    padding: 4px;
    }
#servicenav a.abstand {
	margin-left: 40px;
	}
#servicenav .activekat {
	font-weight:bold;
	}
#servicenav a {
    color: #333;
    text-decoration: none;
    border-color: transparent;
    }
#servicenav a.active {
    color: #003a70;
    text-decoration: none;
    border-color: transparent;
    }
#servicenav a:visited {
    color: #333;
    text-decoration: none;
    }
#servicenav a:hover {
    color: #000;
    text-decoration: none;
	 border-bottom: 1px solid #000;
}
	
	
/* topnav */ 
div#topnav {
   background:	#ccc;
    padding: 3px 0 5px 0;
    margin: 0 0 0 0; 
    color: #fff;
    font: bold 1.2em arial, sans-serif;
    }
div#topnav h2, ul {
    display:inline;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    }
div#topnav li {
    display:inline;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    }
div#topnav a {
    color: #fff;
    text-decoration: none;
    }
div#topnav a:visited {
    color: #fff;
    text-decoration: none;
    }
div#topnav a:hover {
    color: #fff;
    text-decoration: none;
	  background: #003a70!important;
}
#topnav .aktiv {
    background: #003a70!important;
    padding: 3px 18px 5px 18px;
    margin: 0 0 0 0!important;
    color: #fff!important;
    }
#topnav .inaktiv {
	 background: #444!important;
    display:inline;
    padding: 3px 18px 5px 18px;
    margin: 0 0 0 0!important;
    color: #fff;
    }	 
	 
/* NAVIGATIONSLEISTE links */	
#leftsmall {
	position: absolute;
	left: 0px;
	width: 220px;
	color: #666;
	font-weight:bold;
	margin: 0px;
	z-index:1;
	visibility: visible;
}
/* Navigation im linken Kasten */
div#leftsmall ul {
    text-align: left;
    list-style: none;
	list-style-position:outside;
    margin: 0; 
    padding: 0;
}
div#leftsmall li {
    display: block;
    margin: 0!important;
	 margin-top: 0;
    padding: 0!important;
}
div#leftsmall li.first {
	border-top: 1px solid #666;
}

/*das Linkverhalten im linken Kastchen*/
div#leftsmall a {
   display: block;
	width: 200px;
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid #666;
	margin-left:0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 0 5px 20px;
		background-color: #ececec;
            }
div#leftsmall a:visited {
    color: #444;
    text-decoration: none;
    }
div#leftsmall a:hover, #leftsmall a:active {
    color: #fff;
    text-decoration: none;
	 background-color: #003a70;
}
div#leftsmall .aktivnav {
	color: #fff!important;
    text-decoration: none;
	 background-color: #003a70;
}


/* RECHTE SPALTE */
#rightsmall {
    float: right;
	 z-index:4;
    width: 210px;
    font-size: 1em;
    color: #444;
    padding: 0;
    background: #ababab url(../grafik/afa_smallright_mid.gif);
    margin-bottom: 1em;
	 margin-right:10px;
}

#rightsmall img {
margin-bottom: 15px;
}

#rightsmall p, #rightsmall div, #rightsmall ol, #rightsmall table, #rightsmall dl, #rightsmall address {
text-align: left;
margin-left: 10px;
margin-right: 10px;
}
div#rightsmall ul {
    text-align: left;
    list-style: none;
	list-style-position:outside;
    margin-left: 8px;
    margin-bottom: 10px;
    padding: 0;
}
#rightsmall li {
    display: block;
    background: url(../grafik/listdot.gif) no-repeat;
    margin: 0 0 10px 8px;
    padding: 3px 0 3px 12px;
}
#rightsmall li.download {
    display: block;
    background: url(../grafik/ico_newslist.gif) no-repeat;
     margin: 0 0 10px 6px;
    padding: 3px 0 3px 20px;
}
#rightsmall li.subcat {
    display: block;
    background: url(../grafik/ico_sublist.gif) no-repeat;
    margin: 0 0 10px 6px;
    padding: 0 3px 3px 20px;
}
#rightsmall h2.first {
color: #003a70;
text-align: left;
font: normal 1.2em Verdana, arial, sans-serif;
background: #ccc url(../grafik/afa_smallright_top.gif) no-repeat;
padding: 2px 12px;
margin: 0 0 10px 0;
}
#rightsmall h2 {
color: #003a70;
text-align: left;
font: normal 1.2em Verdana, arial, sans-serif;
background: #ccc url(../grafik/afa_smallright_hzwei.gif) no-repeat;
padding: 2px 12px;
margin: 0 0 10px 0;
}
#rightsmall #bottom {
    background: #fff url(../grafik/afa_smallright_foot.gif) no-repeat bottom;
    margin: 0;
    padding: 0;
    height: 22px;
}
/*das Linkverhalten im rechten Kastchen*/
div#rightsmall a {
    color: #003a70;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
            }
div#rightsmall a:visited {
    color: #000066;
    text-decoration: none;
    }
div#rightsmall a:hover, #rightsmall a:active {
    color: #000066;
    text-decoration: none;
    border-bottom: 1px solid #003a70;
}
.linekill {
	border-bottom: none !important;
}


/* DIE HAUPTSPALTE MITTE */

#main {
	margin: 0px 220px 40px 220px;
	padding: 0 20px 5px 30px; 
	background-color: #ffffff;
	z-index:3;    
}

#main ul {
	margin: 0 0 0.4em 0;
	padding:0;
	}

/* Typo  */
#main .content {
width: 30em;
}
#main h1 {
	font-size:1.3em;
	margin: 0 0 20px 0;
	color: #000;
}
#main h2 {
	font-size:1.2em;
	margin: 0 0 20px 0;
	color: #000;
}
#main h3 {
	font-size:1em;
	margin: 0 0 10px 0;
	color: #000;
}
#main h4 {
	font-size:1em;
	padding-top:10px;
	text-transform:none; 
	color: #000;
	margin: 10px 0 0 0;
}
#main .hoch {
	font-size:0.7em;
	padding-right: 0.3em;
	}

.ic {
	float:none;
	padding-top: 5px;
	padding-right:1px;
	padding-bottom:0px;
	}
div#main ul {
    text-align: left;
    list-style: none;
	list-style-position:outside;
    padding: 0;
}
#main ul li {
    display: block;
    background: url(../grafik/listdot1.gif) no-repeat;
	margin: 0 0 4px 6px;
    padding: 3px 0 3px 18px;
}
div#main ol {
	display: block;
    text-align: left;
    list-style-type: decimal;
	list-style-position:outside;
    margin-left: 20px;
    margin-bottom: 10px;
    padding: 0;
}
#main li {
    margin: 0 0 4px 2px;
    padding: 3px 0 3px 2px;
}
#main li.subcat {
    display: block;
    background: url(../grafik/ico_sublist.gif) no-repeat;
    margin: 0 0 10px 6px;
    padding: 0 3px 3px 20px;
}
#main li.ssubcat {
    display: block;
    background: url(../grafik/ico_sublist.gif) no-repeat;
    margin: 0 0 5px 30px;
    padding: 0 3px 3px 20px;
}

#main dt {
    font-weight: bold;
}

#main dd {
    margin-bottom: 1em;
    margin-left: 0;
}
#main td.legend {
	vertical-align: bottom;
	padding-left:4px;
	}
.big {
	color:#900;
	letter-spacing: 2px;
	font-weight: bold;
}	
.clr {
	background-color:#eee;
	}
.clear {
	clear:left;
	}
	
.cite {
	border: 1px solid #336699;
	color: #333;
	padding-left: 30px;
	padding-top: 6px;
	padding-bottom: 18px;
	background-color:#f5f5f5;
}	
.newstickerfirst {
	font-size:0.8em;
	margin: 20px 0 4px 0;
	background-color: #dcdcdc;
	border-bottom: 3px solid #ccc;
}
.newsticker {
	font-size:0.8em;
	margin: 40px 0 4px 0;
	background-color: #dcdcdc;
	border-bottom: 3px solid #ccc;
}
cite {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #000!important;
}

img.teaserbild 
{	
	float: left; 
	margin-right: 8px; 
	margin-bottom: 8px;
}
	
/*ende inhalt-formatierungen grosse spalte*/


/* Linkverhalten im Main */

div#main a {
    color: #003a70;
    text-decoration: none;
	 border-bottom: 1px solid #666;
    }
div#main a:visited {
    color: #155193;
    text-decoration: none;
	 border-bottom: 1px solid #666;
    }
div#main a:hover {
    color: #000;
    text-decoration: none;
	 border-bottom: 1px solid #003a70;
}

/* Tabellen im MAIN */
div#main table {
width:95%;
margin:1em 0 0 0;
}

div#main td {
margin:0;
padding:0.5em;
font:0.9em arial,helvetica,sans-serif;
vertical-align:top;
}

div#main td {
font-size:1em;
}

div#main th {
margin:0;
padding:0.5em;
color:#000;
background:#FFDB94;
font:bold 0.9em verdana,arial,helvetica,sans-serif;
text-align:left;
vertical-align:top;
}

div#main tr {
background:#EAF3FE;
font-size:100%;
}

div#contentwrapper {
	max-width: 45.6em;
	z-index:1;
	}

/* FUSSBEREICH */

div#foot {
	clear:both;
	background-color:#fff;
	margin-right:270px;
	margin-left:250px;
	border-top: 3px solid #ccc;
	border-bottom: 20px solid #fff;
	color:#666;
	padding:10px 0 10px 0;
	z-index:5;
}
div#foot img {
vertical-align:middle;
	}

/* Linkverhalten im Foot */
#foot a {
    color: #353a43;
    text-decoration: none;
	 border-bottom: 1px solid #666;
    }
#foot a:visited {
    color: #353a43;
    text-decoration: none;
	 border-bottom: 1px solid #666;
    }
#foot a:hover {
    color: #111;
    text-decoration: none;
	 border-bottom: 1px solid #222;
}

/* 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;
}
#main blockquote {
	font-weight: bold;
	font-style:italic;
	color:#003a70;
	padding-left:2em;
	margin: 0.5em 0 2em 0;
	}


/* LISTE SPEZIAL */
#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;
	}
/* 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;
}
#sitemap ul {
	margin: 0 0 0 2em;
	padding:0;
}
#sitemap li {
	margin:0 0 0.5em 2em;
	padding:0;
}
.abstandoben40 {
	padding-top: 40px;
	}
.abstandoben30 {
	padding-top: 30px;
	}
.abstandoben20 {
	padding-top: 20px;
	}
.abstandoben10 {
	padding-top: 20px;
	}


/*  Teaser linke Spalte Mainpage */
.kill {
	padding:0!important;
	margin:0!important;
	color: #353a43;
    text-decoration: none!important;
	 border-bottom: none!important;
	 background-color:#fff!important;
}

.traegerTeas {
	padding: 60px 0 0 20px;
}
.traegerTeasBild {
	padding: 0 0 0 15px;
}



/* Icon-Platzierung bei links ... */
.linktop {
    padding: 0 0 0 17px;
    background: url(../grafik/ico_seitenanfang.gif) no-repeat 0 2px;
}
.linkintern {
    padding: 0 0 0 17px;
    background: url(../grafik/ico_link_intern.gif) no-repeat 2px 2px;
}
.linkcontact {
    padding: 0 0 0 17px;
    background: url(../grafik/ico_kontaktform.gif) no-repeat 0 2px;
}
.linkextern {
    padding: 0 0 0 17px;
    background: url(../grafik/ico_link_extern.gif) no-repeat 0 2px;
}
.linkforward {
    padding: 0 0 0 17px;
    background: url(../grafik/icon_vorwaerts.gif) no-repeat 0 2px;
}
.linkmail {
    padding: 0 0 0 17px;
    background: url(../grafik/ico_maillink.gif) no-repeat 0 2px;
}
.linkdoc {
    padding: 0 0 0 17px;
    background: url(../grafik/doctype_word.gif) no-repeat 0 2px;
}
.linkpdf {
    padding: 0 0 0 17px;
    background: url(../grafik/ico_pdf.gif) no-repeat 0 2px;
}
.colorlabel {
	background-color: #f3e3be;
}