/* ***********************************************
   * Truck-Center Leclerc AG                       *
   * WEB STYLESHEET      *
   * ------------------------------------------- *
   * Supported: IE6, IE 7+, Firefox , Safari  *
   * Not testet: Opera  *
   * ------------------------------------------- *
   * created 2008 by Magicline Laufen   *
   * http://www.magicline.ch                *
   *********************************************** */

/* ***********************************************
    HTML tags
   *********************************************** */
   
html	{
	height : 100%;
	width : 100%;
}

body		{
	margin : 0;
	padding : 0;
	height : 100%;
	width : 100%;
	font : normal 12px Arial, Helvetica, sans-serif;
	color : #000077;
	background : url(../images/bg-body.jpg) repeat;
}
div, table,td, p	{
	margin : 0;
	padding : 0;
	font : normal 12px Arial, Helvetica, sans-serif;
	text-align : left;
}

h1		{
	color : #b5111b;
	font-size : 12px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 5px 0px;
}
h2		{
	color : #b5111b;
	font-size : 12px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 2px 0px;
}
h3		{
	color : #b5111b;
	font-size : 12px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 2px 0px;
}
a,a:link,a:visited,a:active		{
	color : #b5111b;
	font-weight : bold;
	border : 0px;
}
a:hover			{
	color : #b5111b;
	text-decoration : underline;
	font-weight : bold;
	border : 0px;
}
a img		{
	border : 0px;
}
dl.csc-textpic-image	{
	margin : 3px 0px 3px 0px;
}
form {
	margin: 0;
	padding: 0;
}
button {
	font-size: 11px; 
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
input, select, textarea, option {
	font-size: 11px; 
	line-height:normal; 
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #000077;
	background-color:#eeeeee;	
}
.bodytext strong, .bodytext b		{
	color: #b5111b;
}

/* ***********************************************
    Page layout 
   *********************************************** */

#page	{
	width : 100%;
	height : 100%;	
	margin : 0;
	padding : 0;
	background : url(../images/bg-body-up.jpg) repeat-x;
}
#center		{
	position : absolute;
	width : 850px;
	height : 100%;
	left : 50%;
	margin : 0px 0px 0px -425px;
	padding : 0;
	background : transparent;
}
#top	{
	width : 850px;
	height : 75px;
	margin : -255px 0px 0px 0px;
	padding : 0;	
}
#logo		{
	width : 383px;
	height : 48px;
	margin : 17px 0px 0px 0px;
	padding : 0;
	background : transparent url(../images/logo-top.gif) no-repeat top;
	float : left;
}
#address		{
	width : 300px;
	height : 48px;
	margin : 17px 0px 0px 0px;
	padding : 0;
	float : right;
	text-align : right;
}
#teaser1		{
	width : 850px;
	height : 185px;
	margin : 85px 0px 0px 0px;
	padding : 0;
	background : transparent url(../TC-Leclerc/teaser/teaser01.jpg) no-repeat;
}
#teaser2		{
	width : 850px;
	height : 185px;
	margin : 85px 0px 0px 0px;
	padding : 0;
	background : transparent url(../TC-Leclerc/teaser/teaser02.jpg) no-repeat;
}
#teaser3		{
	width : 850px;
	height : 185px;
	margin : 85px 0px 0px 0px;
	padding : 0;
	background : transparent url(../TC-Leclerc/teaser/teaser03.jpg) no-repeat;
}
#teaser4		{
	width : 850px;
	height : 185px;
	margin : 85px 0px 0px 0px;
	padding : 0;
	background : transparent url(../TC-Leclerc/teaser/teaser04.jpg) no-repeat;
}
#teaser5		{
	width : 850px;
	height : 185px;
	margin : 85px 0px 0px 0px;
	padding : 0;
	background : transparent url(../TC-Leclerc/teaser/teaser05.jpg) no-repeat;
}
#teaser6		{
	width : 850px;
	height : 185px;
	margin : 85px 0px 0px 0px;
	padding : 0;
	background : transparent url(../TC-Leclerc/teaser/teaser06.jpg) no-repeat;
}
#teaser7		{
	width : 850px;
	height : 185px;
	margin : 85px 0px 0px 0px;
	padding : 0;
	background : transparent url(../TC-Leclerc/teaser/teaser07.jpg) no-repeat;
}
#content		{
	width : 850px;
	margin : 10px 0px 0px 0px;
	padding : 0;
	background : transparent;
}
#content-box		{
	width : 658px;
	float : left;
	margin : 0;
	padding : 0;
	overflow : visible;
}
#main-title	{
	width : 648px;
	height : 15px;
	margin : 0;
	padding : 2px 0px 0px 10px;
	background : url(../images/bg-title.gif) no-repeat;
	color : White;
	font-weight : bold;
}
#main-content	{
	width : 633px;
	min-height : 250px;
	margin : 0;
	padding : 10px 10px 20px 15px;
	background : #ffffff;
	overflow : visible;
}
#main-content-left	{
	width : 310px;
	min-height : 250px;
	margin : 0;
	padding : 10px 10px 20px 15px;
	background : #ffffff;	
	float : left;	
}
*html #main-content-left	{
	width : 310px;
	min-height : 250px;
	margin : 0;
	padding : 10px 5px 20px 10px;
	background : #ffffff;
	float : left;
}
#main-content-right	{
	width : 313px;
	min-height : 250px;
	margin : 0;
	padding : 10px 0px 20px 10px;
	background : #ffffff;
	float : right;
}
#news-box		{
	width : 187px;
	float : right;
	margin : 0;
	padding : 0;
}
#main-news-title		{
	width : 177px;
	height : 15px;	
	padding : 2px 0px 0px 10px;
	margin : 0;
	background : url(../images/bg-news.gif) no-repeat;
	color : White;
	font-weight : bold;
}
#main-news		{
	width : 172px;
	min-height : 250px;
	margin : 0;
	padding : 10px 5px 15px 10px;
	background : #ffffff;
	overflow : visible;
}
#copyright{
	width : 850px;
	height : 15px;
	top : 50px;
	padding : 0;
	margin : 0;
	font-size : smaller;
	color : #000077;
	background : transparent;
}
.clearing		{
	clear : both;
	height : 0px;
	margin : 0;
	padding : 0;
	border : 0;
	font-size : 0;
	line-height : 0;
	background : transparent;
}

