body,html {
      background-color:#fff;
      height: 100%;
      border: 0;
      margin: 0;
      padding: 0;
      font-family:arial, helvetica;
      text-align: center;
      font-size:1.05em;

}
div#page {
		min-width: 950px;
	min-height:500px;
height:auto !important;  /* für moderne Browser */
height:500px;  /*für den IE */
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;

}

div#page_base {
	position: relative;
	width: 950px;
	margin:0 auto;
	padding:0;

}
#frame{
   position: absolute;
	top: 0;
	left: 0px;
	width: 950px;
	height: auto;
	
	
	

}
#headlogo{
   width: 170px;
	height: 100px;
	margin:15px 0px 0px 0px;

	background-image:url(../fileadmin/template/res/contelec_logo.gif);
	background-repeat:no-repeat;
	float:left;
	

}

#headarea{
	width: 755px;
	height: 100px;
	float: left;
	border: 0;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	
	
}

.topnav{
	width:400px;
	margin:0px;
	padding:0px 0px 0px 35px;
	font-size:0.7em;
	float:left;
	color:#808285;
	display	:inline;
	text-align:left;

}
.topnav a{
  	text-align:left;
	display:inline;
	color: #231F20; 
	padding:0px 12px 0px 0px; 
	text-decoration:none;	
}

.topnav a:hover, .topact a{
	color: #00AB96;
	text-decoration:none;
  }

#cols{
	width:950px;
	margin:18px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	float:left;
	text-align:left;
	background-color:#fff;

}

#colspop{
	margin:18px 0px 0px 18px;
	padding:0px 0px 0px 0px; 
	float:left;

}

 #floaterpop{
  width:370px;
  float:left;
  margin:0px 7px 0px 0px;
  padding:0px; 
  height:350px;
  overflow:scroll;
  overflow-x:hidden;
 
 }
 


#contfull, #contquart,#contthird,#conthalf, #contquart3{
  font-size:0.7em;
  color:#231F20;
  text-align:left;
  padding-top: 0px;
  margin-top:0px;
  
}

#contfull a, #contquart a,#contthird a,#conthalf a, #contquart3 a{
   color:#00AB96;  
   text-decoration:none;
}

#contfull a:hover, #contquart a:hover,#contthird a:hover,#conthalf a:hover,#contquart3 a:hover{
   color: #00AB96; 
   text-decoration:underline;
}
 #floater{
  width:533px;
  float:left;
  margin:0px 7px 0px 0px;
  padding:0px; 
  height:350px;
  overflow:scroll;
  overflow-x:hidden;
 
 }

}
#contfull{
 width:695px;
 float:left;
}

#contthird{
  /*width:550px;*/
  width:530px;
  float:left;
 padding-right:10px;


}


#conthalf{
 /* width:370px;*/
 width:360px;
  float:left;
  margin:0;
  padding:0;
}

#contquart{
  width:170px;
  float:left;
  margin:0;
  padding:0;
  padding-right:10px;
  text-align:left;
}
.stephead{
 font-size:120%;
}
#contquart3{
  width:150px;
  float:left;
  padding-right:0px;


}
.csi-image{
 padding-bottom:10px;
}

#contquart p, #contquart3 p, #contthird p{
margin:0;
padding:0;

}

#contquart ul{
padding:0 0 0 0;
margin:0 0 0 15px;
display:block;
list-style-type:none;
list-style-image: url(../fileadmin/template/res/dot_gr.gif);
}
#contquart li{
margin:0;
padding:0;
}

	
.tx-indexedsearch-title, .tx-indexedsearch-icon, .tx-indexedsearch-result-number, .tx-indexedsearch-percent {
	background-color:#EAFFFC;
	color:#000;
}

.tx-skorder-pi1,.tx-skorder-overview, .tx_skorder_pi1_table{
  padding-top:0px;
  margin-top:0px;


}


.sk_pic{
  padding-top:0px;
  border:1px solid #00AB96;

}



.tx_skorder_pi2_table a img {
	border:0;
	text-decoration:none;
}
.tx_skorder_pi3_table{
 width:500px;
 margin:0px;
 padding:0px;
}

.tx-skorder-pi2 a , .tx-skorder_pi1_table a, .tx_skorder_pi1_table td a{
	font-size:1.2em;
}

.sk2-header {
	border:0px;
	font-size:1.1em;	
}

