/* -----------------------------------------------------------------------------
   main.css 2008-07-01 10:30:00 Z mz $   
    
   CONTI Cascading Style Sheets
   Copyright (c) 2008 CONTI Sanitärarmaturen GmbH
   http://www.conti-armaturen.de
--------------------------------------------------------------------------------*/

@CHARSET "UTF-8";

* { 
    margin: 0; 
    padding: 0;
    border: 0;
}


body {
    font: normal 0.69em Tahoma ,Verdana , Geneva, Arial, Helvetica, sans-serif;   
    background: #d6d6d6;
    color: #6e6e6e;
}

a {
    color: #313131;
    cursor: pointer;
    text-decoration: none; 
}

hr {
	background-color: grey;
	color: grey;
}
a {
	color: #326fa7;
	text-decoration: underline; 	
}

a:hover {
    color: #68ade2;
    text-decoration: underline; 
}

/* Formate Sektion */

h1 {
    font-size: 1.5em;
    color: #326fa7; 
    text-decoration: none;    
    padding: 0;
    margin-bottom: 15px;
}

h2 {
    font-size: 1.13em;
    color: #326fa7;  
    text-decoration: none;    
    padding: 0;
    margin: 0;
}

h3 {
    font-size: 1.13em;
    color: #6c6c6c; 
    text-decoration: none;    
    padding: 0;
    margin: 0;
}

h4 {
    font-size: 1.13em;
    color: #6c6c6c; 
    text-decoration: none;    
    padding: 0;
    margin: 0;
}

.blue {
    color: #326fa7;     


}
li {
	list-style-type: disc;	
}
ul{
	margin-left: 20px;	
}
p{
	margin-bottom: 16px;	
}

.contiTabelle{
	/*border: 1px solid #68ade2;*/
	width: 100%;
	margin-bottom:10px;
}
.contiTabelle td {
	border-collapse:collapse; 
	border-spacing:3px;
	border: 1px solid #e0e0e0;
	background: #f0f0f0;
	padding: 3px;
	color: #555555;
}
.contiTabelle th {
	padding: 5px 3px 5px 3px;
	border-spacing:10px;
	border: 1px solid #cccccc;
	color: #0055b7;
	background: url(../ext/bar_bg.gif) #0055b7;	
}

.contiTabelle2{
	border: 1px solid #68ade2;
	width: 100%;
	margin-bottom:10px;
}
.contiTabelle2 td {
	border-collapse:collapse; 
	border-spacing:10px;
	border: 1px solid #e0e0e0;
	background: #white;
	padding: 3px;
	color: #333333;
}
.contiTabelle2 th {
	padding: 5px 3px 5px 3px;
	
	color: white;
	background: #0055b7;	
}

/*LayoutStruktur Sektion*/
#vertbg{
    background: url(../img/topstretch.gif) repeat-x top;
}
#outer{
    width: 966px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 5px;
    background: url(../img/cbg.gif) repeat-y;
}

#topbar{
    width: 966px;
    height: 103px;
    background: url(../img/topbar.gif) no-repeat;
}
#topbarspace{
    float:right;
    width:8px;
    height:24px;
}
#header{
    width: 966px;
    height: 230px;
    font-size:0;
}


/*Sekundärmenü Sektion*/
#submenu{
  float: right;
  padding-right: 8px;
}
.submenubutton{
  background: url(../img/buttons/submenubtn_stretch.gif) repeat-x top;
  float: left;
}
.submenuicon{
  background: url(../img/buttons/submenubtn_end.gif) no-repeat left top;
  height: 19px;
  padding: 5px 8px 0px 8px;
  float: left; 
}
.submenulabel{
  height: 19px;
  padding: 5px 5px 0px 0px;
  float: left; 
}

/*Logo Sektion*/
#logoclaim{
  float:left;
  width: 660px;
}
#headerlogo{
  float: left;
  font-size: 0;
  padding-left: 25px;
}
#headerclaim{
  float: right;
  font-size: 0;
  padding-left: 25px;
  /*padding-right: 25px;*/
}


