/* CSS Document */

body{
  background-color: #dddddd;
	margin: 0;
	padding: 0;			
	margin:0 auto;
	width:980px;
}

body, table{
	font-family:Arial;
	font: normal 62.5% Arial, Verdana, Helvetica;
	font-size:12px;
}

hr{
  background-color:#000;
  color:#000;
  border: #000;
  height: 1px;3
}

a{
text-decoration:none;
color:#004491;
cursor : hand;
}

.is_hidden{
  display: none;
}

a:hover{
text-decoration:underline;
}
*+html body{		
										text-align:center;	
							 }
 * html body{		
										text-align:center;	
							 }

							 #right{
							 			  position: relative;
                      float: right;
                      width: 150px;
                      padding-top: 10px;
											text-align:right;
											margin-top:5px;
											margin-right:5px;
							 }
							 
							 * html #right{
							       position:relative;
										 top:6px;
										 right:0px;
										 margin:0;
							 }
							 
							 #left{
							 			  position: relative;
                      float: left;
                      width: 165px;
											text-align:left;
											margin-top:15px;		
											margin-left:5px;		 										  
							 }
							 
							 * html #left{
							       position:relative;
										 top:15px;
										 left:8px;
										 margin:0;
							 }
							 
							 #content_left{
							       margin-top:10px;
							 }
							 #center_pos{		
							         margin-top:81px;			 
											 margin-left:185px;
											 margin-right:150px;
										 	 text-align:left;
							 }
							 *+html #center_pos{		
							         margin-top:15px;		 
											 margin-left:185px;
							 }
							 * html #center_pos{		
							         margin-top:15px;		 
											 margin-left:185px;
							 }
							 #center_border{
							 				 border-width:1px;
											 border-style:solid;
											 border-color:#CBFECB;				
							 }
							 #title{
							 				background-color:#CBFECB;
											font-family:Arial;
  										font-size:20px; 	
											text-align:left;	
											padding:5px;					
							 }
							
							 #content_center{
						 	 			 	text-align:left;			 
							 }
							 html*#content_center{
							  
							 }
							 
							 * html #content_center{
							        width:100%;
							 }
							 #footer{
							        clear: both;
							        text-align:center;  
											font-family:Arial;
  										font-size:10px; 		
											margin-bottom:10px;
							 }
							 
							 #banner{
							       margin-top:0px;
							 }
							 
							 
							 
#wrapper{
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
  background-color: white;
	width:980px;
	margin: 0 auto;
}

#header{
					background-color:red;
					position: relative;
			}


#logo{
				text-align:right;
		}


#page_select{
 
  text-align:right;
}

.banner_img_unselected{
  border:0;
  cursor:pointer;
}

.banner_img_selected{
  border:0;
  cursor:pointer;
  
}

.linkImage{
    display:block;
    margin-top:3px;
 }

#slogos{
  position: absolute;
  bottom: -23px;
}

* html #slogos{
  left: -625px;
  top: 28px;
}


*+html #slogos{
  left: 0px;
}


#slogos ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#slogos ul li{
  margin: 0;
  padding: 0;
  display: inline;
  width: 72px;
  height: 72px;
}

* html #slogos ul li a{
  height: 72px;
  width: 72px;
}

#slogos ul li a{
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 72px;
  width: 72px;
  background-repeat: no-repeat;
  background-image: url(../gfx/slogo_20090723.jpg);
}

#slogos ul li#sl_katy  a{
  background-position: 0px 0px;
}

#slogos ul li#sl_katy  a:hover{
  background-position: 0px -72px;
}

#slogos ul li#sl_mike a{
  background-position: -72px 0px;
}

#slogos ul li#sl_mike a:hover{
  background-position: -72px -72px;
}

#slogos ul li#sl_uniparts a{
  background-position: -144px 0px;
}

#slogos ul li#sl_uniparts a:hover{
  background-position: -144px -72px;
}

#slogos ul li#sl_leer {
	width:44px;    
}

#slogos ul li#sl_leer a{
  background-position: -208px 0px;
  width:44px;  
}

#slogos ul li#sl_spark  a{
  background-position: -260px 0px;
}

#slogos ul li#sl_spark  a:hover{
  background-position: -260px -72px;
}

#slogos ul li#sl_henry  a{
  background-position: -332px 0px;
}

