@import url('button.css');
@import url('text.css');
@import url('space.css');
@import url('col.css');
@import url('style_mail.css');

/*-----------------------clearer-----------------------*/
.clear {
    clear: both;
    height: 0px;
}
/* IE-Patches für Clearfix */
.clear {
	display: inline-block;
}
/* IE5/Mac \*/
* html .clear {
    height: 1px;
}
.clear {
	display: block;
}
/* IE5/Mac */
/*-----------------------end clearer-----------------------*/

/* settings for the site
    dimensions total
    width: 770px
    height: 600px
    dimensions single
    site-frame: 600px
    site-header: 130px
    site-content: 445px
    site-footer: 25px
    */

body {
    background-image:url(../pics/body1.gif);
	background-repeat:repeat-x;
    background-color:#C0C0C0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    margin: 0px;
    padding: 0px;
}
.body-popup {
    background-image:url();
	background-repeat:repeat-x;
    background-color:#dddddd;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 0px;
    padding: 20px;
}
.site-frame {
	border:0px solid #FF0000;
    background-color:;
    width:770px;
	min-height:600px;
	height:auto !important;
	height:600px;
	margin: 0 auto;
	margin-top:20px;
}
.site-header {
	border:0px solid #ffffff;
	background-image:url(../pics/logo_haetti.png);
	background-repeat:no-repeat;
    background-color:;
	width:766px;
	min-height:147px;
	height:auto !important;
	height:147px;
    float:left;
}
.site-content-index {
	border:0px solid #FF80FF;
	background-image:url(../pics/index2.png);
	background-repeat:no-repeat;
    background-color: ;
	width:770px;
    min-height:423px;
	height:auto !important;
	height:423px;
	float:left;
}
.site-content {
	border:0px solid #FF80FF;
	background-image:url();
	background-repeat:no-repeat;
    background-color: ;
	width:770px;
    min-height:430px;
	* min-height:437px;
	height:auto !important;
	height:430px;
	* height:437px;
	float:left;
}
.content-index {
    border:0px solid #2680D9;
 	font-size:12px;
	color:#444444;
	float:left;
}
.site-footer {
    border-top:1px solid #ffffff;
	width:770px;
    min-height:30px;
	height:auto !important;
	height:30px;
    float:left;
}
.col-footer {
	margin-left:220px;
    margin-top:15px
}
/*-----------------------navi-----------------------*/
.site-content {
	border:0px solid #FF80FF;
	background-image:url();
	background-repeat:no-repeat;
    background-color: ;
	width:770px;
    min-height:430px;
	* min-height:437px;
	height:auto !important;
	height:430px;
	* height:437px;
	float:left;
}
.content {
    border:0px solid #2680D9;
 	font-size:13px;
	color:#444444;
	float:left;
}
.content-navi {
	border:0px solid #FF0000;
	width:160px;
    min-height:430px;
	height:auto !important;
	height:430px;
   	float:left;
}
a.navi-index {
    display:block;
	background-image:url();
	background-repeat:no-repeat;
	color:#004080;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
a.navi-index:hover {
	color:#FE0000;
}
a.navi {
    display:block;
	background-image:url();
	background-repeat:no-repeat;
	color:#004080;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    margin-top:25px;
}
a.navi:hover {
	color:#FE0000;
}
a.link {
    display:block;
	background-image:url();
	background-repeat:no-repeat;
	color:#004080;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
a.link:hover {
	color:#FF0000;
}
a.navi-footer {
	border:0px solid #FF0000;
	background-image:url(../pics/footeroff.png);
	background-repeat:no-repeat;
    width:65px;
    height:16px;
	color:#333333;
	font-size: 11px;
	text-decoration: none;
    padding-left:15px;
    float:left;
}
a.navi-footer:hover {
	background-image:url(../pics/footeron.png);
	background-repeat:no-repeat;

}







.navi-active {
    display:block;
	background-image:url(../pics/navion.gif);
	background-repeat:no-repeat;
	width:125px;
	height:20px;
	line-height:17px;
	vertical-align:middle;
	color:#ffffff;
	font-size: 12px;
	font-weight: plain;
	text-decoration: none;
	margin-top:25px;
	padding-left:13px;
}
a.navi-close {
    display:block;
	background-image:url(../pics/naviclose.gif);
	background-repeat:no-repeat;
	width:125px;
	height:20px;
	line-height:18px;
	vertical-align:middle;
	color:#ffffff;
	font-size: 12px;
	font-weight: plain;
	text-decoration: none;
	margin-top:25px;
	padding-left:13px;
}
/*-----------------------end navi-----------------------*/



/*-----------------------end site content-----------------------*/
/*-------------------------------------------- footer --------------------------------------------*/

/*-------------------------------------------- footer-end ----*/

a.popup span {
	display: none;
	text-decoration: none;}

a.popup:hover span {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	width: 700px;
	height: auto;
	color: #000000;
	font-size: 10px;
	border: 0px solid;
	border-color: #ff0000;
	border-left: 8px solid #bb0000;
	border-right: 0px solid #bb0000;
	border-top: 0px solid #bb0000;
	border-bottom: 0px solid #bb0000;
	padding: 4px 4px 4px 10px;
	background: #eeeeee;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	text-align: center;}