@charset "utf-8";
@import url(reset.css);

/* autotag.de - Colors 
 * 
 * blau: #668eb2 (main bg)
 * gelb 100: #fdc411 (linkactive)
 * gelb 40: #fee799 (content-border)
 * dunkelgrau: #666
 * advisco-grau: #ccc
 * suche-bg: #d9e3ec
 * suche: #999
 */

/* Default Element Styling */
/* =================================================================== */

* {
  font-family: Arial, "Lucida Grande", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

html {
  height: 100%;
}

body {
  background: #fff;
  height: 100%;
}

a {
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
}

a:hover {
  text-decoration: underline;
}

abbr[title] {
  cursor: help;
}

a abbr {
  cursor: pointer !important;
}

input[type=submit], button {
  cursor: pointer;
}

input:focus, textarea:focus, select:focus {
  background: #eee;
}

/* Abstand Zeilenhoehe nach unten bei manchen Elementen */
p, h1, h2, h3, h4, h5, h6, 
table, ul, ol, blockquote, pre {
  margin-bottom: 18px;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}

/* Default Container Layout */
/* =================================================================== */
/* Von oben nach unten, meist divs mit id */

#container, #headerContainer, #contentContainer {
  position: relative;
}

#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 898px;
  border-left: 1px solid #668eb2;
  border-right: 1px solid #668eb2;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
}

#main {
  background: url(../img/bg_main.png) top left repeat-y #668eb2;
  overflow: hidden;
}

#headerContainer {
  height: 73px;
  border-bottom: 2px solid #fff;
}

#carLogos {
  position: absolute;
  width: 170px;
  bottom: 0;
  left: 20px;
  height: 65px;
}

#logo {
  display: block;
  width: 192px;
  height: 65px;
  position: absolute;
  left: 214px;
  bottom: 0;
  margin: 0;
  padding: 0;
}


#callback {
  position: absolute;
  bottom: 0;
  right: 20px;
  background: #999;
  width: 110px;
  height: 24px;
  overflow: hidden;
}

#suche {
  position: absolute;
  bottom: 0;
  right: 140px;
  background: #999;
  width: 225px;
  height: 24px;
}

#contentContainer {
  min-height: 650px;
  height: auto !important;
  height: 650px;
}

#content {
  margin: 0 9px 0 189px;
  padding: 60px 25px 75px 25px;
}

#contentFooter {
  position: absolute;
  bottom: 0;
  left: 189px;
  border-top: 2px solid #fff;
  height: 50px;
  width: 700px;
}

#breadCrumb {
  position: absolute;
  background: url(../img/black_15.png) top left repeat;
  width: 675px;
  height: 30px;
  right: 9px;
  top: 0;
  padding-left: 25px;
  z-index: 5;
  
}

#menuContainer {
  position: absolute;
  top: 0;
  left: 0;
}

#menu {
  margin-bottom: 60px;
}

#specialMenu {
  width: 139px;
  padding: 25px 20px;
}

#newsMenu {
  padding: 20px 20px 2px 20px;
  width: 139px;
  background: #668eb2;
}

#levelTwoBack, #levelThreeBack {
  background: url(../img/white_60.png) top left repeat;
  position: absolute;
  top: 0;
  left: 189px;
  width: 179px;
  height: 4000px;
  z-index: 8;
  display: none;
}

#levelThreeBack {
  width: 189px;
  left: 368px;
  background: url(../img/bg_levelThree.png) top left repeat-y;
}


#footer {
  padding-left: 20px;
}


/* Header Stuff */
/* =================================================================== */

#logo h1 a, #logo h1, #carLogos h1 {
  display: none;
}

#carLogos * {
  margin: 0 !important;
}

#carLogos div.csc-textpic {
  float: left;
  margin-right: 10px !important;
}

#carLogos div.csc-textpic-clear {
  clear: none !important;
  display: none;
}

#callback a {
  position: absolute;
  display: block;
  width: 110px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  top: 0;
  left: 0;
  color: #fff;
}



/* Menu Elemente */
/* =================================================================== */

/* Allgemein */
#menu ul {
  padding: 0;
  margin: 0;
}

#menu li {
  width: 189px;
  position: relative;
  display: block;
  height: 29px !important;
  line-height: 29px;
  z-index: 10;
  border-top: 1px solid #ccc;
}

