/*
Website Name: Car Audio Store
Website URL: http://www.car-audio-store.de
Description: Page
Version: 0.0.1
Author: twocreative
Author E-Mail: info@twocreative.de
======================================================================================*/

/* @group html,body
----------------------------------------------------------------------------------------------------*/
*{margin: 0px; padding: 0px;}
html, body{height: 100%; margin: 0px; padding: 0px;}
body{
	color: #eee;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #000 url(../bilder/layout/body_page_bg.jpg) repeat-x 0px 0px;
}
/* @end */


/* @group headings 
----------------------------------------------------------------------------------------------------*/
div.h1Top{
	width: 898px; height: 1px;
	margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px;
	background: url(../bilder/layout/dotline.gif) repeat-x left top;
}div.h1Top img{ width: 898px; height: 1px; border:none;}

div.h1Bottom{
	width: 898px; height: 1px;
	margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px;
	background: url(../bilder/layout/dotline.gif) repeat-x left top;
}div.h1Bottom img{ width: 898px; height: 1px; border:none;}

h1 {
	color: #000;
	font-size: 12px; 
	display: inline;
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px; padding: 1px 7px 1px 7px;
	background: #fff;
}

h2 {
	font-size: 12px; 
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;

}

h3 {}
/* @end */

a{
	color:#bdbdbd;
	text-decoration: none;
}a:hover{color:#fff;}

ol, ul, li {margin: 0px; padding: 0px;}

/* @group containers
----------------------------------------------------------------------------------------------------*/
#page {
	width: 898px;
	text-align: left;
	height: auto !important;  /*Fuer moderne Browser */
	margin: 0px auto; padding: 0px 0px 0px 0px;
}

/* @group head 
----------------------------------------------------------------------------------------------------*/
#head{
	width: 898px;
	height: 187px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	background: url(../bilder/layout/dotline.gif) repeat-x left bottom;
}

.topHead{
	width: 898px;
	height: 100px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url(../bilder/layout/tophead_bg.jpg) no-repeat top center;
}

/* audioPlayer beginn  ---------------------------------------------------------------------*/
.audioPlayer{
	float: left;
	width: 300px;
	height: 100px;
}

.tx-rbflashobject-pi1-swf_altcontent{
	margin:  5px 0px 0px 0px;	
}/* audioPlayer end  ------------------------------------------------------------------------*/

/* headAddress beginn  ---------------------------------------------------------------------*/
.headAddress{
	float: left;
	width: 591px;
	height: 84px;
	color: #c7c7c9;
	text-align: right;
	margin: 0px 0px 0px 0px; padding: 14px 7px 0px 0px;

}/* headAddress end  ------------------------------------------------------------------------*/

