/* DRK_Template_Basic - 4 cols- IE6 kompatibel */

/* Reset für Layout*/
@import url(basic_start_01_FILES/reset.css);
/* Navigation */
@import url(basic_start_01_FILES/navi.css);
/* Typo und Headlines */
@import url(basic_start_01_FILES/content.css);
/* Typo3 Module*/
@import url(basic_start_01_FILES/module.css);
/* Fixes Clearing */
@import url(basic_start_01_FILES/patch.css);
 
body {
  background-image:url(basic_start_01_FILES/background.png) ; 
  background-repeat:repeat-y;
  background-position:center; 
  background-color: #636362;
  color: #6b6b6a;  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0 0 0 0; 
  padding: 0 0 0 0; 
  text-align:left;
}

#wrapper { 
  margin: 0 auto 0 auto; 
  text-align: left; 
  width: 980px;

}

#wrapperdivider { 
 display:inline;
}

#header {
  background-image:url(basic_start_01_FILES/drk_top_start.jpg);
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.7em;
  padding: 14px 10px 7px 53px; 
  height: 120px;
}

#leftcolumn { 
 color: #333;
 width: 170px; 
 height: 540px;
 background-color: #636362;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

#content { 
 float: left;
 margin: 0px 0px 50px 0px;
 padding: 20px 30px 50px 30px;
 width: 400px; min-height:700px;
 background-image:url(basic_start_01_FILES/content_bg.jpg);
 background-repeat:repeat-y;
}

#rightcolumn { 
 background-color: #636362;
 margin: 0px 0px 0px 0px;
 padding: 15px 10px 10px 0px;
 height: 400px;
 min-height: 40em; 
 width: 150px;
 float: right;
}

#searchcolumn {
float:left; 
width: 190px;
height: 562px;
top: -2px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url(basic_start_01_FILES/drk_search_start.jpg);
background-position:top;
}


#searchfield { 
position:relative;
top: 530px;
left: 20px; 
z-index:8;
 }	

#footer { 
 width: 960px;
 clear: both;
 color: #333;
 background-image:url(../img/footer.png);
 background-position:top;
 margin: 0px 0px 0px 0px;
 padding: 10px; text-align:center;
}


/* Produkttinfos 3 cols */	

.container {  
	   width: 400px; height: 90px;
	   background-color:#F6F6F6;
	   margin:2px 0px 2px 0px; 
	   	  float:left;  
	}

.container2 {  
	   width: 400px;
	   margin:20px 0px 2px 0px; 
	   float:left;  
	}
	
/* image left */
.image {  
	  width: 120px; 
	  padding: 10px 10px 10px 10px;	  
	  float:left; 
	}
	
.image2 {  
	  width: 90px; 
	  padding: 25px 10px 10px 0px;	  
	  float:left; 
	}	
	
	
/* name mid */	
.info { 
	  width: 220px;
	  padding: 7px 0px 10px 0px;
	  float:left;  
      margin:-2px;
	  font-size: 11px; 
	}

.info2 { 
	  width: 270px;
	  padding: 25px 0px 10px 0px;
	  float:left;  
      margin:-2px;
	  font-size: 11px; 
	}
	
.info2 a { font-weight:normal  
	}	

/* links right */
.links {
	 width: 30px; 
	 padding: 70px 0px 0px 0px;
 	 float:right; 
	 margin-top:1px; 
	}

	
.con2 {  
	   width: 400px; height: 80px;
	   background-color:#F6F6F6;
	   margin:2px 0px 2px 0px; 
	   float:left;  
	}
	
.con3 {  
	   width: 400px; height: 60px;
	   border-top:solid 1px #898989;
	   margin:2px 0px 2px 0px; 
	   float:left;  
	}	
	
/* text links */
.conleft {  
	  width: 160px; 
	  padding: 15px 10px 0px 10px;	 
	  font-size: 14px; 
	  float:left; 
	  vertical-align:middle; 
	}
	
/* text rechts */	
.conright { 
	  width: 200px;
	  padding: 15px 0px 10px 0px;
	  float:right;  
      margin:-2px;
	  font-size: 14px; 
	  vertical-align:middle; 
	}

/* text links */
.conleft3 {  
	  width: 120px; 
	  padding: 5px 0px 0px 0px;	 
	  font-size: 14px; 
	  float:left; 
	}
	
/* text rechts */	
.conright3 { 
	  width: 240px;
	  padding: 5px 0px 0px 0px;
	  float:right;  
	  font-size: 14px; 

	}
	
	
/* Columnboxes */	

#navbar{
	 width: 160px; 
	 padding: 10px 0px 5px 5px;
	}		

.langswitch{
	 width: 65px; float:left; 
	 padding: 2px 0px 5px 0px;
	}
	
.cssswitch{
	 width: 85px; float:right; text-align:right;
	 padding: 0px 0px 5px 0px;
	}	
	
.tagcloud{
	 width: 150px; 
	 padding: 10px 10px 10px 10px;
	 background-color:#6b6b6a
	}
	
#tagcloud{
	 width: 170px; 
	 background-color:#C7C7C7
	}	
	
#termine{
	 width: 150px; 
	 padding: 10px 0px 10px 0px;
	}

#infolinks{
	 padding: 0px 0px 0px 0px;
	}
	
.dsdlinks{
	display:inline;
	 width: 170px; 
 	}
	
.dsdlinkL{
	 width: 35px; 
	 float:left;
	 padding: 10px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	}
	
.dsdlink2{
	 width: 115px; 
	 float:right; 
	 padding: 10px 0px 0px 0px; 
	 margin: 0px 0px 0px 0px;
	}

.counter{
	 width: 150px; 
	 padding: 5px 0px 0px 0px;
	}
	
.login{
	 width: 150px; 
	 padding: 5px 0px 0px 0px;
	}
	
#recycled, #recycled_kunst, #recycled_ppk, #recycled_ppklvp,#recycled_blech,#recycled_glas,#recycled_fkn{
	font-weight: bold; font-size:13px;
         background-image:url(basic_start_01_FILES/counter_backgr_neu.png);
         width:105px;
         height:        18px;
         padding:8px 0px 0px 44px;
         margin: 5px 0px 10px -1px;
         color:#000
         	}	
	