#menu li a {
  display: inline-block;
  width: 169px;
  padding-left: 15px;
  line-height: 30px;
}

#menu li a:hover,
#menu li a.active {
  color: #fdc411;
}

#menu li ul {
  position: absolute;
  width: 179px;
  display: none;
  margin: -60px 0 0 189px;
  z-index: 10;
}

#menu li li {
  width: 179px;
  background: url(../img/white_95.png) top left repeat;
}

#menu li li ul {
  width: 189px;
  margin-left: 179px;
}

#menu li li, #menu li li li  {
  border-top: 1px solid #666;
}

#menu li ul li a, #menu li ul li a:hover {
  color: #333;
}

#menu li li li, #menu li li li:hover, #menu li li li.sfhover {
  background: url(../img/bg_li_levelThree.png) top left repeat-y;
  padding-left: 10px;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
  display: none;
}

#menu li:hover, #menu li.sfhover {
  background: url(../img/white_60.png) top right repeat-y;
}

#menu li li:hover, #menu li li.sfhover {
  background: url(../img/white_95.png) top left repeat;
}

#menu li:hover ul, #menu li.sfhover ul,
#menu li li:hover ul, #menu li li.sfhover ul {
  display: block;
  background: url(../img/white_95.png) 0px 30px no-repeat;
}

/* leer-lis vor und nach untermenues */
#menu li.emptyFirst, 
#menu li.emptyFirst:hover,
#menu li.emptyFirst.sfhover {
  border: 0;
}




/* Breadcrumb */
#breadCrumb, #breadCrumb * {
  line-height: 30px;
}

#breadCrumb a:hover {
  color: #fdc411;
}

/* SpecialMenu & newsMenu */
#specialMenu *, #newsMenu * {
  margin: 0;
}

#specialMenu a.active {
  color: #fdc411;
}

/* Content Elemente */
/* =================================================================== */

#content ul {
  margin-top: -18px;
}

#content ul li {
  padding-left: 10px;
  background: url(../img/content_li.png) 0px 3px no-repeat;
}

#content h1, #content h1 a, #content 
.tx-indexedsearch-whatis, #content .tx-indexedsearch-whatis *,
#content .news-single-item h2 {
  color: #fdc411;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 18px;
}

#content p strong a, #content p a strong,
#content p b a, #content p a b {
  color: #fdc411;
  font-weight: bold;
}

#content p strong a:hover, #content p a strong:hover,
#content p b a:hover, #content p a b:hover {
  color: #fdc411;
  text-decoration: underline;
}


#content iframe#schwacke_iframe,
#content iframe#zubehoer {
  margin: -25px;
  width: 700px;
  height: 620px;
}

#content iframe#zubehoer body #content {
  background: #f00;
}

#content p.align-right {
  text-align: right;
}

#content p.align-left {
  text-align: left;
}

#content p.align-center {
  text-align: center;
}

/* Contenttable & Kontaktformular - Standard advisco-Style */
/* =================================================================== */
#content .contenttable {
  width: 650px;
}

#content .contenttable .tr-odd {
  background: #999;
}

#content .contenttable .tr-even {
  background: #666;
}

#content .contenttable td p {
  margin-bottom: 0;
}

/* kontaktulare */

#content #kontaktTable label,
#content #rueckrufTable label,
#content #newsletterTable label,
#content #unsubscribeTable label,
#content #kontaktTable td,
#content #rueckrufTable td,
#content #newsletterTable td,
#content #unsubscribeTable td  {
  line-height: 26px;
  vertical-align: middle;
}


#content #kontaktTable .td-0,
#content #rueckrufTable .td-0,
#content #newsletterTable .td-0,
#content #unsubscribeTable .td-0,
#content #kontaktTable .td-2,
#content #rueckrufTable .td-2,
#content #newsletterTable .td-2 {
  width: 100px;
  padding: 0 10px;
}

#content #kontaktTable .td-1, 
#content #rueckrufTable .td-1, 
#content #newsletterTable .td-1, 
#content #unsubscribeTable .td-1 {
  padding: 0;
  width: 200px;
  overflow: hidden;
} 

#content #kontaktTable .td-3,
#content #rueckrufTable .td-3,
#content #newsletterTable .td-3 {
  width: 210px;
}

