/*
Theme Name: Beautiful Day DE-Edition
Theme URI: http://templates.arcsin.se/
Version: 2.0
Description: Previously released by Kaushal Sheth, includes several fixes and improvements. Based on the <a href="http://templates.arcsin.se/">free website template</a> Beautiful Day. Also available as <a href="http://templates.arcsin.se/beautiful-day-joomla-template/">Joomla template</a> and <a href="http://templates.arcsin.se/beautiful-day-blogger-template/">Blogger template</a>. Deutsche Bearbeitung: <a href="http://www.domain-anonym-registrieren.de/">Frank Kugler</a>.
Author: Viktor Persson
Author URI: http://arcsin.se
*/

/* standard elements */
html {
	min-height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
a {
	color: #444;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
body {
	background: #FFFFFF);
	font-family: Verdana, sans-serif;
	color: #444;
}
p, code, ul {
	padding-bottom: 10px;
}
li {
	list-style: none;
}
h1 {
	margin-bottom: 4px;
}
h2 {	
	font-family: Verdana, sans-serif;
	font-size:14px;
	font-weight: normal;
}
h3 {
	font-family: Verdana, sans-serif;
	font-size:14px;
	font-weight: normal;
}
code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	line-height: 1.6em;
	margin: 4px 0 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	font-size:11px;
	padding-left: 26px
}
big {
}
h1, h3 {
	padding-top: 6px;
}
label {
	display: block;
}
.vModLinkUrl,.preview{
	cursor:pointer;
	text-decoration:underline;
}

.copyright
{
font-weight: normal;
padding-top:315px;
margin-left:12px;
margin-right:12px;
}
/* misc */
.clearer {
	clear: both;
}
.leftdetail {
	width: 335px;
	float: left;
	margin:9px;
}
.rightdetail {
	width: 440px;
	float: right;
}

.left {
	float: left;
}
.right {
	float: right;
}
/* structure */
.container {
	background: #FFF;
	margin: 0 auto;
	width: 832px;
}
/* header */
.top {
	background: #FFFFFF;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}
/* title */
#back{
	background: url(img/bg.jpg) no-repeat;
	padding-left:10px;
	width:194px;
	height:197px;
}

.abstand{
	background-color: white;
	height:155px;
}

.header {
	height: 133px;
	margin: 0 auto;
	padding: 0px 0px 0px;
	width: 830px;
	border-left: solid #888 1px;
	border-right: solid #888 1px;
}

/* navigation */
.navigation {
	border: 1px solid #CFDEE7;
	border-color: #DFEEF7 #CFDEE7;
	font-size:11px;
	background:#D9E1E5 url(img/nav.gif);
	height: 41px;
	border-left: solid #888 1px;
	border-right: solid #888 1px;
}
.navigation a {
	background: #D9E1E5 url(img/nav.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	text-decoration: none;
	line-height: 41px;
	padding: 0 15px;
}
.navigation a:hover {
	background-position: left bottom;
	color: #234;
}
.navigation ul {
	display: inline;
}
.navigation li {
	float: left;
}
/* main */
.main {
	border-left: solid #888 1px;
	border-right: solid #888 1px;
	border-top: 0px solid #FFF;
}
#box {
background: #ead822 url(img/ecke_gelb_1.jpg) no-repeat;
position: relative;
padding: 6px;
padding-top: 8px;
width: 197px;
height: 176px;
margin-left:14px;
margin-top:10px;
float:left;
}
span.box-top-right, span.box-bottom-left, span.box-bottom-right {
position: absolute;
width: 10px;
height: 10px;
display: block;
}
span.box-top-right {
background: url(img/ecke_gelb_2.jpg) no-repeat;
top: 0;
right: 0;
}
span.box-bottom-left {
background: url(img/ecke_gelb_4.jpg) no-repeat;
bottom: 0;
left: 0;
}
span.box-bottom-right {
background: url(img/ecke_gelb_3.jpg) no-repeat;
bottom: 0;
right: 0;
}

#box2 {
background: #e9e9e9 url(img/ecke_textur_1.jpg) no-repeat;
position: relative;
padding: 6px;
padding-top: 8px;
width: 332px;
height: 221px;

