/*  01. BASICS ##################################################### */
/*  02. LAYOUT ##################################################### */
/*  03. LOGINBOX ################################################### */
/*  04. MAINNAVIGATION ############################################# */
/*  05. MAINNAVIGATION ############################################# */
/*  06. CONTENT MAIN ############################################### */
/*  07. CONTENT ADDITIONAL ######################################### */
/*  08. SITEINFO NAVIGATION ######################################## */

/*  01. BASICS ######################################################################################################### */

* {
	padding: 0;
	margin: 0;
}

body {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FCFBF9 url(../images/page_bg_empty.jpg) no-repeat;
	text-align: center;
	/* => 0.7em bzw. 11px; http://www.reeddesign.co.uk/test/points-pixels.html */
}

/*  02. LAYOUT ########################################################################################################### */

#container {
	position: relative;
	top: 78px;
	margin: 0 0 0 141px;
	width: 1132px;
	height: 738px;
	text-align: left;
	/*background: url(../images/content_bg_cars.png) no-repeat;*/
}

#chat { 
        position: absolute;
	top: 45px;
	left: 150px;

}

#chat { left: 150px\9; }

#chattest { 
        position: absolute;
	top: 45px;
	left: 150px;

}

#chattest { left: 150px\9; }

#chatlogo { 
        position: absolute;
	top: 27px;
	right: 1000px;

}

#branding h1 {
	position: absolute;
	top: 30px;
	right: 540px;
	width: 174px;
	height: 52px;
	/*background: url(../images/pma_logo.png) no-repeat;*/
}

#branding a span{
	display: none;
}

#loginlinks {
	position: absolute;
	right: 890px;
	top: 57px;
	width: 200px;
}

#loginform {
	position: absolute;
	right: 95px;
	top: 15px;
	width: 310px;
	height: 60px;
}

#naviMeta {
	position: absolute;
	top: 7px;
	right: 80px;
	font-size: 0.7em;
	width: 370px;
}

#naviMain {
	position: absolute;
	right: 131px;
	top: 100px;
	width: 994px;
	height: 40px;
	background: #a3a39d url(../images/navimain_bg.jpg) no-repeat;
}

#contentMain {
	position: absolute;
	top: 170px;
	right: 131px;
}

#contentArea {
	position: absolute;
	right: 20px;
    top: 30px;
    width: 695px;
	height: 395px;
    padding: 25px;
	background: url(../images/content_main_bg.gif) no-repeat;
}

#naviSub {
	position: absolute;
	right: 800px;
    top: 30px;
	width: 200px;
}

#contentAdditional {
	position: absolute;
	top: 575px;
	right: 105px;
	width: 990px;
}

#naviSiteinfo {
	position: absolute;
	top: 695px;
	left: 20px;
    font-size: 0.9em;
}

/*  03. METANAVIGATION ######################################################################################################## */

#naviMeta ul {
	width: 370px;
}

#naviMeta ul li {
	display: inline;
	background: url(../images/navi_meta_divider.gif) right 2px no-repeat;
	padding-right: 10px;
	padding-left: 5px;
}

#naviMeta ul li.last {
	background: none;
}

#naviMeta ul li a {
    font-size: 10px;
    font-weight: normal;
	color: #fff;
}


/*  04. LOGINLINKS & LOGINFORM ############################################################################################## */

#loginlinks a {
	display: block;
	color: #7f7f7f;
	margin-bottom: 3px;
}

#loginfields {
	color: #7f7f7f;
	font-size: 0.8em;
}

#loginfields legend {
	display: none;
}

#loginfields .loginlabel {
	position: absolute;
	top: 10px;
	right: 275px;
}

#loginfields input {
	background: url(../images/loginform_bg.gif) no-repeat;
	border: none;
	height: 20px;
	width: 146px;
}

#loginfields #user_label {
	position: absolute;
	top: 48px;
	right: 247px;
}

#loginfields #login_user {
	position: absolute;
	top: 25px;
	right: 155px;
	padding: 3px 0 0 5px;
}

#loginfields #password_label {
	position: absolute;
	top: 48px;
	right: 98px;
}

