/*****************************************************************************************
ALLGEMEINE FORMATIERUNGEN

ORIGINAL OBJECT BROWSER VARIABLEN
tt_content.header.20.dataWrap = <p class="csc-subheader csc-subheader-{field:layout}">|</p>
*****************************************************************************************/
/*@import url("tt_products.css") all;*/

body,h1, a, h2, h3, h4, h5 ,h6, p, form, td, html,button{	/*STANDART C	LASS IN BE*/
	font-size: 11px;
	font-family: Arial;
	color: #5a5a5a;
}


body { 
}

h1{
	/*height: 25px;*/
}


ul {
	padding-left: 23px;
}


a{	text-decoration: none;
	/*color:#303030;*/
	color: #0063ac;
	border: none;
}

a:hover{
	text-decoration: none;
}

/*h1{  == ENTSPRICHT �#339;berschrift im BE. Gleich setzen wie .Titel
	font-size: 1.4em;
	letter-spacing: 0.2em;
	font-weight: normal;	
	padding-left: 0.7em;
}*/



div{ 
	color: #5a5a5a;
	font-family: Arial; 
	font-size: 12px; 
}

table,tr,td{
	padding-left: 4px; /*0.35em;*/
	height: 10px; /*1em;*/
	font-size: 11px;
	border: none;
	color: #5a5a5a;
}

img.block {
	display:block;
}

/* PNG HACK für transp. Bilder. geht eigentlich auch ohne img. allerdings funzt es nicht mit schatten-bilder, da diese mehrere farben haben)*/
img{ behavior: url("fileadmin/pngHack/version2/pngbehavior.htc");}

div, img {
/*	margin:0;
	padding:0;*/
	border: none;
}

/* IE 6.0 MIN-HEIGHT*/
* html #maincontent {
	height: 600px; /*110em;*/
}


/*benoeigt es falls mit <p> im Typo3 content/inhalt gearbeitet wird*/
p, pre{ 
	/*padding: 5px 10px;   Beginn von Text */
	padding: 0 0 0 0;
	margin:0 0 0 0;
}

input{
	border: #a0a0a0 1px solid;
	/*width: 210px; */
	background-color: #ffffff;
}


.history {
	border: 0px;
	background: none;
}
/********************************************************************************************************************************* 
START --> CMS CONFIGURATION & CHANGES
*********************************************************************************************************************************/


.Text{
	font-size: 11px;
	font-weight: normal;	
	padding-left: 1.2em;
	/*neu vad */
	padding-right: 0.7em;
	color: #5a5a5a;
}

.TextSpacing{
	font-size: 11px;
	font-weight: normal;	
	padding-left: 0.7em;
	color: #5a5a5a;
	letter-spacing:0.1em;
}


.error{
	font-size: 11px;
	font-weight: normal;	
	padding-left: 0.7em;
	color: #ff0000;
}

.ok{
	font-size: 11px;
	font-weight: normal;	
	padding-left: 0.7em;
	color: #16aa00;
}

.bodytext {
	font-size: 11px;
	font-weight: normal;	
	padding-left: 0.7em;
	/*color: #303030;*/
	color: #5a5a5a;
}


.Titel{
	font-size: 1.1em;
	font-weight: normal;	
	padding-left: 0.6em;
	letter-spacing: 0.1em;
}

.Titel a{
	font-size: 1.0em;
	font-weight: normal;	
	padding-left: 0em;
	letter-spacing:0.1em;
}

.ueberschrift_1{	/*seitenüberschrift*/
	font-size: 11px;
	font-weight:normal;
	padding-left: 0.7em;
}
.ueberschrift_11_K{	/*seitenüberschrift*/
	font-size: 1.1em;
	font-weight: normal;	
	padding-left: 0.7em;
	font-style: italic;

}

.formular td{
	width:100px;
}

.tbl_katalog td{
	width:auto; /*260px;*/
}


/***************************
 START FORMULAR
.csc-mailform-field{
	float: left;
	display: block;
	text-align: right;
}
*/

/***************************
 START FILE UPLOAD std zBsp Presseartikel 
Alternative: extension ml_link*/


.csc-uploads-icon{
	padding-top: 1em;
}

.csc-uploads-fileName{
	width: 355px;
}

.csc-uploads-fileName a{
	display: none;
}

.csc-uploads-description{
}

.csc-uploads-fileSize{
	padding-top: 15px;
}

.csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6{
	padding-left: 0.7em;
}

/* SUCHE-box*/
.tx-macinasearchbox-pi1 a{
}