float:left;
}
span.box2-top-right, span.box2-bottom-left, span.box2-bottom-right {
position: absolute;
width: 10px;
height: 10px;
display: block;
}
span.box2-top-right {
background: url(img/ecke_textur_2.jpg) no-repeat;
top: 0;
right: 0;
}
span.box2-bottom-left {
background: url(img/ecke_textur_4.jpg) no-repeat;
bottom: 0;
left: 0;
}
span.box2-bottom-right {
background: url(img/ecke_textur_3.jpg) no-repeat;
bottom: 0;
right: 0;
}

#box3 {
background: #b7bbbc url(img/ecke_grau_1.jpg) no-repeat;
font-size:11px;
position: relative;
padding: 6px;
padding-top: 8px;
width: 197px;
height: 177px;
margin-left:11px;
margin-top:10px;
float:left;
}
span.box3-top-right {
position: absolute;
width: 10px;
height: 10px;
display: block;
}
span.box3-top-right {
background: url(img/ecke_grau_2.jpg) no-repeat;
top: 0;
right: 0;
}

/* sub navigation */
.sidenav {
	float: left;
	width: 450px;
	height: 400px;
}
.sidenav h2 {
	color: #5A5A43;
	margin: 0;
	padding-left: 10px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenav li {
	border-bottom: 1px solid #EAEADA;
}
.sidenav li a {
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;
}
/* content */
.content {
	float: left;
	background: url(img/textur.jpg);
	width: 370px;
	height:510px;
	padding-left:5px;
}
#kurz{height:400px;}
.content .descr {
	color: #664;
	margin-bottom: 6px;
}
.content li {
	padding: 1px 0 1px 16px;
}
.content p {
	font-family: Verdana, sans-serif;

}
/* footer */
.footer {
    background:url(img/autohaus_blase_aktuell.jpg);
	color: #000000;
	height:346px;
	font: bold 11px sans-serif;
	border-left: solid #888 1px;
	border-right: solid #888 1px;
}

.footergebraucht {
    background:url(img/autohaus_blase_gebrauchtwagen.jpg);
	color: #000000;
	height:337px;
	font: bold 11px sans-serif;
	border-left: solid #888 1px;
	border-right: solid #888 1px;
}

.kontakt{
	background-color:white;
	border:1px solid #b7bbbc;
	border-left:0px;
	margin-left:-9px;
	padding-left:19px;
	width: 338px;
}

.footerkontakt {
    background:url(img/autohaus_blase_kontakt.jpg);
	color: #000000;
	height:346px;
	font: bold 11px sans-serif;
	border-left: solid #888 1px;
	border-right: solid #888 1px;
}

.footer a, .footer a:hover {
	color: #000000;
}
/* posts */
.post h1 a {
    color:#2a591e;
	font-size:14px;
	line-height:22px;
}
.post h1 a:hover {
	text-decoration:underline;
}
.post {
    font-size:11px;
	line-height:17px;
	margin: 6px 0 30px;
}
.post .info {
	padding: 5px 10px;
	border: 1px solid #E3E4E4;
	background:#F5F5F5;
	color: #555;
	margin: 2px 0 4px;
}
.post img {

}
.post a img {
	border: 4px solid #DDD;
}
.post a:hover img {
	border-color: #CCC;
}
.info a {
	text-decoration: none;
}
.info a:hover {
	text-decoration: underline;
}
/* comments */
.content ol li {
	list-style: none;
	background: none;
}
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
	list-style: none;
}
#commentform {
	margin: 1em 0;
	background: #FAFAFA;
	width: 280px;
}
.commentmetadata {
	padding: 2px 0 4px;
}
.commentmetadata a {
	color: #664;
}
textarea.styled {
	width: 280px;
}
.styled {
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {
	margin-bottom: 3px;
}
a img {
	border:none;
}
/* calendar */
#wp-calendar {
	color:#A0A0A0;
}
.sidenav table caption {
	border-bottom-color:#000;
}
.sidenav table thead tr {
	border-bottom-color:#000;
	color:#A53512;
}
.sidenav table th {
	border-bottom-color:#000;
}
.sidenav table td#today {
	border-color:#000;
	color:#A53512;
}
.sidenav table td a {
	border-bottom-color:#000;
	background-color:#EDF3DE;
}
.sidenav table tfoot {
	border-top-color:#000;
}
.sidenav table tfoot a {
	background:none;
}
/* calendar
--------------------------------------------------*/
#wp-calendar {
	display:inline-table;
	border-collapse:collapse;
	width:185px;
	margin:0px 10px 0 10px;
	text-align:center;
}
.sidenav table caption {
	margin: -5px 10px 0 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
}
.sidenav table thead tr {
	border-bottom:1px solid;
}
.sidenav table th {
	border-bottom:1px solid;
}
.sidenav table td {
	width: 225px; /* maximaize width; honestly, I don't know much about tables... */
	padding: 1px;
}
.sidenav table td#today {
	padding: 0;
	border: 1px solid;
	font-weight: bold;
}
.sidenav table td a {
	display: block;
	border-bottom: 1px solid;
	font-weight: bold;
}
.sidenav table tfoot {
	border-top:1px solid;
}
.sidenav table tfoot a {
	border: none;
	font-weight: bold;
}
.sidenav table tfoot #prev a {
	text-align:left;
}
.sidenav table tfoot #next a {
	text-align:center;
}
#searchform {
	padding:10px;
	border:none;
}

