﻿/*=== Für CMS Debugausgaben ===*/
.cms4d_odebug{
	color:rgb(0,0,0);
	background-color:white;
	font-family:Verdana;
	font-size:11px;
	text-align:left;
	padding:10px;
	float:left;
	clear:both;
	width:100%;
}
.cms4d_odebug h1{
	color:rgb(0,0,0);
	font-size:16px;
	text-indent:0px;
	background-image:none;
}
.cms4d_odebug pre{
	color:rgb(0,0,0);
	font-family:Verdana;
}


/*========== 02.09.2007, dogan ===============*/
body{
	color:black;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	/*70%=11px, 75%=12px*/
	font-size:75%;
	margin:0;
	padding:0;

	background-color:rgb(204,218,232);
	background-image:url(images-haitec/body-bg.gif);
	background-repeat:repeat-x;
}

@media print{
	body{
		color:black;
		background-color:white;
		text-align:left;
		margin:0;
		padding:0;
		background-image:none;
	}
}
/*IE Tabellenfehler*/
table{
	font-size:1em;
}



/*========= Layout Seite ==========*/
@media screen, projection{

	/*--------- Layout ----------*/
	.page_container{
		text-align:left;
		width:920px;
		margin:0 auto;
		padding:0;
		position:relative;
	}
	.page_container_2{
		width:920px;
		float:left;
		clear:both;
		position:relative;
		margin:0;
		padding:20px 0 20px 0;
	}

	.inner_page_container{
		width:910px;
		float:left;
		clear:both;
		position:relative;
		margin:0;
		/*Weisse Rahmenlinie um alles. Rechts ergibt sich diese aus width des page_container_2*/
		background-color:white;
		padding:10px 0 10px 10px;
	}




	.top_container{
		width:900px;
		height:180px;
		float:left;
		clear:both;
		margin-bottom:10px;
	}
	.top_table{
		width:900px;
		height:180px;
	}
	.top_table img{
		float:left;
		border:none;
	}
	.top_table .logo_td{
		width:270px;
		background-color:rgb(0,70,139);
		background-image:url(images-haitec/top-wolken-bg.jpg);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	.top_table .spacer_td{
		width:10px;
		white-space:nowrap;
	}
	.top_table .image_td{
		width:620px;
	}


	.content_container{
		width:900px;
		float:left;
		clear:both;
		/*Das Hintergrundbild liefert die Farbe fuer left_col*/
		background-image:url(images-haitec/content-container-bg.gif);
		background-repeat:repeat-y;
	}
	.left_col{
		width:270px;
		float:left;
	}
	.center_col{
		width:610px;
		float:left;
		padding:9px 0 0 20px;
	}
	.center_col .html_content{
		width:600px;
		float:left;
		clear:both;
	}
}


}
@media print{
	.top_container{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}
	.left_col{
		display:none;
	}
	.bottom_container{
		display:none;
	}
}


/*Flaggen Sprachwahl*/
.flag_container{
	width:260px;
	float:left;
	clear:both;
	background-color:rgb(129,163,198);
	background-image:url(images-haitec/box-headline-bg.gif);
	background-repeat:repeat-x;
	padding:4px 6px 5px 4px; 
	border-bottom:5px solid white;
}
.flag_container a img{
	border:none;
	margin-right:8px;
}





