/*=================================================================|
|  CSS Document for the main_tmpl_c2c.html                         |
|   Car 2 Car Typo3 Website                                        |
==================================================================*/

/*==========General styles for the Website=======================*/
*{
  margin: 0;
  padding: 0;
}

body{
  color: #000;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica;
  background: url(../gfx/body_bg.jpg) repeat-y;  
}
body.htmlarea-content-body{
  background: white;
}
/*==========Test===================*/
#content a {
color: #233548;
background-color: none;
text-decoration: underline;
} 

#content a:hover {
color: white;
background-color: #3D5E7F;
text-decoration: none;
}
.tx-dirlisting-pi1-filename {
width:400px;
}
 /*================================*/  
a{
  color: #666;
}
a:hover, a:focus {
  color: #333;
}
a:visited{
  color: #000;
}
a:active{
  color: #FFF;
}

ul li { margin-left: 30px; margin-bottom: 4px; }
#leftmenu li { margin-left: 0px; margin-bottom: 0; }

hr{ width: 705px; height: 1px; border: 1px solid #CCC; margin-top: 8px; margin-bottom: 8px; }

.li_toolbar_act a:link, .li_toolbar_act a:visited, .li_toolbar_act a:focus, .li_toolbar_act a:hover, .li_toolbar_act a:active{ color: #FFF; }
/*==========General styles for template containers===============*/
#wrapper{
  padding-top: 10px;
  padding-left: 18px;
  width: 950px;
}

#toolbar{
  float: left;
}
.li_toolbar a { color: #000; } .li_toolbar a:hover, .li_toolbar a:focus, .li_toolbar a:active, .li_toolbar_act a { color: #FFF; }

#toptoolbar_gradient{
/*defined in t3template: lib.toolbar*/
  float: left;
  width: 788px;
  height: 18px;
  background: url(../gfx/toolmenu_bg.png) no-repeat;
}

#head{
  height: 100px;
  width: 950px;
}

/*#top_login*/
#head .tx-newloginbox-pi1{
  float: right;
  /*margin-left: 520px;*/
  margin-top: 20px;
  margin-bottom: 30px;
  /*border-spacing: 0;
  border-collapse: collapse;*/
}

  #head .tx-newloginbox-pi1 .forgot_password{    
    width: 350px;
  }
  #head .tx-newloginbox-pi1 a{
    font-size: 10px; 
    font-weight: normal; 
    color: #8c8c8c; 
    text-align: right;
    padding-left: 53px;
  }
  
  #head .tx-newloginbox-pi1 .forgot_password p{
    font-size: 10px; 
    font-weight: normal; 
    color: #8c8c8c; 
  }
  
  #head .tx-newloginbox-pi1 .forgot_password h3{
    font-size: 10px; 
    font-weight: bold; 
    color: #8c8c8c;
  }

#top_navigation{
  clear: both;
  height: 21px;
  width: 950px;
  margin-bottom: 2px;
}

#head_pic{
/*picture defined in t3 template: lib.headpic*/
  width: 950px;
  height: 202px;
}
#head_pic .csc-textpic-image img{
  padding-top: 0px!important;
}

#body{
  clear: both;
}

#left{
  float: left;
  width: 168px;
  height: 100%;
}
#right{
  float: left;
  width: 780px;
}

#search{
  width: 168px;
  height: 22px;
  overflow: hidden;
}

#left_navigation{
  width: 157px;
  height: 20px;
}

#breadcrumb{
  width: 757px;
  height: 18px;
  padding-left: 19px;
  padding-top: 4px;
  color: #818181;
  font-size: 8pt;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
  color: #818181;
}
#breadcrumb a:hover {
color: #304963;
background-color: none;
text-decoration: underline;
}

#cwrap{
  border-left: 12px solid #3D5E7F;
  background: #FFF;
  min-height: 500px;
  padding-bottom: 20px; 
}
#content{
  background-color: #FFF;
  margin-left: 2px;
  /*border-left: 12px solid #3D5E7F;*/
  padding-left: 30px;
  padding-top: 0px;
  min-height: 500px;
  padding-bottom: 20px; 
  font-size: 10pt;
  line-height: 1.3;
}

/*==========Navigation elements==================================*/
.li_toolbar, .li_toolbar_act{
  float: left;
  text-align: center;
  list-style-type: none;
  display: inline;
  margin-left: 2px;
  width: 52px;
  height: 18px;
}

.toolbar_link, .toolbar_link_act{
  float: left;
  width: 52px;
  height: 15px;
  padding-top: 3px;
  padding-bottom: 0px;
  text-decoration: none;
  font-size: 8pt;
}

/*-----------Main Navigation------------*/
.li_toolbar a, .li_toolbar_act a, .firstchild_leftmenu{
  background-color: #689FD8;
  color: #000;
}
#top_navigation a:hover, .li_toolbar a:hover, .li_toolbar_act a, .firstchild_leftmenu:hover{
  background-color: #3D5E7D;
  color: #FFF;
}

