/*****************************************************************
CONTENT
*****************************************************************/



/*****************************************************************
PRODUKTANSICHTEN
*****************************************************************/


.pic-area {
	background-color: white;
	text-align:center;
	height: 400px;
/*	border-left: 100px solid white;
	border-right: 100px solid white;*/
}



.text-area {
/*	width: 960px;*/

/*	padding:10px 300px 10px 100px;*/
		/* ca. ZEILE 165 */

	border-top: 1px solid #949598;		
	position:relative;
}




.text-area h1 {
	font-size: 110%;
	margin-bottom: -10px;
	padding-bottom: 0px;
/*	color:red;*/
}

.text-area p {
/*	color: #939598;*/
	color: #727478;
}


.btn-find-out-more {
	position:absolute;
	top: 80px;
	right: 80px;
/*	border: 1px solid blue;*/
}



/* SPECIALS FÜR PRODUKTDARSTELLUNGEN */


.product-arrow {
	font-size: 24px;
	line-height: 60%;
/*	color:red;*/
}

.product-text {
/*	color: red;*/
}

.product-picsub {
	border: 1px solid blue;
}

.text-area a {
	color: #727478;
/*	border-bottom: 1px solid red;*/
}


/* EINSTIEGSSEITEN */

div.centered {	text-align:center;}
img.centered {	margin:0px auto;}



#picili1 {
	float:left;
/*	border: 1px solid green;*/
	width: 478px;
	text-align:right;
}

#picili2 {
	float:left;
/*	border: 1px solid red;*/
	width: 478px;
	text-align:left;
}

/*****************************************************************
START
*****************************************************************/

.start #head {
	height: 100px;
/*	background-color: blue;*/
/*	margin-top: 57px;*/
}

.start #stageholder {
	margin-top: 93px;
/*	background-color: green;*/
}	

.start #content {
/*	height: 606px;*/
	height: 576px;
	padding-top: 30px;
	border-top: 1px solid #949598;	
	text-align:center;
/*	background-color: yellow;*/
	position:relative;
}

.start div.csc-textpic a img {
/*	border: 1px solid green;*/
	margin-top: 80px!important;
}


/*****************************************************************
LANGUAGE CHOICE
*****************************************************************/


#lang-choice a img {
	background-color: #939598;
}

#lang-choice a img:hover {
	background-color: #E31B23;
}

/*start a:hover {
	color: #e31b23;
}*/

#lang-choice {
	position:relative;
	margin-top: 20px;
}
 
#lang-btn-de, #lang-btn-en, #lang-btn-es, #lang-btn-fr, #lang-btn-ru, #lang-btn-cantonaise {
	position:absolute;
}

#lang-btn-de {
	top: 50px;
	left: 350px;
}
#lang-btn-en {
	top: 190px;
	left: 140px;
}
#lang-btn-es {
	top: 330px;
	left: 65px;
}
#lang-btn-fr {
	top: 260px;
	left: 420px;
}
#lang-btn-ru {
	top: 395px;
	left: 525px;
}
#lang-btn-cantonaise {
	top: 130px;
	left: 540px;
}


/*****************************************************************
TEXT-AREA (FIND-OUT-MORE)
*****************************************************************/

.text-area {
/*	background-color: yellow;*/
}

.hider { display:none;}
#area2, #area1 { position:absolute; left:0px; top:0px; }


.text-area .area1 {
/*	background-color: yellow;*/
	padding:10px 300px 10px 100px;
}

.text-area .area2 {
/*	background-color: yellow;*/
/*	padding:10px 220px 10px 100px;*/	
	
	padding:10px 80px 0px 100px;
												/*	background-color: yellow;*/
}


/* ML-ANGABEN BILDI */


.csc-textpic-intext-right-nowrap .csc-textpic-image img {
/*	border: 1px solid white;*/
	
	margin-top: 20px!important;
	
/*	position:absolute;
	bottom:0px;
	right:0px;*/
}








/*****************************************************************
TEXT SEITEN (HERITAGE)
*****************************************************************/

.text-site .text-area {
	padding:20px 250px 20px 250px;
	border-top: 0px;
}

.text-site .text-area h1,
.latest-products h1 {
	font-size: 150%;
	margin-bottom: 10px;
	padding-bottom: 0px;
	text-transform:uppercase;
}

.text-site #content .text-area p {
	/*color: #727478;*/
	text-align: justify;
	line-height: 180%;	
	font-size: 12px;
