/*-----------------------------------------------------------------------------
version:   1.1
date:      20/10/07
author:    mike bernthaler
website:   www.bernthaler.com
-----------------------------------------------------------------------------*/
html, body, img, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	/*margin: 0;
	padding: 0;*/
	border: 0;
}
/* ############################################################ */
* 
	{
	margin: 0;
	padding: 0;	
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/
html
{
	height:100%;
}

body
{
	font: 62.5%/1.5  "Arial", Verdana, sans-serif;
	color: #333333;
	line-height: 1.166;
	/*background-image: url(../images/bg-oben.jpg);
	background-repeat: repeat-x;*/
}

#spyder {
position:absolute;
visibility: hidden;
width:200px;
left:-200px;
}

#wrapper
{ 
	/*clear: both;*/
	width: 970px; 
	min-width: 970px;
	text-align:left;  
	padding-top:20px;
	margin-left:auto; 
	margin-right:auto; 
	background-color: #FFFFFF;
}

.clear
	{
	clear:both;
}

#main {
	clear: both;/**/
	position: relative;
	width: 100%;
	z-index: 10;
	display: block;
}


#main #left {
	clear: both;/**/
	z-index: 20;
	position: relative;
	display: block;
	width: 196px;
	float: left;
}

#main #right {
	margin-left: 24px;
	position: relative;
	display: block;
	width: auto;
	width: 570px;
	/*background-color: #FFFFcc;*/
	float:left;/**/
}


#drunter
	{
	clear:both;
	padding-top:4px;
	margin-left:220px;
	width:360px;
	font-size: 100%;
	color: #CCCCCC;
	text-align: left;
}


/* Typography
-----------------------------------------------------------------------------*/

h1 {
	color: #999999;
	font-weight: normal;
	font-family: Georgia, serif;
	font-size: 2em;
	line-height: 1.1em;
	padding-bottom: 20px;
}
	
h2
	{
	font-size: 2.0em; /* Equivalent to 20pt */
}
	
h3
	{
	font-size: 1.8em; /* Equivalent to 18pt */
}
	
h4
	{
	font-size: 1.6em; /* Equivalent to 18pt */
}
	
h5 {
	color: #7F0033;
	color: #444444;
	font-weight: normal;
	font-family: Georgia,serif;
	font-size: 3em;
	line-height: 1.1em;
}
	
p, q, cite
	{
	color: #666666;
	margin-top: 1.5em;
	/*width: 548px;*/
	font-size: 1.2em;
	line-height: 1.45em;
}

ul, ol, dl
	{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
	color: #b4b4b4;
}

li, dd, dt
	{
	color: #b4b4b4;
	/* font-size: 1.2em; Equivalent to 12pt */	
}


.fliesstext, .spalte p {
	font-size: 1em;
}

.spalte p {
	margin: 2px 0 0 0;
	width: auto;
}


.spalte {
	/*position: relative;*/
	width: 262px;
	margin-right: 21px;
	float: left;
	text-align: justify;
}

.klein {
	font-size: 90%;
	color: #666666;
}

.titelklein {
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	background-color: #e7e7e7;
}

.showroom {
	font-family: Georgia, serif;
	font-size: 150%;
	color: #999999;
}


/* Header
-----------------------------------------------------------------------------*/



/* Navigation
-----------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #cc9900;
}

a:hover {
	color: #666666;
}

.active a {
	color: #000000;
	cursor: default;
}


#nav {
	position: relative;
	width: 100%;
	height: 140px;
	z-index: 1;
}

#nav #logo {
	position: relative;
	float: left;
	width: 196px;
}

#logo img {
	margin-left: 24px;
	margin-top: 17px;
	margin-bottom: 26px;
}

#nav #menu {
	margin-top: 6px;
	margin-left: 24px;
	float: left;
	position: relative;
	width: 620px;
}

#nav ul {
	list-style-type: none;
	margin: 14px 50px 0 0; /* =breite menüpunkte*/
	float: left;
}

.navtitle {
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
}

.nava {
	text-decoration: none;
	color: #b4b4b4;
}

.nava:hover {
	color: #666666;
}

.active nava {
	color: #000000;
	cursor: default;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer
	{
	clear:both;
	margin-left:418px;
	width:360px;
	font-size: 75%;
	color: #CCCCCC;
	text-align: right;
}


/* Forms
-----------------------------------------------------------------------------*/



input.text
{
	padding: 3px;
	border: 1px solid #999999;	
}



/* Tables 
-----------------------------------------------------------------------------*/


table
 	
{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 	
{
  	/*text-align: left;
	font-weight: normal;*/
}

.fltrt { 
    	float: right;
    	margin-left: 8px;
    }
.fltlft { 
    	float: left;
    	margin-right: 8px;
    }
	
.abstand_re {
	margin-right: 6px;
	vertical-align: middle;
}
.align_re {
	text-align: right;
}
.align_li {
	text-align: left;
}
.balkengrau {
	background-image: url(../images/verlauf-grau.jpg);
	background-repeat: repeat;
	height: 20px;
	width: 100%;
}