.donotdisplay {
	left:-9999px;
	position:absolute;
}

* {margin:0;padding:0;} 

body { 
	background-color:#222520; 
	color: #222222; 
	padding-top: 40px; 
	font-family: verdana, arial, tahoma, verdana, helvetica, sans-serif; 
	font-size: 70%; 
	font-weight: normal;  
	line-height: 160%;
}

#wrapper { 
	width: 970px; 
	margin:0px auto; 
	text-align:left; 
	background-color: #ffffff;
}

#wrapper:after, .clearboth {
	clear: both;
}

#naviCol { 
	width: 240px; 
	float: left; 
	text-align: center; 
	position: relative;}

#mainCol { 
	margin-left: 240px; 
	background: #757a6f url( http://www.audio-delight.de/images/default/bg_twoCols.jpg) repeat-y center;
	color: #afafaf;
	overflow: hidden; 
	width: 730px;
}

#mainColExtra { 
	margin-left: 240px; 
	background: #555a4f;
	color: #afafaf;
	overflow: hidden;
	width: 730px; 
}

#spacerNavi { 
	height: 50px; 
	background: #757a6f; 
}

#spacerMain { 
	height: 50px; 
	width: 730px;
	background: #fff; 
}

#mainColContent, #mainColContentHome, #mainColContentExtra { 
	background: #555a4f; 
	width: 100%;
	float: left; 
}

#mainColContentHome, #mainColContentExtra, #text {
	width: 490px;
}

#text, #textRight {
	padding: 7px 0px 0px 0px;
	clear: both;
}

#text ul {
	list-style-type: square;
	margin-left: 35px;
}

#mainColContact, #mainColContentExtraRight { 
	margin-left: 490px; 
	width: 240px; 
	overflow: hidden; 
	background-color: #555a4f;
}

#mainColContact {
	background-color: #757a6f;
}

#mainColContent p, #mainColContentHome p, #mainColContentExtra p, #mainColContact p { 
	padding: 4px 20px 0px 20px;
}

#mainColContact b, #text b { 
	font-weight: bold; 
	color: #ec7404; 
}

#mainColContentExtraRight p  {
	padding: 4px 20px 0px 20px; 
}

#mainColContentExtraRight ul  {
	padding: 0px 20px 10px 20px; 
}

#teaser {
	height: 230px;
}

#breadcrumbs
{
	font-size: 80%;
	padding-bottom: 7px;
}

#breadcrumbs p {
	padding: 3px 0px 5px 0px;
}

#breadcrumbs_home {
	padding-right: 3px;
	padding-left: 20px;
	float: left;
}

#subNaviColumn {
	padding: 120px 30px 20px 30px;
	text-transform: uppercase;
	font-family:'Century Gothic', verdana;
	font-size:110%;
	text-align: left;
	letter-spacing: 0.05em
}

.teaserText {
	height: 50px;
	padding-top: 180px;
	background: url(http://www.audio-delight.de/images/default/teaserText.png) repeat-x bottom center;
	position: relative;
}

ul#horizontalNavi, ul#microNaviList, ul#breadcrumb, #subNaviColumn ul, ul#teaserNavi {
	list-style-type: none;
	list-style-image: none;	
	padding: 0em 0em;
}

#mainColContentExtraRight ul {
 	list-style-type: square;
	list-style-image: none;	
	padding-left: 30px;
 }

ul#horizontalNavi li {
	padding: 17px 0px 0px 20px;
	float: left;
	font-size: 110%;
	text-transform: uppercase;
	font-family: 'Century Gothic', verdana;
	letter-spacing: 0.05em;
}

ul#microNaviList {
	float: right;
	padding: 17px 20px 0px 0px;
	font-size: 110%;
	text-transform: uppercase;
	font-family: 'Century Gothic', verdana;
	letter-spacing: 0.05em;
}

#subNaviColumn ul li {
	padding: 0px 0px 20px 0px;
}

ul#teaserNavi li {
	float: left;
	width: 243px;
	height: 230px;
}

ul#breadcrumb li {
	float: left;
	padding: 3px 3px 5px 0px;
}

.right {
	text-align: right;
}

h1 {
	clear: both;
	padding: 3px 20px 5px 20px;
	font-size: 130%;
}

#mainColContact h1 {
	color: #fff;
	padding: 10px 20px 5px 20px;
	font-family:'Century Gothic',verdana;
	font-size:110%;
	letter-spacing: 0.05em;
}

/*.teaserText h1 {
	font-family: 'Century Gothic', verdana;
	font-size: 200%;
	color: #fff;
	font-weight: normal;
	padding: 15px 0px 0px 20px;
}*/

.teaserText h1, .teaserNavi h1 {
	font-size: 110%;
	font-family: 'Century Gothic', verdana;
	text-transform: uppercase;
	padding: 8px 20px;
	position: absolute;
	bottom: 0px;
	letter-spacing: 0.05em;
}

.teaserText h1 {
	color: #fff;
}

h2 {
	padding: 2px 20px 4px 20px;
	font-size: 110%;
}

h3 {
	padding: 2px 20px 2px 20px;
	font-size: 90%;
}

img.fullsize {
	margin-left: -20px;
}

img.top {
	margin-top: -10px;
}

a {
  	color: #dcdcdc;
  	text-decoration: none;
}

a:hover, a:active { 
	text-decoration: underline; 
}

a.navi {
	text-decoration: none;
	color: #757A6F;
}

.teaserNavi a {
	color: #fff;
}

.teaserNavi a.navi:hover, .teaserNavi a.navi:active, li.teaserNavi:hover h1 {
	color: #A9A9A9;
}

a.navi:hover, a.navi:active, li.horizontalNaviActive a.navi {
	color: #353b31;
}

a.disabled, li.activeItem li a.disabled, li.activeItem li li a.disabled, li.disabled {
	text-decoration: line-through;
}

input {
	background: #d2d1d1;
	border: 1px solid #676767;
	width: 100%;
}

input.Button {
	width: auto;
	text-decoration: underline;
	background: #757a6f;
	border: none;
	color: #fff;
}

textarea {
	background: #d2d1d1;
	border: 1px solid #676767;
	width: 100%;
	height: 120px;
}

label {
	color: #fff;
}

fieldset {
	border: 1px solid red; 
	padding: 2px; 
	margin: 0px 20px;
}
