/**
 * Style sheet vitelli
 **/

br.clear{
	clear:both;
}

/**
 * Layout
 */
body,
html, #wrapper
{
	height:100%;
	background: url('template/images/bg_menu.jpg') repeat-y;

}

body
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:0.75em;
	color:#333;
	line-height:1.5em;
	background: #FFF url('template/images/bg_header.jpg') repeat-y;
}

#header
{
	height:100px;
	border-bottom:#666 10px solid;
	background:#ccc url('template/images/bg_header.jpg') repeat-x;
}

#address{
	width:200px;
	float:right;
	margin-top:1.5em;
}

img#logo
{
	float:left;
}

#container
{
	background: url('template/images/bg_menu.jpg') repeat-y;
	padding-top:2em;
}
#right, #address{
	padding-right: 1em;
}
#left{
	width:178px;
}

#main{
	padding:0 3em 0 4em;
	line-height:1.6em;
}

div.block{
	margin-bottom:3em;
}


/**
 * Menu
 */
#left ul{
	list-style-type:none;	
}
ul.level_1, ul.level_2{
	margin:0;
	padding: 0;
	color:#fff;
}
ul.level_1{
	margin-left: 1em;
}
ul.level_1 li, ul.level_2 li{
	padding-bottom:0.2em;
}
ul.level_1 li{
	font-weight:bold;
	margin-bottom:1em;
}
ul.level_2{
	margin-top:0.15em;
}
ul.level_2 li{
	font-weight:normal;
	margin:0;
}

ul.level_1 a{
	color:#fff;
	display: block;
}
ul.level_1 a:hover, ul.level_2 a:hover, ul.level_3 a:hover,
ul.level_1 p.active, ul.level_2 p.active, ul.level_3 p.active,
ul.level_2 li.trail a{ /* z.b für news */
	color:#333;
	background:#fff;
	margin-left:-1em;
	padding-left:1em;
}
li.trail ul.level_3 a{
	color:#FFF;
	background:transparent;
}

ul.level_3{
	margin-left:1.5em;
	margin-bottom:0.5em;
	padding:0;

}
ul.level_3 p.active{
	color:#FFF;
	background-color:#e01225;
}


/**
 * Headings
 */
h1
{
	margin:0.2em 0 0.4em 0;
	font-family:'Helvetica', Arial, Verdana, Sans-Serif;
	font-weight:bold;
	font-size:2em;
	color:#c02102;
	line-height:1.2em;
}

h2
{
	margin:0 0 0.5em 0;
	padding:0.2em;
	font-weight:bold;
	font-size:1.2em;
}

h3
{
	display:inline;
	margin:0;
	font-weight:bold;
	font-size:1em;
}


/**
 * Tabellen
 */
th
{
	padding-right:1em;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	color:#000;
}

td
{
	vertical-align:top;
}
td.explanation{
	font-weight:bold;
	font-size:1em;
	padding-top:2em;	
}
table span label{
	display:inline;
}
.mod_Fahrzeugsuche td{
	padding-right:0.6em;
}


/**
 * Formulare
 */
label{
	margin-right:1em;
	display:inline;
	white-space:nowrap;
}

input.button{
	float:right;
	display:block;
	margin-top:1em;
}
input, select, textarea{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:1em;
	padding:0.2em 0.4em;
	border:1px solid #ccc;
}
input.radio{
	border:none;
}

select{
	padding:0.2em 0;
}

input.submit
{
	margin-top:2em;
	border:1px solid #ccc;
	color:#cc0033;
	background:#fff;
}
span.mandatory{
	display:inline;
	margin-right:1em;
	margin-left:-0.6em;
}
div.formbody td{
	padding-bottom:0.6em;
}

/**
 * Links
 */
a
{
	text-decoration:none;
	color:#c21020;
}

a:hover
{
	color:#333;
}


/**
 * Listen
 */
ul {
	margin:0;
	margin-left:1em;
}
#main ul {
	margin:1em 0;
	margin-left:1em
	list-style-type:none;
	line-height:2em;
}

/* Diverses */
div.image_container img{
	border: #111 1px solid;
	margin:2em 0;
}
div.image_container.left img{
	margin:0 0.8em 0.3em 0em;
	float:left;
}
div.image_container.right img{
	margin:0 0 0.3em 0.8em;
	float:right;
}

div.mod_randomImage img{
	margin-bottom:0.5em;
}

#main div.mod_randomImage div.image_container{
	float:left;
	margin-right:1em;
}

/* pagination */
div.pagination ul li{
	display:inline;
	margin-right:0.2em;
	list-style-type:disc;
}
div.pagination ul{
	padding:0;
}
div.pagination{
	margin-top:1em;
}
div.mod_newslist div.layout_simple{
	padding-left:0.6em;
	padding-bottom:0.2em;
	margin-bottom:0.2em;
	border-bottom: 1px solid #ccc;
}

div.rss{
	margin-top:2em;
	padding-left:0.6em;
}
.mod_article .rss{
	padding:0;
}

div.event, div.fahrzeugangebot{
	padding:0.5em 0;
	margin:0.2em 0;
	border-bottom: 1px solid #ccc;
}
div.fahrzeugangebot div.image,
div.fahrzeugangebot div.fahrzeugdaten,
div.fahrzeugangebot div.bemerkungen{
	float:left;
	margin-right:1em;
}
div.fahrzeugangebot h2{
	font-size:1em;
}
div.fahrzeugangebot div.preis{
	text-align:right;
	font-weight:bold;
}
div.fahrzeugangebot div.image span a{
	padding:0.2em 0.3em;
}
div.fahrzeugangebot div.image{
	padding-bottom:0.5em;
}