.tx-indexedsearch-whatis{
	padding-left: 0.7em;
}

/* Klasse von Body /background*/
.scroll {
}

.command, .upload_0, .newdirname, .actionbutton, .mountpoint, .mkdir input{
	display: none;
}


/* KLASSE VON MOC FILE EXPLORER */
.tx-mocfilemanager-pi1 Input{ 
	display: none;
}



/*******************************************
* Styles für Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#f4f4f4; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#E0E7F5; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-family: monospace; font-style: normal; padding:0 0.3em 0 0.3em; background:#ffff88; border: 1px #ccd solid; }


/********************************************************************************************************************************* END --> CMS CONFIGURATION & CHANGES
*********************************************************************************************************************************/


/********************************************************************************************************************************* WEBSITE KLASSEN
LAYOUT|
*********************************************************************************************************************************/

#container {
	width: 800px; /*770px;*/
	left: 0px;
	top: 47px;
	margin:0 auto 0 auto;
	position: relative;
	background-color: white; /* wie Newsbox*/
	border-top: 1px solid #FFFFFF;
}


#logo_dlag{
	width: 770px;
	margin: 10px auto -10px auto; /*1em auto -1em auto;*/
	height: 50px; /*4em;*/
}

#pic_head{
	width: 771px;
	height: 178px;
	padding-left: 1px;
	margin-left: auto;
	margin-right: auto;
	/*background-image:url(../../images/mainpictureV4_1.jpg);*/
}

#shadow{
	min-height: 500px; /*110em;*/
	/*width:814px;*/
	width: 796px;
	margin:0 auto 0 auto;
	/*background-image:url(../../images/shadowRight.gif);*/
}

#shadowMainpicture{
	width: 796px;
	height: 178px;
	margin: 0 auto 0 auto;
}
	

#realsubmenu{
	background-color: #aaaaaa;
	height: 24px; /*2em;	*/
	float: left;
	width:475px; /*39.3em;*/
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

#submenuright{
	clear:right;
	float:right;
	background-color: #909090;
	width:294px;
	height: 24px; /*2em;*/
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}


/* NEW CSS*/
#newsbox {
	clear:right;
	float:right;
	width: 294px; /*24em;*/
	margin: 10px 0 - 40px 0;
	/*margin: 0.7em 0 -2.5em 0em;*/
	background-color: #f4f4f4;
	z-index: 0;
}


#maincontent {
	clear: left;
	min-height: 130em;
	padding: 1.8em 0.9em 0.9em 1.2em;
	margin: 0 0 0 0;
	width: 452px; /*450px;*/
	z-index: 2;
}

div#home a{
	color: #ffffff;
	float:left;
	/*height: 24px; /*1.6em;*/
	width: 90px; /*11.2em;*/
	font-size: 11px; /*0.9em;*/
	padding-top: 5px; /*0.4em;*/
	padding-left: 27px; /*2.3em;*/
	text-decoration:none;
	font-weight:normal;
}


div#clickpath{
	float: left;
	padding-top: 5px; /*0.5em;*/
	padding-right: 10px;
	font-size:11px; /*0.8em;*/
	/*color:#303030;*/
	color: #5a5a5a;

}

div#clickpath a{
	width:10.4em;
	/*color:#303030;*/
	color: #5a5a5a;
	text-decoration:none;
	
}



#suche{
	float: right;
	padding: 0.25em 1em 0 0;
}

#jobsearch{
	float: left;
	margin: 0.3em 0em 0 1.3em;
}

#login{
	float: left;
	margin: 0.3em 0em 0 1em;
}

#copyright{
	margin: 0.25em 0em 0 0;
	float: right;
}
#sitemap{
	margin: 0.25em 0.1em 0 0;
	float: right;
}
#druckansicht{
  	font-family: tahoma;
	font-size: 8px;
	margin: 0.25em 0.1em 0 0;
	float: right;
}





#credits {
	background-color: #ffffff;

}

.credits {
	width:804px;
	margin:0 auto 0 auto;
	height:1.4em;
	color: #aaaaaa; 
	font-size:8pt;
}

.credits a{
	color: #aaaaaa;
	text-decoration:none;
}

.credits a:hover{
	color:#ce1141;
	text-decoration:none;
}




/*********************************************************************************************************************************
 END LAYOUT
 
 BEGIN MENU
 
 Hoehe in px
*********************************************************************************************************************************/


/********************************************************************************************************************************
 BEGIN HAUPTMENU
*/