#content #kontaktTable .tr-last .td-last, 
#content #rueckrufTable .tr-last .td-last,
#content #newsletterTable .tr-last .td-last,
#content #unsubscribeTable .tr-last .td-last {
  text-align: right;
}

#content #kontaktTable input, 
#content #kontaktTable select,
#content #rueckrufTable input, 
#content #rueckrufTable select,
#content #newsletterTable input, 
#content #newsletterTable select,
#content #unsubscribeTable input {
  outline: none;
  border: none;
  padding: 2px;
  width: 196px;
  background: #e8eef4;
  color: #333;
  margin: 0;
}

#content #kontaktNachricht,
#content #rueckrufNachricht {
  width: 515px;
  height: 75px;
  outline: none;
  border: none;
  padding: 2px;
  background: #e8eef4;
  color: #333;
  margin: 2px 0;
}

#content #kontaktTable select,  
#content #rueckrufTable select,
#content #newsletterTable select {
  width: 200px;
}

#content #kontaktTable option, 
#content #rueckrufTable option,
#content #newsletterTable option {
  color: #333;
}

#content #rueckrufTable .tr-3 .td-0,
#content #kontaktTable .tr-4 .td-0 {
  vertical-align: top;
}

/* submit-buttons */
#content #rueckrufTable .tr-last .td-last input,
#content input#kontaktAbsenden,
#content #newsletterTable .tr-last .td-last input,
#content #unsubscribeTable .tr-last .td-last input {
  background: transparent;
  color: #fff;
  padding: 0 10px 0 0;
  text-align: right;
}

/* Special rueckruf-stuff */
#content .kontaktRueckrufContainer {
  position: relative;
  width: 200px;
  height: 26px;
}

#content input#kontaktRueckruf {
  width: auto;
  height: auto;
  background: transparent;
}

#content input#kontaktTelefon {
  width: 176px;
}

#content .kontaktRueckrufCheckbox {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
}

#content .kontaktRueckrufInput {
  position: absolute;
  width: 176px;
  top: 2px;
  right: 0;
}

/* newsletter special stuff */
#content #unsubscribeTable,
#content #newsletterTable {
  margin-bottom: 50px;
}

#content #newsletterTable .tr-2 .td-1 input,
#content #unsubscribeTable .tr-0 .td-1 input#unsubscribeEmail {
  width: 515px;
}


/* Suchergebnisse & tt_news */
/* =================================================================== */

/* Unnuetzes ausblenden */
.tx-indexedsearch-searchbox,
.tx-indexedsearch-rules,
.tx-indexedsearch-icon,
.tx-indexedsearch-result-number,
.tx-indexedsearch-percent,
.tx-indexedsearch-info,
.news-latest-container h2,
.news-latest-date,
.news-latest-item p,
.news-latest-gotoarchive,
.news-single-author,
.news-single-timedata,
.news-single-backlink,
.news-list-date,
.news-list-morelink,
.news-latest-container img,
.news-list-container img,  
.news-single-imgcaption,
.news-latest-item hr.clearer {
  display: none;
  visibility: hidden;
}

hr.clearer {
  height: 0;
  clear: both;
  color: #668eb2;
  border: none;
  outline: none;
}
.clearer {
	clear:both;
	height:0;
	overflow:hidden;
}
.news-latest-morelink,
.news-latest-item h3 {
  display: inline;
}

.news-latest-item {
  padding-bottom: 18px;
}

.news-list-item h3,
.news-list-item h3 a {
  margin-bottom: 0;
  font-weight: bold;
  color: #fdc411;
}

.tx-indexedsearch-res {
  clear: left;
}

.tx-indexedsearch-res .result-row {
  margin-bottom: 18px;
}

.tx-indexedsearch-title, .tx-indexedsearch-title * {
  font-weight: bold;
  display: block;
}

#content ul.browsebox li {
  background: none;
  margin: 0 25px 18px 0;
  float: left;
  padding: 0;
}

#content strong.tx-indexedsearch-redMarkup {
  font-style: italic;
  color: #fdc411;
}

#content .news-single-img img {
  padding: 3px;
  background: url(../img/black_15.png) top left repeat;
  float: right;
  margin: 0 18px 18px 0;
}