.tx_skorder_pi1_header{
	color:#000;
	font-weight:bold;
	font-size:1.2em;
}
td ul.sk_order, td ul.sk_order li, td ul.sk_order li a {
  padding-top:0;
  margin-top:0;
  margin-bottom:0;
  padding-bottom:0;
}

/*.tx_skorder_pi1_table{
 font-size:1.2em;
}*/
.tx-skorder-overview ul{
  padding-left:5px;
  margin-left:0px;

} 
.tx-skorder-overview ul li {
	color:#231F20;
	font-size:1.2em;
}

.sk_order_group {
	font-size:1.3em;
	color:{$hovercolor};
}



/*--------------------RTE - CONFIGS----------------------------*/
.gray{

	font-weight:bold;
	color:#231F20;
}


.smaller{
	font-size:90%;

}

h1, h3{
 font-size: 1.0em;
  padding-top: 0px;
  margin-top:0px;


}



/* Elemente außerhalb des aktiven Bereiches */
.topnav dfn,#nav dfn, #vert_nav dfn, #zusatz_nav dfn, #breadcrumb dfn, .hier, dfn {
position:absolute;left:-1000px;top:-1000px;
width:0px;
height: 0px;
font-size:0px;
line-height:0px;
overflow:hidden;
display:inline;
margin:0;
padding:0;
clear:both;
}

.unsichtbar {
position:relative;
top:-1000px;
left:-1000px;
width:0px;
height: 0px;
font-size:0px;
line-height:0px;
overflow:hidden;
display:inline;
margin:0;
padding:0;
clear:both;
}

.invisible{
position:absolute;
top:-1000px;
left:-1000px;
width:0px;
height: 0px;
font-size:0px;
line-height:0px;
overflow:hidden;
display:inline;
margin:0;
padding:0;
clear:both;
}

.clear{
 padding:10px 0px 10px 0px;
 margin:10px 0px 10px 0px;
 clear:both;
}

/*.accessKey {
text-decoration:underline;
}*/

ul.topnav{
	list-style-type: none;
	width:400px;
	margin:0px;
	padding:0px 0px 0px 35px;
	font-size:0.7em;
	float:left;
	color:#808285;
	display:block;
	
	
}
ul.topnav li{
	text-align:left;
	display:block;
	float:left;

	}
	
ul.topnav li a{
	text-align:left;
	display:block;
	color: #231F20; 
	padding:0px 12px 0px 0px; 
	text-decoration:none;


  }
  
 
  
ul.topnav li a:hover,ul.topnav li.deutsch a, ul.topnav li a.act{
	color: #00AB96;
	text-decoration:none;
  }
  
ul.topnav li.impressum a{
 padding-left:0px;
 margin-left:0px;

}
ul.topnav li.suche a{
 padding-left:25px;

}

#home{
  float:left;
  font-size:0.8em;
  font-weight:bold;
  color:#808285; 
  border:0;
  margin:0px 0px 15px 0px;
  padding:0px 0px 0px 35px;
}


#menu{
  float:left;
  width:950px;
  border:0px;
  margin:0px 0px 15px 0px;
  padding:0px;
}

#menu ul{
  list-style-type: none;
  font-size: 0.7em;
  font-weight: bold;
  font-family: arial,helvetica;
  margin:0px;
  padding:0px 0px 0px 35px;
  }
  

  
#menu ul li{
	text-align:left;
	display:block;
	float:left;
	width:180px;
	
	}
	
#menu ul li a {
	color:#808285;
	text-decoration:none;
}
#menu ul li a:hover , #menu ul li.menuact a{
	color:#00AB96;
}

#pics{
	width:950px;
	float:left;
}



/*##################### L E F T  M E N U ####################################*/
.seghead{
  color: #00AB96;
  font-weight:bold;
  float:left;
  margin: 0px 0px 7px 0px;
  padding:0;
  
} 

.contgreen{
  color: #00AB96;
}

.nav_wrapper {
  margin:0 0 0 35px;
  float:left;
  width:180px;
  font-size:0.7em;
  text-align:left;
  padding:0;

}

ul#leftnav{
  
   float:left;
  display:inline;
 margin:0;
  padding:0;
   margin-bottom:15px;

}

ul.zusatz_home{
  
  float:left;
  display:inline;
  margin:0 0 0 0px;
  padding:0;
/*border:1px dotted gray;*/
}

ul.zusatz_nav{
 
  margin:20px 0px 0px 0px;
  float:left;
  display:inline;
}

#leftnav li, .zusatz_nav li, .zusatz_home li, col1, col2, col3, col4{
	width:180px;
	float:left;
	text-align:left;
	padding:0;
  margin:0;
	
}


#leftnav .leftnavspc{
  visibility:hidden;
}

#leftnav li, .zusatz_nav li, .zusatz_home li{
	list-style-type: none;
	color:#808285;
}


.l1-no a, .nav_wrapper p a{

	color:#808285;
	font-weight: bold;
	text-decoration: none;
}

.l1-act a, .l1-act a:hover, .l1-no a:hover, .nav_wrapper p a:hover{
	color: #00AB96;
	text-decoration:none;
	font-weight: bold;
}

ul#leftnav li ul{
        margin:0px;
	padding:0px;
	
}

.l2-no a{
	color:#808285;
	font-weight: normal;
	/*padding:0px 0px 0px 10px;*/
	padding:0px 0px 0px 0px;
}

.l2-no a:hover,.l2-act a,.l2-act a:hover{
	color:#00AB96;
	font-weight: normal;
	/*padding:0px 0px 0px 10px;*/
	padding:0px 0px 0px 0px;
}

ul#leftnav li ul li ul {
        margin-left:0px;
	padding:0px 0px 0px 0px;
	
}

.l3-no a{
	color:#808285;
	font-weight: normal;
	
	/*padding:0px 0px 0px 20px;*/
	padding:0px 0px 0px 0px;
}

.l3-no a:hover,.l3-act a,.l3-act a:hover{
	color:#00AB96;
	font-weight: normal;
	/*padding:0px 0px 0px 20px;*/
	padding:0px 0px 0px 0px;
}

.l4-no a{
	color:#808285;
	font-weight: normal;
	/*padding:0px 0px 0px 30px;*/
	padding:0px 0px 0px 0px;
}

.l4-no a:hover,.l4-act a,.l4-act a:hover{
	color:#00AB96;
	font-weight: normal;
	/*padding:0px 0px 0px 30px;*/
	padding:0px 0px 0px 0px;
}

/*_____________________CSS-STYLED TABLE_________________________________*/

table.table-contelec, table.table-contelec-w {
  /* font-size: 0.68em;*/
   border:0;
   border-collapse:collapse;
   width:530px;
}



table.table-contelec td, table.table-contelec th, table.table-contelec-w td,table.table-contelec-w th{
vertical-align:top;
text-align:left;
}

table.table-contelec th.td-1,table.table-contelec th.td-last{
font-weight:normal;
}


table.table-contelec tr.tr-even td, table.table-contelec tr.tr-even th, table.table-contelec-w tr.tr-odd td, table.table-contelec-w tr.tr-odd th{
 background: #d1d2d4;
}
table.table-contelec-w tr.tr-even td, table.table-contelec-w tr.tr-even th{
 background: #fff;
}



table.table-contelec tr td.td-0,table.table-contelec-w tr td.td-0{
width:240px;
}
table.table-contelec tr td.td-1, table.table-contelec-w tr td.td-1{
width:120px;
}
table.table-contelec tr td.td-last, table.table-contelec-w tr td.td-last{
width:100px;
}

/*_____________________tt news_________________________________*/


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */



hr.newsruler{
   clear: both;
   border: 1px dotted #808285;
}



/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
margin:0;
padding:0;
width:170px;

}

.infoblock{
  float:left;
  margin:0px;
  padding:0px;
  width:170px;
}

h3{
  padding:0px;
  margin:0px;
}

.dateblock{
  float:left;
  margin:0px;
  padding:0;
  width:170px;
 

}

.infoblock H3 a{
 margin:0px;
 padding:0px;
 float:left;
 width:170px;
}

.news-latest-gotoarchive {
	font-weight:bold;
	margin-top:10px;
	float:left;

}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#000;
}
.news-latest-gotoarchive A {
	color:#fff;
}
.news-latest-item {
        float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:170px;
}

.news-latest-item p{
	padding:0px;
	margin:0px;
	float:left;

}

/* Hides from IE-mac \*/
* html .news-latest-item {height: 1%;}
/* End hide from IE-mac */

.news-latest-container IMG {
float: left;
border:1px solid #808285;
margin:0px;

}


