/* ####################################################################### */
/* ## 						M A I N S E T U P		 				  					## */
/* ####################################################################### */

.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

* {
margin:0;
padding:0;
} 


/* ------------------------------------------------------------- */
/*  Prod Menu */
/* ------------------------------------------------------------- */
/* Die Grund - Definitionen  */

body {
	background: #000000 url(/a_img/lo_bg.png) repeat-x;
	margin: 0; 
	padding: 0;
	font-family: "@Arial Unicode MS", Arial, "MS Sans Serif";
	color: #000000;
	font-size: 12px;
	/*text-align: center; */
}

div {
	border: 0px;
}

html {
	height: 100%;
}


hr {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 1px;
	border: 0px;
	color: #d7d7d7;
	background-color: #d7d7d7;
}




/* Headlines */
h1 {
	color: maroon;
	font-size: 16px;
	margin-bottom: 5px;
}


h2 {
	color: maroon;
	font-size: 12px;
	margin-bottom: 10px;
}






img {
	border: none;
}


a, a:visited {
	text-decoration: none;
	color: maroon;
}

a:hover {
	color: #ff1111;
}


li, ol {
	list-style: none;
}



 
Input.Button, Button	{
	cursor: Pointer;
	color:	#3f3f3f;
   font-size:		10px;
   font-family:	Arial,sans-serif;
	width: 150px;
	overflow: hidden;
  	height: 20px;
	background: url(/a_img/InputButtonWhite.png) top ;
	border: 1px solid #e7e7e7;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-left:5px; 
	padding-right: 5px;
} 

Input.Button:hover, Button:hover {
	background-position: -4px;
	color: #666666;
}

/* HACKS */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}



/* ####################################################################### */
/* ## 					MainContainer		 			  			## */
/* ####################################################################### */
/*#MasterContainer {
	position: absolute;
 	left: 50%;
	margin: 0 auto auto -490px;
	border-collapse: collapse;
	border: 0px;
	text-align: center;
	padding: 0px;
}*/
#MasterContainer {
	position: absolute;
	text-align: center;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;

	 }

#Container-Main {
	position: releative;
	width: 986px;
	padding: 0px;
	border: 0px;
	text-align: center;
	background: url(/a_img/ly_bg_MainContainer.png) repeat-y top;
	float: none;
	margin: auto;
}

#HeaderContainer
{
	width: 980px;
	background: url(/a_img/ly_bg_HeaderContainer.png) no-repeat top;
	margin: 0 3px 0;
	position: relative;
	float: left;
}
#BodyContainer
{	
	position: relative;
	height: auto;
	margin: 0px 3px 0px 3px;
	float: left;
	overflow: hidden;
	background: #4c4c4c url(/a_img/ly_BodyContainer_bg.png) repeat-x top;
	width:	980px;
	
}

#BodyFeet{

	position: relative;
	margin: 0px 0px 0px 3px;
	width: 980px;
	height: 20px;
	background: url(/a_img/ly_BodyFeet.png) no-repeat top;
	color: #000000;
	
	text-align: center;
	float: left;

} 
#BodyFeet p {
font-size: 11px;
margin: 0px;
padding: 2px 0 0 0;

} 


#FeetFooter,
#FeetReflect {
width: 996px;
margin: 0px auto 50px auto;
padding: 0px;
text-align: center;
}

#FeetReflect {
background: url(/a_img/MasterEndReflect.png) no-repeat top;
height: 50px;
margin: 10px auto 0px auto;
}



#FMTable {
text-align: left;
color: gray;
width: 100%;

}

#FMTable td {
vertical-align: top;
width: 33%;
padding: 0 10px 0 10px;
}
.FMBoxTitleBox {
	width: 100%;
	border-bottom: 2px solid #323232;
	color: #646464;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
}


.FMItem {
	width: 70%;
	border-bottom: 1px solid #323232; 
	margin: 5px 0 3px 0; 
	float: right;
}
.FMAdress {
	width: 70%;
	float: right;
	text-align: right;
}
.FMboxContent a,
.FMItem a {
	color: #646464;
}

.FMboxContent a:hover {
	color: #600000;
	font-size: 14px;
}
.FMAdress {
	font-size: 14px;
}
.FMItem a:hover {
	Font-weight: bold;
}
.FM2BoxItem {
	margin: 0 3px 0 3px;
}

.FMboxContent {
	margin: 5px;
	color: #505050;
	
}





