/*<![CDATA[*/
/**
 * CSS Style fuer Screen und Projection
 *
 * Copyright (c) 2008    die.interaktiven GmbH & Co. KG
 *                       Agentur fuer digitale Medien
 *                       Eisenmarkt 1
 *                       35578 Wetzlar
 *                       Germany
 *
 *                       Fon: +49 (0)64 41 / 39 86 19 - 0
 *                       Fax: +49 (0)64 41 / 39 86 19 - 9
 *                       Web: www.die-interaktiven.de
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */


div.element
{
	display: none;
}

/**
 * Ueberschrift
 */

h1.element.title
{
	display: block;
}

h1.element.title
{
	font-size: 1.5em;
	line-height: 1em;
	margin: 0 0 20px 0;
	padding: 0;
	height: 25px;
}

/**
 * Textabschnitt
 */

#col-left div.element.paragraph,
#colspan-bottom div.element.paragraph
{
	display: block;
}

div.element.paragraph
{
	margin: 0 0 30px 0;
}

#products div.element.paragraph
{
	padding: 0 20px 30px 0;
}

div.element.paragraph h2.title
{
	margin: 0 0 10px 0;
	padding: 0;
}

div.element.paragraph div.text
{
	line-height: 1.5em;
}

#overview div.element.paragraph
{
	margin-right: 16px;
}

#overview div.element.paragraph h2.title
{
	margin: 2px 0;
	padding: 0;
	font-size: 1.2em;
}

div.element.paragraph p
{
	margin: 0 0 1em 0;
	padding: 0;
}

/**
 * Overviewbox
 */

div.element.overviewbox
{
	display: block;
}

div.element.overviewbox
{
	float: left;
	width: 438px;
	margin: 0 0 30px 0;
}

#overview3 div.element.overviewbox,
#main #col-right div.element.overviewbox
{
	float: left;
	width: 280px;
	margin: 0 0 30px 0;
}

div.element.overviewbox div.image
{
	margin: 0 0 10px 0;
	padding: 0;
}