/* ***********************************************
    Navigation & U-Navigation
   *********************************************** */
#topnavi	{
	width : 850px;
	height : 19px;
	margin : 180px 0px 0px 0px;
	padding : 0;
	border-bottom : 1px solid #666666;
}
#ulNav {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ulNav li {
	margin: 0;
	padding: 0;
	display: inline;
}
#ulNav li a,
#ulNav li a:link,
#ulNav li a:visited {
	height: 20px;
	width : 105px;
	margin: 0;
	padding: 0 5px 0 8px;
	float : left;
	display: block;
	background : transparent url(../images/bg-navi.gif) no-repeat;
	border: 0;
	font-weight : normal;
	color : #000099;
	text-decoration: none;
	line-height: 20px;
	text-align: left;
	overflow: hidden;
	
}
#ulNav li a:hover,
#ulNav li a:active {
	background : transparent url(../images/bg-navi-act.gif) no-repeat;
}
#ulNav li a.active {
	background : transparent url(../images/bg-navi-act.gif) no-repeat;
}
#unavi	{
	width : 850px;
	height : 20px;
	margin : 0;
	padding : 0;
	background : transparent;
}
#ulUNav {
	margin: 0;
	padding: 0;
	border-left : 1px solid #333333;
	list-style: none;
}
#ulUNav li {
	margin: 0;
	padding: 0;
	display: inline;	
}
#ulUNav li a,
#ulUNav li a:link,
#ulUNav li a:visited {
	height: 17px;
	margin: 3px 2px 0px 0px;
	padding: 0px 5px 0px 5px;
	float : left;
	display: block;
	border-left : 1px solid #333333;
	border-right : 1px solid #333333;
	border-top : 1px solid #333333;
	border-bottom : 1px solid #333333;
	background : #eeeeee;
	font-weight : normal;
	color : #000077;
	text-decoration: underline;
	line-height: 15px;
	text-align: left;
	overflow: hidden;
}
#ulUNav li a:hover {
	font-weight : normal;
	color : #ff6633;
}
#ulUNav li a.active {
	font-weight : normal;
	color : #ff6633;
	border-bottom : 0px;
}

