/*******************/
/* CSS Document    */
/* MTH IT Service  */
/* Projekt Panta   */
/*******************/
/* Mitarbeiter     */
/* Mario Laurich   */ 
/*******************/

/************************************  Page Mastery *********************************/

body {
	padding:0px;
	margin:0px;
	/*background-color:#EEF2F5;
*/
	background-color:#b5b5b5;


}

h1{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;	
}
h2{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;	
}
h3{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;	
	font-size:12px;
	color:#778495;
	
}
h4{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	font-size:10px;
	color:#2C7ABC;
	
}

.pantapage{
	background-color:#EEF2F5;
	color:#778495;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-align:left;
	width:780px;
	margin:auto;
}

.header{width:770px; padding:0px; margin:5px; padding-top:10px;background-color:#EEF2F5;}
.content{width:770px; padding:0px; margin:5px;background-color:#EEF2F5;}
.footer{width:770px; padding:0px; margin:5px;padding-bottom:10px;background-color:#EEF2F5;}

/**************************************************************************************/
/************************************ Page Header *************************************/
/**************************************************************************************/

.scroller{ height:300px;overflow:auto; }
/************************************ page info ***************************************/
.pageinfo{
	margin-top:20px;
	height:18px;
}

.pageinfo a{
	color:#4E4E4D;
	text-decoration:none;
}

.pageinfo a:hover{
	text-decoration:underline;
}

.infolinks{
	float:right;
	margin:0px 10px 10px 10px;;
}

.infoimg{float:right;}
.infoimg img{border:none;}

/******************************************** Navbar ***************************************/

.navbar{
	background-image:url(../bilder/nav_back.jpg);
	background-repeat:repeat-x;
	padding: 6px 0px 0px 0px;
	height:26px;
	margin-bottom:0px;
	width:760px;
}

.navbar ul{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	list-style-type:none;	
}

.navbar li{
	display:inline;
	background-image:url(../bilder/nav_arrow.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:16px;	
}

.navbar a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 10px;	
}

.linkaktiv a{color:#000000;}
.linkpassiv a{color:#FFFFFF;}
.navbar a:hover{color:#000000;}

/******************************************* Banner **************************************/

.banner{
	padding:0px;
	margin:0px;
	width:760px;
}

.banner img{border:none;}

.bannerleft{
	padding:0px;
	margin:0px;
	float:left;
}

.bannercenter{
	padding:0px;
	margin:0px;
	float:left
}

.bannerright{
	padding:0px;
	margin:0px;
	float:right
}
.printbanner{ display:none;
	padding:0px;
	margin:0px;
	width:760px;}
.printbanner img{border:none;}
/****************************************************************************************/
/************************************* Page Content *************************************/
/****************************************************************************************/

.content a{
	color:#0093CB;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}

.content a:hover{
	color:#000000;
}

.blue{
	color:#0093CB;
}

/************************************** Content Links ******************************************/


.conleft{
	width:324px;
	float:left;
	padding: 10px 10px 10px 0px;
	margin:0px 0px 0px 0px;
}

.newstop{padding:10px 10px 10px 0px;}

.newstop h1{
	color:#2C7ABC;
	font-size:16px;	
}

.newstext{padding:10px 10px 10px 10px;}
.newstext h1{color:#0093CB; font-size:12px;}

.newsbild{padding:10px 10px 10px 10px;}
.newsbild img{ float:left; padding:15px 10px 0px 0px; border:none;}
.newsbild h1{color:#0093CB; font-size:12px; text-transform:none;}

/*********************************************** Content Mitte *************************************/

.concenter{
	width:210px;
	float:left;
	padding: 10px 10px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.story{
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
}

.story h1{
	color:#778495;
	font-size:16px;
}

/************************************* Content rechts ***************************************/
.conrighttwo{
	width:536px;
	float:right;
	padding: 10px 0px 10px 0px;
	margin:0px 10px 0px 0px;
}

.conrighttwo img{
	margin:10px 0px 0px 0px;
}




.conright{
	width:195px;
	float:right;
	padding: 10px 0px 10px 0px;
	margin:0px 10px 0px 0px;
}
.conright img{
	margin:10px 0px 0px 0px;
}

.featuretop{
	padding:10px 10px 10px 10px;
	background-color:#D5DCE3;
}

.featuretop h1{
	font-size:16px;
	color:#0093CB;
}

.feature{
	padding:10px 0px 10px 10px;
	background-color:#EEF2F5;
}

.feature h1{
	font-size:16px;
	color:#778495;	
}
.feature h2{
	color:#0093CB;
	font-size:14px;
}
.feature a{
	color:#778495;
	text-decoration:none;
	font-weight:normal;
}

.featureback{
	padding:1px 1px 2px 1px;
	margin:10px 0px 0px 0px;
	background-image:url(../bilder/point.gif);
	background-repeat:repeat;
}

.liststyle ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.content_ueberschrift{float:left;padding: 10px 0px 10px 0px; width:270px;}

.content_ueberschrift h1{
	color:#0093CB;
	font-size:15px;
}
/**************************************** Content Produkte *******************************/

.conleftprodukt{
	width:556px;
	float:left;
	padding: 10px 1px 10px 0px;
	margin:0px 0px 0px 0px;
}
.bildkleinlinks{float:left;}
.bildkleinlinks img {padding: 10px 0px 10px 0px; width:200px;}
.bilddreispalter{clear:both;}
.bilddreispalter img {padding: 10px 0px 10px 0px; width:760px;}
.defaultstyle  {padding: 10px 0px 10px 0px; width:0px;}

.produktbild{float:left;padding: 10px 0px 10px 0px; width:206px;}
.produktbild h1{
	color:#0093CB;
	font-size:15px;
}
.produktbild a{
	color:#778495;
	text-decoration:none;
}
.produktbildbg{float:left;padding: 10px 0px 10px 0px; width:217px;height:2862px; background-image:url(../bilder/produkte_panta_fix_jumper__.jpg)}

.produktbildbg h1{
	color:#0093CB;
	font-size:15px;
}
.produktbildbg a{
	color:#778495;
	text-decoration:none;
}
.produktinhalt{float:right;padding:10px 10px 10px 0px; width:319px;}	

.produktinhalt_voll {float:right;padding:10px 10px 10px 0px; }	
.produktinhalt h1{
	padding-left:20px;
	background-image:url(../bilder/pfeil_gross_03.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#0093CB;
	font-size:16px;
}
.produktinhalt h2{
	padding:0px 0px 10px 20px;
	margin:0px 0px 0px 0px;
	color:#0093CB;
	font-size:12px;
	text-transform:uppercase;
}

.produktinhaltansicht{
	
}

.produktinhaltansicht p{
	padding:0px 0px 0px 25px;
	background-image:url(../bilder/pfeil_gross_03.jpg);
	background-repeat:no-repeat;
	min-height:20px;
}

.produktauswahl{
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
}
.produktauswahl a{
	text-transform:uppercase;
	text-decoration:none;
	color:#778495;
	font-weight:normal;
}
.produktansichthead{
	text-transform:uppercase;
	font-weight:bold;
}
.produktnameansicht{
	color:#0093CB;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:25px 0px 0px 0px;
}

.subnavi{
	text-align:right;
}
.subnavi a{
	text-decoration:none;
	color:#778495;
}

.ansichtlinks{
margin-top:125px;


}
.ansichtlinks a{text-decoration:underline;}
.ansichtlinks ul{ list-style-type:square;
 list-style-position:inside;
	margin: 0px; 
  padding: 0px;

  }
  


.produktsubmenue{
margin-top:10px;


}
.produktsubmenue a{text-decoration:underline;}
.produktsubmenue ul{  list-style-position: outside;
margin: 0 0 0 15px; 
  padding: 0; 
}


.pdflist {   }
.pdflist li{ }

.pdflist ul { list-style-position: outside;
margin: 10px 10px 10px 15px; 
  padding: 4px; 
   list-style-image:url(../bilder/pdfsymbol.gif);}
.pdflist  a{float:left;margin-top:10px; margin-left:10px;font-size:10px; text-decoration:underline;}
.pdflist img {float:left;}
.vertriebsbilder img {
margin:10px 0px 0px 2px;

}
.kontaktformular {}
.kontaktformular form{
}
.kontakt {
width:542px;
float:left;}
.kontakt fieldset{border:none;width:251px;}
.kontakt label{width:250px;float:left;}
.kontakt input[type=text]{width:240px;float:left;border: 1px dotted #666;margin-bottom:3px;float:left;}
.kontakt input[type=submit]{border: 1px dotted #666;margin-left:265px;}
.kontakt textarea{width:250px;border: 1px dotted #666;}

.vertrieb_sub_nav{margin-top:15px; text-align:center;}
.vertrieb_sub_nav a {color:#999999; text-align:center;}
.nav_1{width:5px;height:18px;float:left;}
.nav_2{ text-align:center;background-repeat:repeat-x; padding-top:1px;padding-left:4px;width:160px;background-image:url(../bilder/vertrieb_vertretungen_pa-03.jpg);height:18px;float:left;}
.nav_3{width:12px;height:18px;float:left;}
.nav_4{background-repeat:repeat-x;padding-top:1px; padding-left:4px;width:160px;height:18px;float:left; background-image:url(../bilder/vertrieb_vertretungen_pa-05.jpg);}
.nav_5{width:13px;height:18px;float:left;}
.nav_6{width:15px;;height:18px;float:left; background-image:url(../bilder/vertrieb_vertretungen_pa-07.jpg);}
.nav_dis_1{width:5px;height:18px;float:left;}
.nav_dis_2{background-repeat:repeat-x; padding-top:1px;padding-left:4px;width:160px;background-image:url(../bilder/vertrieb_vertretungen_pa-05.jpg);height:18px;float:left;}
.nav_dis_3{width:12px;height:18px;float:left;}
.nav_dis_4{background-repeat:repeat-x;padding-top:1px; padding-left:4px;width:160px;height:18px;float:left; background-image:url(../bilder/vertrieb_vertretungen_pa-03.jpg);}
.nav_dis_5{width:13px;height:18px;float:left;}
.nav_dis_6{width:15px;height:18px;float:left; background-image:url(../bilder/vertrieb_vertretungen_pa-07.jpg);}


.distributoren_tabelle{width:596px; border:none; border-spacing:4px; empty-cells:show; text-align:left; }
.distributoren_tabelle_inland{width:556px; border:none; border-spacing:4px; empty-cells:show; text-align:left; }
.vertretungen_tabelle{width:556px; border:none; border-spacing:4px; empty-cells:show;text-align:left; }
.tab_land td{
	border-bottom-width:0.1em;
	border-bottom-style:none;
	padding:3px;
	border-top-width: 0.1em;
	border-right-width: 0.1em;
	border-left-width: 0.1em;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.distributoren_tabelle h1 {font-size:10px; font-weight:bold;color:#666666;}
.vertretungen_tabelle h1 {font-size:10px; font-weight:bold;color:#666666;}
.distributoren_tabelle_inland h1 {font-size:10px; font-weight:bold;color:#666666;}

.tab_bezeichner{width:115px; background-color:#FFFFFF; border-bottom-width:.1em;
 border-bottom-style:dotted; border-bottom-color:#333333;
padding:3px; }

.tab_pfeil {width:10px;  background-color:#FFFFFF; border-bottom-width:.1em;
 border-bottom-style:dotted; border-bottom-color:#333333;
padding:3px;}
.tab_data {width:396px;  background-color:#FFFFFF; border-bottom-width:.1em;
 border-bottom-style:dotted; border-bottom-color:#333333;
padding:3px;}
.tab_land td{background-color:#FFFFFF; }
.vertretungen_tabelle tbody tr{ }
.vertretungen_tabelle  td{ background-color:#FFFFFF; border-bottom-width:.1em;
 border-bottom-style:dotted; border-bottom-color:#333333;
padding:3px;}
.distributoren_tabelle  .tab_data_area tr{  border-bottom-width:.1em;
 border-bottom-style:dotted; border-bottom-color:#333333;
padding:3px;}
.tab_info {font-size:9px; border:none;border-spacing:0px; empty-cells:show;margin-bottom:10px;}
.tab_info td{border-bottom-style:none;border-bottom-width:0px;padding:1px;}
.tab_info a{color:#0093CB; font-weight:normal;font-size:9px; }
.switch_1_an{display:none;}
.switch_2_an{display:none;}
.switch_3_an{display:none;}
.switch_4_an{display:none;}
.switch_1_aus{display:inline;}
.switch_2_aus{display:inline;}
.switch_3_aus{display:inline;}
.switch_4_aus{display:inline;}
.switch_an{display:none;}

.switch_data{display:none;}

.produktinhalttwo{float:right;padding:10px 0px 0px 0px; width:536px;}	
.produktinhalttwo h1{
	padding-left:0px;
	
	background-position:left;
	background-repeat:no-repeat;
	color:#0093CB;
	font-size:16px;
}
.produktinhalttwo img {
margin-bottom:5px;}
.conmerkmalleft{
width:250px;
float:left;
}
.conmerkmalright{
float:right;
}

.produktinhalttwo ul{  list-style-position:outside;
	margin: 5px 0 0 1px; 
  padding: 0px;
  list-style-image:url(../bilder/nav_arrow.jpg);
  z-index:300;
}

.produktinhalttwo h2{
	padding:0px 0px 10px 20px;
	margin:0px 0px 0px 0px;
	color:#0093CB;
	font-size:12px;
	text-transform:uppercase;
}

.produktinhalt3 {
	height: 154px;
	width: 520px;
	margin-top:40px;
	margin-bottom:40px;
	
}

.produktcontent {
    float:right;
	height:153px;
	width:265px;
	margin-Bottom: 10px;
}
	
.produktimage {
	width: 229px;
	height: 153px;
	float: left;
	margin-bottom:20px;

}

/****************************************************************************************/
/************************************* Pager Footer *************************************/
/****************************************************************************************/

.footerline{height:19px; width:760px; clear:left; background-image:url(../bilder/verlauf_boden.gif) ;}
.footerlinks{
	margin: 5px 0px 10px 20px;
	width:760px;
	
}
.footerlinks a{
	color: #778495;
	text-decoration:none;
	font-size:9px;
}
.footerlinks a:hover{text-decoration:underline;}



/************************************** Sonstiges *****************************************/


.pantaline{
	background-image:url(../bilder/point.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:1px;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}


/************************************** Vertrieb *****************************************/

.kontakt_adresse{
width:181px;
float:left;

 margin-right:3px;}
.kontakt_titel{color:#2C7ABC; font-weight:bolder;}
.kontakt_name{font-weight:bolder;}
.kontakt_strasse{}
.kontakt_plz_ort{}
.kontakt_land{}
.kontakt_tel{}
.kontakt_fax{}
.kontakt_mobil{}
.kontakt_email{margin-top:5px;margin-bottom:5px;}

