/*********************************************************
Standard-CSS für www.gk-reifenservice.de
autor:     [Frank Bachert, Wolf Ware GmbH]
email:     [f.bachert@wolfware.de]
website:   [http://www.wolfware.de]

farben:
#e2e1e1 hintergrund unten
#aaaaaa hintergrund oben
#cccccc rahmen
#de002b gk-rot
#000000 schrift

fotos:
div.navbar 599 x 179px (eyecatcher) rechter rand=144px
*********************************************************/
html {
  height: 101%;}

body {
  margin: 0px;
  padding: 15px 0 0 0;	
  background-color: #333333;
	background-image:  url(../xxximages/kachel.jpg);
	background-repeat: repeat-x;
  text-align: center;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;}

/* LAYOUT */
#page {
	width: 845px;
	margin: 0px auto;
	padding: 0px;
  border: 0px;
	text-align: center;}
#rahmen {}

/* 1.BEREICH - HEADER */
#header {
	padding:10px 10px 10px 140px;
	text-align:center; 
  font-size: 12px;
	font-weight: bold;
	color:#000000;
	line-height:18px;}
#top {
	padding: 0px;}
#logo {
	display: block;
	float: left;
	width: 200px;
 	height: 122px; 
	border: 8px solid #cccccc;
	border-bottom: 1px solid #cccccc; 	
  background-color: #aaaaaa; 
	text-align: center;}
#slogan {
	display: block;
	float: right;
	width: 589px;
  height: 38px;	
  padding: 84px 10px 0 0; 
	border: 8px solid #cccccc;
  border-bottom: 1px solid #ffffff;  
  background-color: #aaaaaa;  
  text-align: right;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;}
.seite {
  text-align: right;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
  color: #121212;
  text-transform: uppercase;
  display: none;}
	
/* 2.BEREICH - CONTENT */
#mid {
	padding: 0px}
#left {
	display: block;
	float: left;
	width: 180px;
  padding: 10px;	
	border: 8px solid #cccccc;
	border-top: 0px;
  text-align: left;
	background-color: #e2e1e1;	
  color: #121212;
  letter-spacing: 0px;}
#right {
	display: block;
	float: right;
	width: 599px;
	border: 8px solid #cccccc;
	border-top: 0px;
	text-align: left;
  background-color: #E2E1E1;}
#maintext {
	display: block;
	float: right;
	width: 476px;
	padding: 15px 20px 10px 20px;
	line-height: 18px;
	color: #000000;}

/* 3.BEREICH - FOOTER */
#footer {
	padding: 5px 0px 20px 0px;
  text-align: center;
  font-size: 11px;
	color: #747474;
	color: #eeeeee;
	line-height: 18px;}

/* subnavi */
div#navbar {
	display: block;
	float: left;
  height: 179px;
	padding-left: 420px;
	background-repeat: no-repeat;}
div#navbar ul {
	width: 179px;
  margin: 0;
	padding: 0px;}
div#navbar li {
	display: block;
	float: right;
  list-style-type: none;
	width: 172px;
	height: 24px;
	padding-right: 0px;	
	border-bottom: 1px solid #FFFFFF;
  text-align: right;
  font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	color: #000000;
	text-decoration: none;}
div#navbar li a {
	display: block;
	float: right;
	width: 167px;
	height: 24px;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	color: #de002b;
	text-decoration: none;}
div#navbar li a:hover {
	color: #de002b;
	text-decoration: none;
	background-color: #ffffff;}
.on {
padding-right: 24px;}

/* LINKS */
a {
	color: #de002b;
	text-decoration: none;
	font-weight: bold;}
a:hover {
	color: #de002b;
	text-decoration: underline;}
	
#left a {
	color: #de002b;
	text-decoration: none;
	font-weight: bold;}
#left a:hover {
	color: #de002b;
	text-decoration: underline;}

#header a {
	color: #de002b;
	text-decoration: none;
	font-weight: bold;}
#header a:hover {
	color: #de002b;
	text-decoration: underline;}

/* ALLGEMEIN */
p { 
	margin: 10px 0;}
ul, ol { 
	margin: 15px 0 0 15px;}
.clear {
	clear:both;}

/* tabelle kontaktdaten */
label.left {
float: left;
width: 45px;
margin-right: .3em;
text-align: left;
color: #000000;}

label.right {
float: left;
width: auto;
text-align: left;
color: #000000;}

#left br {
clear: both;}

fieldset {
margin: 5px 0 5px 0;
padding: 5px;
border-top: 1px solid #000000;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
border-left: 1px solid #000000;
background-color: #cccccc;}


/*formular*/
.gewinnfeld {
	width: 13px; margin: 0px; padding: 0px; text-align: center; border: 0px; background: #000; color: #fff; font-weight: bold;
}
.sform {
	font-weight: bold; font-size: 11px; color: #063199;
}
.button {
	background: #fff; color: #f00; border: 1px solid #ccc; margin-left: 120px;
}
.textlang {
	width: 250px; height: 20px; color: #063199; border: 1px solid #ccc; margin-left: 120px;
}
.textbereich {
	width: 250px; height: 45px; color: #063199; border: 1px solid #ccc; margin-left: 120px;
}
.textbereichlang {
	width: 250px; height: 100px; color: #063199; border: 1px solid #ccc; margin-left: 120px;
}



/* historie

version:    1.0
datum:      24/04/07

*/