/*Such Sektion*/
#search{
  float: right;
  position: relative;
  width: 280px;
  height: 77px;
  padding-left: 8px;
  background: url(../img/quickfinder.gif) no-repeat left top;
}
#searchspacer{
  height:30px;
  width: 280px;
}
#searchinputdiv{
  float:left;
}
#searchinput{
  width: 229px;
  height: 16px;
  border: 1px solid #b6b6b6;
  color: #444444;
  padding: 3px 3px 0px 3px;
  font: normal 11px Tahoma ,Verdana , Geneva, Arial, Helvetica, sans-serif; 
}
#searchsubmitdiv{
  float:left;
}
#searchsubmit{
  width: 25px;
  height: 21px;
  cursor: pointer;
  background: url(../img/buttons/searchsubmit.gif) no-repeat left top;
}
#searchextras{
  padding-top: 5px;
  padding-left: 3px;
  color: #2365a1;
}



/*Hauptmenü Sektion*/
#menu{
    height: 26px;
    background: url(../img/menu_bg.gif) no-repeat;
}
#menuspacer{
    float:left;
    width: 15px;
    height:26px;
}
#menumain{
    float:left;
    font-size: 11px;
}

#menumain ul{
  margin: 0;
  padding: 0 0 0 10px;
  list-style-type: none;
}

#menumain li{
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}

#menumain li a{
  text-decoration: none;
  color: #e1e2e7;
}

#menumain img{
    border: 0;
}


/*Content Sektion*/
#stretchcontent{
  height:100%;
  background: #ffffff;
}

#content {
  width: 950px;
  margin: 0 auto;
  background: url(../img/cbg_wide.gif) repeat-y;
}

#contentleft{
  width:302px;
  
  float:left;
  background: #e1e2e8;
}

#contentright{
  width: 634px;
  line-height: 18px;
  padding-left: 9px;
  padding-top: 64px;
  background: white;
  float:left;

}

#content_alt {
  width: 950px;
  margin: 0 auto;
  background: url(../img/cbg_alt.gif) repeat-y;
}
#contentleft_alt{
  width:192px;
  
  padding: 8px 1px 0 1px ;
  float:left;
}

#contentright_alt{
  width: 742px;
  line-height: 18px;
  padding-left: 9px;
  padding-top: 64px;
  background: white;
  float:left;
}


/*Footer Sektion*/
#footer {
  width: 950px;
  height: 40px;
  margin: 0 auto;
  font-size:0;
  background: url(../img/footerstretch.gif) repeat-x;
}
#footerleft{
  float:left;
  width:33%;
  padding-left:10px;
}
#footercenter{
  float:left;
  text-align:center;
  width:33%;
}

#footerright{
  float:right;
}
#footerlogo{
  float:left;
}
#footer2top{
  float:left;
  height: 40px;
  margin: 0px 10px 0px 10px;
}
#footer2topbtn{
  padding-top: 10px;
  font-size: 0;
  width: 23px;
  height: 21px;
}

#footerend{
  width: 10px;
  height: 40px;
  background: url(../img/footer_right.gif) no-repeat left white;
  float:left;
}

/*Tooltip Sektion*/
#statics {
  position:absolute;
  top: 0px;
  left:0px;
}

#contiToolTip {
position: absolute; 
left: 0px; 
top: 0px; 
z-index:1;
}

#contiToolTipArrow {
position: relative;
background: url(../img/tooltip/arrow.gif) no-repeat right;
width: 20px;
height: 5px;
z-index: 3;
}



#contiToolTipContent{
top: -1px;
position: relative;
background: url(../img/tooltip/bg.gif) repeat-x #e3e2e7;
border: 1px solid #004495;
padding: 5px;
z-index: 2;

color: #3b3d3a;
font-size: 9px;
line-height: 12px;
}
*html #contiToolTipContent{
top: -5px;
}

#contiToolTipContent h1{
  color: #024492;
  font-weight: bold;
  font-size: 11px;
  line-height: 18px;
  margin: 0;
}

#contiQuickFinder {
  position: absolute;
  z-index:4;
  width: 260px;
  top: 50px;
  border: 1px solid #b6b6b6;
  background: #f6f6f6;
}
#contiQuickFinderLoader {
  position: absolute;
  z-index:4;
  top: 32px;
  left: 225px;
}

.deep0{
    margin-left: 10px;
}
.deep1{
    margin-left: 10px;
}

.news-list-item{
	border: 2px solid #dcdcdc;
	padding: 5px;
	margin-bottom: 5px;
}
*+html .news-list-item{
	padding-bottom: 8px;	
}
*html .news-list-item{
	height: 100px;	
}
.news-list-item-image{
	float:left;
	padding-right: 5px;
	width: 580px;
}
.news-list-item-image img{
	margin: 0;
	padding: 0;
}
.news-list-item-content{
	float:right;
	
}