﻿/* globale einstellungen:*/
/* Projekt: www.klaus-sportwagen.de */
/*rev01 - 14.02.2006 - kdj */
/*rev02 - 25.01.2009 - kdj - #wordsabsolute_1 - _2 mod. für index.php */

html {
	height				:	100%;
	max-height				:	100%;
	padding				:	0;
	margin				:	0;
	border				:	0;
	font-size				:	76%;
	font-family				:	verdana, arial, sans-serif;
	background				:	#fff;
/*	hide overflow			:	hidden from IE5/Mac */ 
/* \*/ 
	overflow				:	hidden;
/* */ }

body {
	height				:	100%;
	max-height				:	100%;
	overflow				:	hidden;
	padding				:	0;
	margin				:	0;
	border				:	0;
}

#content {
	overflow				:	auto;
	display				:	block;
	height				:	100%;
	max-height				:	100%;
	padding-left			:	180px;
	position				:	relative;
	border-top				:	88px solid #fff;
	border-bottom			:	5px solid #d50000;
	z-index				:	3;
	color					:	#000;
}

#head {
	position				:	fixed;
	margin				:	0;
	padding				:	5px;
	top					:	0;
	left					:	0;
	display				:	block;
	width					:	100%;
	height				:	75px;
	background				:	#fff;
	border-left				:	5px solid #d50000;
	border-top				:	5px solid #d50000;
	z-index				:	5;
}

#foot {
	position				:	fixed;
	margin				:	0;
	bottom				:	-1px;
	left					:	0;
	display				:	block;
	width					:	97.5%;
	height				:	25px;
	background				:	#fff;
	color					:	#d50000;
	border-left				:	5px solid #d50000;
	border-bottom			:	6px solid #d50000;
	text-align				:	left;
	font-size				:	0.8em;
	z-index				:	4;
}

#left {
	position				:	fixed;
	left					:	0;
	top					:	0;
	height				:	100%;
	width					:	175px;
	background				:	#fff;
	background-position		:	0 100px;
	font-size				:	1em;
	color					:	#d50000;
	border-left				:	5px solid #d50000;
	z-index				:	4;
}

* html #head, * html #foot,* html #left {
	position				:	absolute;
}

.pad1 {
	display				:	block;
	height				:	83px;
}

.pad2 {
	display				:	block;
	height				:	10px;
}

#pad3 {
	display				:	block;
	width					:	18px;
	height				:	30px;
	float					:	left;
}

/* Definition Textblöcke */

#wordsleft {
	float					:	left;
	top					:	100px;
	left					:	140px;
	height				:	150px;
	width					:	250px;
	background				:	#efd;
	border				:	1px solid #000;
	margin				:	5px;
	padding				:	5px;
}

#wordsright {
	float					:	right;
	top					:	100px;
	right					:	150px;
	height				:	200px;
	width					:	150px;
	background				:	#def;
	border				:	1px solid #000;
	margin				:	5px;
	padding				:	5px;
}

#wordsabsolute_1, #wordsabsolute_2 {
	position				:	absolute;
	top					:	335px;
	border				:	1px solid #000;
	margin				:	5px;
	padding				:	5px;
	font-size				:	12px;
	color					:	#c00;
}

#wordsabsolute_1 {
	left					:	180px;
	width					:	240px;
	background				:	#ddd;
}

#wordsabsolute_2 {
	left					:	435px;
	width					:	395px;
	background				:	#eee;
}

#wordsrelative {
	position				:	relative;
	top					:	325px;
	left					:	0px;
	background				:	#ddd;
	border				:	1px solid #000;
	margin				:	5px;
	padding				:	5px;
	font-size				:	12px;
	color					:	#c00;
	width					:	240px;
}

#wordsmaincenter {
	position				:	absolute;
	top					:	150px;
	left					:	215px;
	background				:	#fff;
	border				:	0;
	margin				:	5px;
	padding				:	5px;
	font-size				:	12px;
	color					:	#000;
}

/* Definition Tabellen */

.table_body, .table_nav_l, .table_cont, .table_nav_h {
	table-layout			:	fixed;
	text-align				:	left;
	border-width			:	0;
	width					:	100%;
	height				:	600px;
	background-color			:	#fff;
}

.table_nav_h {
	margin-left				:	-5px;
	width					:	800px;
	height				:	25px;
	background-color			:	transparent;
}

.table_nav_l {
	width					:	100%;
	height				:	400px;
	background-color			:	transparent;
}

.table_cont {
	width					:	100%;
	height				:	380px;
}

td {
	font-family				:	verdana, arial, sans-serif;
	font-size				:	12px;
	color					:	#000;
	vertical-align			:	top;
	margin-top				:	0;	
	margin-bottom			:	0;
	line-height				:	15px;
}

