@charset "UTF-8";
/* CSS Document - AlfaVisione.net */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

body { 	
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.25;
	font-size: 12px;
	color: #bbb;
}

body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../img/backgrounds/bg.jpg);
	background-position: center top;
	background-color: #000000;
}

/* image-replacement --- Versteckt den Text wenn (sowie eigentlich immer) CSS aktiviert ist */
.image-replacement { 
	text-indent: -200em; 
	overflow: hidden;
} 

/* float-restore --- stellt den normalen Element-Fluss wieder her */
.float-restore {
	margin: 0 !important;
	padding: 0 !important;
	clear: both !important;
	width: 0px !important;
	height: 0px !important;
	line-height: 0px !important;
	font-size: 0px !important;
}

h1 {
	font-weight: bold;
	color: #A0A0A0;
	font-size: 16px;
	margin-bottom: 6px;
}

h2 {
	font-weight: bold;
	margin-bottom: 6px;
}

p{
	margin-bottom: 1em;
}

a{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

a:visited {color:#fff;}
a:active, a:hover, a.active {color:#f00;}

#mainFrame {
	margin: 0 auto;
	width: 970px;
}

#heroPic {
	width: 970px;
	height: 168px;
	background-repeat: no-repeat;
}

#heroPic.news{
	background-image: url(../img/hero/hero-news.jpg);
}

#heroPic.alfa-romeo{
	background-image: url(../img/hero/hero-alfaromeo.jpg);
}

#heroPic.kontakt{
	background-image: url(../img/hero/hero-kontakt.jpg);
}

#heroPic.impressum{
	background-image: url(../img/hero/hero-impressum.jpg);
}

ul#main-nvg {
	overflow: hidden;
	width: 970px;
	height: 38px;
	background: url(../img/menue/menu-multi.png);
	background-repeat: no-repeat;
	background-position: 0 -38px;	
}

ul#main-nvg li {
	float: left;
}

ul#main-nvg a {
	display: block;
	height: 38px;
}

ul#main-nvg a:hover, ul#main-nvg a.active{
	background-image: url(../img/menue/menu-multi.png);
	background-repeat: no-repeat;	
}

#news {
	width: 102px;
} 
#news:hover, #news.active {
	background-position: 0 0;
}

#alfa-romeo {
	width: 147px;
} 
#alfa-romeo:hover, #alfa-romeo.active {
	background-position: -102px 0;
}

#community {
	width: 147px;
} 
#community:hover, #community.active {
	background-position: -249px 0;
}

#shop {
	width: 99px;
} 
#shop:hover, #shop.active {
	background-position: -396px 0;
}

#automarkt {
	width: 149px;
} 
#automarkt:hover, #automarkt.active {
	background-position: -495px 0;
}

#kontakt {
	width: 125px;
} 
#kontakt:hover, #kontakt.active {
	background-position: -644px 0;
}

#impressum {
	width: 145px;
}
#impressum:hover, #impressum.active {
	background-position: -769px 0;
}

#topspacer {
	width: 970px;
	height: 7px;
	background-image: url(../img/elements/spacer_topmenue);
}

#contentFrame {
	width: 970px;
	height: auto;
	min-height: 850px;
	background-image: url(../img/backgrounds/textcontent.jpg);
	background-color: #1A1A1A;
	background-repeat: no-repeat;
	float: left;
}

#footer {
	width: 970px;
	height: 140px;
	background-image: url(../img/backgrounds/footer.jpg);
	background-repeat: no-repeat;
	float: left;
}

#siteMenueTop {
	width: 211px;
	height: auto;
	padding-top: 20px;
	padding-left: 20px;
	float: left;
}

#siteMenueTop ul{
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 58px;
	margin-bottom: 25px;
}

#siteMenueTop ul.news{
	background-image: url(../img/sitemenue/sm_top-news.jpg);
}

#siteMenueTop ul.alfa-romeo{
	background-image: url(../img/sitemenue/sm_top-alfaromeo.jpg);
}

#siteMenueTop ul.kontakt{
	background-image: url(../img/sitemenue/sm_top-kontakt.jpg);
}

#siteMenueTop ul.impressum{
	background-image: url(../img/sitemenue/sm_top-impressum.jpg);
}

#siteMenueTop li{
	background: url(../img/sitemenue/sm_menuepunkt.jpg) no-repeat;
	padding-top: 3px;
	min-height: 22px;
}

#siteMenueLine {
	width: 200px;
	height: 24px;
	float: left;
	background-image: url(../img/sitemenue/sm_menuepunkt.jpg);
}

#siteMenueTop li ul{
	padding: 0;
	margin-bottom: 0;
	margin-top: 7px;
}