div.element.overviewbox h2.title
{
	font-size: 1.1em;
	margin: 0 0 2px 0;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.overviewbox div.text
{
	line-height: 1.4em;
	margin: 0 0 7px 0;
	padding: 0;
}

div.element.overviewbox div.link
{
	margin: 0;
	padding: 0;
	background: url(../images/pfeil-blau.gif) 0 3px no-repeat;
	padding: 0 0 0 12px;
}

div.element.overviewbox div.link a
{
	font-weight: bold;
	text-decoration: underline;
}


div.element.overviewbox div.link a:hover
{
	text-decoration: none;
}

/**
 * Powermail
 **/

div.element.powermail
{
	display: block;
}

div.element.powermail span.label
{
	width: 175px;
}

div.element.powermail input.input.text
{
	border: 1px solid #ccc;
	color: #002c62;
	width: 350px;
	margin: 0 0 20px 0;
	padding: 3px;
}

div.element.powermail select.input.select
{
	border: 1px solid #ccc;
	color: #002c62;
	width: 350px;
	margin: 0 0 20px 0;
	padding: 3px;
}

div.element.powermail textarea.input.textarea
{
	border: none;
	border: 1px solid #ccc;
	color: #002c62;
	width: 350px;
	margin: 0 0 20px 0;
	padding: 3px;
	height: 250px;
}

div.element.powermail div.padding
{
	padding: 0 0 0 175px;
}

div.element.powermail span.label.checkbox
{
	width: 350px;
}

div.element.powermail input.input.submit
{
	width: 243px;
	padding: 3px 0 20px 0;
	margin: 0 0 0 282px;
	text-align: center;
	background: url(../images/button-bg.gif) top center no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
}


div.tx-powermail-pi1
{
	color: #002c62;	
}

div.tx-powermail-pi1 div.tx-powermail-pi1_mandatory ul
{
	color: #002c62;	
}

input.tx-powermail-pi1_mandatory_submit
{
	width: 243px;
	padding: 3px 0 20px 0;
	margin: 25px 0 0 282px;
	text-align: center;
	background: url(../images/button-bg.gif) top center no-repeat;
	border: none;
	color: #fff;
}

div.tx-powermail-pi1_thx
{
	line-height: 1.5em;
}

/**
 * Googlemap
 */

#map_content
{
	margin: 0 0 10px 0;
}

#dia_map
{
	border-top: 2px solid #cecece;
	border-bottom: 2px solid #cecece;
}

div.tx-diagooglemap-pi1
{
	padding: 0 0 80px 0;
}

div.tx-diagooglemap-pi1 div.radius-search
{
	width: 980px;
	margin: 0 auto;
}

/*###Eingabefeld###*/

div.element.search
{
	display:block;
	margin: 25px auto 15px;
	padding: 0 0 25px 0;
}

div.tx-diagooglemap-pi1 div.label,
div.tx-diagooglemap-pi1 div.back-label
{
	font-size: 1.3em;
	color: #4F4F4F;
	font-weight: bold;
	float: left;
	margin: 7px 15px 0 0;
}
div.tx-diagooglemap-pi1 div.back-label
{
	margin: 7px 50px 0 -35px;
}

form.dealer-form input,
form.dealer-form select
{
	float: left;
	border: 1px solid #cecece;
	font-size: 1.1em;
	padding: 1px 0;
}

form.dealer-form input
{
	width: 100px;
	margin: 7px 30px 0 0;
}

form.dealer-form select
{
	margin: 5px 50px 0 0;
	padding: 1px 0 1px 5px;
}

form.dealer-form  input.dealer-form-submit
{
	float: right;
	margin: 0;
    padding: 4px 8px;
    background: none repeat scroll 0 0 #4f4f4f;
    border: 1px solid #ebebeb;
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
	width: 120px;
}

form.dealer-form  input.dealer-form-submit:hover
{
	background: #FDCE00;
	color: #fff;
}
/*################*/



/*###Ausgabe-Tabelle###*/

div.tx-diagooglemap-pi1 div.element.shoplist
{
	display:block;
	margin: 30px auto;
	clear: both;
}

/*### Fehlermeldung bei PLZ- ###*/
div.tx-diagooglemap-pi1 div.element.shoplist div.message
{
	padding: 10px;
	font-weight: normal;
	font-size: 1.2em;
	color: #A71517;
	line-height: 1.3em;
}
/* ### */

div.tx-diagooglemap-pi1 div.element.shoplist div.list
{
	padding: 25px 0 0 0;
}

div.tx-diagooglemap-pi2 div.element.shoplist div.list
{
	padding: 25px 0 0 0;
	width: 550px;
}

div.tx-diagooglemap-pi1 div.element.shoplist table.elements,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  
{
	width: 100%;
}


div.tx-diagooglemap-pi1 div.element.shoplist table.elements  th
{
	font-size: 1.2em;
	padding: 0 40px 5px 15px;
	border-bottom: 1px solid #ebebeb;
	text-align: left;
	/*border-right: 1px solid #ebebeb;*/
}
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  th
{
	font-size: 1.2em;
	padding: 0 4px 5px 4px;
	border-bottom: 1px solid #ebebeb;
	text-align: left;
	/*border-right: 1px solid #ebebeb;*/
}

/*###Erste Kopfzeilen-Spalte der Tabelle auf der linken Seite###*/
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  th.col1
{
	padding: 0 138px 5px 15px;  /*Border!*/
}

div.tx-diagooglemap-pi2 div.element.shoplist table.elements  th.col1
{
	padding: 0 0 5px 15px;  /*Border!*/
}
/*###*/

/*###Letzte Kopfzeilen-Spalte der Tabelle auf der rechten Seite###*/
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  th.col6,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  th.col6
{
	padding: 0;  /*Border!*/
	border-right: 0;
}
/*###*/

div.tx-diagooglemap-pi1 div.element.shoplist table.elements  td,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  td
{
	padding: 6px 15px 6px 15px;
	/*border-right: 1px solid #ebebeb;*/
}

/*###Erste Spalte der Tabelle auf der linken Seite###*/
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  td.col1,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  td.col1
{
	padding: 6px 15px 6px 15px; /*Border!*/
}
/*###*/

/*###Letzte Spalte der Tabelle auf der rechten Seite###*/
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  td.col6,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  td.col6
{
	padding: 6px 15px; /*Border!*/
	border-right: 0;
}
/*###*/

div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.odd,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  tr.odd
{
	background: #fbfbfb;
}

div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.even,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  tr.even
{
	background: #fff;
}
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr #map-element-0:active
{
	color: #fcca00;
}
/*###################*/

/*###Mouseover-Formatierung auf der Tabellenzeile [tr]###*/
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.odd-over,
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.even-over
{
	background:#00214E;
	color: #fff;
}

div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.even-over a,
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.odd-over a
{
	color: #fff;
}
/*###*/


/*###Tabellenzeilen-Border-Formatierung für jedes zweite [td.even]###*/
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.even td,
div.tx-diagooglemap-pi1 div.element.shoplist table.elements  tr.even-over td,
div.tx-diagooglemap-pi2 div.element.shoplist table.elements  tr.even td
{
	border-bottom: 1px solid #ebebeb;
	border-top:1px solid #ebebeb;
}
/*###*/


/*###Navigation [pagination] unter der Ausgabeliste###*/

div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination
{
	
	display:block;
}

/*###Ueberschrift der pagination###*/
div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination div.text
{
	
	/*float: left;
	margin: 0 20px 0 0;
	font-size: 1.2em;
	font-weight: bold; 
	color: #434343;*/
	display: none;
	
}
/*###*/

div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list
{
	text-decoration: none;
	list-style: none;
	float: right;
	margin: 30px 0 0 0;
}

div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list li
{
	float: left;
	margin: 0 0 0 2px;
}

div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list li.next,
div.tx-diagooglemap-pi2 div.element.shoplist div.element.pagination ul.list li.next
{
	margin: 0 0 0 2px;
}

div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list li a,
div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list li.points ,
div.tx-diagooglemap-pi2 div.element.shoplist div.element.pagination ul.list li a,
div.tx-diagooglemap-pi2 div.element.shoplist div.element.pagination ul.list li.points 
{
	color: #000;
	background: #F6F6F6;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 10px;
}
div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list li.points ,
div.tx-diagooglemap-pi2 div.element.shoplist div.element.pagination ul.list li.points 
{
	margin: -7px 0 0 2px;
}

div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list li a.active,
div.tx-diagooglemap-pi1 div.element.shoplist div.element.pagination ul.list li a:hover
{
	color: #fff;
	background:#00214E;
	text-decoration: none;
}
/*######################################################*/


/*#####################################################################*/
/*################DETAILS[Detailansicht des Einzeleintrags]############*/
/*#####################################################################*/

div.tx-diagooglemap-pi2
{
	padding: 8px 0 0 0;
}

div.tx-diagooglemap-pi2 div.element.shopdetails
{
	display:block;
}

div.tx-diagooglemap-pi2 div.element.shopdetails div.content
{
	float:right;
	width:280px;
	padding: 0 0 20px 15px;
}

div.tx-diagooglemap-pi2 div.element.shopdetails #dia_map
{
	float:left;
	border-top: 2px solid #cecece;
	border-bottom: 2px solid #cecece;
}

div.tx-diagooglemap-pi2  div.element.shoplist
{
	float: left;
}
/*###Zurück zur Listenansicht [link]###*/
div.tx-diagooglemap-pi2  div.link
{
	clear: both;
	float: left;
	background: #F6F6F6;
	padding: 7px 10px;
	margin: 30px 0 50px 0;
}

div.tx-diagooglemap-pi2  div.link a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

div.tx-diagooglemap-pi2  div.link:hover a,
div.tx-diagooglemap-pi2  div.link:hover
{
	background: #FDCE00;
	color: #fff;
}

div.tx-diagooglemap-pi2 div.content h2
{
	font-size: 1.2em;
}

div.tx-diagooglemap-pi2 div.element.shopdetails table.elements  td,
div.tx-diagooglemap-pi2 div.element.shopdetails table.elements  th
{
	padding:6px 10px;
}
/*###Detailliste [Ausgabe der Anschrifft] -Formatierung###*/


div.tx-diagooglemap-pi2 div.element.shopdetails div.content div.country
{
	margin: 0 0 10px 0;
}

div.tx-diagooglemap-pi2 div.element.shopdetails div.content div.web
{
	margin: 4px 0 0 0;
}
/*###*/

/*]]>*/