.bottomHead{
	width: 898px;
	height: 86px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

/* logo beginn  ---------------------------------------------------------------------*/
.logo{
	float: left;
	width: 244px;
	height: 86px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url(../bilder/layout/logo.jpg) no-repeat 0px 0px;
} /*logo end  ------------------------------------------------------------------------*/

/* menu beginn  ---------------------------------------------------------------------*/
div.menu{
	float: left;
	font-size: 11px; font-weight: bold;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	margin: 12px 0px 0px 11px; padding: 0px 0px 0px 0px;
}

div.menu .menuHead{
	margin: 0px 0px 0px 4px; padding: 0px 0px 8px 0px;
	background: url(../bilder/layout/menuhead.gif) no-repeat left top;
}div.menu .menuHead img{ width: 68px; height: 8px; border:none;}

/* 1. Ebene ------------------------------------------------------------------------*/
ul.menu li {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

ul.menu li a{
	float: none;
	color: #fff;
	z-index: 1;
	position: relative;
	display: block;
	background: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 2px; padding: 0px 5px 1px 5px;
}

ul.menu li.menuitemact a , ul.menu li a:hover{
	color: #000;
	background: #fff;
}

/* 2. Ebene ------------------------------------------------------------------------*/
ul.submenu{
	position: absolute;
	z-index: 2;
	margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
ul.submenu li{
	float: left;
	list-style : none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
ul.submenu li a{
	color: #fff;
	z-index: 1;
	position: relative;
	background: #000;
	margin: 0px 0px 0px 2px; padding: 0px 5px 1px 5px;
}

ul.submenu li.menuitemact a , ul.submenu li a:hover{
	color: #fff;
	background: red;
}

/* menu end  ------------------------------------------------------------------------*/

/* services beginn  ---------------------------------------------------------------------*/
div.services{
	float: right;
	font-size: 11px; font-weight: bold;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

div.services .servicesHead{
	margin: 0px 0px 0px 4px; padding: 0px 0px 8px 0px;
	background: url(../bilder/layout/serviceshead.gif) no-repeat left top;
}div.services .servicesHead img{ width: 54px; height: 8px; border:none;}

ul.services li {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

ul.services li a{
	float: none;
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 1px; padding: 0px 5px 1px 5px;
	background: #000;
}

ul.services li.menuitemact a , ul.services li a:hover{
	color: #000;
	background: #fff;
}/* services end  ------------------------------------------------------------------------*/
/* @end */

/* @group content 
----------------------------------------------------------------------------------------------------*/
#content{
	width: 898px;
	margin: 0px 0px 0px 1px; padding: 0px 0px 10px 0px;
	background: url(../bilder/layout/dotline.gif) repeat-x left bottom;
}

#content a.anfahrt{
	font-weight: bold;
	padding: 0px 0px 0px 15px;
	background: url(../bilder/icons/li.gif) no-repeat 0px 2px;
}

/* firstContent beginn  ------------------------------------------------------------------------*/
.firstContent{
	width: 898px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.firstContent img{margin: 0px; padding: 0px;}
.firstContent h3{
	color: #000;
	font-size: 12px; 
	display: inline;
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px; padding: 1px 7px 1px 7px;
	background: #fff;
}.firstContent div.csc-header{margin: 10px 0px 10px 0px; padding: 0px;}

/* firstContent end  ------------------------------------------------------------------------*/

/* secondContent beginn  ------------------------------------------------------------------------*/
.secondContent{
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

.secondContent ol{
	margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;
}*html .secondContent ol{ margin: 0px 0px 0px 31px;} *+html .secondContent ol{ margin: 0px 0px 0px 31px;}

.secondContent ul{
	margin: 1em 0em 1em 4em;
}
.secondContent ul li{
	list-style-type: none;
	list-style-image: url(../bilder/icons/li.gif);
	line-height: 1.5em;
}*+html .secondContent ul li {list-style-image: url(../bilder/icons/li_ie.gif);} *html .secondContent ul li {list-style-image: url(../bilder/icons/li_ie.gif);}



/* mailform beginn  ------------------------------------------------------------------------*/
.mailform{
	text-align: right;
	margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px;	
}

.mailform .label{
	width: 160px;
	float:left;
	vertical-align: middle;
	margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;	
}

.mailform-input{
	width: 270px; height: 19px;
	color:#fff;
	border:none;
	font-size: 10px;
	line-height:17px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;	
	background: url(../bilder/layout/dotline.gif) repeat-x left bottom;
}.mailform-input-plz{width: 50px;margin-right:3px;}.mailform-input-ort{width: 217px;}

.mailform-textarea{
	width: 270px;
	color: #fff;
	border: none;
	font-size: 10px;
	line-height:19px;
	overflow:auto;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px;	
	background: url(../bilder/layout/dotline_textarea.gif) no-repeat 0px 100%;
}
.mailform-submit{
	width: 115px;
	color: #000;
	border: none;
	font-size: 10px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px; padding: 0px 3px 0px 3px;	
	background: #fff;
}div.submit{background: url(../bilder/icons/li.gif) no-repeat 312px 2px; margin: 0px; padding: 0px 0px 0px 12px;}

.mailform-error-field{
	color:red;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;	
}/* mailform end  ------------------------------------------------------------------------*/

/* double content beginn  ----------------------------------------------------------------*/
#doubleLeft{
	width: 449px;
	float:left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;	
}

#doubleRight{
	width: 440px;
	float:left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 9px;	
}/* double content end  ------------------------------------------------------------------*/

/* third content beginn  ----------------------------------------------------------------*/
#thirdLeft{
	width: 290px;
	float:left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;	
}

#thirdCenter{
	width: 290px;
	float:left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px;	
}

#thirdRight{
	width: 290px;
	float:left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px;	
}/* third content end  ------------------------------------------------------------------*/
/* secondContent end  ------------------------------------------------------------------------*/

/* pagebeowser beginn  ----------------------------------------------------------------*/
.pageBrowser{margin: 5px 0px 0px 0px;}
.pageBrowser ul{
	text-align: right;
	width: 898px;
	margin: 0px 0px 0px 1px; padding: 3px 0px 7px 0px;
	background: url(../bilder/layout/dotline.gif) repeat-x left top;
}*html .pageBrowser ul{padding: 3px 0px 0px 0px;} *+html .pageBrowser ul{padding: 3px 0px 0px 0px;}

.pageBrowser ul li{
	float: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}.pageBrowser ul li.pages{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}

.pageBrowser ul li.previous a{
	padding: 0px 0px 2px 15px;
	background: url(../bilder/icons/li_back.gif) no-repeat left center;
}

.pageBrowser ul li.next a{
	padding: 0px 15px 2px 0px;
	background: url(../bilder/icons/li.gif) no-repeat right center;
}.pageBrowser ul li.next{margin: 0px 0px 0px 10px;}
/* pagebeowser end  ------------------------------------------------------------------*/













/* @end */
/* @end */