#siteMenueTop li ul li{
	height: 22px;
	padding-left: 15px;
}

a.sitemenue{
	font-weight: normal;
	margin-left: 17px;
	display: block;
}

a.sitemenue.parent{
	background: transparent url(../img/sitemenue/sm_arrow.png) no-repeat 150px 5px;
}

#siteMenueTop li ul li a.sitemenue{
	background: url(../img/sitemenue/sm_point.png) no-repeat;
	margin: 0;
	padding-left: 17px;	
}

input[type=text], 
input[type=password], 
textarea,
select{
	background: #333333;
	border:1px solid #464646;
	color: #FFFFFF;
	padding-left: 2px;
}

input[type=submit]{
	background-color:#333333;
	border-width: thin;
	color:#DDDDDD;
	font-size:95%;
}

.suche input{
	width: 195px;
}

.suche label{
	font-weight: bold;
}

.suche input.suche_button{
	margin-left: 58px;
	width: auto;
}

.suche select.month{
	margin-right: 2px;
	width: 140px;
}

.suche select.year{
	width: 55px;
}

.suche select, .suche input{
	margin-bottom: 6px;
}

form#contact-form fieldset {
	width: 410px;
	margin: 0 auto;
}

.form-row{
	margin-bottom: 20px;
}

.form-row input{
	width: 250px;
}

.form-row input#submit{
	width: auto;
}

.form-row textarea{
	width: 300px;
	height: 100px;
}

.form-row label {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 65px;
	padding-right: 10px;
	font-weight: bold;
	white-space:nowrap;
}


#content {
	width: 680px;
	padding: 20px 0;
	float: left;
	min-height: 10px;

}

#content.news{
	width: 530px;
}

.detail p img{
	margin: 1em;
}

.detail p{
	color: #bbb !important;
}

.detail ul{
	list-style: disc;
	margin-left: 2em;
}

.imgBorder {
	border: 1px solid #FFFFFF;
}

ul.news-list img{
	margin: 5px 10px 0px 5px;
	float: left;
	height: 40px;
	width: 40px;
}

ul.news-list li{
	margin-bottom: 10px;
}

ul.news-list a{
	display: block;
	overflow: hidden;
	padding: 5px;
}

ul.news-list a:hover{
	background-color: #555;
	color: #fff;
}

ul.news-list a:active{
	color: #fff;
}

ul.news-list a p{
	font-weight: normal;
}

ul.news-list h2{
	margin: 0;
}

ul.news-list h3{
	font-size: 90%;
	color: #ccc;
	line-height: 50px;
	vertical-align: middle;
	float: left;
}

.content-box{
	border-bottom: 1px solid #5f5f5f;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.wideBanner{
	background-image: url(../img/banners/bg_top_banner.jpg);
	height: 58px;
	margin: 0 auto 30px;
	padding: 18px 25px;
	position: relative;
	width: 470px;	
}

#bannerRechtsTop {
	width: 180px;
	height: 16px;
	background-image: url(../img/banners/bg_banner-r_top.jpg);
}

#bannerRechtsMiddle {
	width: 180px;
	height: auto;
	background-image: url(../img/banners/bg_banner-r_middle.jpg);
	background-repeat: repeat-y;
	text-align: center;
}

#bannerRechtsBottom {
	width: 180px;
	height: 1px;
	background-image: url(../img/banners/bg_banner-r_bottom.jpg);	
}

#bannerRechtsFrame {
	width: 180px;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 12px;
}

.bannerdown {
	border: none;
}

li.banners {
	width: 180px;
	padding-bottom: 15px;
	text-align: center;
}

label.empty{
	color: #f00;
}

/* for spam-prevention in contact-form */
input.protection{
	background-color: #1A1A1A;
	background-color: transparent;
	border: 0;
}

.comment-header{
	margin: 20px 0;
	border-top: 2px solid #555;		
}

.comment-form{
	padding-top: 5px;
}

.comment-form .form-row{
	margin-bottom: 10px;
}

ul.comments li{
	margin-bottom: 10px;
	border-bottom: 1px solid #555;
}

td {
	border: 1px solid #585858;
	padding: 4px;
}

.gallery{
	overflow: hidden;
	width: 500px;
	height: 380px;
	position: relative;
	margin-left: 25px;	
}

.gallery ul li{
	position: absolute;
}

.thumbs{
	float:left;
	margin-top:10px;
	overflow:hidden;
	width:385px;
}

.thumbs ul{
	overflow: hidden;
}

.thumbs ul li{
	float: left;
	margin-right: 5px;
}

.prev{
	float: left;
	margin-left: 13px;
}

.next{
	float: left;
}

.fb-share{
	overflow: hidden;
	text-align: right;
}