@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* ContiTech internet - Basislayout
* Variation des YAML Screenlayouts  "2col_left_13"
*
*/

@media screen
{
  /**
  * (en) Repositioning content container
  * (de) Neupositionierung der Content Container
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3               |
  * | 240px   | flexible            |
  * |		  | footer				|
  * |-------------------------------|
  */

  /* Fixed width for left column | Fixe Breite für Linke Spalte */
  #col1 { width: 200px;}

  /* Hide right column | Rechte Spalte abschalten */
  #col2, #col2_content, #print_footer, #print_header { display:none; }

  
  /* margin-right: 5px; für einen rechten Rand */
  #col3 { margin-left: 205px; margin-right: 5px; }
  #col3_content {margin-left: 20px;}
  * html #col3_content {margin-left: 12px;}
  
 
  #page
  {
	background-image: url(../img/hintergruende/pattern_gray.gif) !important;	
  }
  
  #page_margins 
  {
	min-width: 740px; 
	max-width: 1000px; 
	margin:auto;
	

  } 


  
  #main 
  {
	border-left: solid 10px #E5271F; 
	/* background: transparent url(../img/hintergruende/verlauf.gif) no-repeat;  */
	max-width: 1000px;	
  }
  
  body
  {
       background-color: #c0c0c0; /*Farbe für die Seitenränder */
  }
  
  
  /* Fixe Spalten für den Content-Bereich */
  .c500l  {float: left; }
  .c250r {float: right; margin-left: -5px; }
  
  .c500l { width: 500px; }
  .c250r { width: 250px; }
  
  .c490l  {float: left; }
  .c260r {float: right; margin-left: -5px; }
  
  .c490l { width: 490px; }
  .c260r { width: 260px; }
  
  .c480l {float:left; width:480px;}
  
  
  /* Formatierung der Kopfbereiches */
#header { height: 170px; width:auto; max-width: 1000px; background: #333 url(../img/header/header.jpg) no-repeat; }
.ihportal { background: url("../img/header/ct-ih-header.gif") no-repeat scroll 0 0 #333333 !important;}
.aquapal { background: url("../img/header/ct-header-aquapal.jpg") no-repeat scroll 0 0 #333333 !important;}
.goldschlange {background: url("../img/header/ct-header-goldschlange.jpg") no-repeat scroll 0 0 #333333 !important;}
.goldschlange p#land {font-size:1.15em;}
.goldsnake {background: url("../img/header/ct-header-goldschlange.jpg") no-repeat scroll 0 0 #333333 !important;}
.purpurschlange {background: url("../img/header/ct-header-purpurschlange.jpg") no-repeat scroll 0 0 #333333 !important;}
.purple snake {background: url("../img/header/ct-header-purpurschlange.jpg") no-repeat scroll 0 0 #333333 !important;}
#header #ct-logo {margin: 40px 0px 5px 20px;}

 
  	.languagechangerToggler {
	width:110px !important;
	
	padding:3px 0 1px 25px;
	font-family:Tahoma; font-weight:bold; text-transform:uppercase;
	font-size:10px;
	 cursor:pointer;
	  display:block;
	  background: transparent  url(../img/links/bottom.gif) 9px no-repeat !important;	
  border-bottom:1px solid #545454;
  border-left:1px solid #545454;
  border-right:1px solid #545454;
  margin:0;
	}

*+html .languagechangerToggler {padding:2px 0 2px 25px !important; background: transparent  url(../img/links/bottom.gif) 10px 9px no-repeat !important; margin-bottom:10px;}
* html .languagechangerToggler {padding:2px 0 2px 25px !important; background: transparent  url(../img/links/bottom.gif) 10px 9px no-repeat !important; margin-bottom:10px;}
	
  	.internationallocator {
	width:114px !important;
	
	padding:1px 0 0 24px;
	font-family:Tahoma; font-weight:bold; text-transform:uppercase;
	font-size:10px;
	 cursor:pointer;
	  display:block;
	  background: transparent url(../img/links/link.gif) 9px 3px no-repeat !important;
	  color:#ccc;		
}	  
*+html .internationallocator {padding:0px 0 0 24px;}	
* html .internationallocator {padding:0px 0 0 24px;}  
	
		
	.internationallocator:hover { text-decoration:none;}
	.languagechangerTogglerBG { background:#333; }
	
  	.title {
	width:131px !important;
	border-bottom:1px solid #545454; border-left:1px solid #545454; border-right:1px solid #545454;
	padding:0 0 1px 30px;
	font-family:Tahoma; font-weight:bold; text-transform:uppercase;
	font-size:10px;
	 cursor:pointer;
	  display:block;
	 padding:3px 0 1px 27px;
	 background: #333  url(../img/links/bottom.gif) 10px no-repeat !important;
	 margin-bottom:0px;
	

	}
	
*+html .title {padding-top:2px; padding-bottom:2px;  background: #333  url(../img/links/bottom.gif) 10px 9px no-repeat !important;margin-bottom:10px;	}		
* html .title {padding-top:2px; padding-bottom:2px;  background: #333  url(../img/links/bottom.gif) 10px 9px no-repeat !important;margin-bottom:10px;	}	
	
	
	
  #languagechanger {
  position:absolute;
  left:858px;
  top:0px;
  font-size:16px; 
  
 
  
  }	
  
   #internationallocator  {
  position:absolute;
  left:400px;
  top:0px;
  font-size:16px;
  border-bottom:1px solid #545454;
  border-left:1px solid #545454;
  border-right:1px solid #545454;

  }	
  
  p#identifier { 
  				position:absolute;
				left:235px;
				top:0px;
  				font-family:Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:1.25em;
				width:154px;
				font-weight:bold;
				text-transform:uppercase; 
				border-left:1px solid #545454;
				border-right:1px solid #545454;
				padding:0 0 19px 10px !important;
				margin:0;
				overflow:hidden;
				display:block;
				height:16px; 
margin-top:2.3em
  				} 
				
  p#land { 
  				position:absolute;
				left:400px;
				top:0;
  				font-family:Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:1.25em;
				width:129px;
				font-weight:bold;
				text-transform:uppercase; 


				border-right:1px solid #545454;
				padding:0 0 19px 10px !important;
				margin:0;
	
				display:block;
				height:16px;margin-top:2.3em;
}				

* html  p#identifier {height:17px; }
*+html  p#identifier {height:17px; } 	
* html  p#land {height:17px !important; padding:0 0 12px 10px !important;}
*+html  p#land {height:17px; } 	

  .languagechangerContent { position:absolute; overflow:hidden; margin-top:0px; padding:0; margin-top:-1px; background:#454545 none; border-bottom:1px solid #545454; border-left:1px solid #545454; border-right:1px solid #545454;} 
 *+html .languagechangerContent { position:absolute; overflow:hidden; margin-top:0px; padding:0; margin-top:-11px }
 * html .languagechangerContent { position:absolute; overflow:hidden; margin-top:0px; padding:0; margin-top:-11px;  width:135px; }
   
  ul.change-site {
					list-style-type:none;
					font-size:62.5%;				
					width:125px !important;
					
					margin:3px 0 11px 0; padding:0 0 0 0; 
					}  
* html   ul.change-site{width:125px !important;}

  ul.change-site span {
  						font-family:Verdana, Arial, Helvetica, sans-serif; 
						font-size:1.0em !important; 
						color:#ccc; 
						font-weight:normal;  
					
						display: block;  
						margin-top:1px; 
						padding:0px 0 1px 0; 
						
						}


  ul.change-site .bg {

						padding-bottom:5px; 
					
						}								
				
  
ul.change-site .changeto { 
							background:transparent  url(../img/links/link.gif) 1px  0  no-repeat;    
							color: #E5271F ;
							margin-left:-3px;
							padding:0 0 0 10px;	
							margin-top:5px;
							font-size:1.1em;
							font-weight:normal;
							font-size:11px;
							
					}
  
ul.change-site .currentlanguage {	
								background:transparent url(../img/links/link_grey.gif) left  no-repeat ;
								color:#999; 
								margin-left:-3px;
								padding:0 0 0 12px;
								margin-top:5px;
								font-weight:normal;
								font-size:11px;
								
								}  
*+html ul.change-site .currentlanguage  {margin-left:-2px; padding:0 0 0 11px; } 
* html ul.change-site .currentlanguage {	
								background:transparent url(../img/links/link_grey.gif) 0px  3px  no-repeat ;
								color:#999; 
								margin-left: -2px;
								top:2px;
								padding:0 0 0 10px;
								
								position:relative;
								font-size:11px;
								display:inline-block;
								
								}
								
  
    /* Scrollcontainer */ 	
.jScrollPaneContainer {
	position: relative;
	
	z-index: 500;
	
	 margin:-3px 0 0 0;
	 top:1px;
	 
	
	 
	
}



.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
right:2px !important;
	height: 100%;
	background: #454545;


}
.jScrollPaneDrag {
	position: absolute;
	background: #2D2D2D;
	cursor: pointer;
	overflow: hidden;	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
right:2px !important;
	display: block;
	position: absolute;
	z-index: 1;
	top: 2px !important ;

	text-indent: -2000px;
	overflow: hidden;
	background:#2D2D2D url(../img/header/arw-up.gif)  50% 3px no-repeat;
	height: 9px;
}

* html a.jScrollArrowUp{margin-top:2px}

a.jScrollArrowUp:hover {
	background:#2D2D2D url(../img/header/arw-up_r.gif)  50% 3px no-repeat;
}

a.jScrollArrowDown {
right:2px !important;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 3px  !important;

	text-indent: -2000px;
	overflow: hidden;
	background:#2D2D2D url(../img/header/arw-dwn.gif)  50% 3px no-repeat;
	height: 9px;
}

* html a.jScrollArrowDown{bottom: 2px  !important;}

a.jScrollArrowDown:hover {
	background:#2D2D2D url(../img/header/arw-dwn_r.gif)  50% 3px no-repeat;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}


	
	#sitechanger span { 	background:#333 none; display:block;  	}

	
	
  #sitechanger {
  position:absolute;
  z-index:50 !important; 
  left:235px;
  top:0px;
  height:20px;
 
  }	

  .verlauf {background:transparent  url(../img/header/verlauf_firefox.png) bottom no-repeat; position:relative; z-index:550000; top:109px; left:1px; display:block;  width:144px; height:24px; margin-top:-22px; overflow:hidden;}
 
 *+html .verlauf {background:transparent  url(../img/header/verlauf.png) bottom no-repeat; position:relative; z-index:550000; top:108px; left:1px; display:block;  width:144px; height:24px; margin-top:-22px;
 
 }
 
* html  .verlauf { display:none;} 
 

  .inv { position:relative; left:-10000px; margin:0; padding:0;}
  .scroll-pane {font-size:16px;width:158px; height:90px; background:#454545 none; padding:9px 0 10px 0; }

  
  .changer_content { position:absolute; overflow:hidden; margin-top:-1px; z-index:45600;background:#454545 none;  
  border-bottom:1px solid #545454; border-left:1px solid #545454; border-right:1px solid #545454;  }
  
  *+html  .changer_content { position:absolute; overflow:hidden; margin-top:-11px; z-index:45600;background:#454545 none;  
  border-bottom:1px solid #545454; border-left:1px solid #545454; border-right:1px solid #545454;  }
    * html  .changer_content { position:absolute; overflow:hidden; margin-top:-11px; z-index:45600;background:#454545 none;  
  border-bottom:1px solid #545454; border-left:1px solid #545454; border-right:1px solid #545454; width:158px;   }
  
  
  .scroll-pane  ul.change-site {
  padding:0 0 1px 0;
  list-style-type:none;
  font-size:62.5%;
  
 

  }  
  
  .change-site {margin:0 0 0 10px !important;}
 
* html #change-site { width:158px !important; overflow:hidden;}

  .change-site a   {
   color: #E5271F !important;
   padding-left: 12px !important;

   font-size:0.9em;
  }
  .change-site .abstand {margin-left:12px;} 
  ul.change-site li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#ccc; font-weight:bold; }
  ul.change-site li ul {margin:0 0 11px 0; padding:0; list-style-type:none;}
    ul.change-site li ul li {font-weight:normal; width:140px; }
  .change-site a { background: url(../img/links/link.gif) left no-repeat !important;  }
*+html  .change-site a { background:transparent url(../img/links/link.gif) 1px 0 no-repeat  !important;}
* html  .change-site a { background:transparent url(../img/links/link.gif) 1px 0 no-repeat  !important;}
  .link_changer  
  {
	
	  background: transparent  url(../img/links/bottom.gif) 10px no-repeat !important;
  } 
  								
  
  /* Scrollcontainer Ende */  
  	


#global_site_link
{
	background: url(../img/links/link_out.gif) 0 18% no-repeat;
	display:block;
	width: 200px;
	padding-left: 13px;
	position: absolute;
	top: 3px;
	left: 17px; 
	color: #ccc;
	font-size: 77%;
	font-weight: bold;
	text-decoration: none;
	
}



* html #global_site_link
{
	background: url(../img/links/link_out.gif) 0 20% no-repeat;
}

#global_site_link:hover
{
	 text-decoration: underline;
}


#breadcrump {
	position:absolute;
	left:234px;
	top:148px;
	z-index:500;
	font-size: 92%;
}
* html #breadcrump {position:absolute; left:235px; top:147px; z-index:500;}

 /*Breadcrump Styles*/
#dynamic_breadcrump
{
margin:0;	
}






.crumplist 
{
	 float: left;
}

.crumplist li
{
	 display:block;
	 float: left;
	 margin-right: 10px;
	 color: #ccc;
	 padding-left: 8px;
	 background: url(../img/links/arrow.gif) no-repeat left; 
	 color: #ccc;
	 font-size: 92%;	
	 display:block;		
	 
	
}

.crumplist a
{
	 color: #ccc;
}

#breadcrump_firstentry
{
	background-image: none !important;
	padding-left: 0 !important;
	color:#CCC;
	padding-right:12px;
}

#breadcrump_lastentry
{
	margin-right: -2px;
}

.breadcrump_nomargin
{
	margin-right: -2px !important;
}

.CMSBreadCrumbsCurrentItem {
	background: url("/CMSTemplates/ContiTech/css/img/links/arrow.gif") no-repeat scroll left center transparent;
	padding-left: 9px;
}

a.CMSBreadCrumbsLink {
	color: #CCC;
	list-style: none;
	background: url("/CMSTemplates/ContiTech/css/img/links/arrow.gif") no-repeat scroll left center transparent;
	padding-left: 9px;
}

* html .breadcrump_nomargin
{
	margin-right: 0px !important;
}

* html #breadcrump_lastentry
{
	margin-right: 0px;
}
  
  
  /*Footer Styles*/

#footer
{
  margin-top: 15px;
  margin-left: 	225px;
  font-size: 92%;
 
}
.footer_list
{
	 list-style: none; 
	 margin: 0px !important;
	 padding: 0px !important;	
}

.footer_list a
{
	 
	 color: #000000 !important;
	 padding: 0 10px 0 10px !important;
	 margin: 0px !important;
	 height: 14px;  
	 font-weight: lighter;
	 background: url(../img/trennlinie_footer.gif) 0 46% no-repeat !important;
}

.footer_list img
{
	 margin-top: 2px;
}

.footer_list a:hover
{
	 color: #000000 !important;
	 text-decoration: underline;
	 background: url(../img/trennlinie_footer.gif) 0 46% no-repeat !important;
	
}

#footer_list_allgemein, #footer_list_funktionen
{
	 margin: 0px !important;
	 padding: 0px !important;
	
}

 #footer_list_funktionen
 {
   float: left;
 }

#footer_list_allgemein li, #footer_list_funktionen li
{
	 float: left;
	 margin: 0px !important;
}

#footer_SpaltenSchluss
{
	 float: right;
	 background: url(../img/trennlinie_footer.gif) 0 46% no-repeat !important;
}

#rss_li
{
	 background: url(../img/trennlinie_footer.gif) 0 38% no-repeat !important;
}

#copyright
{
	background: url(../img/trennlinie_footer.gif) 0 46% no-repeat !important;
	padding: 10px !important;
	color: #000000;
}

.DialogPageContent DialogScrollableContent 
{
	z-index: 1000;
}
#zoneNav { 
	z-index:1
}
#top_100 {background: url("/CMSTemplates/ContiTech/css/screen/images/fl-landing.jpg") no-repeat scroll 0 0 transparent;
    height: 180px;
}

.PageTitleHeader { padding:0; }


/*Supplier Profile*/
.fieldblock .columnCheckbox {
	height:30px;
}
.fieldblock .columnCheckbox input {
	margin-top:5px;
}
.fieldblock .pflicht, .errorMsg { 
	color:red !important;
	font-weight: bold;
}
.fieldblock .infoMsgTop {
	font-weight: bold;
	font-size:12px;
	margin-left:20px;
}

.product_topic {
	background-color:#DDD;
}


}