/* Stylesheet fuer template: 01_home
www.peter-kaiser.de
Start: 18.02.2009
Letzte Aenderung: 18.02.2009 - 19uhr
*/

/* -------------------------------------------------------------- Enthaltene Divs und Bloecke -------------------------------------------------------------------- */
body {
background: #FFFFFF;
background-image: url(/files/layout/img/verlauf.jpg);
background-repeat: repeat-x;
}

#stage {
position:relative;
width:960px;
height:447px;
margin: 0 0 0 20px;
background-color:#FFFFFF;
background-image:url(/files/layout/img/schatten_mitte.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding: 0 0 7px 0;
}

#mitte {
position:relative;
width:960px;
background-color:#FFFFFF;
margin: 0 0 0 20px;
background-image:url(/files/layout/img/schatten_mitte.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding: 20px 0 7px 0;
}

#subnavi {
min-height:100px;
width:240px;
margin: 0 0 0 0;
float:left;
display:inline;
}

#content {
width:860px;
margin: 0 50px;
padding:0 0 30px 0;
white-space: normal;
float:left;
display:inline;
}

#footer-left {
margin: 12px 0 0 20px;
}

#footer-logo {
margin: 12px 0 0 0;
}

#footer-right {
margin: 12px 0 0 0;
}

/* Mehrspaltige Elemente */
.ssp_txt { float:left; display:inline;width:660px; display:block;}

.dsp_wrap {  width:860px; display:block;}
.dsp_links {width:184px;margin:0;float:left;display:inherit;}
.dsp_rechts {width:670px;margin:0;float:left;display:inherit;}

.tsp_wrap { float:left; display:inline; width:690px; display:block;}
.tsp_links {display:block;width:220px;margin:0 0 0 0;float:left;display:inherit;}
.tsp_mitte {display:block;width:220px;margin:0 0 0 20px;float:left;display:inherit;}
.tsp_rechts {display:block;width:200px;margin:0 0 0 20px;float:left;display:inherit;}

.tsp_wrap.col_4 {width:960px;float:none;}
.tsp_wrap.col_4 .tsp_links {width: 184px;}
.tsp_wrap.col_4 .tsp_mitte_links {width: 240px;float:left;display:block;}
.tsp_wrap.col_4 .tsp_mitte_rechts {width: 240px;float:left;display:block;}
.tsp_wrap.col_4 .tsp_rechts {width: 184px;}
.hdls_controller .desc       {margin-top:10px;}
input#send_dealer_locator {border:none;text-indent: -999em; width:71px; height:40px;margin:-2px 0 0 0;padding:0;background:none;cursor: pointer;}
#customerLocationInput {background: #fff none; height: 20px;}

div.cmDiv
{
width:54px;
height:18px;
border: 1px solid #656565;
background-color: #303030;
background-image:url(/files/layout/img/bg.dropdown.gif);

}
.clickMenu
{
margin: 0;
padding: 0;
cursor: pointer;
}
.clickMenu, .clickMenu ul
{
list-style: none;
}
.clickMenu ul
{
margin: 0;
padding: 2px;
border: 1px solid #656565;
background-color: #303030;
min-width: 54px; /* ie doesnt know this :/ */
//float: left;/*ie again*/
//width: 100%;/*and again*/
}
.clickMenu div.outerbox
{
display: none;
min-width: 54px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner
{
//top: 20px; /* for ie */
left: 0;
margin: 0;
width:54px;
}
.clickMenu div.inner div.outerbox
{
width:54px;
margin: 0;
left: 98px;
//left: 90px; /* for ie */
top: -3px;
}
.clickMenu li
{
color:#fff;
position: relative;
padding: 0 20px 0 2px;
/*white-space: nowrap; does not really work in ie */
}
.clickMenu li.main
{
float: left;
padding: 0 10px;
//height: 20px; /* for ie */
}
.clickMenu li.main li
{
z-index: 2;
min-width: 54px;
width:54px;
}
.clickMenu li.hover
{
z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */

}
.clickMenu img.liArrow
{
position: absolute;
right: 5px;
top: 0.41em;
}
.clickMenu a
{		color:#fff;
display:block;
width:54px;
text-decoration: none;
color: black;
cursor: pointer;
padding:3px 0 0 0;

}
/* thats for the shadowbox */
html>body div.outerbox
{
padding: 0 5px 5px 0;
}
html>body div.shadowbox1
{
position: absolute;
right: 0;
bottom: 5px;
width: 5px;
height: 100%;
background: url(myshadow.png) no-repeat right top;
}
html>body div.shadowbox2
{
position: absolute;
bottom: 0;
right: 5px;
height: 5px;
width: 100%;
background: url(myshadow.png) left bottom;
}
html>body div.shadowbox3
{
position: absolute;
bottom: 0;
right: 0;
height: 5px;
width: 5px;
background: url(myshadow.png) no-repeat right bottom;
}
html>body .innerbox
{
margin: 0;
display: inherit;
}


/* CSS Document */
div#pk_flag {
position:absolute;
z-index:100;
width:112px;
height:115px;
}
div#hdls_container {