.leftdetail a
{
	font-family: Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;

}
.leftdetail h4
{
	padding-top:9px;
	padding-bottom:9px;
	font-family: Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
}.leftdetail p
{
	font-family: Verdana, sans-serif;
	font-size:12px;
	font-weight: normal;
}
.rightdetail h2
{
	padding-top:9px;
	padding-bottom:9px;
	font-family: Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
}

.detail
{
	background-color: white;
	padding:12px;
	height:870px;
}

.detail p
{
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:17px;
	font-weight: normal;
}


.detail h4
{
	font-family: Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding-bottom:14px;
}
.detailverkauft
{
	background-color: white;
	color:lightgray;
	padding:12px;
	height:870px;
}

.detailverkauft p
{
	font-family: Verdana, sans-serif;
	color:lightgray;
	font-size:11px;
	line-height:17px;
	font-weight: normal;
}


.detailverkauft h4
{
	font-family: Verdana, sans-serif;
	color:lightgray;
	font-size:12px;
	font-weight: bold;
	padding-bottom:14px;
}

.auto2 {
	float: left;
	width: 830px;
}
.auto {
	background-color: #b7bbbc;
	float: left;
	width: 830px;
}

.auto .descr {
	color: #664;
	margin-bottom: 6px;
}

.auto p {
	font-family: Verdana, sans-serif;
}
.auto ol li {
	list-style: none;
	background: none;
}
.center
{   text-align: center;
	width: 200px; margin: 0px auto}
#randomCar h3
{display:none;
}
#randomCar .random_car
{
}
#randomCar li
{
background: #b7bbbc url(img/ecke_grau_1.jpg) no-repeat;
position: relative;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
padding:10px;
width: 780px;
height: auto;
float:left;
}
#randomCar .preview {
position: relative;
margin:auto;
width:50px;
height:50px;
padding:50px;
float:left;
}
#randomCar .facts{
background-color: #FFF;
padding:10px;
float:right;
position: relative;
width:512px;
height:131px;
float:right;
}
.facts>div,.facts>h4,.facts>h5
{
width:400px;
float:right;
}
#randomCar .preview a{
font-weight:bold;
}
#randomCar .price{
background-color: #e9e9e9;
float:left;
font-weight:bold;
margin-top:-35px;
padding:10px;
width:85px;
height:115px;
}

#boxauto {
background: #b7bbbc url(img/ecke_grau_1.jpg) no-repeat;
position: relative;
padding: 10px;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
width: 780px;
height: auto;
float:left;
}
span.boxauto-top-right, span.boxauto-bottom-left, span.boxauto-bottom-right {
position: absolute;
width: 10px;
height: 10px;
display: block;
}
span.boxauto-top-right {
background: url(img/ecke_grau_2.jpg) no-repeat;
top: 0;
right: 0;
}
span.boxauto-bottom-left {
background: url(img/ecke_grau_4.jpg) no-repeat;
bottom: 0;
left: 0;
}
span.boxauto-bottom-right {
background: url(img/ecke_grau_3.jpg) no-repeat;
bottom: 0;
right: 0;
}
#boxauto2 {
background: #e9e9e9 url(img/ecken_weiss_detail.jpg) 0px 936px no-repeat;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
width: 799px;
height: 1019px;
float:left;
}
span.boxauto2-top-right, span.boxauto2-top-left, span.boxauto2-bottom-right {
position: absolute;
width: 10px;
height: 10px;
display: block;
}
span.boxauto2-top-right {
background: url(img/ecke_grau_detail_2.jpg) no-repeat;
top: 0;
right: 0;
}   
.boxauto2-top-left {
background: url(img/ecke_grau_detail_1.jpg) no-repeat;
top: 0;
left: 0;
}
span.boxauto2-bottom-right {
background: url(img/ecke_grau_3.jpg) no-repeat;
bottom: 0;
left: 0;
}
#autobild {
float:left;
}
.tablinks{
background-color: #e9e9e9;
position: relative;
padding:10px;
width:125px;
height:121px;
float:right;
}
.tablinks a{
position: absolute;
bottom: 0px;
color:#000;
font-weight:bold;
}
.tabrechts {
background-color: #FFF;
padding:10px;
position: relative;
width:412px;
height:121px;
float:right;
}