/*	background-color: yellow;*/
}

.text-site .text-area a {
/*	border: 0px;*/
}


/* PRINZENBILDIS */
.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image img {
/*	padding: 0px 15px;
	border-left: 10px solid yellow;*/
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image img {
	border-left: 20px solid white;
	margin-top: 5px!important;
	padding-top: 0px!important;
}

csc-textpic-intext-right a img {
	border: 0px!Important;
}

.csc-textpic-caption {
/*	background-color: yellow;*/
	padding-top: 5px;
	font-size: 10px;
	color: #494C4E;
	font-style:italic;
}


/* LINK FÜR GLOSSAR POP-UP */

.text-site .text-area a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e31b23;
}

.text-site .text-area a .product-arrow {
	border-bottom: 0px!important;
}



/*****************************************************************
NEWS AKA LATEST-PRODUCTS
*****************************************************************/

.latest-products #content {
/*	background-color: yellow;*/
	color: #727478;
}

.latest-products h1 {
	color: #e31b23;
	text-transform: uppercase;
}



.latest-products .inside {
	padding:20px 200px 30px 250px;
/*	border-top: 0px;*/
/*	border: 1px solid green;*/
}


.latest-products .latest-products-holder {
/*	border: 1px solid green;*/
	margin-top: 20px;
}





.latest-product {
/*	border-top: 1px solid #949598;*/
	padding-top: 10px;
}


.latest-products h2 {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

.latest-products h2, 
.latest-products h2 a {	color: #6D6F72;}
.latest-products h2 a:hover {	color: black;}

.latest-products p {
	margin: 0px;
	font-size: 12px;
	color: #949598;
	font-size: 11px;
}
.latest-product-reference {
	font-size: 11px;
}


.latest-products .latest-product-text h1 {
	background-color: blue!important;
	display:none;
} 

.latest-product img {
	float:left;
	margin-bottom: 20px;
	
	
	border-right: 1px solid #949598;
	margin-right: 30px;
	
}







/*****************************************************************
DIRECTORY
*****************************************************************/

.directory #head {	height: 100px;}


.directory #content {
/*	border: 2px solid green;*/
	min-height: 550px;
	background-color: white;
	margin-right: -20px;
	width: 980px;
/*	border-left: 5px solid blue;*/
}

.directory .accordion, 
.directory #accordion1 {
/*	border: 1px solid blue;*/
	margin-top: -10px;
	z-index: 200;
/*	background-color: yellow;*/
}


/* ACCORDEON */

.directory h2 {
/*	background-color: #B1B1B1;*/
	border-bottom: 1px solid #949598;
	padding:5px 0px;
/*	color:red;*/
	margin: 15px 0px 5px 0px;
	width: 960px;
/*	font-size: 14px;*/
	font-size: 130%;
	text-transform: uppercase;
	
}
.directory .ui-accordion h2 { cursor:pointer;}



.directory h3 {
/*	background-color: #949598;*/
	background-color: #C7C7C7;
	padding:2px 0px;
	width: 960px;
	font-size: 12px;
	margin:0px;
}
.directory h3 a { color:white;}



.directory h4 {
/*	float:right;*/
	font-size: 11px;
	margin: 0px 0px;
	font-weight: normal;
}

.directory h4 a {	color: #6D6F72;}

.directory h4 a:hover {
/*	color: #E31B23;*/
	color: black;
}


#dirholder {
	height: auto;
}



.product-line {
	margin-top: 10px;
	color: #949598;
}

.product-reference {
	color: #949598;	
}






/*.directory .picili {	border: 1px solid green;}*/

.directory .item {
	border-bottom: 1px solid #e6e6e6;
	width: 232px;
	margin-right: 10px;
	padding:5px 0px;
	float:left;
	height: 90px;
/*	border: 1px solid red;*/
}


.directory .item img {
	float:left;
}



/*****************************************************************
CLASSIC / SWISSLINE WORLD 
*****************************************************************/


.classic #content {
/*	padding:20px 250px 30px 250px;*/
/*background-color: yellow;*/
	border-top: 0px;
/*	border: 2px solid green;*/
}

.classic h1 {
	font-size: 150%;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.classic #content p {
	
}


.tx-mlmaps-pi1 {
/*	background-color: yellow;
	border: 1px solid red;*/
/*	margin-top:-20px;*/
	margin-top:-40px;
}

#map_container {/*	border: 1px solid blue;*/}

#map_container img {	border: 0px;}
#map_container a {color: #515151;}