/* ***********************************************
    Typo3 specific CSS
   *********************************************** */
p.bodytext,
p.MsoNormal	{
	margin : 0;
	padding : 0;
	text-align : left;
	font : normal 12px Arial, Helvetica, sans-serif;
	color : #000077;
}
p.bodytext	strong  {
	color : #b5111b;
}
 .contenttable td		{
	vertical-align : top;
}  
.csc-textpic-imagewrap	{
	margin : 0px 0px 5px 0px;
}
.csc-textpic-clear	{
	margin : 0;
	padding : 0;
	height: 0;
	visibility: hidden;
}
.csc-textpic-caption	{
	font : 11px Arial, Helvetica, sans-serif;
	color : #000077;
}

/* ***********************************************
    Powermail
   *********************************************** */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
	background-color: red;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 150px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 10px;
	margin : 0px 5px 10px 0px;
}
fieldset.tx-powermail-pi1_fieldset_1 {
	width: 45%;
	float: left;
}
fieldset.tx-powermail-pi1_fieldset_2 {	
	width: 45%;	
}
fieldset.tx-powermail-pi1_fieldset_3 {
	clear : both;
	width: 60%;
	float: left;
}
fieldset.tx-powermail-pi1_fieldset_4 {
	clear : both;
	width: 60%;
	float: left;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: #000077;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 35%;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	font-size: 11px; 
	line-height:normal; 
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #000077;
	background-color:#eeeeee;		
	text-align : left;
	width: 60%;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {	
	margin: 0px 0px 0px 5px;
}
tx_powermail_pi1_fieldwrap_html_radio label,
tx_powermail_pi1_fieldwrap_html_radio input	{
	margin: 0px 5px 0px 5px;
	float : left;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title	{
	font-weight : bold;
	color : #b5111b;
	margin : 0px 0px 10px 0px;
}
div.powermail_check_inner	{
	display : block;
	height : 20px;
	color : #000077;
}
div.powermail_check_inner input	{
	float : left;
	margin : 0px 0px 0px 0px;
	width : 10%;
}
div.powermail_check_inner label	{
	float : right;
	margin : -14px 0px 0px -15px;
	width : 90%;
	text-align : left;
}
	/* IE Hack*/
*html div.powermail_check_inner input,
*+html div.powermail_check_inner input	{
	margin : 0px 0px 0px 0px;
	width : 10%;
	background : #ffffff;
}
*html div.powermail_check_inner label,
*+html div.powermail_check_inner label 	{
	height : 20px;
	margin : 3px 0px 0px 0px;
	width : 90%;
	text-align : left;
	color : Black;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 8px 0px 0px 0px;
	color:#000077
}
tx_powermail_pi1_fieldwrap_html input	{
	display : inline;
}
tx_powermail_pi1_fieldwrap_html_check p  {
	margin: 8px 0px 0px 0px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
.tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_confirmation_submit {
	/* submit button */
	margin: 20px 20px 0px 0px;
	font-size : 11px;
}

span.tx_powermail_pi1_fieldwrap_html_radio_title  {
	display: block;
	width: 35%;
	float: left;
	clear: both;
}
div.countryzone {
	margin: 10px 0 0 150px;
}

	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
.tx_powermail_pi1_fieldwrap_html_captcha label	{
	width : 30%;
}
.tx-powermail-pi1_confirmation p	{
	width : 70%;
	margin : 0px 0px 10px 0px;
	color:#000077;
}
.tx-powermail-pi1_confirmation b	{
	color :#b5111b ;
	font-weight : bold;
}
.tx_powermail_pi1_formconfirmation_back	{
	float : left;
}

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

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer	{
	clear: right;
	height:1px;
	border: 1px dotted #cccccc;
}

.news-latest-container HR.clearer {
	clear: both;
}

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

.news-latest-container {
	border: 0px;
	background-color:#ffffff;
}

.news-latest-container H2, .news-latest-gotoarchive {
	color:#fff;
	padding:1px;
	margin:1px;
	border: 0px;
	/*background-color:#ffffff;
	*/
	background-color:#ffffff;
}

.news-latest-gotoarchive {
	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#b5111b;
}
.news-latest-gotoarchive A {
	color:#b5111b;
}
.news-latest-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	padding:3px;
	margin:3px;
	border: 0px;
	background-color:#ffffff;
}

.news-latest-item IMG {
	margin-bottom:5px;
	margin-right:5px;
	border:0px solid #000077;
	float:left;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size:9px;
}

.news-latest-date	{
	color:#000077;
}
.news-latest-morelink {
	height:12px;
	vertical-align : top;
}

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


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	border: 0px;
	background-color:#ffffff;
}


.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	padding:3px;
	margin:3px;
	border: 0px;
	background-color:#ffffff;
}
.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border: 0px;
	background-color:#ffffff;
}
.news-search-emptyMsg{
	margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H3 {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 0px;
	background-color: #ffffff;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	color:#b5111b;
	padding-left:2px;
}
.news-list-container H3 A {
	color:#b5111b;

}
.news-list-container P {
	padding-left:3px;
}
.news-list-date {
	float: right;
	color: #000077;
	width: 180px;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 9px;
	font-weight: bold;
	background-color: #ffffff;
}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: right;
	border:0px;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink,.news-list-category {
	font-size:9px;
	margin-left:3px;
}
.news-list-morelink  {
	margin-bottom:3px;
}
.news-list-browse {
	text-align: center;
}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox, .browseBoxWrap {
	margin:3px;
	border: 1px dotted #cccccc;
	padding:3px;
	background-color:#ffffff;
}

.tx-ttnews-browsebox TD {
	font-size: 10px;
}
.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 {
	background-color: #ffffff;
	border: 1px dotted #cccccc;
}
.news-search-emptyMsg {
	font-size: 11px;
	margin-left: 10px;
}
	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	padding:5px;
	margin-bottom:5px;
	border: 1px dotted #cccccc;
	background-color:#ffffff;
}
.news-single-item H2 {
	font-size: 12px;
	font-weight:bold;
	color: #b5111b;
	margin-bottom: 0px;
	margin-top: 0px;
}
.news-single-item H3 {
	margin-bottom: 0px;
}