.news-latest-date {
	float: left;
	text-align: left;
        color:#808285;
        width:170px;
       
  
}

.news-latest-category IMG {
	float: none;
        border:none;
        margin:0px;

        
      
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	
}

.news-latest-category {
   color:#999999;
   padding:0px;
   margin:0px;
   float:left
   width:170px;
   

   
       
}

.news-latest-morelink {
	height:12px;
}

.news-latest-morelink A {
	float:right;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

margin-top:10px;
padding:0px;
width:170px;

}

/* Hides from IE-mac \*/
* html .news-list-container {height: 1%;}
/* End hide from IE-mac */


.news-list-item {
	padding-bottom:10px;
	margin-bottom:10px;
    border-bottom:5px solid {$klinikcolor};
}


/* Hides from IE-mac \*/
* html .news-list-item {height: 1%;}
/* End hide from IE-mac */



.news-search-form {
padding:3px;
	margin-bottom:5px;
	border:1px solid #666;

}
.news-search-emptyMsg{

margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H3 {
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
}
.news-list-container H3 A {
}
.news-list-container P {
 margin:0;
padding:0px 0px 10px 0px;
}
.news-list-container IMG {
float: right;
border:1px solid #000;
margin-bottom:px;
margin-right:0px;
margin-left:15px;
}




.news-list-date {
width:100%;
	float:left;
	text-align: left;
color:#999999;	
}

.news-list-imgcaption {

		float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;


	}


.news-list-category IMG {
	float: none;
border:none;
margin:0px;
padding:0;

}




.news-list-morelink, .news-list-category{
	font-size : {$mainFontSize};
margin-left:0px;
}
.news-list-category {
               color:#999999;
padding: 0px 0px 0px 0px;
}
.news-list-morelink  {
clear:both;
margin-top:0;
}
.news-list-browse {
	text-align: center;
}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
	margin:3px;
	padding:3px;
}
.tx-ttnews-browsebox TD {
	font-size : {$mainFontSize};
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}

.tx-ttnews-browsebox-SCell {

	border:1px solid #666;
}
.news-search-emptyMsg {
	font-size : {$mainFontSize};
	margin-left: 10px;
}
	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
/*#####################################################################################*/
/* ACHTUNG SINGLE HOLT TEMPLATE AUS EXTENSION-PFAD -> NICHT IM FILEADMIN-TEMPLATE BETTELN!!!*/
/*#####################################################################################*/
.infosingle{
  float:left;
  margin:0px 10px 0px 0px;
  padding:0px 0px 0px 0px;
  width:360px;
}

.datesingle{
  float:left;
  margin:0px 0px 0px 0px;
  padding:0;
  width:140px;
  height:100%;

}

.newsDate {
	margin:5px 0px;
}
.news-single-item {
 margin:0px;
width:360px;
float:left;
}

.news-single-item p{
	padding:0px 0px 7px 0px;
	margin:0px;
}
/* Hides from IE-mac \*/
* html .news-single-item {height: 1%;}
/* End hide from IE-mac */

.news-single-img {
	float: left;
	margin:0px;
	padding:0px;
	border:1px solid #808285;

}

.news-single-item H2{
 margin:0px;
 padding:0px;
 font-size:1.0em;
}


.news-single-imgcaption {
	padding:3px;
	clear:both;
	text-align:left;
}

.news-single-category {

	color:#808285;
	padding-top:0px;

	}
.news-single-backlink{
	border-top: 1px solid #808285;
	}
.news-single-backlink, .news-single-backlink a {

	width:100%;
	margin-bottom: 15px;
	margin-top: 10px;
	float:left;
	
}
.news-single-timedata {
	float: left;;
         color:#808285;
         width:100%;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	
}
.news-single-author {
	padding-bottom: 3px;
}

.news-single-author p {
	padding:0px;
        margin:0px;
}
.news-single-additional-info {
	clear: both;
	float:left;
	margin: 8px 20px 0px 0px;
	padding:5px 0px 0px 0px;
      border-top: 1px solid #808285;
        width:100%;
    }

.news-single-additional-info DD img {
                padding-right:10px;
                padding-left:10px;
}
.news-single-related,.news-single-files,.news-single-links  {
	margin:0px;
	margin-bottom: 8px;
        padding:0px 0px 8px 0px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
                margin-left:0px;
}