/* Suchbox - Macina Search Extension */
/* =================================================================== */

#suche * {
  margin: 0;
  padding: 0;
}

#suche #searchformInput {
  position: absolute;
  width: 95px;
  height: 18px;
  line-height: 18px;
  background: #e8eef4;
  color: #666;
  border: none;
  outline: none;
  top: 3px;
  left: 25px;
}

#searchformSubmit {
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  line-height: 24px;
  width: 105px;
  color: #fff;
  background: none;
  border: none;
  outline: none;
}

/* Filelinks */
.filelinks span.filecount {
  display: none;
}

.filelinks div, .filelinks .pdf, .filelinks .jpg {
  background: none !important;
  padding-left: 0;
  margin-bottom: 18px;
}

.filelinks span a {
  font-weight: bold;
  color: #fff;
}

/* FCE - Styles fuer eigene ContentElemente von TemplaVoila*/
/* =================================================================== */

.abteilung {
  clear: both;
}

#content .abteilung .rechts,
#content .abteilung .links {
  width: 325px;
  float: left;
}

#content .abteilung strong {
  display: block;
  width: 100%;
  color: #fdc411;
  font-weight: bold;
  margin-bottom: 10px;
}

#content .mitarbeiter {
  position: relative;
  border: 2px solid #fff;
  width: 306px;
  height: 136px;
  background: #7d9fbd;
  margin-bottom: 15px;
}

#content .mitarbeiter .mitarbeiterPhoto {
  height: 136px;
  width: 98px;
}

#content .mitarbeiter .mitarbeiterText {
  position: absolute;
  top: 0;
  left: 98px;
  padding: 8px 0 0 8px;
  width: 190px;
}

/* Footer */
/* =================================================================== */

#footer, #footer * {
  color: #ccc;
  line-height: 24px;
  font-size: 12px;
  margin-bottom: 0;
  border: none;
  text-decoration: none;
}

/* Alles was unsichtbar werden soll, zum Schluss */
/* =================================================================== */

.hidden {
  display: none;
  visibility: hidden;
}

.error p {
  color: #fdc411;
  font-weight: bold;
}
.tx-felogin-pi1{
	margin-bottom:3px;
	width:auto;
}
.tx-felogin-pi1 label{
	display:inline-block;
	width:120px;
}
.tx-felogin-pi1 input{
	color:#333;
}
.tx-felogin-pi1 fieldset{
	margin:3px 0;
}
.tx-felogin-pi1 fieldset div{
	margin-bottom:3px;
	width:290px;
}
.tx-felogin-pi1 fieldset .usersubmit{
	text-align:right;
}
.tx-felogin-pi1 fieldset .usersubmit input{
	margin-right:5px;
}
.tx-felogin-pi1 legend {
	display:none;
	visibility:hidden;
}
.dealer .news-list-item,
.top_browse {
	border-bottom:1px dotted #DDD;
}
.dealer .showResultsWrap {
	margin:5px 0;
	text-align:center;
}
.dealer .browseLinksWrap {
	text-align:center;
}
.dealer .activeLinkWrap {
	font-weight:bold;
}
.dealer .disabledLinkWrap {
	display:none;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */
#content .news-catmenu ul {
	margin:0;
}
.news-catmenu  {
	padding:5px;
	margin:10px 0px 10px 10px;
}
.news-catmenu-header  {
	font-size:11px;
	font-weight:bold;
}
.news-catmenu DIV {
	font-size:10px;
	white-space: nowrap;
}
.news-catmenu DIV img {
	margin:0px;
	padding:0px;
	vertical-align: middle;
}
.news-catmenu-ACT {
	font-weight:bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level0 {
	background-color:#fff;
}
.level1 {
	padding-left:10px;
	background-color:#eee;
}
.level2 {
	padding-left:10px;
	background-color:#ddd;
}
.level3 {
	padding-left:10px;
	background-color:#ccc;
}
.level4 {
	padding-left:10px;
	background-color:#bbb;
}
.cat_conatiner {
	width:220px;
	overflow:hidden;
	float:left;
}
.cat_conatiner .news-catmenu{
	margin:0;
	padding:0;
}
.list_conatiner {
	width:400px;
	overflow:hidden;
	float:right;
}