/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #543A25;
	text-decoration: none;
	list-style-type: none;
}

html {
	scrollbar-base-color: #f5ebe1;
	scrollbar-face-color: #e3cbb3;
	scrollbar-3d-light-color: #e3cbb3;
	scrollbar-dark-shadow-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #F0F0F0;
	scrollbar-highlight-color: #e3cbb3;
	scrollbar-arrow-color: #ffffff;
	scrollbar-darkshadow-color: #e3cbb3;
}

body {
	background-image: url(../images/hg_content.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	background-color: #fdfbf9;
}

/*h1 {font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #623c1a;}*/
h1 {font-size: 24px; font-weight: bold; margin-bottom: 15px; color: #623c1a;}
h1 span.bigger {font-size: 24px; font-weight: bold; margin-bottom: 15px; color: #f56a03;}

h2 {font-size: 15px; font-weight: bold; margin-bottom: 15px; color: #f56a03;}
h2 span.bigger {font-size: 20px; font-weight: bold; margin-bottom: 15px; color: #f56a03;}
h3 {font-size: 12px; font-weight: bold; color: #623c1a}

hr {margin: 0 0 10px 0; color: #a47149; height: 1px; border-top: solid 1px #a47149; border-bottom: transparent; clear: both;}

.slider {float: right;}
#Flash {float: right;}

.floatende {clear: both;}

.float-left {float: left; margin-right: 15px;}
.float-right {float: right;}

.border-rechts {border: solid 1px #a47149; padding: 2px; float: right; margin-bottom: 10px;}
.border-rechts_ {border: solid 1px #a47149; float: right; margin-bottom: 10px;}
.border-java {border: solid 1px #a47149; padding: 2px; margin: 0 0 10px 25px; float: left;}

.border {border: solid 1px #a47149; padding: 2px; background-color: #FFFFFF;}
.fett {font-weight: bold; font-size: 12px;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Aussenhuelle {
	position: relative;
	padding: 35px 0 35px 35px;
	width: 635px;
}

#Navi {
	width: 150px;
	height: 512px;
	background-image: url(../images/hg_index_navi.jpg);
	position: relative;
	float: left;
}

.content_links {
	position: relative;
	width: 300px;
	margin-right: 25px;
	float: left;
}

.content_rechts {
	position: relative;
	width: 300px;
	float: left;
}

.content_rechts2 {
	position: relative;
	right: 85px;
	float: right;
}
*html .content_rechts {width: 275px;}


#inhalt {z-index:0;}
#links {z-index:1;}
/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#Navi {
	width: 291px;
	height: 512px;
	background-image: url(../images/hg_index_navi.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index:99;
}

#Navi ul {
	margin: 252px 0 0 26px;
	position: relative;
}

#Navi ul li {
	width: 221px;
	height: 37px;
	position: relative;
}

#Navi ul li a {
	width: 221px;
	height: 25px;
	padding: 12px 0 0 24px;
	display: block;
	color: #886d54;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/hg_n_aktiv.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#Navi ul li a:hover {color: #f56a03; background-image: url(../images/hg_aktiv.gif);}

/* Stile und Position der Untermenüs: */

li.inset {margin-left:10px!important;}
li.inset a {width:211px!important;}


/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Aussenhuelle p {margin: 0 0 8px 0;}
#Aussenhuelle table p {margin: 0 0 20px 0;}

.kasten-blau {
	background-color: #B2E0FF;
	width: 290px;
	padding: 15px;
	margin: 0 5px 15px 0;
	color: #623c1a;
	float: left;
}
*html .kasten-blau {width: 300px;}

.kasten-darkblue {
	background-color: #7bc9fe;
	width: 280px;
	padding: 15px;
	color: #623c1a;
	float: left;
}
*html .kasten-darkblue {width: 295px; float: right;}

#Aussenhuelle ul {margin: 5px 0 15px 0;}

#Aussenhuelle ul li,
#Aussenhuelle li,
#Aussenhuelle table.zubehoer li,
#Aussenhuelle table#ohne li,
#Aussenhuelle table ul#tata li {
	margin: 0 0 5px 20px;
	background-image: url(../images/anstrich-.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	position: relative;
}

#Aussenhuelle table ul#ohne li {
	background-image: none;
}

#Aussenhuelle ul.anders li {
	margin: 0 15px 5px 5px;
	display: block;
	background-image: url(../images/anstrich-.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	position: relative;
	float: left;
}

#Aussenhuelle ul.tipp li {font-size: 12px;}

#Aussenhuelle ul.service li {
	margin: 0 15px 5px 5px;
	display: block;
	background-image: url(../images/anstrich-.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	position: relative;
}

#Aussenhuelle table ul li {
	background-image: url(../images/anstrich_.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	margin: 0px;
	position: relative;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#Aussenhuelle table ul {margin: 0 5px;}

#Aussenhuelle table {margin: 0 0 10px 0;}
#Aussenhuelle table tr td {color: #623c1a; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

#Aussenhuelle table tr td.fahrzeugdaten {padding:15px;}
#Aussenhuelle table tr td.fahrzeugdaten p {color: #623c1a;}

#Aussenhuelle .feldbeschriftung {font-size: 9px; font-weight: bold; padding: 10px;}
#Aussenhuelle .feldbeschriftung .kleiner {font-size: 9px; font-weight: normal;}
#Aussenhuelle .kategorie {font-size: 25px; font-weight: bold;}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

#Aussenhuelle #Rechts #Content p a,
#Aussenhuelle #Rechts #Content p a.escape,
#Aussenhuelle #Rechts #Content p a.escape span span,
#Aussenhuelle a {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 9px;
	color: #a47149;
	text-decoration: none;
}

#Aussenhuelle p a,
#Aussenhuelle table tr td a,
#Aussenhuelle table tr td a.escape span span,
#Aussenhuelle .content_links a.escape span span {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #f56a03;
	text-decoration: none;
}

#Aussenhuelle p a:hover,
#Aussenhuelle table tr td a:hover,
#Aussenhuelle table tr td a.escape:hover span span,
#Aussenhuelle .content_links a.escape:hover span span  {color: #a47149;}


#Aussenhuelle #Rechts #Content p a:hover,
#Aussenhuelle #Rechts #Content p a.escape:hover,
#Aussenhuelle #Rechts #Content p a.escape:hover span span,
#Aussenhuelle a:hover {
	color: #f56a03;
}

a#Emailverweis {
	width: 213px;
	height: 35px;
	position: absolute;
	top: 29px;
	left: 439px;
	background-image: url(../images/trans.gif);
}

a#Emailverweis:hover {background-image: url(../images/aktiv_email_.jpg);}

#Aussenhuelle .content_rechts a.pfeil {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #f56a03;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/pfeil.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	display: block;
}

#Aussenhuelle .content_rechts a.pfeil:hover {color: #a47149;}

/*######################################################################################################
######################################################################################################*/