position:absolute;
width:960px;
height:447px;
overflow:hidden;
}

div#hdls_gb {
float:left;
width:960px;
height:447px;
}
div#hdls_d {
float:left;
width:960px;
height:447px;
}
div#hdls_sl {
float:left;
width:960px;
height:447px;
}
.hdls_inner {
width: 960px;
height: 447px;
background: #fff url('/files/stage_dealer_locator.jpg') no-repeat 0 0;
}
.hdls_left {
float:left;
width:442px;
height:477px;
}
.hdls_left img {position: absolute; }
.hdls_right {

width:100%;
height:477px;
}
.hdls_infotext {
position: absolute;
width:373px;
height:114px;
margin:53px 0 0 500px;
background-color: #fff;
}
.hdls_inner_infotext {
float:left;
margin:0 0 0 10px;
}
.hdls_controller {
position: absolute;
width:382px;
height:221px;
margin:233px 0 0 290px;
}
.hdls_input {

width:580px;
height:40px;
/*background-image:url('/files/layout/img/bg.input.gif');  background-repeat:no-repeat;*/
}
.hdls_output {
float:left;
width:371px;
height:189px;
background-color:#ffffff;

}
.hdls_inner_output_d,.hdls_inner_output_gb,.hdls_inner_output_fr {
float:left;
border-top:1px solid #d0d0d0;
width:350px;
height:183px;
margin:0 0 0 10px;
font-size:12px;
color:#666666;
}
.tdpd {
padding-right: 19px;
vertical-align: middle;
}
.tdpdi {
padding-top:5px;
}
.tdpds {
padding-right: 20px;
padding-top:4px;
}
.tdpdb {padding: 0 0 0 20px;}
.tdpdl {vertical-align: top;}
.hdls_adresse {
width:350px;
height:22px;
border-bottom:1px solid #d0d0d0;
overflow:hidden;
cursor:pointer;
padding-bottom:3px;
}
.hdls_adresse_1 {
width:350px;
height:22px;
border-bottom:1px solid #d0d0d0;
overflow:hidden;
cursor:pointer;
padding-bottom:3px;
}
.hdls_adresse_act {
border-bottom:2px solid #a90100;
}
.hdls_adresse h1, .hdls_inner_output h1, .hdls_inner_output_d h1, .hdls_inner_output_gb h1, .hdls_inner_output_fr h1 {
font-size:11px;
color:#666666;
font-weight:normal;
line-height: 24px;
cursor:pointer;
}
.hdls_adresse_details {
font-size:11px;
overflow:hidden;
}
.hand {
cursor:pointer;
}
img {
border:0;
}
table {
border:0;
margin:0;
border-collapse: collapse;
}
td {
border:0;
padding:0;
font-size:15px;
}
.hdls_input td {
color:#ffffff;
}
.hdls_adresse_details, .hdls_adresse_details td {
font-size:11px;
color:#666666;
line-height:15px;
}
.hdls_adresse_details a {
text-decoration:none;
color:#666666;
}
.hdls_adresse_details a:hover {
text-decoration:underline;
color:#000000;
}
select {
width:54px;
background-color:#303030;
border:1px solid #656565;
color:#ffffff;
font-size:11px;

}
input {
width:215px;
background-color:#303030;
border:1px solid #656565;
color:#ffffff;
font-size:15px;
}
input[type="text"] {padding: 0 4px 0 4px;}
.ui-state-active {
border-bottom:1px solid #ffffff;
}
.ui-state-active h1 {
color:#000000;
}
.ui-state-default {
border-bottom:1px solid #CDCDCD;
}
.ui-accordion-content{
margin-bottom:-2px;
}
.ui-accordion-content-active{
border-bottom:2px solid #a90100;
}


