/*

Design 087 - Autohaus LASS
(c) SeitenBox

2012-03-14

*/

html { height: 100%; padding-bottom:1px;} /* immer scrollbar zeigen */

html, body {
	background: url(hg-body.jpg) center top no-repeat #AFB4B8;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:20px;
}

body {
	border-top:7px solid #909699;
}

#container {
	width: 958px;
	margin: 0px auto -30px auto;
	position:relative;
	padding: 0 2px 0 0;
}

#logo {
    position: absolute;
	height:135px;
    width:325px;
}	
	
/* im Logobereich eingefügtes Logo. Standard-Logo "Hier könnte ihr Logo stehen", kann im System durch eigenes Logo ersetz werden */
#logo_img {
	width: 325px;
	height:135px;
	background: url(../images/logo_weiss.gif) no-repeat top left;
}

#oben {
	display:block;
	height:160px;
	background: url(hg-top.jpg) center top no-repeat;
}

#header {
	width:957px;
	height:425px;
	overflow: hidden;
	margin: 0;
	/*border-bottom: 25px solid #1E2738;*/
	display: none;
	background: url(hg-header-01.jpg) top left no-repeat #fff;
}

.cat-0.isParent #header {
	display: block;
}


#inhalt {
	clear:both;
}

#textHG {
	width: 908px;
	margin: 0;
	padding: 25px;
	background: #E8E9EB;
	min-height:350px;
}

.cat-0 #textHG {
	min-height:150px;
}

#text {
	/*margin-right:280px;*/
}

#navi {
	width: 960px;
	position:absolute;
	left:0px;
	top:136px;
}

#footer {
	text-align:right;
	margin: 0;
	padding: 10px 25px 5px 25px;
	font-size:11px;
	color: #fff;
	background: #909699;
}

#footer a:link, #footer a:visited { color: #eee; text-decoration: none;}
#footer a:hover, #footer a:active { color: #fff; text-decoration: underline;}

/* Text im Header-Bereich */

#topExtraDiv {
	display: none;
	/*width:880px;
	height:150px;
	position:absolute;
	top: 0;
	left:0;*/
}

/* Text */

p, ul, li, ol {
	margin: 0 0 10px 0;	
}

h1,h2,h3 {
	margin: 3px 0 13px 0;
	color: #1E2738;
}

h1 { font-size:18px; font-weight: bold;}
h2 { font-size:15px; font-weight: bold;}
h3 { font-size:12px; font-weight: bold; color: #444;}

a:link, a:visited {
	color: #1E2738;
	text-decoration:underline;
}

a:hover, a:active {
	color: #C74E34;
	text-decoration: underline;
}

ul {
	list-style-type: square;
}

ul, ol {
	list-style-position: outside;
	margin-left:30px;
}

table {
	width:100%;
	margin: 10px 0;
	border-collapse:collapse;
}

td, th {
	border-collapse:collapse;
	padding: 8px 0 9px 0;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
}

#inhalt table.noborder th, #inhalt table.noborder td {
  padding: 4px 0 5px 0;
}

/* Bilder im Text allgemein; der Rahmen kann im System deaktiviert werden */
#inhalt img {
	border: 1px #ccc solid;
	padding: 8px;
	background-color: #fff;
}

/* Kontaktformular */

#contactForm {
  background: url(hg_contacts.jpg) top left no-repeat #ddd;
  border: 2px solid #666666;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 0 50px #CCCCCC;
  font-size: 12px;
  padding: 20px;
  text-align: left;
  width: 445px;
}

#contactForm input, #contactForm textarea {
  display: block;
  font-size: 12px;
  margin: 3px 0 3px 12px;
  padding: 1px;
  width: 315px;
}

#contactForm .buttons {
	text-align:right;
}

#contactForm .buttons button {
	border: 1px solid #bbb;
	background: #eee;
	padding: 3px 12px;
	font: 12px Verdana, Arial, sans-serif;
}
#contactForm .buttons button.send {
	font-weight: bold;
}

#contactForm .disclaimer {
	text-align:left; font-size:10px; margin: 0;
}

#contactForm select {
  display: block;
  font-size: 11px;
  margin: 3px 0 3px 12px;
  padding: 1px;
  width: 315px;
}

#inhalt .contactform {
	margin: 10px 0 25px 0;
}

#inhalt .contactform button {
	font: 12px Verdana, Arial, sans-serif;
	letter-spacing:0;
	padding:2px 12px;
	background:#535C65;
	border: 0;
	color: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
	font-weight: bold;
	-moz-box-shadow: 0px 6px 6px -3px #aaa;
	-webkit-box-shadow: 0px 6px 6px -3px #aaa;
	box-shadow: 0px 6px 6px -3px #aaa;
}

#inhalt .contactform button:hover {
	background-color: #C74E34;
}