/* ####################################################################### */
/* ## 					HeaderContainer									 			## */
/* ####################################################################### */

#HeadArea {
	width: 980px;
	margin: auto; 
	height: 90px;
	padding: 0px;
	background: transparent;
	
}


/* ---------------------------> HEADER BUTTONS */
 #HeadMenu {
	
	height: 100%;
	margin: 0px 20px 0px auto;
	float: right;
	text-align: right;
	z-index: 50;
}

 #HeadLogo
 {	
	width: 300px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	float: left;
}




 #HeadLogo img
 {	
border: 0px;
margin: 30px auto auto 0px;
}

#HeadLangSelector {
	position: absolute;
	top: 0px;
	right: 35px;
	width: 162px;
	z-index: 60;
	text-align: right;
	white-space: nowrap;
}
.LSBDisabled,
.LSBActivated {
	display: block;
	width: 81px;
	height: 19px;

	float: left;
}

.LSBActivated {
	background-position: top;
}

.LSBDisabled {
	background-position: bottom;
}



.LSBDisabled:hover {
	background-position: top;
}


#HeadMenu a {
	position: absolute;
	top: 20px;
	color: #585858;
	border: 0px;
	height: 62px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
#HeadMenu a.HeaderButtonA-EN {
	right: 128px;
	width: 83px;
	background: url(/a_img/HeaderButtonA_0_en.png) no-repeat top;
}
#HeadMenu a.HeaderButtonA-EN:hover {
	background: url(/a_img/HeaderButtonA_1_en.png) no-repeat top;
}

#HeadMenu a.HeaderButtonA-DE {
	right: 128px;
	width: 83px;
	background: url(/a_img/HeaderButtonA_0_de.png) no-repeat top;
}
#HeadMenu a.HeaderButtonA-DE:hover {
	background: url(/a_img/HeaderButtonA_1_de.png) no-repeat top;
}

#HeadMenu a.HeaderButtonB {
	right: 21px;
	width: 106px;
	background: url(/a_img/HeaderButtonB_0.png) no-repeat top;
}
#HeadMenu a.HeaderButtonB:hover {
	background: url(/a_img/HeaderButtonB_1.png) no-repeat top;
}



/* --------------------------->  MAIN MENU */

#MainMenu {
	/*position: absolute;
	top: 95px; */
	position: relative;
	
	width: 980px;
	margin: auto; 
	height: 20px;
	padding: 0px;
	float: left;
}
	

#MainMenu ul {
	padding: 0px;
   margin-left:auto;
   margin-right:auto;
	margin: 0px;
   width: 980px; 
	text-align: center;
	white-space:nowrap;
}
 
#MainMenu ul li {
	 display: inline;
	 list-style-type: none;
    list-style: none;
	 margin: 0px 0px 0px -3px;
}

#MainMenu a, #MainMenu a:visited {
	color: #585858;
	border: 0px;
	padding: 2px 0px 0px 0px;
	background: url(/a_img/MainMenu_button_0.png) no-repeat top;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	width: 164px;
	height: 25px;
	margin: 0px;
	display: inline-block;

}

#MainMenu ul img {
	margin: 0; 
	padding: 0; 
	border: 0px;
	width: 80px;
	vertical-align: top;
}

#MainMenu a:hover {
	color: white;
	background: url(/a_img/MainMenu_button_1.png) no-repeat top;
	text-decoration: none;
}
#MainMenu a:active {
	color: white;
	background: url(/a_img/MainMenu_button_1.png) no-repeat top;
	text-decoration: none;
}




/* ####################################################################### */
/* ## 					T O P P I C - A R E A				 			  			## */
/* ####################################################################### */

#TopPicArea
{	

	position: relative;
	width: 980px;
	height: 170px;
	margin: auto;
	text-align: center;
	float: left;
	margin-top: 10px;
}

.TopPic img
{
	width: 976px;
	border: 0px;
	height: 170px;
}


/* ####################################################################### */
/* ## 					BodyContainer										 			## */
/* ####################################################################### */


#ContentArea {
position: relative;
float: left;
	
	width: 740px;
	margin: 0px 0px 0px 10px;
	height: 100%;
	
	border-top: 0px;
}





#CATopBar{
	margin: 10px 0px 0px 10px;
	width: 740px;
	position: relative;
	float: left;
	height: 19px;
	background: url(/a_img/ly_hb_bg.png) repeat-x top;
	font-size: 10px;
	text-align: left;
	border: 1px solid black;
	padding: 0px;
}
#CATopBar span {
	margin-left:	5px;
}