#slogos ul li#sl_henry  a:hover{
  background-position: -332px -72px;
}

#main_menu{
  /*background: blue;
  border: 1px solid orange;*/
  margin: 0;
  padding: 0;
  margin-top: 20px;
}


  #tabsC{
    float:left;
    width:100%;
    margin: 0;
    background:#ffffff url("tnav_bg.gif") repeat-x bottom;
  }
  
  #tabsC ul{
    margin: 0;
    padding:10px 5px 0px 5px;
    list-style:none;
  }
  
  
  #tabsC li{
    float:left;
    margin:0 0 0 -2px;
    padding:0;
  }
  
  
  #tabsC a{
    float:left;
    display:block;
    position:relative;
    width:.1em;
		bottom:0;
    background:url("tnav_left.gif") no-repeat left top;
    text-decoration:none;
    padding: 0 0 0 2px;
    margin: 0 0 0 1px;
    font-weight:bold;
    color:#655545;
    border-bottom: 1px solid #666666;
    white-space:nowrap;
		line-height: 12px;
  }
  
  #tabsC a b{
    display: block;
    background:url("tnav_right.gif") no-repeat right top;
    margin: 0;
    padding:5px 15px 0px 5px;
		height: 30px;
  }
  
  #tabsC > ul a{
    width:auto;
  }
  
  /* IE5-Mac hack \*/
  #tabsC a{
    float:none;
  }
  /* End IE5-Mac hack */
  
  #tabsC li.active a{
    background-position:0 -60px;
    border-bottom: 1px solid #ffffff;
    color: #333333;
  }
  
  #tabsC li.active a b{
    background-position:100% -60px;
  }
  
  #tabsC li a:hover b{
    background-position:100% -60px;
  }
  
  #tabsC li a:hover{
    background-position:0 -60px;
    color: #333333;
  }
 
 
 
 
 #nav1, #nav1 ul {
padding:0;margin:0;

}

#nav1 {

/*border: 1px solid #eee;*/
text-align: left;
list-style: none;
}


#nav1 a, #nav1 a:active {
/*border-top: 1px solid #EBEBEC;*/
text-decoration: none;
display: block;
padding: 4px 0px 4px 20px;
background: #fff;
color: #040000;
text-decoration:none;

}

#nav1 a:hover {
color: #BF2236;
}

#nav1 li:hover {
background-color: #f3f3f3;
}


#nav1act a:link, #nav1act a:visited, #nav1act a:visited {
/*background: #BF2236;*/
background: #e2e2e5;
color: #000;
font-weight:bold;


}

#nav1act a:hover {
xbackground-color:#eee;
text-decoration:none;
}

#nav2 {
list-style: none;
background:#fff;
width:165px;
margin-left:15px;
}

#nav2 a:link, #nav2 a:visited, #nav2 a:active {
font-size:12px;
/*padding-right:21px;*/
color: #040000;
background: #FFF;
border-bottom: 1px solid #CBFECB;
border-left: 1px solid #CBFECB;
border-right: 1px solid #CBFECB;
}

#nav2 li, #nav2 ul {
list-style:none;
/*border: 0px solid black;*/
display : inline
}


#nav2 a:hover{
color: #000;
background:#CBFECB;
}



#nav2act a:link, #nav2act a:visited, #nav2act a:active #nav2act a:visited {
background: #CBFECB;
}

#nav3 a:link, #nav3 a:visited, #nav3 a:active {
padding-left:25px;
background: #fff;
border-bottom: 1px solid #CBFECB;
border-left: 1px solid #CBFECB;
border-right: 1px solid #CBFECB;
}

#nav4 a:link, #nav4 a:visited, #nav4 a:active {
padding-left:35px;
background: #fff;
border-bottom: 1px solid #CBFECB;
border-left: 1px solid #CBFECB;
border-right: 1px solid #CBFECB;
}

#nav4 a:hover{
color: #000;
background:#E8FDE8;
}

#nav4act a:link, #nav4act a:visited, #nav4act a:active {
/*font-style:italic;*/
background: #E8FDE8;
}

#nav5 a:link, #nav5 a:visited, #nav5 a:active {
padding-left:45px;
background: #fff;
border-bottom: 1px solid #CBFECB;
border-left: 1px solid #CBFECB;
border-right: 1px solid #CBFECB;
}