#topmenu_navi{
  width: 952px;
  height: 21px;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  
}

#topmenu_navi_sub{
   display: block;
   list-style-type: none;
   background-color: #D1DAE3;
   width: 118px;
}

#topmenu_navi_sub li{
  display: block;
  border: 1px solid #D1DAE3;
  margin: 0;
  height: 21px; /*später geändert org: /*/
}
*html #topmenu_navi_sub li{
  border: 0.1em solid #D1DAE3;
  padding: 0;
  margin-top: -3px;
  margin-bottom: -3px;
}

#topmenu_navi tr td a{
  width: 113px;
  height: 17px;
  float: left;
  text-decoration: none;
  /*color: #000;*/
  font-size: 8pt;
  letter-spacing: -0.2pt;
    word-spacing: -1.5pt;
  padding-top: 4px;
  padding-left: 4px;
}

#topmenu_navi tr td {
  padding-right: 2px;
}

.menu_last{ padding-right: 0; }

.topmenu_boxlink{
  width: 108px;
  height: 21px;
}

.topmenu_boxlink a{
vertical-align: middle;
  width: 114px;
  height: 17px;
  float: left;
  text-decoration: none;
  color: #000;
  font-size: 8pt;
  letter-spacing: -0.5pt;
  word-spacing: -1pt;
  padding-top: 4px;
  padding-left: 2px;
  margin: 0;
}

.topmenu_boxlink a{
  background-color: #689FD8;
}

.topmenu_boxlink a:hover{
  background-color: #3D5E7D;
  color: #FFF;
}



/* COLORS FOR NO AND CUR MENUS */
 .CUR div, .NO div{
 /* margin-right: 2px;
  cellspacing: 2;*/
}

.CUR a{
  background-color: #3D5E7D;
  color: #FFF!important;
}

.NO a{
  background-color: #689FD8;
  color: #000;
}
/*--------------Left Navigation------------*/
#leftmenu, .leftmen_subul {
  list-style-type: none;
}

.leftmenu li{
  display: block;
}
.leftmen_subul {
  width: 159px;
  padding-bottom: 4px;
  /*border-left: 2px solid #3D5E7D;
  background: url(../gfx/left_subul_bg.gif) repeat-y;*/
   background: url(../gfx/left_subul_bg_bottom.gif) bottom no-repeat;
}
 
.leftmen_subul li{
  height: 21px;
}
* html .leftmen_subul li{
  float: left;
}
* + html .leftmen_subul li{
  float: left;  
}


.firstchild_leftmenu{
  clear: both;
  display: block;
  margin-bottom: 2px;
  width: 151px;
}

.firstchild_leftmenu, .firtschild_leftmenu_ACT, .secondchild_leftmenu, .firstchild_leftmenu_CUR, .secondchild_leftmenu_last, .firstchild_leftmenu_CURSUB, .thirdchild_leftmenu, .thirdchild_leftmenu_last, .secondchild_leftmenu_CURSUB, .secondchild_leftmenu_CUR, .thirdchild_leftmenu_CUR{
  width: 151px;
  height: 17px;
  text-decoration: none;
  color: #000;
  font-size: 8pt;
  padding-top: 4px;
  padding-left: 8px;
 }

.firstchild_leftmenu_ACT, .firstchild_leftmenu_CUR, .firstchild_leftmenu_CURSUB{
  display: block;
  background-color: #3D5E7D;
  color: #000;
  width: 151px;
  margin-bottom: 2px;
}
.firstchild_leftmenu_CUR{
  color: #FFF!important;
}
.firstchild_leftmenu_CURSUB{
  margin-bottom: 0;
  color: #FFF!important;
}

.secondchild_leftmenu, .secondchild_leftmenu_last, .secondchild_leftmenu_CURSUB, .secondchild_leftmenu_CUR, .thirdchild_leftmenu_CUR{
  background: url(../gfx/left_submenu_bg.gif) no-repeat;
  color: #000;
  height: 17px;
  width: 147px;
  padding-left: 12px;
  float: left;
}

.secondchild_leftmenu_last{
  /*border-left: 2px solid #3D5E7D;*/
   height: 17px; /*ohne geht es bei aufgeklappten menü nicht wenn darunter noch eins kommt (15px)*/
}

.secondchild_leftmenu_last:hover, .secondchild_leftmenu:hover, .secondchild_leftmenu_CURSUB, .secondchild_leftmenu_CUR{
  background-image: url(../gfx/left_submenu_act_bg.gif);
  color: #FFF!important;
}
.thirdchild_leftmenu, .thirdchild_leftmenu_last, .thirdchild_leftmenu_CUR{ 
  background: url(../gfx/left_submenu2_bg.gif) no-repeat;
  color: #000;
  height: 17px;
  width: 145px;
  /*margin: 0;*/
  padding-left: 14px;
  float: left;
}