.schattenhome {
	background:url(img/verlauf.jpg);
	border-left: solid #888 1px;
	border-right: solid #888 1px;
	width:830px;
	height:13px;
}

.schattengebraucht {
	background:url(img/verlauf2.jpg);
	border-left: solid #888 1px;
	border-right: solid #888 1px;
	width:830px;
	height:13px;
}
.suche
{
padding:24px;
}
.suchfeld
{
	float:left;
	height:150px;
	width:375px;
font-family: Verdana, sans-serif;
font-size:11px;
line-height:18px;
	background: url(img/textur.jpg);
}

.suchfeld h3
{
padding-left:22px;
}

.detailrechts{
width:450px;
float:left;}

.detaillinks{
width:400px;
float:left;}

.listemarke {
font-family: Verdana, sans-serif;
font-size:11px;
line-height:18px;
float:left;
padding-left:30px;
list-style-position:inside;
}

.listepreis {
font-family: Verdana, sans-serif;
font-size:11px;
line-height:18px;
float:left;
padding-left:150px;
}

.auswahl
{
	height:150px;
	float:right;
	background-color:#ead822;
	width:455px;
}

.posthome h1 a {
    color:#2a591e;
	font-size:14px;
	line-height:22px;
}
.posthome h1 a:hover {
	text-decoration:underline;
}
.posthome {
	padding-left:9px;
	padding-top:3px;
    font-size:11px;
	line-height:17px;
	margin: 6px 0 30px;
}
.posthome .info {
	padding: 5px 10px;
	border: 1px solid #E3E4E4;
	background:#F5F5F5;
	color: #555;
	margin: 2px 0 4px;
}
.posthome img {
	border: 4px solid #DDD;
	margin: 4px 0;
}
.posthome a img {
	border: 4px solid #DDD;
}
.posthome a:hover img {
	border-color: #CCC;
}

#boxmap {
background: #ead822 url(img/ecke_gelb_1.jpg) no-repeat;
position: relative;
padding: 13px;
padding-top: 8px;
margin-left:14px;
margin-top:10px;
float:left;
}
span.boxmap-top-right, span.boxmap-bottom-left, span.boxmap-bottom-right {
position: absolute;
width: 10px;
height: 10px;
display: block;
}
span.boxmap-top-right {
background: url(img/ecke_gelb_2.jpg) no-repeat;
top: 0;
right: 0;
}
span.boxmap-bottom-left {
background: url(img/ecke_gelb_4.jpg) no-repeat;
bottom: 0;
left: 0;
}
span.boxmap-bottom-right {
background: url(img/ecke_gelb_3.jpg) no-repeat;
bottom: 0;
right: 0;
}

label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 275px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#s
{
border : 0px;
margin-top:2px;
margin-right:10px;
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

label {
 text-align: right; 
 padding-right: 1em; 
}

#thumbcontainer {
	padding-top:10px;
	padding-left:10px;
	width:360px;
}
#thumbcontainer a img {
	display:inline;
}
#thumbcontainer ul {
	display:inline;
}
#thumbcontainer ul li {
	display:inline;
	list-style-type:none;
	padding-right:9px;
}

input.suche2
{
  width: 235px; /* Breite.*/
}


#grosscontainer {
	padding-top:24px;
	padding-left:10px;
	width:360px;
}
#grosscontainer a img {
	display:inline;
}