#nav5 a:hover{
color: #000;
background:#E8FDE8;
}

#nav5act a:link, #nav5act a:visited, #nav5act a:active {
/*font-style:italic;*/
background: #E8FDE8;
}

#nav3 a:hover{
color: #000;
background:#E8FDE8;
}

#nav3act a:link, #nav3act a:visited, #nav3act a:active {

/*font-style:italic;*/
background: #E8FDE8;

}

ul#nav1 li#nav1act ul#nav2 li#havesub a{
background: url("arrow.gif") no-repeat right top;
}
ul#nav1 li#nav1act ul#nav2 li#havesub a:hover{
color: #000;
background:#CBFECB;
}

ul#nav1 li#nav1act ul#nav2 li#nav2act ul#nav3 li#nav3act ul#nav3 li a{
padding-left:45px;
}

#pickerPanel { width: 360px; height: 240px; font: normal 11px verdana, sans-serif; color: #333; line-height: 19px; margin: 0; border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}

/* slider */

.dragPanel { 
    position: relative;
    background-color: #eeeeee;
    margin: 4px;
    width: 260px;
    height: 180px;
}

.dragPanel h4 { 
    background-color: #bbbbbb;
    height: 10px;
    margin: 0px;
    cursor: move;
}


input { font-size: .85em }
.thumb { 
    cursor:default;
    width:18px; 
    height:18px; 
    z-index: 9;
    position:absolute; 
}

.bg {
    position:absolute; 
    left:10px; 
    height:18px; 
    width:146px; 
    border: 0px solid #aaaaaa;
}

.bg span, .bg p {
    cursor:default;
    position: relative;
    font-size: 2px;
    overflow: hidden;
    color: #aaaaaa;
    top: 4px;
    height: 10px;
    width: 4px;
    display: block;
    float:left;
}

.bg span {
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.bg .lb {
    border-left:1px solid #cccccc;
}

.bg .rb {
    border-right:1px solid #cccccc;
}
#valdiv { position:absolute; top: 100px; left:10px; } 

#rBG {top:30px}
#gBG {top:50px}
#bBG {top:70px}

#rgbSwatch {
    position:absolute; 
    left:160px; 
    top:34px;
    height:50px; 
    width:50px; 
    border:1px solid #aaaaaa;
}

#rgbPanel {
/*
top: 400px;
left: 20px;
*/
width: 360px;
height: 240px;
}

/* picker */

#hueThumb { 
    cursor:default;
    width:18px; 
    height:18px; 
    z-index: 9;
    position:absolute; 
}

#hueBg {
    position:absolute; 
    left:216px; 
    height:198px; 
    width:18px; 
    background:url(colorpicker/hue.png) no-repeat;
    top:18px;
}

#pickerDiv {
    position:absolute; 
    left:10px; 
    height:187px; 
    width:188px; 
    /*
    background:url(colorpicker/pickerbg.png) no-repeat;
    */
    top:20px;
}

#pickerbg { 
    position:absolute; 
    z-index: 1;
    top:0px;
    left:0px;
}
#selector { 
    cursor:default;
    width:11px; 
    height:11px; 
    z-index: 9;
    position:absolute; 
    top:0px;
    left:0px;
}

#pickerSwatch {
    position:absolute; 
    left:260px; 
    top:30px;
    height:60px; 
    width:60px; 
    border:2px solid #aaaaaa;
}

#pickervaldiv { text-align:right; position:absolute; top: 86px; left:246px; }

.colorbox{
width: 25px;
height: 14px;
border: 1px solid black;
border-bottom-width: 0;
}

/* CSS Anpassungen f�r Module*/

/* Reifen-Modul */

div.tx-radundreifenoutput-pi1{

width:620px;

}

.progress{ 

font-family: Arial; 
font-weight: bold; 
width: 1px; 
height: 16px; 
color: white; 
font-size: 12px; 
overflow: hidden; 
background-color: #e00000; 
padding-left: 5px;
border-left-width:0.1em;
border-left-style:solid;
border-left-color:#000000;
border-right-width:0.1em;
border-right-style:solid;
border-right-color:#000000;
border-top-width:0.1em;
border-top-style:solid;
border-top-color:#000000;
border-bottom-width:0.1em;
border-bottom-style:solid;
border-bottom-color:#000000;
} 


/* Typo3 News Bereich */
.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1
.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2