.news-single-img {
	float: right;
	margin-left:5px;
}



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

.news-single-category {

	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.news-single-timedata {
	float: right;
	color:#000077;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 9px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	background-color: #ffffff;
/*	clear: both;*/
	margin-top: 15px;
	border: 1px solid #cccccc;
	padding:3px;
	padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {
	border: 1px solid #cccccc;
	margin:0px;
	margin-bottom: 3px;
	padding:3px;
	background-color:#ffffff;
}

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

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
	margin-left:5px;
	width:90%;
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	margin-top:10px;
	padding:3px;
	border: 0px;
	background-color:#ffffff;
}
.news-amenu-container LI {
	padding-bottom:1px;
}
.news-amenu-container UL {
	padding:3px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
	border: 1px dotted #cccccc;
	background-color:#ffffff;
	list-style-type: none;
}
.news-amenu-container H2 {
	color:#b5111b;
	padding-left:3px;
	border:0px;
	background-color:#ffffff;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 1px dotted #cccccc;
	padding: 2px;
	background-color: #ffffff;
	color:#000077;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */


.news-catmenu  {
	padding:5px;
	margin:10px 0px 10px 10px;
	border:1px solid #cccccc;
	background-color:#ffffff;
}
.news-catmenu-header {
	font-size:11px;
	font-weight:bold;
}
.news-catmenu DIV {
	font-size:10px;
	white-space: nowrap;
}
.news-catmenu DIV img, .news-catmenu img, .news-catmenu-header img {
	margin:0px;
	padding: 0px;
	vertical-align: middle;
}
.news-catmenu-ACT {
	font-weight:bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background-color:#ffffff;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background-color:#ffffff;
	border-left:1px solid #cccccc;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background-color:#ffffff;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background-color:#ffffff;
	border-left:1px solid #cccccc;
}


/*----------------------------------- End tt_news CSS  -----------------------------------*/