﻿/*
22.03.2009, dogan
*/

.cms4d_odebug{
	color:black;
	background-color:white;
	float:none;
	clear:both;
	padding:10px;
}

/*
Nicht implememntiert
.cms4d_zoom_window_background{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(cms4d-zoom-bg-1x1.gif);
}
*/
.cms4d_zoom_window_container{
	position:absolute;
	font-family:Verdana;
	font-size:11px;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1000000;
}
.cms4d_zoom_window_container_table{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
/*aeusserer 3D Schmuckrahmen*/
.cms4d_zoom_window_outer_table{
	border:1px solid rgb(240,240,240);
	border-right-color:rgb(153,153,153);
	border-bottom-color:rgb(153,153,153);
}
/*innerer 3D Schmuckrahmen, Lichter*/
.cms4d_zoom_window_outer_cell{
	border:1px solid rgb(255,255,255);
	border-right-color:rgb(204,204,204);
	border-bottom-color:rgb(204,204,204);
}
.cms4d_zoom_window_content_table{
	background-color:rgb(230,230,230);
	border:5px solid rgb(230,230,230);
}
.cms4d_zoom_window_controls_table{
	border:1px solid rgb(250,250,250);
	border-right-color:rgb(123,123,123);
	border-bottom-color:rgb(123,123,123);
	/*MUSS fuer Firefox 100% haben*/
	width:100%;
	background-color:rgb(156,156,156);
	background-image:url(icons/zoom-controls-bg.gif);
	background-repeat:repeat-x;
	margin-bottom:5px;
}
.cms4d_zoom_window_content_td{
}
.cms4d_zoom_window_content{
	/*
	border:1px solid rgb(153,153,153);
	border-right-color:rgb(245,245,245);
	border-bottom-color:rgb(245,245,245);
	*/
	/*WICHTIG: muss relative sein, damit untergeordnete absolut positionierte Elemente festgesetzt werden.*/
	position:relative;
}
.cms4d_zoom_window_zoom_preloaderimage{
	width:0px;
	height:1px;
}
.cms4d_zoom_window_zoom_image{
	cursor:pointer;
	border:none;
}
.cms4d_zoom_window_but_prev, .cms4d_zoom_window_but_next{
	width:15px;
	height:15px;
	background-color:rgb(230,230,230);
	cursor:pointer;
	background-repeat:no-repeat;
}
.cms4d_zoom_window_but_prev{
	background-image:url(icons/but-zoom-pl.gif);
}
.cms4d_zoom_window_but_next{
	background-image:url(icons/but-zoom-pr.gif);
}
.cms4d_zoom_window_but_close{
	width:15px;
	height:15px;
	background-color:red;
	cursor:pointer;
	display:block;
	background-image:url(icons/but-zoom-close.gif);
	background-repeat:no-repeat;
}

/*----------*/

html{
}
body{
	color:black;
	background-color:white;
	margin:0;
	padding:0;
}
@media print{
	body{
		color:black;
		background-color:white;
		background-image:none;
	}
}



/*--- Layout ---*/
@media screen, projection{
	.page_container{
		width:940px;
		margin:0 auto;
		position:relative;
	}
	.page_container2{
		width:940px;
		padding:30px 0 20px 0;
		float:left;
		clear:both;
		position:relative;
	}

	.inner_page_container{
		width:940px;
		float:left;
		clear:both;
		position:relative;
	}

		.top_container{
			width:940px;
			height:170px;
			float:left;
			clear:both;
			overflow:hidden;
			background-image:url(images/top-container-bg.gif);
			background-repeat:repeat-x;
		}
			.top_left_container{
				width:50px;
				height:170px;
				float:left;
				overflow:hidden;
			}
			.top_logo_container{
				background-color:white;
				width:230px;
				height:170px;
				float:left;
				overflow:hidden;
			}
				.top_logo_container img{
					border:none;
				}
			.top_slogan_container{
				width:660px;
				height:170px;
				float:left;
				overflow:hidden;
				text-align:right;
			}

		.content_container{
			width:940px;
			float:left;
			clear:both;
		}
			.left_col{
				width:260px;
				float:left;
			}
			.center_col{
				width:660px;
				float:left;
				padding-left:20px;
			}
				.html_content{
					width:660px;
					float:left;
					clear:both;
					padding:0;
				}
}
@media print{
	.page_container{
	}
	.inner_page_container{
	}
	.top_menu_container{
		display:none;
	}
	.top_container{
		display:none;
	}
	.top_logo_container{
		display:none;
	}
	.top_img_container{
		display:none;
	}
	.left_col{
		display:none;
	}
	.html_content{
		padding:0 10px 0 0;
	}
}


/*=== Layouthilfen ===*/
@media screen, projection{
	.cms4d_lh_container{
/*background-color:green;*/
		width:100%;
		float:left;
		clear:both;
	}
	.cms4d_lh_left_col{
/*background-color:Red;*/
		width:390px;
		float:left;
		clear:left;
		padding:0 30px 0 0;
	}
	.cms4d_lh_right_col{
/*background-color:Blue;*/
		width:200px;
		float:left;
		clear:right;
		padding:0;
	}
}


/*============ Container Styles =============*/
.cms4d_modul_style_ocontainer_1000{
	margin-bottom:1em;
}
@media screen, projection{
	.cms4d_modul_style_headline_container1_1000{
		background-color:rgb(51,102,204);
		/*background-image:url(images/box-head-left-1.gif);
		background-repeat:repeat-x;*/
	}
		.cms4d_modul_style_headline_1000{
			color:white;
			font-size:1em;
			margin:0;
			padding:5px 9px 7px 9px;
			/*background-image:url(images/box-head-right-1.gif);
			background-repeat:no-repeat;
			background-position:right top;*/
		}
	.cms4d_modul_style_icontainer_1000{
		border-left:1px solid rgb(234,234,234);
		border-right:1px solid rgb(204,204,204);
		border-bottom:1px solid rgb(204,204,204);
		padding:9px 9px 0 9px;
	}
}





/*============ Menus =======================
/*--- Hauptmenu Treeview ---*/
/*ACHTUNG: damit inline Menuausgaben nicht die ggf. gesetzten Formatierungen der Standard-Listenformate ul/li
uebernehmen, muessen diese Element hier explizit mit .html_content.... ueberschrieben werden. */
.tree ul, .tree li, .html_content .tree ul, .html_content .tree li, .html_content .tree ul li, .html_content .tree ul ul{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	background-image:none;
}
.tree{
	cursor:default;
	width:250px;
}
.tree ul, .tree li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
.tree a{
	color:black;
	border-bottom:1px dashed rgb(204,204,204);
	text-decoration:none;
	padding:7px 0px 8px 19px;
	display:block;
	/*IE6*/
	position:relative;
	background-image:url(images/lvl-0.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
}
.tree a:hover{
	text-decoration:none;
	background-color:rgb(240,240,240);
	background-image:url(images/lvl-0-on.gif);
}
.tree .lvl_0_act{
	font-weight:bold;
	background-image:url(images/lvl-0-on.gif);
}
.tree .lvl_0_on{
	color:rgb(0,102,180);
	font-weight:bold;
	background-image:url(images/lvl-0-on.gif);
}
/*Abstandhalter fuer lvl0*/
.tree .lvl_0_spacer{
	height:20px;
	overflow:hidden;
}
.tree .sub a{
}
.tree .sub a:hover{
	background-image:url(images/lvl-0-on.gif);
}
.tree .sub .lvl_n_act{
	font-weight:bold;
	background-image:url(images/lvl-0.gif);
}
.tree .sub .lvl_n_on{
	color:rgb(0,102,180);
	font-weight:bold;
	background-image:url(images/lvl-0-on.gif);
}
.tree .sub .lvl_n_last{
}



/*--- Inline sitemap ---*/
.sitemap{
	margin-bottom:1em;
}
.sitemap ul{
	list-style:none;
	margin:0;
	padding:0;
}
.sitemap ul ul{
	/*Die Einrueckungen erfolgen durch die margin ab Level 1*/
	margin-left:20px;
}
.sitemap li{
	/*die LI sind inline und werden durch die A-Elemente(display:block) komplett auseinander gedrueckt*/
	display:inline;
}
.sitemap a{
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:3px 10px 4px 19px;
	background-image:url(images/li-bullet-grau.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.sitemap a:hover{
	text-decoration:none;
	background-image:url(images/li-bullet-blau.gif);
}
.sitemap ul ul a{
	font-weight:normal;
	background-image:url(images/li-bullet-grau.gif);
}


/*--- Inline Menue, s.a. sitemap ---*/
.inline_tree{
	margin-bottom:1em;
}
.inline_tree ul{
	list-style:none;
	margin:0;
	padding:0;
}
.inline_tree ul ul{
	margin-left:20px;
}
.inline_tree li{
	display:inline;
}
.inline_tree a{
	text-decoration:none;
	display:block;
	padding:3px 10px 4px 19px;
	background-image:url(images/li-bullet-menu.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.inline_tree a:hover{
	text-decoration:none;
	background-image:url(images/li-bullet-menu-on.gif);
}
.inline_tree ul ul a{
	font-weight:normal;
}
.inline_tree .a_act{
	font-weight:bold;
	background-image:url(images/li-bullet-menu-act.gif);
}
.inline_tree .a_on{
	color:black;
	font-weight:bold;
	background-image:url(images/li-bullet-menu-on.gif);
}


/*--- horizontales Hauptmenu, 1 Ebene ---*/
.cms4d_topmenu_container{
	float:right;
	margin-right:20px;
}
.cms4d_langmenu_container{
	float:right;
}
.hmenu{
	margin-right:0px;
}
.hmenu ul, .hmenu li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.hmenu a{
	float:left;
	/*BEACHTE: die Hoehe durch padding ist nicht 100% des Containers, da asiatische Schriften immer etwas hoeher ausgegeben werden*/
	padding:3px 0px 4px 19px;
	margin-right:10px;
	text-decoration:none;
	background-image:url(images/li-bullet-menu.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.hmenu a:hover{
	text-decoration:none;
	background-image:url(images/li-bullet-menu-on.gif);
}
.hmenu .lvl_0_act{
	color:black;
	font-weight:bold;
	background-image:url(images/li-bullet-menu-act.gif);
}
.hmenu .lvl_0_on{
	color:black;
	font-weight:bold;
	background-image:url(images/li-bullet-menu-on.gif);
}
.hmenu .lvl_0_first{
	margin-left:0px;
}
.hmenu .lvl_0_last{
	margin-right:0px;
}

/*--- horizontales inline Menu, 1 Ebene ---*/
.hmenu_inline_container{
	border-bottom:1px dashed rgb(204,204,204);
	padding-bottom:1em;
	margin-bottom:1em;
}
.hmenu_inline{
	float:left;
	clear:both;
}
.hmenu_inline ul, .hmenu_inline li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.hmenu_inline a{
	float:left;
	padding:3px 0px 4px 19px;
	margin-right:10px;
	text-decoration:none;
	background-image:url(images/li-bullet-menu.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.hmenu_inline a:hover{
	text-decoration:none;
	background-image:url(images/li-bullet-menu-on.gif);
}
.hmenu_inline .lvl_0_act{
	color:black;
	font-weight:bold;
	background-image:url(images/li-bullet-menu-act.gif);
}
.hmenu_inline .lvl_0_on{
	color:black;
	font-weight:bold;
	background-image:url(images/li-bullet-menu-on.gif);
}
.hmenu_inline .lvl_0_first{
	margin-left:0px;
}
.hmenu_inline .lvl_0_last{
	margin-right:0px;
}
@media print{
	.hmenu_inline_container{
		display:none;
	}
}


/*--- Klickpfad-Menu, 1 Ebene ---*/
.kpmenu{
	float:left;
	clear:both;
	padding-bottom:1em;
}
.kpmenu ul, .kpmenu li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.kpmenu .trenner{
	float:left;
	padding:2px 6px 3px 6px;
}
.kpmenu a{
	color:black;
	float:left;
	padding:2px 0px 3px 0px;
	text-decoration:none;
}
.kpmenu a:hover{
	color:rgb(0,102,180);
	text-decoration:none;
}
.kpmenu .lvl_0_on{
	color:rgb(0,102,180);
	font-weight:bold;
}
.kpmenu .lvl_0_first{
	margin-left:0px;
}
.kpmenu .lvl_0_last{
	margin-right:0px;
}




/*==============================*/


/*--- Datengruppen Standardklassen ---*/
.cms4d_datagroup_ocontainer{
	border:1px solid black;
	background-color:rgb(230,230,230);
	padding:0;
	margin:0;
}
.cms4d_datagroup_header_container{
	border:1px solid blue;
	background-color:Green;
}
.cms4d_datagroup_headline{
	color:white;
	background-color:rgb(153,153,153);
	margin:0;
	padding:2px 5px 4px 5px;
}
.cms4d_datagroup_info{
	background-color:rgb(204,204,204);
	padding:5px 5px 5px 5px;
}
.cms4d_datagroup_icontainer{
	border:1px solid red;
	background-color:rgb(240,240,240);
	padding:5px;
}



/*============= Infos ==============*/
/*--- Liste mit Kurztexten ---*/
ul.cms4d_info_list_short{
	list-style:none;
	margin:0;
	padding:0;
}
li.cms4d_info_list_short{
	margin:0;
	padding:0;
	/*IE*/
	display:inline;
	width:100%;
}
.cms4d_info_list_short .hr_dashed{
	border-top:1px dashed rgb(204,204,204);
	width:100%;
	height:9px;
}
.cms4d_info_list_short .cms4d_date{
	font-size:0.9em;
	font-weight:normal;
	padding-bottom:0.5em;
}

/*--- Liste mit Listentexten ---*/
ul.cms4d_info_list_liste{
	list-style:none;
	margin:0;
	padding:0;
}
li.cms4d_info_list_liste{
	margin:0;
	padding:0;
	/*IE*/
	display:inline;
	width:100%;
}
.cms4d_info_list_liste .hr_dashed{
	border-top:1px dashed rgb(204,204,204);
	width:100%;
	height:9px;
}
.cms4d_info_list_liste .cms4d_date{
	font-size:0.9em;
	font-weight:normal;
	padding-bottom:0.5em;
}

/*--- info volle Meldung, Datum/zurueck-Link ---*/
.cms4d_info_full_head{
	padding-bottom:1em;
}
.cms4d_info_full_head .cms4d_date{
	font-size:0.9em;
	font-weight:normal;
}
.cms4d_info_full_bottom{
	padding-bottom:1em;
}
@media print{
	.cms4d_info_full_head{
		display:none;
	}
	.cms4d_info_full_bottom{
		display:none;
	}
}





/*======= Textfragmente Text/Image (doc, info) =========*/
.cfrag_container_table{
}
.cfrag_container_textimage{
	/*TD, die die komplette Ausgabe umschliesset.
	ACHTUNG: Hierueber wird das padding des gesamten Inhalts kontrolliert (@style).
	Deshalb darf hier keine CSS-Formatierung bezgl. width/height vorgenommen werden !
	*/
}
.cfrag_img{
	border:none;
}
.cfrag_img_sbox{
}
.cfrag_img_txt{
	font-size:0.8em;
	padding-top:2px;
}
.cfrag_clearboth{
	float:none;
	clear:both;
}
/*Hyperlink auf lnktxt*/
.cfrag_lnktxt_lnk{
	font-weight:bold;
	padding-bottom:1em;
}
/*Hyperlink ueber alle Texte*/
.cfrag_lnk{
	text-decoration:none;
	color:black;
}
/*Hyperlinks innerhalb cfrag headlines*/
h1 .cfrag_lnk, h2 .cfrag_lnk{
	color:rgb(102,102,102);
}
h3 .cfrag_lnk, h4 .cfrag_lnk, h5 .cfrag_lnk, h6 .cfrag_lnk{
	color:rgb(102,102,102);
}

/*Bilder links, Text umfliesst rechts komplett*/
.cfrag_box_2000 .cfrag_img_col{
	float:left;
}
/*Bilder Spalte links, Text Spalte rechts (Tabelle)*/
.cfrag_box_2010 .cfrag_img_col{
	width:1%;
}
.cfrag_box_2010 .cfrag_txt_col{
	width:100%;
}

/*Bilder rechts, Text umfliesst links komplett*/
.cfrag_box_3000 .cfrag_img_col{
	float:right;
}
/*Bilder Spalte rechts, Text Spalte links (Tabelle)*/
.cfrag_box_3010 .cfrag_img_col{
	width:1%;
}
.cfrag_box_3010 .cfrag_txt_col{
	width:100%;
}

/*Trennlinien DIV*/
.cfrag_container_border_1{
	width:100%;
	border-top:1px solid rgb(204,204,204);
	margin-top:5px;
	height:10px;
	overflow:hidden;
}
.cfrag_container_border_2{
	width:100%;
	border-top:1px dashed rgb(204,204,204);
	margin-top:5px;
	height:10px;
	overflow:hidden;
}



/*========= Textfragmente infos =========*/
.cms4d_cfrag_3500_short{
}
.cms4d_cfrag_3500_short .cfrag_img_sbox{
	width:180px;
	overflow:hidden;
}
.cms4d_cfrag_3500_short .cfrag_head, .cms4d_cfrag_3500_short .cfrag_head a{
}



/*======= cfrag linkliste ======*/
@media screen, projection{

	/*21.09.2008, dogan, Hyperlinks integriert in cfrag Text/Image*/
	/*Die Tabelle muss leider 100% Breit gesetz werden, damit die Hyperlinks
	auch wegen der optionalen Trennlien immer ueber die volle Breite gehen. Das
	hat zur Folge, dass eine Linkliste niemal um ein Imagrid fliesst*/
	.cfrag_href_table{
		width:100%;
	}
	.cfrag_href_box{
		/*Da die A-Elemente padding-top haben wird der gesamte Container
		etwas nach oben gezogen, um den Abstand	zum vorherigen Textabsatz
		optisch anzugleichen. Gleiches gilt, wenn die Liste in einem modulcontainer angezeigt wird.
		Damit beim ersten Link eine ggf. gesetzte obere Trennlinie nicht abgeschnitten wird,
		muss position:relative fuer den Container gesetzt sein.
		*/
		margin-top:-0.25em;
		position:relative;
	}
	.cfrag_linklist{
		list-style:none;
		margin:0px 0px 0.5em 0px;
		padding:0px 0px 0px 0px;
	}
	.cfrag_linklist ul{
		list-style:none;
		margin:0 0 0.5em 0;
		padding:0;
	}
	.cfrag_linklist li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		display:inline;
	}
	.cfrag_linklist a{
		text-decoration:none;
		padding:3px 0 5px 20px;
		background-repeat:no-repeat;
		background-position:left 3px;
		display:block;
	}
	/*Trennlinieenstile oben/unten als zweite/dritte CSS-Klasse auf jedem A-Element festlegbar*/
	.cfrag_linklist .lnk_bordt_1{
		border-top:1px solid rgb(153,153,153);
	}
	.cfrag_linklist .lnk_bordt_2{
		border-top:1px dashed rgb(153,153,153);
	}
	.cfrag_linklist .lnk_bordb_1{
		border-bottom:1px solid rgb(153,153,153);
	}
	.cfrag_linklist .lnk_bordb_2{
		border-bottom:1px dashed rgb(153,153,153);
	}

	/*Kein Icon*/
	.cfrag_linklist .lnk_0{
		padding-left:0;
	}

	/*Flaggen Ziel-Sprache*/
	.cfrag_linklist .lnk_10_de{
		background-image:url(icons/icon-flag-de-deutschland.gif);
	}
	.cfrag_linklist .lnk_10_en{
		background-image:url(icons/icon-flag-en-unitedkingdom.gif);
	}
	.cfrag_linklist .lnk_10_fr{
		background-image:url(icons/icon-flag-fr-frankreich.gif);
	}
	.cfrag_linklist .lnk_10_nl{
		background-image:url(icons/icon-flag-nl-niederlande.gif);
	}
	.cfrag_linklist .lnk_10_cn{
		background-image:url(icons/icon-flag-cn-prepubofchina.gif);
	}
	.cfrag_linklist .lnk_10_jp{
		background-image:url(icons/icon-flag-jp-japan.gif);
	}
	.cfrag_linklist .lnk_10_kr{
		background-image:url(icons/icon-flag-kr-korea-sued.gif);
	}
	.cfrag_linklist .lnk_10_pl{
		background-image:url(icons/icon-flag-pl-polen.gif);
	}
	.cfrag_linklist .lnk_10_ru{
		background-image:url(icons/icon-flag-ru-russland.gif);
	}
	.cfrag_linklist .lnk_10_se{
		background-image:url(icons/icon-flag-se-schweden.gif);
	}
	.cfrag_linklist .lnk_10_es{
		background-image:url(icons/icon-flag-es-spanien.gif);
	}
	.cfrag_linklist .lnk_10_pt{
		background-image:url(icons/icon-flag-pt-portugal.gif);
	}

	.cfrag_linklist .lnk_999{
		background-image:url(icons/icon-link-999-www-extern.gif);
	}
	.cfrag_linklist .lnk_30{
		background-image:url(icons/icon-list-bullet-30.gif);
		background-position:3px 3px;
	}
	.cfrag_linklist .lnk_3400{
		background-image:url(icons/icon-doc-3400-html.gif);
	}
	.cfrag_linklist .lnk_10000{
		background-image:url(icons/icon-file-10000-unknown.gif);
	}
	.cfrag_linklist .lnk_10010{
		background-image:url(icons/icon-file-10010-pdf.gif);
	}
	.cfrag_linklist .lnk_10020{
		background-image:url(icons/icon-file-10020-zip.gif);
	}
	.cfrag_linklist .lnk_10050{
		background-image:url(icons/icon-file-10050-doc.gif);
	}
	.cfrag_linklist .lnk_10060{
		background-image:url(icons/icon-file-10060-xls.gif);
	}
	.cfrag_linklist .lnk_10070{
		background-image:url(icons/icon-file-10070-ppt.gif);
	}
}




/*========== FORMULARE =================*/
/*------ Download Formular ------*/
.form_label_norm{
}
.form_label_req{
	font-weight:bold;
}
.form_field_norm{
	border:1px solid rgb(153,153,153);
}
.form_field_req{
	background-color:rgb(235,245,255);
}