#CAContent{
	width: 100%;
	position: relative;
	float: left;
	background: white;
	border-left: 1px solid #858585;
	border-right: 1px solid #858585;
}

#CAFeet {
	width: 100%;
	height: 100px;
	float: left;
	padding-bottom: 25px;
}

#CAEndTable {
	width: 742px;
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	empty-cells: show;
	table-layout: auto;
	
}
.CAEndborder {
	width: 1px;
}

#CAEnd  {

	background: url(/a_img/ContentBoxEND.png) repeat-x top;
	width: 740px;
	
}

.BlackBarTitle
{	
	float: left;
	width: 150px;
	font-size: 12px;
	color: #c5c5c5;
	font-weight: bold;
	margin: 1px 10px 0px 5px;
}
.BlackBarLang {
	padding: 0px;
	margin: 0px;
	text-align: right;
}






/* ####################################################################### */
/* ## 					CONTACT												 			## */
/* ####################################################################### */
#ContactGMap
{
width: 500px;
height: 500px;
margin: 5px;
border: 1px solid black;

}

#Contactpersons
{
 margin: 5px;
 text-align: left;
}
#Contactpersons ul li {
	 list-style-type: none;
    list-style: none; 
}
#Contactpersons span {
	font-weight: bold;
	margin: 0px;
	margin-left: 50px;
	margin-right: 5px;
	display:block;
	width: 150px;
	float: left;
}
/* ####################################################################### */
/* ## 					TESTING TOOLS										 			## */
/* ####################################################################### */

#TESTTOOL {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 1px solid #b22222; 
	background-color: rgba(255, 26, 26, 0.35);
	width: 200px;
	height: 200px;
	text-align: left;
	padding: 5px;

}
#TESTTOOL p {
	font: 14px "Courier New", Courier, monospace;
}

#TESTTOOL .TTT {
	color: #840000;
	font-weight: bold;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 12px;

}


/* ####################################################################### */
/* ## 					TESTING TOOLS										 			## */
/* ####################################################################### */



/* Where About ---->	*/

#whereabout {
margin: 10px 0px 5px 5px;
width:	450px;
font-weight: bold;
text-align: left;
float: left;
}

.arrow01 {
	margin-right: 5px;
	border: 0px;
	
}
.arrow02 {
margin: 0px 5px 0px 5px;
	border: 0px;
	
}
/* <---- Where About */

#Form1 {
	background-color: #ffc0cb;
}

#gallery
{

width: auto;
	margin: auto;
	background-color: red;
	padding:0px;

}

#gallery div
{
	background-color: transparent;
	padding:0px;
}
#gallery ul
{
	list-style: none;
	background-color: transparent;
	margin:0px;
	padding:0px;
	border: 0px;
}
#gallery ul li
{
	margin: 0px;
	display: inline;
	background-color: transparent;
}
#gallery ul img
{
	padding: 10px;
	margin: 5px;
	border: 1px solid black;
	background-color: white;
}
#gallery ul a:hover img
{
	padding: 10px;
	margin: 5px;
	border: 1px solid black;
	background-color: #f6f6f6;
}
#gallery ul a:hover
{
	color: #fff;
}



.ContentBox50 {
	width: 362px;
float: left;
}





/* LangSwitcher */

.LangSwitcher a {
width: 202px;
height: 32px;
	
}
a.LangSwitcherDE0 {
	background: url(/a_img/LangSW_de_0.png) no-repeat top ;
}
a.LangSwitcherDE0:hover {
	background-position: bottom;
}
a.LangSwitcherDEa {
	background: url(/a_img/LangSW_de_a.png) no-repeat top ;
}
a.LangSwitcherEN0 {
	background: url(/a_img/LangSW_en_0.png) no-repeat top ;
}
a.LangSwitcherEN0:hover {
	background-position: bottom;
}
a.LangSwitcherENa {
	background: url(/a_img/LangSW_en_a.png) no-repeat top ;
}



/* Inhalt Box*/


.StandardInhalt {
	margin: 10px;
	text-align: left;
}




div.jqmdAbove { z-index: 5000; top: 8%; } /* used by 4c -- nested modal */

div.jqmdWide { width: 560px; margin-left: -280px; }
div.jqmdTall { height: 330px; }


div.centered { width: 100%; text-align: center; }
div.buttons input{ margin: 10px 14px; }
div.output { margin: 10px; color: red; }