#tooltip {
position: absolute;
z-index: 3000;
background-image:url('/files/layout/img/bg.tooltip.png');
padding: 2px;
height:18px;
}
#tooltip h3, #tooltip div { font-size:11px; color:#ffffff; font-weight:normal; margin: 0; }

#list li a, #list1 li a, #list1 li a, #list1 li a, #list2 li a {
color:#fff;
}


/* ----------------------------------------------------- Modale Stage */

#modal_stage_layer {overflow:hidden;position:absolute;top:0;height:0;width:0;display:none;z-index:110;margin:200px; padding: 50;border:2px solid #fff;}
#modal_stage {text-align:center; height:100%; width:100%; position:relative; z-index:2; }
#modal_wrapper {width: 100%; height: 100%; position: absolute; top: 0;background-color: #ce0035; display:none;}
#map_container {width: 100%; height: 100%; }

.container                              {overflow:hidden;}

.column                                 {width:49%;float:left;}
.column-33                              {width:32%;float:left;}
.column-66                              {width:66%;float:left;}
.column-20                              {width:22%;float:left;}
.column-80                              {width:77%;float:left;}
.column-default-left                    {width:206px;}
.column-default-right                   {width:754px;}
/* ----------------------------------------------------- Händlersuche */
.countries                        {height:0; overflow:hidden; border-bottom:0; list-style-type: none;}
.countries a                      {color:#bcbcbc;font-size:0.8571em; display: block;}
.countries li                     {cursor: pointer;}
.countries li a                   {line-height:2.0833em; margin:0 0;padding-left:35px; background:transparent url(/files/layout/img/icon_sprite.png) no-repeat 0 0;}
.countries li a:hover             {}
.countries li.current a:hover     {}
#maps #countrySelect a            {margin:0 10px;padding-left:25px; outline: 0;}
#maps #countrySelect              {width:224px; z-index:1000;border-top:none; padding-top:26px; position:absolute; background:transparent url(/files/layout/img/formular_sprite.png) no-repeat 0 -90px;}
#maps #countrySelect.open         {background-position: 0 -170px;}


.countries a.country        {display:block;font-size: 13px; color: #242424;text-decoration: none;line-height:22px;}

#maps .countries li.current         {width:220px; position:absolute; top:0; height:24px; }

#template-17 #countrySelect              {margin-top: 4px; height: 25px; width:80px; position:absolute;background: url("/files/layout/img/icon_sprite.png") no-repeat scroll 55px -689px #303030; border: 1px solid #656565; }
#template-17 #countrySelect.open         {}
#template-17 #countrySelect a            {margin:0 10px;padding-left:17px; outline: 0;}
#template-17 .countries li.spacer        {padding-top:25px;}
#template-17 .countries li.current       {margin-top:0; width:80px; position:absolute; height:24px; top: 1px;}
#template-17 .countries li a             {color:#fff;}
#template-17 .countries li               {height: 25px;}

.countries a.all            {background-image: none;}
.countries a.de              {background-position: 0 -414px;}
.countries a.uk             {background-position: 0 -444px;}
.countries a.fr             {background-position: 0 -474px;}
.countries a.a             {background-position: 0 -504px;}
.countries a.ch             {background-position: 0 -534px;}

#maps input.text                  {color:#242424;font-size:12px;display:block;width:222px;height:25px;margin:0;padding:4px 0 0 4px;border:none;background:transparent url(/files/layout/img/formular_sprite.png) no-repeat scroll 0 0;}
#maps input.btn                   {position:absolute;display: block; padding:0;margin:-29px 0 0 225px;color:#fff;width:34px;height:25px;background:transparent url(/files/layout/img/formular_sprite.png) no-repeat scroll 0 -30px;border:none; text-indent:-999em; cursor: pointer;}
#maps input.btn:hover             {background-position:0 -60px;}


.browserFirefox.mac #haendlerForm input#address {padding-top:0;}
.browserFirefox.mac #haendlerForm input.btn  {margin-top:-25px;}


#info-cities                  {font-size:0.7500em;position:absolute;top:80px;z-index:10;color:#404040;margin-left: 30px;}
#info-cities > div            {line-height:2.5000em; position: absolute; width:800px; z-index: 2;}
#info-cities > div > span     {float:left;}
#info-cities > div > a        {font-size:12px;color:#080808;line-height:2.5000em;text-decoration: none;background:transparent url(/files/layout/img/icon_sprite.png) no-repeat scroll 0 -600px;margin-left:10px;padding-left:20px;}
#info-cities > div > a.active {background-position: 0 -570px;}
#info-cities #text_info       {}
#info-cities #text_result     {display:none;}

#info-cities-extended         {position:absolute;width:100%;z-index:2;font-size:0.9286em;padding-bottom:10px;display:none;background-color: #fff;}
#info-cities-extended > div   {margin:5px auto 8px 280px;width:78%;}
#info-cities-extended ul      {list-style-type:none;}
#info-cities-extended ul li   {white-space: nowrap;float:left;display: block; margin-left:-10px; height: 15px; line-height: 15px;}
#info-cities-extended ul li a          {display: block; margin-left:10px; margin-top:0;line-height:13px;color:#4c4c4c;background:transparent url(/files/layout/img/icon_sprite.png) no-repeat 0 -627px;padding:0 5px 0 10px;font-size:12px;text-decoration: none;}
#info-cities-extended ul li a:hover    {}
#info-cities-extended ul li a.last     {border:none;}
#info-cities-extended ul li a.first    {}

#t_eins .haendler_treffer                     {display:none;border: 1px solid #E3E3E3;margin-right:10px;margin-bottom:20px;padding:10px;}
.haendlerDetails                              {display:none;margin:0 0 0 15px;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;font-size:11px;padding:5px 0;}


.haendler_info              {color:#404040; font-size: 0.8125em; line-height: 1.45em;}
.haendler_info b            {font-size: 1.3846em;}
.haendler_info a            {color:#8d002f;}
img.close_btn               {background:transparent url(/files/layout/img/icon_sprite.png) no-repeat 0 -660px;float:right; top: 0px; left: 0px; width: 13px; height: 13px;}
#map_container              {height:500px;top:0;}
#maps .container            {height:112px;background:transparent url(/files/layout/img/bg_top.jpg) no-repeat top center; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
#maps .container_inner      {margin: 20px 30px 0 30px;}
#maps { color:#474747;}
#maps h2 {font-size:21px;}
#maps h4 {font-size:13px;}
#maps label {font-size:13px;width:150px;margin-bottom:5px;}
#maps .info  {margin-top:5px;}
#maps th, .th {font-weight:bold;}

#map_wrapper {background-color:#fff; padding:50px;}
#logo_pk {position: absolute; margin:-50px 0 0 -50px;z-index: 100;}

#hdls_container * p > a:link, #hdls_container * p > a:visited {
background-image:url(/files/layout/img/mini-fahne.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 15px;
font-weight: normal;
color: #333333;
text-decoration: none;
display: block;
}