.news-single-related DT, .news-single-links DT, .news-single-files DT {

                margin-left:0px;
                padding-bottom: 10px;
                width:90%;
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-catmenu-header{
display:none;
}

.catact{
  font-weight:bold;
}
.catno{
  font-weight:normal;
}
.amenuhead{
     font-weight:bold;
     margin-top:0px;
}
.news-amenu-container {
	border-bottom:1px solid #808285;
	padding: 0px 0px 10px 0px;
                margin-right:10px;
}
.news-amenu-container LI {
	padding-bottom:1px;
	margin-left:0px;
	padding-left:0px;
	text-indent:0px;
	list-style-type: none;
        list-style-image:none;
}
.news-amenu-container UL {
	margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	list-style-type: none;
	padding-left:0px;
text-align:left;
}
.news-amenu-container H2 {
	padding:3px;
}
.news-amenu-item-year {
	font-weight: bold;
	padding: 0;
	margin:0;
	margin-top:5px;
        padding-left:0px;
}

.news-amenu-item-year dd {
	margin:0;
	padding:0;
}
.ac_results {
	width: 200px; /* This value is set in the javascript code, to match the width of the search box */
	background: #f5f5f5;
	cursor: pointer;
	position: absolute;
	left: 0;
	font-size: 60%;
	z-index: 101;
}

/*------------------------------M A I L F O R M--------------------------------*/

form{
 border:0px;

}

.kontaktform {
	margin:0px;
	padding:5px 0px 5px 0px;
	border:1px solid white;
}

fieldset
{
border:0px;
padding:5px;
width:500px;
text-align:left;
}

label
{
width: 240px;
float: left;
text-align: left;
margin:0px 10px 0px 0px;
display: block;


}

.mf-error{
font-size:90%;
color:red;

}

input.mf-input
{
color: #000;
border: 1px solid #00AA90;
margin:2px 0px 2px 0px;
}

textarea.mf-text{
border: 1px solid #00AA90;
width:290px;
margin:5px 0px 5px 0px;
}

.mf-check{

border: 1px solid #00AA90;
float:left;
display:block;
margin:0px 100px 10px 0px;
}


.mf-radiotypo{
border-right: 10px solid #FFF;
float:left;
display:block;
margin:0px 100px 0px 0px;

}

.mf-submit
{
color: #00AA90;
background: #efefef;
border: 2px outset #AAA;


}

.mf-select{
font-site:100%;
width:290px;

border: 1px solid #00AA90;
margin:10px 0px 15px 0px;
padding:0px;
float:left;

}

.csc-mailform-label{
width:100%;
color:#000;
font-weight:bold;
line-height:2.5em;
float:left;
}


#page_footer {
  height: 35px;
   background: #d9dadb;
  width:950px;
  float:left;
  margin:0px 0px 0px 0px;
  
}
.footfirst{
 font-size:75%;
 color:#4b4b4d;
 float:left;
 width:150px;
 margin:10px 0 0 35px;
}
#page_footer p {
  padding:0px 0px 0px 14px;
  margin:10px 0px 0px 0px;
  text-align:left;
  font-size: 75%;
  width:300px;
  color:#4b4b4d;

  float:left;
}


ul.footer {
    width:540px;
    list-style:none;
		margin:10px 0 0 30px;
		padding:0;
		font-size: 75%;
    float:left;	

}

ul.footer li{
		height:	auto;
		text-align:left;
		display	:block;
		float:left;
		margin:0;
		padding:0px 15px 0px 0px;
	
		}
		
ul.footer li a, ul .footer li a:visited{
		text-align:left;
		display:block;
		color: #4b4b4d;  
		text-decoration:none;
}
ul.footer li a:hover, ul.footer  li.act{
 			text-decoration:underline;
		color:#4b4b4d;
	
}


.topfoot {
  width:85px;
  font-size: 75%;
  float:left;
  text-align:left;
  color:#4b4b4d;
  margin:0px 10px 0px 0px;
  padding:9px 0px 0px 0px;

}
.topfoot a{
 border:0;
 color:#4b4b4d;
 float:left;
 text-decoration:none;
 margin: 0px 0px 10px 0px;
}
.toparrow{
float:left;
width:20px;
padding: 0px 0px 0px 0px;
margin:10px 0 0 0;

}
.toparrow a img{
 text-align:right;
 border:0;
 text-decoration:none;
 
}