/* Definition Listen */

li {
	list-style-image			:	url(awaybul3.gif);
	font-size				:	12px;
	margin-top				:	0px;
	line-height				:	17px;
}

/* Definition Schrift */

#content p {
	padding				:	10px;
}

p {
	font-family				:	verdana, arial, sans-serif;
	font-size				:	12px;
	margin-top				:	-3px;
	margin-bottom			:	0px;
	line-height				:	15px;
}

.t_head, .h1_head {
	font-size				:	36px;
	font-weight				:	bold;
/*	font-variant			:	small-caps; */
	font-style				:	italic;
	color					:	#d50000;
}

.h1_head {
	font-size				:	24px;
	margin-top				:	5px;	
	margin-bottom			:	5px;
}

.ps {
	font-size				:	10px;
	margin-top				:	0;
	margin-bottom			:	10px;
	line-height				:	12px;
}

h1 {
	font-size				:	14px;
	margin-top				:	0px;	
	margin-bottom			:	0px;
	line-height				:	16px;
	color					:	#d50000;
}

h2 {
	font-size				:	12px;
	margin-top				:	9px;
	margin-bottom			:	0;
	line-height				:	14px;
	color					:	#d50000;
}

.h2scap {
	font-size				:	12px;
/*	font-variant			:	small-caps; */
	font-weight				:	bold;
	color					:	#000;
	background-color			:	#d8c9c9;
	margin-top				:	0;
	margin-bottom			:	0;
	margin-left				:	10px;
	line-height				:	15px;
}

.imgtxt {
	font-family				:	arial, sans-serif;
	font-size				:	10px;
	margin-top				:	0;
	margin-bottom			:	0;
	text-align				:	center;
	line-height				:	12px;
	color					:	#000;
}

blink {
	color					:	#9c0;
}

/* Menu definition */

#menu1 span {
	display				:	block;
	float					:	left;
	width					:	5px;
	height				:	15px;
	border-top				:	0;
	border-left				:	5px solid #fff;
	border-right			:	5px solid #fff;
	border-bottom			:	0;
	overflow				:	hidden;
	background				:	#d50000;
}

#menu1 a:hover span {
	background				:	#d8c9c9;
}

#menu1 {
	padding				:	5px;
	margin				:	0;
	border				:	0;
	color					:	#000;
	text-align				:	left;
	background				:	#fff;
	width					:	150px;
	height				:	14px;
}

#menu1 a {
	text-decoration			:	none;
	background-color			:	#fff;
	color					:	#000;
	font-family				:	"arial", "sans serif";
/*	font-variant			:	small-caps; */
	font-style				:	normal;
/*	font-weight				:	bold; */
	line-height				:	14px;
	display				:	block;
	width					:	150px;
	height				:	14px;
	font-size				:	12px;
	border-top				:	0;
	border-bottom			:	0;
	border-left				:	5px solid #fff;
	border-right			:	5px solid #fff;
}

#menu1 a:hover {
	text-decoration			:	none;
	background-color			:	#d8c9c9;
	color					:	#000;
	font-family				:	"arial", "sans serif";
/*	font-variant			:	small-caps;
	font-weight				:	bold; */
	line-height				:	14px;
	display				:	block;
	width					:	150px;
	height				:	14px;
	font-size				:	12px;
	border-top				:	0;
	border-bottom			:	0;
	border-left				:	5px solid #fff;
	border-right			:	5px solid #fff;
}

img	{
	color					:	#000;
	background				:	transparent;
}

img :hover	{
	background				:	transparent;
}

/* Bilderpositionierungen Startseite */

#idximg01, #idximg02, #idximg03, #idximg04, #idxwtr {
	position				:	absolute;
	top					:	8px;
	left					:	185px;
	width					:	510px;
	background				:	#d80000;
	border				:	0;
	margin				:	0;
	padding				:	1px;
	font-size				:	11px;
	font-weight				:	bold;
	color					:	#fff;
}

#idximg02 {
	top					:	227px;
}

#idximg03, #idximg04 {
	left					:	705px;
	width					:	140px;
}

#idximg04 {
	top					:	119px;
	background				:	#000;
}

/* Ende Pos. Startseite */

.imgright {

	width					:	auto;
	float					:	right;
	margin				:	0px 0px 0px 0px!important;
}

.imgleft, .imgleft_txt {
	width					:	auto;
	float					:	left;		
	margin				:	0px 0px 0px 0px!important;
}

.imgleft_txt {
	margin-right			:	5px! important;
}

.imgcntr	{

	width					:	auto;
	padding-left			:	15px;
}