.thirdchild_leftmenu:hover, .thirdchild_leftmenu_last:hover, .thirdchild_leftmenu_CUR{
  background-image: url(../gfx/left_submenu2_act_bg.gif);
  color: #FFF!important;
}

.thirdchild_leftmenu_last{
  background: url(../gfx/left_submenu2_bg_last.gif) no-repeat;
}

/*==========T3 Header elements====================================*/
.blue_white_firstheader{
  width: 759px;
  height: 19px;
  font-size: 13px;
  color: #FFF;
  padding-top: 2px;
  padding-left: 13px;
  left: 190px;
  margin-top: 0;
  margin-bottom: 20px;
}

/*==========HEADLINES FOR CONTENT SET IN RTE======================*/
h1{
  font-size: 1em;
  color: #FFF;
  padding-left: 10px;
  width: 705px;
  background: #AAA;
  margin-top: 30px;
  margin-bottom: 10px;  
}

h2{
  font-size: 1em;
  color: #3D5E7D;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 20px;
}

.bodytext{
  width: auto; 
  margin-bottom: 20px;
  margin-top: 0px;
  position: static;
  padding-right: 23px;
}
.contenttable p.bodytext{
  margin-bottom: 0px;
}

/*==========CONTENT ======================*/
#content ul {
width: 620px;
list-style-image:url(../gfx/list_style_image.gif);
}
#content li {
text-align: justify;
padding-bottom: 3px;
}

.csc-textpic{
 /* position: absolute;
  left: 18px;*/
  width: 715px!important;
}

.csc-uploads-fileSize{
  padding-left: 5px;
  color: #666;
  font-size: 9px;
  padding-top: 5px;
}

/*SITEMAP*/
.csc-sitemap{
  margin-top: 20px;
  margin-right: 30px;
  color: white;
}
.csc-sitemap a, .csc-sitemap a:hover, .csc-sitemap a:link, .csc-sitemap a:visited, .csc-sitemap a:active, .csc-sitemap a:focus {
  color: #3D5E7D;
}

.csc-sitemap ul{
  list-style-type: none;
}

.csc-sitemap ul ul li{
  padding-left: 30px;
  background-color: #DFDFDF;
}

.csc-sitemap ul li {
  margin-top: 6px;
  background-color: #CFCFCF;
  list-style-type: none;
  border: 1px solid #ccc;
  padding-left: 4px;
  margin: 2px;
}
.csc-sitemap ul ul ul li {
  background-color: #EFEFEF;
}
.csc-sitemap ul ul ul ul li {
  background-color: #FFF;
}
/*SITEMAP*/
/*CONTACTFORM*/
.MailformFieldLeft {
		float: left;
		width: 100px;
}
#contactform fieldset{
	border: 0;
}
.c2c_contactform_inputtxt, .c2c_contactform_inputtxtarea {
	border: 1px solid #689FD8;
	font-size: 13px;
	height: 20px;
	width: 300px;
	vertical-align: middle;
}
.c2c_contactform_inputtxtarea {
	height: 220px;
	width: 300px;
}
.tx-thmailformplus-pi1-captcha{
       width: 300px;
       float: left;

}
/*CONTACTFORM*/
/*Submit for GroupWare login*/
.tx-xxegwautologin-pi1 input{
	border: 1px solid #3D5E7F;
	width: 50px;
	height: 20px;
	margin-left: 4px;
	background-color: #009AC8;
	color: white;
	font-size: 9px;
	padding-bottom: 2px;
	margin-top: 3px;
}
/*Submit for GroupWare login*/
/*xxeditfepw input*/
.tx-xxeditfepw-pi1_inputtxt {
	border: 1px solid #689FD8;
	width: 140px;
	height: 20px;
	font-size: 12px;
	vertical-align: middle;
}
.tx-xxeditfepw-pi1_inputsubmit, .submit {
	border: 1px solid #3D5E7F;
	width: 140px;
	height: 20px;
	background-color: #009AC8;
	color: white;
	font-size: 9px;
	padding-bottom: 2px;
	margin-top: 3px;
}

.submit { margin-right: 4px; }
/*xxeditfepw input*/

/*dir_listing EXT */
.tx-dirlisting-pi1-header-row, .tx-dirlisting-pi1-row{
	background-color: #FFF;
	color: #000;
}
.tx-dirlisting-pi1-header-filename, .tx-dirlisting-pi1-header-filesize, .tx-dirlisting-pi1-header-filemod, .tx-dirlisting-pi1-header-icon {
	color: #000;
	border-bottom: 1px solid #000;
}

.tx-dirlisting-pi1 table{
	border: 0;
	width: 705px;
}


/* IE HACKS */
* html #search_word, * + html #search_word {
	height: 15px!important;
}

* html #pass_aw, * + html #pass_aw{
	margin-bottom: 3px;
}
/* FF HACKS */
html> /**/ body #pass {
	margin-bottom: 2px!important;
}