#inhalt .contactform button:active {
	position:relative;
	top:1px;
}

/* Navigation */

#navi ul {
	margin: 0 0 0 12px;	
}
#navi li {
	font-size:14px;
	line-height:14px;
	margin: 0 5px 0 0;
	list-style-type: none;
	display: inline;
	position: relative;
	float:left;
}
#navi a {
	font-weight: bold;
	padding: 0 4px;
	position: relative;
}
#navi a:link, #navi a:visited {
	text-decoration: none;
	color: #ccc;
}

#navipunkte1>ul>li.cat-3>a:link, #navipunkte1>ul>li.cat-3>a:visited {
 text-decoration: none;
 color: #de0077;
}
#navi a:hover, #navi a:active, #navi .navaktuell a:hover {
	text-decoration: none;
	color: #C74E34;
}

#navi li ul {
	display:none;
}

#navi li.navaktuell > a {
	color: #fff;
}

/* Navigation 2. Ebene */

#navi ul ul {
	float: left;
	position: absolute;
	padding-top: 10px; /*Abstand zur Hauptnavi*/
	margin: 0; /*muss auf 0 sein, da sonst Unternavi nicht immer anwaehlbar*/
	left: 0;
	top: 16px;
	display: none; /* Unternavigation ausblenden */
	width: 200px;
	z-index: 999;
}

/* Unternavigation  einblenden */
#navi ul li:hover ul {
	display: block;	
	left: auto;
}

#navi li ul {
	padding: 7px 0;
	margin: 0;
}

#navi li li {
	font-size:13px;
	line-height:1em;
	font-weight: normal;
	margin: 0;
	padding: 7px 3px;
	background: #111F2C;
	width:100%;
	border-bottom: 1px solid #ddd;
	/*border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;*/
}

#navi li li a {
	font-weight: normal;
	padding: 7px;
}
#navi li li a:link, #navi li li a:visited {
	text-decoration: none;
	color: #fff;
}
#navi li li a:hover, #navi li li a:active, #navi .navaktuell li li a:hover {
	text-decoration: none;
	color: #C74E34;
}

/* Bilder-Galerie großes Quadrat: 4 pro Zeile; */

div.gallery.format_q2 {
	width:680px;
}

div.gallery.format_q2 img {
  margin: 0 25px 17px 0;
  width: 180px;
  height: 180px;
}

#inhalt div.hasSubtitle.format_q2 a {
  width: 205px;
  margin-bottom:17px;
}

#inhalt div.hasSubtitle.format_q2 a img {
  width: 180px;
  margin-bottom:0;
}

/* Bilder-Galerie kleines Quadrat: 6 pro Zeile */

div.gallery.format_q1 img {
  margin: 0 11px 9px 0;
  width:80px;
  height:80px;
  padding:6px;
  background-color:#fff;
  border:1px solid #e4e4e4;
  -moz-box-shadow: 0px 6px 6px -3px #aaa;
  -webkit-box-shadow: 0px 6px 6px -3px #aaa;
  box-shadow: 0px 6px 6px -3px #aaa;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#AAAAAA')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#AAAAAA');
}

#inhalt div.hasSubtitle.format_q1 a {
  width: 103px;
  text-align:center;
}

#topExtraDiv {
	display: block;
	position: absolute;
	top:80px;
	right:0;
	width:370px;
	height:80px;
}

#topExtraDiv a {
	display: block;
	float:left;
	width:100px;
	height:80px;
	margin: 0 0 0 15px;
	text-indent:-200px;
	overflow:hidden;
}

/* Textblock-Formate */

.custom-Startseite-Textblock-links {
	margin-right: 260px;
}

.custom-Startseite-Angebot-rechts {
	position: absolute;
	top:615px;
	right:10px;
	width:210px;
	background: #1E2738;
	-moz-box-shadow: 0px 6px 6px -3px #888;
	-webkit-box-shadow: 0px 6px 6px -3px #888;
	box-shadow: 0px 6px 6px -3px #888;
}
#inhalt .custom-Startseite-Angebot-rechts p {
	color:#fff;
	padding: 5px 10px;
}
#inhalt .custom-Startseite-Angebot-rechts h1 {
	color:#fff;
	width:220px;
	font-size:13px;
	background: url(angebot-h1.png) top right no-repeat transparent;
	border-bottom: 1px solid #ddd;
	padding: 3px 10px;
	margin: 0 10px 5px 0;
}
#inhalt .custom-Startseite-Angebot-rechts a:link,
#inhalt .custom-Startseite-Angebot-rechts a:visited {
	color: #eee;
	font-weight: bold;
	padding: 2px 4px;
	text-decoration: none;
}
#inhalt .custom-Startseite-Angebot-rechts a:hover,
#inhalt .custom-Startseite-Angebot-rechts a:active {
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
	text-decoration: none;
}