#layer1,#layer2,#layer3,#layer4,#layer5,#layer6,#layer7,#layer8,#layer9,#layer10,
#layer11,#layer12,#layer13,#layer14,#layer15,#layer16,#layer17,#layer18,#layer19,#layer20,
#layer21,#layer22,#layer23,#layer24,#layer25,#layer26,#layer27,#layer28,#layer29,#layer30,
#layer31,#layer32,#layer33,#layer34,#layer35,#layer36,#layer37,#layer38,#layer39,#layer40 {
	background-color:white;
	border: 1px solid #cccccc;
	width: auto;
	padding: 0px 10px;
	width: 160px!important;
}



#map_container b {
	text-transform: uppercase;
	color: #E31B23;
}

.world-official-note {
/*	background-color: yellow;*/
/*	position:absolute;
	top: 0px;
	left: 0px;*/
	position:relative;
	margin-bottom: -40px;
	color: #949598;
	font-size: 10px;
}


/*****************************************************************
CONTACT
*****************************************************************/

#mailform {
/*	background-color: yellow;*/
	font-family: Arial, Trebuchet, Verdana, sans-serif;
	font-size: 12px;
}

#mailform fieldset {
	border: 0px;
	padding:0px;
	margin-top: 20px;
}

#mailform label {
/*	background-color: yellow;*/
	width: 190px;
	display:block;
	padding: 4px 0px 3px 0px;
	margin-right: 10px;
	float:left;
	border-bottom: 1px solid #C7C7C7;
	color: #727478;
	
}

#mailform input,
#mailform textarea {
	padding: 2px;
	width: 220px;
	font-family: Arial, Trebuchet, Verdana, sans-serif;
	font-size: 12px;	
	/*color: #494C4E;*/
	
				/*	border: 0px;
					border-bottom: 1px solid #727478;
					background-color: silver;*/	
}



#mailform select {
	padding:2px;
	width: 227px;
	font-family: Arial, Trebuchet, Verdana, sans-serif;
	font-size: 12px;	
/*	color: #494C4E;	*/
}


#mailform input, #mailform textarea, #mailform select {
/*	color: #A8955B;*/
	color: #9A8852;	
}



#mailform .csc-mailform-field {
	height: 25px;
/*	background-color: yellow;   !!!!!!!!!!!*/
	margin-bottom: 5px;
/*	border-bottom: 1px solid #727478;*/
}

#mailform .csc-mailform-submit {
	width: auto;
	margin-top: 80px;
	margin-left: 200px;
	color: black;
}


.ui-accordion-header {
	cursor:pointer;
}


/*****************************************************************
POPUP ACCORDEON
*****************************************************************/

.overlay {
/*	border: 1px solid blue;*/
	font-family: Arial, Trebuchet, Verdana, sans-serif;
	font-size: 12px;
/*	color: #949598;*/
	color: #7C7E83;
}

.overlay h1 {
	margin:0px;
	font-size: 150%;
	font-weight: normal;
/*	background-color: yellow;*/
}

.overlay .ui-accordion h1 {
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding:0px;
	cursor:pointer;
}


.overlay .ui-accordion p {
	font-size: 12px;
	line-height: 150%;
	margin-top: 3px;
}


.overlay ul {
	margin-bottom: 20px;
}

.overlay li {
	line-height: 150%;
}



.overlay table {
/*	background-color: yellow;*/
	border-collapse:collapse;
}

.overlay table td {	vertical-align:top;}

.overlay table p {
	margin: 0px;
	padding: 0px 5px 0px 0px;
}






/*****************************************************************
FLASH INTROS EINSTIEGSSEITEN

*****************************************************************/

#content {
	/*position:relative;*/
	/* 
	
		WÄRE NOT UMS FLASH MITTIG ZU SETZEN UNB OBEN
	
	 */
}

.flash-underlay {
/*	border-left: 1px solid green;*/
/*	border-right: 1px solid red;*/
	position: absolute;
	top:145px;
/*	left:0px;	*/
}

.picture-overlay {
/*	border: 3px dashed blue;*/
/*	background-color: yellow;*/
	z-index: 101;
	width: 960px;
	height: 550px;
	position: absolute;
	top:150px;
/*	left:0px;		*/
	margin:0px;
	padding:0px;
}

.picture-overlay img {
/*	border: 1px solid blue;*/
	margin-top: -150px;
	width: 960px!important;
	height: 545px!important;	
}