#loginfields #login_password {
	position: absolute;
	top: 25px;
	right: 0px;
	padding: 3px 0 0 5px;
}

#loginfields #login_submit {
	position: absolute;
	top: 25px;
	right: -40px;
	width: 40px;
	background: none;
	color: #7f7f7f;
}


/*  05. MAINNAVIGATION ######################################################################################################## */

#naviMain ul {
	height: 26px;
	margin-left: 17px;
	width: 975px;
}

#naviMain ul li {
	position: relative;
	display: block;
	float: left;
	padding: 16px 0px 15px 0px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform:uppercase;
	background: url(../images/navimain_divider.gif) right 5px no-repeat;
}

#naviMain ul li a {
	color: #fff;
	padding: 15px 10px 12px 5px;
}

#naviMain ul li a:hover,
#naviMain ul li.cur a,
#naviMain ul li.act a  {
	background: #000000;
}

#naviMain ul li.last {
	background: none;
}

/*  06. CONTENT MAIN ############################################################################################################## */

div#loc_home {
position: absolute;
top: 20px;
left: 30px;
font-weight: bold;
background: #fff;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
padding: 10px;
}

div#loc_home a {
color: #000;
}

div#loc_home a:hover {
color: #444;
}


div#loc_home ul.location {
list-style-type: none;
padding: 10px 0 0 30px;
}

div#loc_home ul.location li {
/*margin-bottom: 10px;*/
}

li.germany {
list-style-image: url(http://www.patriotautos.net/typo3/gfx/flags/de.gif);
vertical-align: middle;
margin-bottom: 10px;
}

li.italy {
list-style-image: url(http://www.patriotautos.net/typo3/gfx/flags/it.gif);
vertical-align: middle;
}



/*  07. CONTENT ADDITIONAL & INFOBOXES ############################################################################################################## */

.csc-frame-frame1 {
	float: left;
	width: 290px;
	height: 83px;
	margin-right: 20px;
	overflow: hidden;
}

.csc-frame-frame1 img {
	float: left;
	margin-right: 5px;
}

.csc-frame-frame1 h2 {
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 4px;
    margin-left: -15px;
}

.csc-frame-frame1 p {
	color: #fff;
	line-height: 13px;
    margin-left: -15px;
}

.csc-frame-frame1 p a {
	color: #fff;
	font-weight: bold;
}

.csc-frame-frame1 p a:hover {
	text-decoration: underline;
}

/*  08. SITEINFO NAVIGATION ######################################################################################################### */

#naviSiteinfo ul {
}

#naviSiteinfo ul li {
	display: inline;
	background: url(../images/navi_meta_divider.gif) right 2px no-repeat;
	padding-right: 10px;
	padding-left: 5px;
}

#naviSiteinfo ul li.last {
	background: none;
}

#naviSiteinfo ul li a {
    font-weight: normal;
	color: #fff;
}

/*  09. SUB NAVIGATION ######################################################################################################### */

#naviSub img {
    position: relative;
    display: block;
    z-index: 1;
    padding: 0px;
    float: none;
}

#naviSub li.cur span {
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 10;
}

#naviSub li.cur a {
    position: absolute;
    top: 10px;
    left: 37px;
}

#naviSub ul li a {
	color: #fff;
    z-index: 10;
}

#naviSub ul li {
    position: relative;
    width: 200px;
	height: 24px;
	display: block;
    padding-top: 3px;
}

#naviSub ul li span {
    display: block;
    float: left;
    color: #fff;
    margin-right: 5px;
    padding-left: 25px;
}

#naviSub ul li a {
}

#naviSub ul li span {
}

#naviSub ul li.cur {
    z-index: 0;
    margin-top: -7px;
    margin-bottom: 7px;
}

#naviSub ul li a:hover {
    color: #000;
}

#naviSub ul li.cur a:hover {
    color: #fff;
}

#connecta {
    position: absolute;
    bottom: 0px;
    left: 295px;
    color: #3F3F3F;
    width: 200px;
}

#connecta a {
    color: #3F3F3F;
}