#menu, #menu ul {
	float: left;
	width: 714px; /*714px; 711px;*/
/*height: 50px;*/
	list-style: none;
	letter-spacing: 0.2em; /*	line-height: 44px; */
	background-color: #707070; /*hintergrund aller Menus*/
	padding: 0 0 0 0;
	font-weight: normal;
	margin: 0 0 0 -1px;
	z-index: 100;
}
 
#menu a {
	letter-spacing: 0.1em;
	display: block;
	text-decoration: none;
	padding: 18px 0 0 0;
	text-align: center;
	font-size: 0.94em;
	border-left: 1px solid #ffffff;
	color: #ffffff;
}

/*
#menu a.menuparent{
	background: url(/fileadmin/dlag/images/arrow.gif) no-repeat 100% 100%;
}*/



#menu li {
	float: left;
	padding: 0 0 0 0;
	width: 119px; /* 119px; /*9.87em;*/		/* 9.867em breite einzelnes Hauptmenu*/
	height: 4.15em;        /* höhen des einzelnen hauptmenu*/	
	z-index: 100;	
}


#menu li a{			
	height: 32px;
}
 

#menu li ul {	
	position: absolute;
	left: -999em;
	width: 236.8px;	/* breite 1 untermenu  273*/
	background-color: #5a5a5a;  /*UNTERMENU*/
	margin: 0 0 0 1px;	/* postion 1 Untermenu / abstand */
	border-top: 1px solid #ffffff;   /*£linie untermenus*/		
	padding: 1em 0 1.5em 0;		/* Für text in Submenu schmaler*/
	z-index: 100;
}


 
#menu li li {   
	width: 219.8px;            /*rollover bei 1,2,3 Untermenu  (gleich wie menu li ul 220*/ 
					/* macht auch die übergänge zwischen den Menus*/
	padding: 0.1em 0 0 1.3em;
	height: 25px;		/* Zeilenabstand im Menu*/
	z-index: 100;
}

 
#menu li ul a {
	padding-left: 1em;
	padding-top: 1em;
	text-align: left;
	border: none;
	height: 15px;		/* SELECT grösse */
	color: #ffffff;		/* SCHRIFTFARBE untermenus*/
}

#menu li ul a:hover{
	background: #808080; 
	color: #ffffff;

}


#menu li ul ul a:hover {
	background: #808080; 
	color: #ffffff;
}



/*
#menu ul li.menuparent{
	background: url(/fileadmin/dlag/images/arrow5.gif) no-repeat 100% 50%;
}*/


#menu li ul ul{ 
	position: absolut;
	left: -999em;
	width: 236.8px;
	margin: -39px 0 0 220px;	/* Position 2 Untermenu* -50.000      /* breite 2 untermenu */
	border-top: 1px solid #707070; 
	z-index: 100;
}

#menu li li li {
	width: 220px;		/* richtige breite für unterbruchsfrei übergänge zwischen den Menus*/
	z-index: 100;
}


#menu li ul ul ul {
	border-top: 1px solid #668080;
	margin: -2.35em 0 0 18.5em;	/* Position 3 Untermenu*/
	z-index: 100;
}


#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}
 
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}
 


/* ROLLOVER für HAUPTMENU und SELECT im Hintergrund*/
#menu li:hover, #menu li.sfhover {
	background: #5a5a5a; 
	color: white;
}


/***************************************************************************************************
 END MENU EXT 
****************************************************************************************************/



/***************************************************************************************************
 BEGIN SPRACHE
5.6/ 2.65em
****************************************************************************************************/


div#language{
	float: right;
	height:50px;
	width:56px; /*59*/
	border-left: 1px solid #ffffff;
	background-color:#707070;
	overflow: hidden;
}


#language a{
	color: #FFFFFF;
	font-size: 0.8em; /*0.9*/
	font-weight: normal;
}

#language a:hover{
	color:  #ffffff;
}

div#de, div#en, div#fr, div#jp{
	text-align: center;
	width:27px;
	height: 22px; /*1.62em;*/
	float:left;
	background: #707070;
	padding-top: 4px; /*0.40em;*/
	
}


div#de{
	border-right: 1px solid #ffffff;


}
div#en{
}

div#fr{
	clear:left;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
div#jp{
	border-top: 1px solid #ffffff;
}
		

		

/***************************************************************************************************
 END SPRACHE 
****************************************************************************************************/


/***************************************************************************************************
 END WEBSITE KLASSEN
****************************************************************************************************/