/*--- Absatz-Formate ---*/
@media screen{
	pre{
		font-size:1em;
		clear:both;
	}

	p{
		margin:0 0 1em 0;
		padding:0;
	}

	h1{
		color:rgb(0,70,139);
		font-size:1.2em;
		margin:0 0 1em 0;
		padding:0;
	}
	h2{
		color:rgb(0,70,139);
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h3{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h6{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}

	address{
		font-style:normal;
		font-size:0.8em;
		line-height:normal;
	}

	a{
		color:#00468B;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}

	hr{
		height:1px;
		border-top:1px solid #000000;
		margin:10px 0 10px 0;
		clear:both;
		float:none;
	}


}
@media print{
	.h1{
		color:black;
		font-size:1.35em;
		margin:0 0 1em 0;
		padding:0;
		background-image:none;
	}
	.h2{
		color:black;
		font-size:1.1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	.h3{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h6{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}

	p{
		margin:0 0 1em 0;
		padding:0;
	}
	.html_content p{
		line-height:1.45em;
		margin-bottom:1em;
	}

}

.hr_solid{
	border-top:1px solid rgb(230,230,230);
	height:10px;
	margin-top:10px;
}
.hr_dashed{
	border-top:1px dashed rgb(204,204,204);
	height:10px;
	margin-top:10px;
}


/*--- Bildformate ---*/
img.bild_links{
	float:left;
	margin:0 10px 10px 0;
	border:none;
}

img.bild_rechts{
	float:right;
	margin:0 0 10px 20px;
	border:none;
}



/*--- Treemenu ---*/
.treemenu_container{
	width:270px;
	cursor:default;
	float:left;
	clear:both;
/*Der weisse Hintergrund scheint durch die margin der einzelnen Buttons durch.*/
background-color:white;
}
.tree{
}
.tree ul, .tree li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
.tree a{
	color:black;
	text-decoration:none;
	font-size:12px;
	padding:5px 5px 5px 21px;
	margin-bottom:5px;
	display:block;
	/*Die border-top kommt aus der Hintergrundgrafik, die anderen aus css*/
	border:1px solid rgb(183,196,208);
	border-top:none;
	border-left-color:rgb(239,244,248);
	background-color:rgb(207,219,230);
	background-image:url(images-haitec/lvl-0.gif);
	background-repeat:repeat-x;
}
.tree .lvl_0, .tree .lvl_0_act, .tree .lvl_0_on{
	min-height:14px;
}
.tree a:hover, .tree .lvl_0_act, .tree .lvl_0_on{
	color:rgb(0,70,139);
	text-decoration:none;
	background-image:url(images-haitec/lvl-0-on.gif);
}
.tree .lvl_0_act, .tree .lvl_0_on{
	color:rgb(0,70,139);
	font-weight:bold;
}
.tree .has_child_nodes{
}
/*Bei diesem Projekt identisch mit lvl0, ausser Einrueckung Hintergrundbild*/
.tree .sub{
}
.tree .sub a{
}
.tree .sub a:hover{
	color:rgb(0,70,139);
	background-image:url(images-haitec/lvl-0-on.gif);
}
.tree .sub .lvl_n_act{
	color:rgb(0,0,0);
	font-weight:bold;
}
.tree .sub .lvl_n_on{
	color:rgb(0,70,139);
	font-weight:bold;
	background-image:url(images-haitec/lvl-0-on.gif);
}




/*--- Listen-Formate ---*/
@media screen{
	.html_content ul{
		list-style:none;
		margin:1em 0 1em 10px;
		padding:0;
	}
	.html_content ul ul{
		list-style:none;
		margin:0 0 0 9px;
		padding:0;
	}
	.html_content ul li{
		padding:0em 0 0.5em 18px;
		margin:0 0 0 -8px;
		background-image:url(images-haitec/li-bullet.gif);
		background-repeat:no-repeat;
		background-position:0px 1px;
	}

	dir, menu{
		margin:1em 0 1em 17px;
		padding:0;
	}
	dir li, menu li{
		margin:0 0 1em 0;
		padding:0;
	}
	dir dir, menu menu{
		margin:1em 0 0 17px;
	}


	dl{
		margin:0 0 1em 0;
		padding:0;
	}
	dl dd{
		color:rgb(102,102,102);
		margin:0 0 1em 0;
		padding:0;
	}
	dl dl{
		margin:1em 0 1em 20px;
	}

	/*als Textbox*/
	dl dt{
		border:1px solid rgb(204,204,204);
		color:black;
		margin:0 0 1em 0;
		padding:9px 10px 10px 10px;
		background-color:rgb(240,240,240);
	}
}
@media print{
	ul{
		margin:1em 0 1em 17px;
		padding:0;
		background-image:none;
	}
	ul li{
		padding:0;
		margin:0 0 1em 0;
		background-image:none;
	}
	ul ul{
		margin:1em 0 0 17px;
		background-image:none;
	}


	dir, menu{
		margin:1em 0 1em 17px;
		padding:0;
	}
	dir li, menu li{
		margin:0 0 1em 0;
		padding:0;
	}
	dir dir, menu menu{
		margin:1em 0 0 17px;
	}


	dl{
		margin:0 0 1em 0;
		padding:0;
	}
	dl dd{
		color:rgb(110,110,99);
		margin:0 0 1em 0;
		padding:0;
	}
	dl dl{
		margin:1em 0 1em 20px;
	}

	dl dt{
		border:1px solid black;
		color:black;
		margin:0 0 1em 0;
		padding:10px;
		background-color:white;
	}
}



/*--- Container Formate ----*/
fieldset{
	border:none;
	padding:0px;
	margin:0px;
}
.box_headline_1 *, .box_headline_2 *{
	margin:0;
	padding:0;
}
.box_headline_1{
	color:white;
	background-color:rgb(169,14,14);
	text-align:left;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:6px 0 7px 9px;
}
.box_headline_2{
	color:white;
	background-color:rgb(205,131,26);
	text-align:left;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:6px 0 7px 9px;
}




/*Hilfsklassen*/
.clearboth{
	float:none;
	clear:both;
}
.displaynone{
	display:none;
}



/*=== cms4d Module ===*/
.cms4dmodul_2_teaser_modulcontainer, .cms4dmodul_3_teaser_modulcontainer{
	width:200px;
	padding:0px;
	margin:0px 0px 20px 20px;
	float:right;
	display:inline;
	background-color:#E5ECF4;
}
.cms4dmodul_2_teaser_modulcontainer ul, .cms4dmodul_2_teaser_modulcontainer li, .cms4dmodul_3_teaser_modulcontainer ul, .cms4dmodul_3_teaser_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:10px 10px 4px 10px;
}
.cms4dmodul_2_teaser_modulbodycontainer ul li, .cms4dmodul_3_teaser_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.cms4dmodul_2_teaser_headline, .cms4dmodul_3_teaser_headline{
	background-color:#00468B;
	background-image:url(images-haitec/box-headline-bg.gif);
	background-repeat:repeat-x;
	color:white;
	font-size:1em;
	font-weight:bold;
	padding:6px 2px 6px 10px;
	margin-bottom:0px;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{

}


/*---------------------------*/

.cms4dmodul_2_liste_modulcontainer, .cms4dmodul_3_liste_modulcontainer{
	margin-top:1.5em;
	margin-bottom:1.5em;
}
.cms4dmodul_2_liste_modulcontainer ul, .cms4dmodul_2_liste_modulcontainer li{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulcontainer ul, .cms4dmodul_3_liste_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
}
.cms4dmodul_2_liste_modulbodycontainer{
	margin:0;
	padding:0;
	border:1px solid white;
}
.cms4dmodul_3_liste_modulbodycontainer{
	background-color:transparent;
	padding:0;
}
.cms4dmodul_2_liste_modulbodycontainer ul li, .cms4dmodul_3_liste_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.cms4dmodul_2_liste_headline, .cms4dmodul_3_liste_headline{
	margin-bottom:15px;
	border-bottom:1px dashed #00468A;
	padding-bottom:10px;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-top:1px solid white;
}




/*htmlfragment_teaser*/
.htmlfragment_teaser{
}
.html_teaser p{
	margin:0 0 0.5em 0;
}
.html_teaser_hr{

	height:1em;
	margin-top:1em;
	clear:both;
}

/*news_teaser*/
.news_teaser{
	/*Der Abstand zur Überschrift, bzw. dem voranliegen Datensatz kommt zur Hälte aus diesem Container.
	Die andere Hälfte wird durch die Trennlinie news_teaser_hr erzeugt (s.u.).*/
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:auto;
}
.news_teaser_date{
	font-weight:bold;
	margin-bottom:0.5em;
}
.news_teaser p{
	margin:0 0 0 0;
	font-size:1em;
}
.news_teaser_lnk{
	font-size:0.9em;
	padding-left:12px;
	background-image:url(images-haitec/li-bullet.gif);
	background-position:0px -1px;
	background-repeat:no-repeat;
	color:#00468B;
	display:block;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img_container{
	width:180px;
	overflow:hidden;
	margin:4px 0px 4px 0px;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img{
	border:none;
}
.news_teaser_hr{
	border-top:1px dashed white;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:5px 0px 5px 0px;
	float:left;
	width:100%;
}
.news_teaser_hr_blank{
	clear:both;
	/*Die andere Hälfte des Abstands zwischen den Datensätzen*/
	height:0.5em;
}
.hr_dashed{
	border-top:1px dashed rgb(204,204,204);
	height:5px;
}


.news_teaser ul{
	list-style:none;
	margin:1em 0 1em 10px;
	padding:0;
}
.news_teaser ul ul{
	list-style:none;
	margin:0 0 0 9px;
	padding:0;
}
.news_teaser ul li{
	padding:0em 0 0.5em 20px;
	margin:0 0 0 -8px;
	background-image:url(images-haitec/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}

.news_teaser h3{
	font-size:0.9em;
	font-weight:bold;
	margin:0;
}





/*=== Info Box 1, cms4dmodul -1 ===*/
/*für alle*/
.ibox_1_1 .body, .ibox_1_2 .body, .ibox_2_1 .body, .ibox_2_2 .body{
	border:1px solid #B0BCC4;
	background-color:#E9ECEF;
	padding:9px 9px 0 9px;
}
.ibox_1_1 img, .ibox_1_2 img, .ibox_2_1 img, .ibox_2_2 img{
	border:1px solid #B0BCC4;
	width:120px;
	height:90px;
	overflow:hidden;
	background-color:white;
}
/*Extraklasse für Modul-Container DIV, für kleinere Texte*/
.smalltext .body{
	font-size:9px;
}
.smalltext .ltable .td_left{
	padding-right:9px;
}

@media all{
	/*Die beiden Stile für ibox_1_1 sind bis auf die Überschrift (Farbe) identisch*/
	.cms4dmodul_-1_1_modulcontainer{
		margin-bottom:15px;
	}
	.ibox_1_1, .ibox_1_2{
	}
	.ibox_1_1_body_container{
	}
	.ibox_1_1 a, .ibox_1_2 a{
		color:black;
	}
	.ibox_1_1 a:hover, .ibox_1_2 a:hover{
	}
	.ibox_1_1 a.lnk_href, .ibox_1_2 a.lnk_href{
		color:rgb(153,0,102);
		font-weight:bold;
	}
	.ibox_1_1 .h_txt{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	.ibox_1_2 .h_txt{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	.ibox_1_1 a.h_txt, .ibox_1_2 a.h_txt{
		border:none;
		background-color:transparent;
		background-image:none;
		margin:0;
		padding:0;
		font-size:1em;
	}
	.ibox_1_1 .s_txt, .ibox_1_2 .s_txt{
		font-size:9px;
	}
	.ibox_1_1 .i_txt{
	}
	.ibox_1_1 .b_txt{
	}
	.ibox_1_1 .ltable, .ibox_1_1 .ltable{
		width:100%;
	}
	.ibox_1_1 .td_left, .ibox_1_2 .td_left{
		padding:0 15px 9px 0;
 	}
	.ibox_1_1 .td_right, .ibox_1_2 .td_right{
		width:100%;
 	}




	.cms4dmodul_-1_2_modulcontainer{
		margin-bottom:15px;
	}
	.ibox_2_1{
	}
	.ibox_2_1_body_container{
	}
	.ibox_2_1 a, .ibox_2_2 a{
		color:black;
	}
	.ibox_2_1 a:hover, .ibox_2_2 a:hover{
	}
	.ibox_2_1 a.lnk_href, .ibox_2_2 a.lnk_href{
		color:rgb(153,0,102);
		font-weight:bold;
	}
	.ibox_2_1 .h_txt{
		border-left:8px solid rgb(153,0,102);
		border-top:1px solid rgb(204,204,204);
		border-right:1px solid rgb(153,153,153);
		border-bottom:1px solid rgb(153,153,153);
		color:rgb(0,0,0);
		font-size:1em;
		margin:0;
		/*padding:5px 9px 7px 7px;*/
		padding:4px 9px 6px 7px;
		background-color:rgb(204,204,204);
		background-image:url(images-haitec/box-headline-bg-hellgrau.gif);
		background-repeat:repeat-x;
	}
	.ibox_2_2 .h_txt{
		border-top:1px solid rgb(184,77,148);
		border-bottom:1px solid rgb(153,0,102);
		color:white;
		font-size:1em;
		margin:0;
		/*padding:5px 9px 7px 9px;*/
		padding:4px 9px 6px 9px;
		background-color:rgb(153,0,102);
		background-image:url(images-haitec/box-headline-bg-violett.gif);
		background-repeat:repeat-x;
	}
	.ibox_2_1 a.h_txt, .ibox_2_2 a.h_txt{
		border:none;
		background-color:transparent;
		background-image:none;
		margin:0;
		padding:0;
	}
	.ibox_2_1_image_container, .ibox_2_2_image_container{
		margin-bottom:1em;
	}
	.ibox_2_1 .s_txt, .ibox_2_2 .s_txt{
		font-size:9px;
	}
	.ibox_2_1 .i_txt{
	}
	.ibox_2_1 .b_txt{
	}
}



/*=== Menu-Box ===*/
.box1{
	width:100%;
	margin-bottom:15px;
}
.box1_head1{
	border-left:8px solid rgb(153,0,102);
	border-top:1px solid rgb(204,204,204);
	border-right:1px solid rgb(153,153,153);
	border-bottom:1px solid rgb(153,153,153);
	color:rgb(0,0,0);
	font-size:1em;
	margin:0;
	padding:4px 9px 6px 7px;
	background-color:rgb(204,204,204);
	background-image:url(images-haitec/box-headline-bg-hellgrau.gif);
	background-repeat:repeat-x;
}
.box1_head1 *{
	border:none;
	color:black;
	background-color:transparent;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
.box1_head2{
	border-top:1px solid rgb(184,77,148);
	border-bottom:1px solid rgb(153,0,102);
	color:white;
	font-size:1em;
	margin:0;
	padding:4px 9px 6px 9px;
	background-color:rgb(153,0,102);
	background-image:url(images-haitec/box-headline-bg-violett.gif);
	background-repeat:repeat-x;
}
.box1_head2 *{
	border:none;
	color:white;
	background-color:transparent;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
.box1_body{
	border-left:1px solid rgb(240,240,240);
	border-right:1px solid rgb(153,153,153);
	border-bottom:1px solid rgb(102,102,102);
	background-color:rgb(230,230,230);
	padding:7px 9px 9px 9px;
}



/*--- Bildergalerie ---*/
.bildergalerie_container{
	text-align:left;
}
.img_register{
	margin-bottom:10px;
}
.img_register .but_fwd_back{
	color:black;
	border:1px solid #005BAB;
	background-color:#E5EEF6;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}
.img_register .but_fwd_back:hover{
	color:white;
	background-color:#005BAB;
}
.bildergalerie_liste{
	margin:0px;
	padding:0px;
}
.bildergalerie_liste .prev_img_hidden{
	float:right;
	width:200px;
	overflow:hidden;
	border:6px solid #879B90;
	margin-top:10px;
}
.bildergalerie_liste_table{
	float:left;
	margin:10px 0 0 0;
	background-color:#879B90;
}
.bildergalerie_liste td{
	width:110px;
	height:110px;
}
.bildergalerie_liste .td_container{
	width:100px;
	text-align:center;
	overflow:hidden;
}
.bildergalerie_liste img{
	border:none;
}
.bildergalerie_liste .thumb_act{
	/* border:4px solid #005BAB; */
}
.bildergalerie_liste a, .bildergalerie_liste a:hover{
	background-color:transparent;
}

.bildergalerie_details{
	text-align:left;
}
.bildergalerie_details img{
	border:none;
}
.bildergalerie_big{
	/*breitenbegrenzung, damit ein grösseres Bild nicht das gesamte Seitenlayout zerstört.
	Die Höhe wir automatisch vom Bild übernommen, die Breite wird rechts ggf. abgeschnitten*/
	width:440px;
	overflow:hidden;
	text-align:left;
	margin:0;
}
.bildergalerie_big img{
	border:none;
}





/*--- Event Liste/Details ---*/
.event_register{
}
.event_register a{
	color:rgb(0,0,0);
	border:1px solid #005BAB;
	background-color:#CCDEEE;
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
	text-decoration:none;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:2px;
}
.event_register .year_buttons a:hover{
	color:black;
	background-color:#AECAE4;
}
.event_register .but_y{
	background-color:#CCDEEE;
}
.event_register .act_year{
	border:1px solid #005BAB;
	color:white;
	background-color:#005BAB;
	font-weight:bold;
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
}

.event_register .month_buttons{
	clear:left;
}
.event_register .month_buttons a:hover{
	color:black;
	background-color:#AECAE4;
}
.event_register .but_m{
	border:1px solid #005BAB;
	background-color:#E5EEF6;
}
.event_register .but_m_act{
	border:1px solid #005BAB;
	background-color:#CCDEEE;
}
.event_register .but_m_on{
	border:1px solid #005BAB;
	color:white;
	background-color:#005BAB;
	font-weight:bold;
}
.event_register .monat_name{
	margin:5px 0 5px 0;
	font-weight:bold;
}

.event_liste{
}
.event_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.event_liste ul li{
	background-image:none;
	list-style:none;
	margin:0;
	padding:0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
}
.event_liste_hr{
	border-top:1px dashed #005BAB;
	margin:10px 0px 10px 0px;
	clear:both;
}
.event_liste_date{
}
.event_liste h1, .event_details h1{
	border:none;
	background-color:transparent;
	background-image:none;
	text-indent:0px;
	font-style:normal;
	padding:0px;
	font-family:Verdana;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 1em 0;
}
.event_liste h2, .event_details h2{
	color:black;
	font-size:1.0em;
	margin:0.25em 0 0.6em;
	color:#005BAB;
}
.event_liste_lnk{
	font-weight:bold;
}
.event_details{
}
.event_details_date{
	margin-bottom:15px;
}
.event_details address{
	margin:0 0 1em 0;
}
@media screen{
	.event_details_backlink_top{
		float:right;
	}
	.event_details_backlink_top a{
		text-decoration:none;
	}
}
@media print{
	.event_details_backlink_top{
		display:none;
	}
}
.event_liste .data_img_container{
	width:120px;
	overflow:hidden;
	float:left;
	margin-top:-5px;
}
.event_liste .box_2s{
	margin-left:130px;
}
.event_liste .data_img{
	border:none;
	margin-top:5px;
}
.event_liste .data_img_txt{
	font-size:9px;
}
/*in der Detailansicht umfliesst der Langtext die komplette Box*/
.event_details .data_img_container{
	float:left;
	clear:left;
	margin:-3px 10px 8px 0;
}
.event_details .data_img{
	border:none;
	margin-top:5px;
}
.event_details .data_img_txt{
	font-size:9px;
}




/*--- News Liste/Details ---*/
.news_liste{
	width:100%;
}

.news_liste .headline{
	font-size:1em;
	font-weight:bold;
	margin:0 0 0.5em 0;
	color:#00468B;
}
.news_liste .headline_newsmode{
	color:#375BAB;
	float:left;
	font-size:1.4em;
	font-weight:bold;
}
.news_liste .link_newsmode{
	float:right;
}

.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	background-image:none;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
}


.news_liste_hr{
	border-top:1px solid #375BAB;
	margin:15px 0px 15px 0px;
	clear:both;
}
.news_liste_date{
	font-size:0.8em;
	color:#375BAB;
}
.news_liste h1, .news_details h1{

}
.news_liste h2{
	color:black;
	font-size:1.2em;
	margin:0 0 0.5em 0;
}
.news_details h2{
	font-size:1em;
	color:black;
	font-weight:bold;
}
.news_liste_lnk{
	font-weight:bold;
	margin-bottom:0;
	float:left;
}
.news_details{
	padding-right:0px;
}
.news_details_date{
	margin-bottom:15px;
	font-weight:normal;
	font-size:0.9em;
}

.news_details address{
	margin:0 0 1em 0;
}
@media screen{
	.news_details_backlink_top{
		float:right;
	}
	.news_details_backlink_top a{
		font-weight:bold;
	}
}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}
.news_liste .data_img_container{
	width:120px;
	overflow:hidden;
	float:left;
	margin:-5px 20px 10px 0px;
}
.news_liste .box_2s{
	margin-left:130px;
}
.news_liste .data_img{
	border:none;
	margin-top:5px;
}
.news_liste .data_img_txt{
	font-size:9px;
}
/*in der Detailansicht umfliesst der Langtext die komplette Box*/
.news_details .data_img_container{
	float:left;
	clear:left;
	margin:-3px 10px 8px 0;
}
.news_details .data_img{
	border:none;
	margin-top:5px;
}
.news_details .data_img_txt{
	font-size:9px;
}



/*--- HTML-Fragment Liste ---*/
.htmlfragment_liste{
	background-image:none;
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
}
.htmlfragment_liste ul{
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:none;
	background-color:transparent;
}
.htmlfragment_liste ul li{
	margin:0 0 20px 0;
	padding:0;
	background-image:none;
	background-color:transparent;
}

.htmlfragment_liste ul ul{
	/*aus optischen Gründen 1px weiter nach rechts für die erste UL*/
	margin:1em 0 1em 13px;
	padding:0;
	list-style:none;
}
.htmlfragment_liste ul ul li{
	padding:0 0 0 17px;
	margin:0 0 0.2em -12px;
	background-image:url(images-haitec/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}

.htmlfragment_liste ul ul ul{
	margin:1em 0 0 17px;
}



/*=== Sitemap ===*/
@media screen, projection{
	.sitemap{
		line-height:normal;
	}

	.sitemap a{
		color:black;
	}

	.sitemap a:hover{
		color:#4978E0;
	}

	.sitemap ul li{
		background-image:url(images-haitec/sm-on.gif);
		background-position:0px 0px;
		font-weight:bold;
		margin-bottom:0.5em;
		padding-left:18px;
	}
	.sitemap ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li{
		border:none;
		padding-bottom:0;
		margin-top:1em;
		margin-bottom:1em;
	}
	.sitemap ul li ul li{
		background-image:url(images-haitec/sm-on.gif);
		background-position:0px 0px;
		font-weight:normal;

	}
	.sitemap ul li ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li ul li{
		background-image:url(images-haitec/sm-on.gif);
	}
}
@media print{
}


/*=== cms4dbot_search ===*/
.cms4dbot_search_result_container{
}
.cms4dbot_search_result_container .markstr{
	font-weight:bold;
	color:red;
	background-color:rgb(255,240,102);
	padding:0 0 1px 0;
}



/*=== cms4d inline Bildergalerie, JS-Diaslider ===*/
.cms4d_imageslider1_control{
	background-color:rgb(230,230,230);
	width:100%;
	padding:30px 0 0 0;
	/*WICHTIG: auch hier muss der overflow abgeschnitten werden wg. NS7 und Opera*/
	position:relative;
	overflow:hidden;
}
.cms4d_imageslider1_control .slider_container{
	width:100%;
	height:90px;
	overflow:hidden;
	position:relative;
}
.cms4d_imageslider1_control .slider{
	/*ACHTUNG: NS7 benötigt eine feste Breitenangabe*/
	width:10px;
	white-space:nowrap;
	position:absolute;
}
.cms4d_imageslider1_control .imgbox{
	width:120px;
	height:90px;
	margin-right:10px;
	overflow:hidden;
	cursor:pointer;
}
.cms4d_imageslider1_control img{
	border:none;
}
.cms4d_imageslider1_control .controls{
	height:30px;
}
.cms4d_imageslider1_control .dbut{
	color:rgb(102,102,102);
	height:30px;
	cursor:W-resize;
	font-weight:bold;
	font-size:20px;
	line-height:25px;
	overflow:hidden;
}


/*--- Info-Box ---*/
.infobox1{
	padding:0px;
	margin:0px 0px 20px 0px;
	background-color:#E5ECF4;
}

.infobox1 h2{
	background-color:#00468B;
	background-image:url(images-haitec/box-headline-bg.gif);
	background-repeat:repeat-x;
	color:white;
	font-size:1em;
	font-weight:bold;
	padding:6px 2px 6px 10px;
	margin-bottom:0px;
}



/*--- Formularfelder ---*/
.ft1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:300px;
	border: 1px #000000 solid;
}

.ft1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:300px;
	border: 1px #000000 solid;
	background-color:#E5ECF3;
}

.ft2{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:50px;
	border: 1px #000000 solid;
}

.ft2_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:50px;
	border: 1px #000000 solid;
	background-color:#E5ECF3;
}



.ta1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:498px;
	border: 1px #000000 solid;
}

.ta1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:498px;
	border: 1px #000000 solid;
	background-color:#E5ECF3;
}


.bt1{
	cursor:pointer;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:bold;
	color:white;
	background-color:#7399BF;
	padding:4px 20px 4px 20px;
}