.largeText { font-size: 120%; font-weight: bold; }
.smallText { font-size: 85%; }





/* Allgemeine Grafiken / Buttons */

#ReadMoreDE {
width: 108px;
height:20px;
background-image: url(../a_img/bttn_readmore_de.png);
background-position: top;
}

#ReadMoreDE:hover {
	background-position: bottom;
}

#ReadMoreEN {
	width: 87px;
height:20px;
background-image: url(../a_img/bttn_readmore_en.png);
background-position: top;
}

#ReadMoreEN:hover {
	background-position: bottom;
}







/* SideMenu Titel ist der Kopf eines jeden Menus */
.SideMenuTitle {
	height: 21px;
	float: left;
	width: 202px;
	background: url(/a_img/SideMenuTitle.png) no-repeat left;
	text-align: center;
}

.SideSubMenuTitle {
	height: 21px;
	float: left;
	width: 202px;
	background: url(/a_img/SideSubMenuTitle.png) repeat-x left;
	text-align: center;
}



#SideMenuBG {
	padding-top: 10px;
	background: url(/a_img/SideMenuBG.png) repeat-y top;
	width: 202px;
	float: left;
}

#SideMenuBGEnd {
	width:100%;
	height:250px;
	background: url(/a_img/SideMenuBGEnd.png) no-repeat;
	float: left;
}


.MenuBarTitle {
	font-size: 12px;
	color: #c5c5c5;
	font-weight: bold;
	float: left;
	width: 200px;
	margin-top: 3px;
}
.MenuBarSubTitle{
	font-size: 10px;
	color: #c5c5c5;
	font-weight: bold;
	float: left;
	width: 200px;
	margin-top: 4px;
}








/* Globale Side Menu Konfiguration */

.MenuBox li {
    list-style: none;
	 display: block;
	 width: 202px;
	 float: left;
	 cursor: pointer;
}

a.SideMenuLink , a.SideMenuLink:visited {
	float: left;
	color: #b1b1b1;
	/*	border: 0px;*/
	height: 22px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
	/*font-size: 12 px;*/
	text-decoration: none;
}

a.SideMenuLink:hover {
	color: white;
	
}

.SideMenuLink span
{
	float: left;
	margin-left: 10px;
	cursor: pointer;
	display: block;
}

#SideMenu {
	float: left;
	position: relative;
	width: 202px;
	margin: 0px 0px 0px 13px;
	 z-index: 2; 
}
.MenuBox {
	background: black url(/a_img/MenuBG.png) no-repeat top;
	float: left;
}

.MenuSpacer {
	height: 8px;
}


.SMinfobox {
	color: #e2e2e2;
}
.SMinfobox p {
	
}

.NFO-Tel,
.NFO-FAX
 {
	background: url(/a_img/icxs_phone.gif) no-repeat left;
	display: block;
	width: 100%;
	padding-left: 15px;
	margin-left: 25px;
	margin-bottom: 5px;
}

.NFO-FAX  {
	background: url(/a_img/icxs_fax.gif) no-repeat left; }



/* ####################################################################### */
/* ## 					Sub Box 							 			  					## */
/* ####################################################################### */
.SubBox {
margin-top: 5px;
}
.SubBoxHeader {
	float: left;
	background: url(../a_img/subboxheader.gif) repeat-x top;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 21px;
	border: 1px solid black;
	
}
.SubBoxContent {
	width: 100%;
	border-color: #858585;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding-top:	3px;
}
.SubBoxTitle {
	display: block;
	font-weight: bold;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 3px;
	color: #b7b7b7;
}
.SubBoxChapterTitle {
 
 font-weight: bold;
 padding: 8px 3px 5px 10px;
 
}

.SubBoxChapterContent {
 	padding: 0px 3px 8px 30px;
	border-bottom: 1px dotted #cfcfcf;
}
.SubBoxInfo {
	font-size: 11px;
	color: #909090;
}

.SubBoxRef {
	background: url(../a_img/bullet2.gif) no-repeat left;
	padding-left: 17px;
	font-weight: normal;
	margin-bottom: 10px;
	
}
.SubBoxRef:hover {
text-decoration: underline;

}


#CornerPic 
{
margin-top: -10px;
margin-right: -10px;
    float: right;
    
    }

/* ####################################################################### */
/* ## 					Lang Selector 							 			  			## */
/* ####################################################################### */