/* CSS
Author: Frederik Ventzke - Ventzke & Partner
Client: 	AUDI-RS-CLUB-DEUTSCHLAND.DE
Created: 28.01.2009
Modified: 11.02.2009
*/


html,body { 
	margin: 0px; 
	padding: 0px;
	font-family:  Verdana, Helvetica, sans-serif; 
	text-align: left;
	color: #9a9a9a;
	background: url(../img/bg/bg.gif) repeat-x;
	background-color: #e3e3e3;
	font-size: 0.82em;
	height: 100%;
}


/* generals */
img, div {border: none;}
a			{text-decoration: none; color: #df0000;}
a:hover	{color: #3c3c3c; text-decoration:none;}
b,strong	{font-weight: bold;}
i,em		{font-style: italic;}
form		{display: inline;}




/* special divs */
#gesamt {width: 780px; margin: auto; padding: 0px; position:relative;}
#header {width: 780px; height: 297px; margin: 0px; padding: 0px; float: left; text-align: center;}
#header.start {background: url(../img/header/header_1.jpg); }
#header p {color: #acacac; margin: 277px 0 0 0px; font-size: 1.00em;}
#header p span {color: #797979; margin: 0px; font-size: 0.80em;}
#pathmenu {width: 457px; height: 13px; background: url(../img/bg/bg_pathmenu.gif); font-size: 0.90em; display: block; margin: 0 0 20px 0;}
#pathmenu p {float: left; color: #ababab; padding: 0px; margin: 0 3px 0 7px;}
#pathmenu ul {list-style: none; padding: 0 0 0 7px; margin: 0;}
#pathmenu ul li {float: left; padding: 0 4px 0 0; margin: 0;}
#pathmenu ul li a {color: #df0000;}
#pathmenu ul li a:hover {color: #ababab;}
#content {width: 477px; background: url(../img/bg/bg_content.gif) no-repeat; padding: 25px 45px 0 45px; margin: 0; float: left; min-height: 550px; height:auto !important; height: 550px;}
* HTML #content {padding: 25px 45px 80px 45px;}
#content h2 {font-family: Trebuchet MS, Verdana, Arial; font-size: 1.68em; color: #3c3c3c; margin: 0; padding: 0 0 10px 0; font-weight: normal; line-height: 1.4em;}
#content h2 a:hover {color: #3c3c3c;}
#content h2 span {font-size: 1.7em; color: #df0000;}
#content h3 {padding: 0 0 2px 12px; margin: 10px 0 0 0; font-size: 1.35em; background-image: url(../img/bg/bg_h3.gif); background-repeat:no-repeat; color: #0c4890; font-family: Trebuchet MS, Verdana, Arial; font-weight: normal;}
#content h3 a {color: #0c4890;}
#content h3 a:hover {color: #df0000;;}
#content p {line-height: 1.65em;}
#inhalt ul {list-style: none;}
#inhalt ul li {color: #3c3c3c; padding: 0 0 9px 12px; background: url(../img/bg/arrow_li.gif) no-repeat;}
.boxleft {width: 193px; background: url(../img/bg/bg_box_left.png) no-repeat; float: left; display: block; margin: 0; padding: 0 20px 10px 0;}
* HTML .boxleft {width: 213px; background: url(../img/bg/bg_box_left_ie6.gif) no-repeat; float: left; display: block; margin: 0 0 20px 0; padding: 0;}
.boxleft h4 {font-size: 1.4em; color: #313131; padding: 2px 0 2px 17px; margin: 0px; font-weight: normal;}
.boxleft h3 {font-size: 1.2em; color: #df0000; padding: 0 0 0 17px; margin: 0px; line-height: 1.35em;}
.boxleft span.news-latest-date {color: #898989; padding: 5px 0 0 17px; margin: 0;}
.boxleft .newspic {width: 152px; height: 80px; padding: 0 0 0 18px;}
.boxleft img {}
.boxleft p {color: #3c3c3c; padding: 0 10px 0 17px; margin: 0;}
.boxleft ul {list-style: none; width: 193px; padding: 0px; margin: 12px 0 0 20px;}
.boxleft ul li {padding: 0 0 7px 0; color: #df0000;}
.boxleft ul li a {color: #df0000; background: url(../img/bg/arrow_boxleft.gif) no-repeat; padding: 0 0 0 12px;}
.boxleft ul li a:hover {color: #3c3c3c;}

#footer {margin-top:-3em; height: 150px; margin:auto; background: url(../img/bg/bg_footer.gif) repeat-x; clear: left;}
* html #footer {margin-top: -7.4em;}
* {margin:0; padding:0;}
#footer ul {list-style: none; float: left; padding: 1px 0 4px 0; margin: 0;}
#footer ul li {float: left;}
#footerbox {width: 780px; overflow: visible; margin: auto; padding: 55px 0 0 0; height: 70px; font-size: 0.92em; clear: left;}
#footerbox p {color: #878787; padding: 0 2px 2px 0; margin: 0;}
#footerbox p.left {color: #878787; padding: 0 2px 2px 0; margin: 0; float: left;}
#footerbox ul.footernav {display: block;}
#footerbox a.mail {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/mail_footer.gif) no-repeat right;} 
#footerbox a.mail:hover {background: url(../img/icons/mail_footer.gif) no-repeat right;}
#footerbox a {color: #878787;}
#footerbox a:hover {color: #fff;}
#footerbox span {float: right; margin: 0; padding: 0 10px 0 0; background: url(../img/icons/footer_arrow.gif) no-repeat right;}
#footerbox div {margin: 0; padding: 5px 0 0 0; float: left; border-top: 1px solid #535353; display: block; width: 100%;}
#footerbox div a {color: #535353;}
#footerbox a.external-link-new-window{padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/extern_footer.gif) no-repeat right;}
#footerbox a.external-link-new-window:hover {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/extern_footer.gif) no-repeat right;}

#inhalt .mailformplus_contactform ul {}
#inhalt .mailformplus_contactform ul li {color: #df0000; float: left; margin: 0 5px 0 0;}
#inhalt ul {}
#inhalt ul li {}
#inhalt ul li ul {padding: 5px 0 0 0;}
#inhalt ul li ul li{padding: 0 0 2px 10px; margin: 0px;}
ul.kontaktform {display: block; height: 30px; width: 100%;}
ul.kontaktform li {float: left;}

#zaehler {display: none;}


/* menu */
#nav1 {width: 780px; padding: 0 0 2px 0; float: left;}
#nav1 ul {float: right; margin: 2px 0 0 0; padding: 0px; list-style: none;}
#nav1 ul li {float: left; color: #666; padding: 0 0 0 0; font-size: 0.82em;}
#nav1 ul li a {color: #878787;}
#nav1 ul li a:hover {color: #fff;}
#nav1 ul li.last {border: none; padding: 0 0 0 7px;}
#nav1 h1 {font-size: 1.8em; color: #bcbcbc; margin: 80px 0 0 0; padding: 0px; font-weight: bold;}
#nav1 h1 span {color: #df0000;}
#nav1 h1 span.klein {font-size: 0.7em; color: #bcbcbc;}
#nav2 {width: 213px; float: left; background: url(../img/bg/bg_nav2.gif) repeat-x; padding: 0; margin: 0;}
.menu ul {list-style: none; width: 213px; padding: 0px; margin: 0 0 40px 0;}
.menu ul li {font-size: 1.12em;}
.menu ul li a {color: #fff; background: url(../img/bg/bg_nav2_li.gif); display: block; padding: 3px 0 0 15px; width: 198px; height: 19px; border-top: 1px solid #fff; margin: 0px;}
.menu ul li a:hover {color: #df0000; background: url(../img/bg/bg_nav2_lih.gif);}
.menu ul li a.aktiv {color: #df0000; background: url(../img/bg/bg_nav2_lih.gif);}
.menu ul li ul {width: 213px; padding: 0; margin: 0;}
.menu ul li ul li {font-size: 0.92em;}
.menu ul li ul li a {color: #000; background: url(../img/bg/bg_subnav.gif); display: block; padding: 3px 0 0 29px; width: 184px; height: 19px; border-top: 1px solid #fff; margin: 0;}
.menu ul li ul li a.aktiv {color: #df0000; background: url(../img/bg/bg_subnav_h.gif);}
.menu ul li ul li a:hover {color: #df0000; background: url(../img/bg/bg_subnav_h.gif);}



/* images */
img.logo {width: 150px; height: 61px; margin: 0px; position: absolute; top: 75px; left: 610px; behavior:	url("pngbehavior.htc");}
img.shadow_left {width: 43px; height: 363px; margin: 0px; position: absolute; top: 285px; left: -43px; behavior:	url("pngbehavior.htc");}
/* * HTML img.shadow_left {display: none;} */
img.shadow_right {width: 43px; height: 363px; margin: 0px; position: absolute; top: 285px; left: 780px; behavior:	url("pngbehavior.htc");}
/* * HTML img.shadow_right {display: none;} */

/* content */
h1, h2, h3, h4 {font-family: Verdana, Arial, Trebuchet MS;}
h2, {}
p {color: #3c3c3c; margin: 0 0 9px 0; font-size: 1.0em; line-height: 1.35em;}




/* form elements */
input.text, textarea.text {font-family: Verdana, Helvetica, sans-serif; font-size:11px; border: none; width: 250px; height: 18px; background-color: #ebebeb; color: #5b5b5b; margin: 0 0 3px; font-size: 1.0em;}
input.text-plz {font-family: Verdana, Helvetica, sans-serif; font-size:11px; border: none; width: 50px; height: 18px; background-color: #ebebeb; color: #5b5b5b; margin: 0 8px 3px 0; font-size: 1.0em;}
input.text-ort {font-family: Verdana, Helvetica, sans-serif; font-size:11px; border: none; width: 187px; height: 18px; background-color: #ebebeb; color: #5b5b5b; margin: 0 0 3px 0; font-size: 1.0em;}
textarea.nachricht {font-family: Verdana, Helvetica, sans-serif; font-size:11px; border: none; width: 250px; height: 120px; background-color: #ebebeb; color: #5b5b5b; margin: 0 0 3px; overflow: auto; font-size: 1.0em;}
input.submit {border: none; background-color: #5b5b5b; padding: 3px; width: 150px; height: 26px; color: #fff; float: right; display: block;}
label {float: left; clear: both; white-space: nowrap; width: 100px; color: #5b5b5b; font-size: 1.0em;}
fieldset {border: none; width: 352px; padding: 0px; margin: 0px;}
form {border: none; padding: 0px; margin: 0px; float: left;}




/* links */
a.lvl1, a.lvl1a:visited {text-decoration: none; font-size: 11px;}

a.lvl1 {width: 73px; height: 33px; float: left; text-align: center; margin: 0px; padding: 48px 0 0 0; list-style-type: none; color: #9a9a9a; display: block;}
a.lvl1:hover {color: #fff; background: url(../img/li_nav.gif) no-repeat; height: 33px; margin: 0px; padding: 48px 0 0 0;}
a.more {color: #fff6a8; padding: 0 10px 0 0; margin: 0 4px 0 0; background: url(../img/morelink.gif) no-repeat right;}
a.more:hover {color: #d5d5d5;}
a.external-link-new-window {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/extern.gif) no-repeat right;}
a.download {padding: 7px 20px 0 0; margin: 0px; background: url(../img/icons/pdf.gif) no-repeat right;}
a.mail {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/mail.gif) no-repeat right;}

a:active, a:focus {outline:none;}
a.homelink {float: left;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
 /* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */