/* ###################### OVERALL SETTINGS ###################### */

body {
	color: #222;
	background: #ffffff;
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 13px;	
	line-height: 150%;
}

p {
	color: #222;
	background: #ffffff;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;	
	line-height: 150%;
}

h1 {
	background: #6699cc;
	color: #000;
	border-top: 2px;
	font-size: 16px;
	text-transform: uppercase;
	vertical-align: baseline;
	letter-spacing: 3px;
	margin: 0;
	padding: 18px 0 2px;
	text-align: left;
	font-family: Times New Roman;
	text-indent:1%;
}

h2 {
	margin: 15px 0 2px;
	font-size: 13px;
	color: #111;
	background: #cccccc;
	border-top: 1px solid #eee;
	padding-top: 15px;
	padding-bottom: 2px;	
	letter-spacing: 1px;
	text-indent:1%;
}

h3 {
	color: #000;
	background: #cccccc;
	font-family:  Arial,Verdana, Geneva,sans-serif;
	font-size: 16px;
	padding-top:5px;	
	line-height: 150%;
}

h4 {
	color: #111;
	background: #ffffff;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
}

h5 {
	background: #0066ff;
	border-bottom: 1px;
	border-right: 2px;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	vertical-align: bottom;
	letter-spacing: 3px;
	margin: 0;
	padding: 70px 0px 4px 0px;
	text-align: right;
	font-family: Times New Roman;

}

.top 	{
	vertical-align: text-top;
	z-index:0;
	position:absolute;
	left:220px;
	top: 70px
	}
.bottom {
	position:relative;
	bottom:5%
	}


/* Making Aamco logo */
#logo {
	color:#111;
	font-size: 40px;
	position: absolute;
	left: 200px;
	top: 40 px;
	font-family:Times New Roman;
}
	

/* defines the color touch at top. */
#head {
	height: 125px;
	background: #0066ff;
	font-size: 30px;
	color: #111;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: Times New Roman;
	text-align: center;
		
	
}

/* determines distance of logos from above and left */
#head img {
	
	position: absolute;
	top: 45px;
	left: 20px;
}

/* defining the other blocks */
#center {
	margin: 0 20%;
	background-color: #ffffff;
	color: #222;
	clear: both;
	border: 0px solid gray;
	}

#centertext
	{
	margin: 0 20%;
	font-family:  Verdana,Arial,Geneva,sans-serif;
	background-color: #ffffff;
	color: #222;
	clear: both;
	padding-left:1%;
	border:1 px solid gray;
	text-align: justify
	}

#centertext a {
	color: #3366FF;
	background-color: #ffffff;
	padding: 0 2px 1px;
	font-weight: normal;
	margin: 0 -1px;
	font-size: 12px;
	text-decoration: none
	}

#sidebar
	{top: 250px;
	 height: 400px;
	 left: 0;
	 margin-right: 28 px;
	 padding: 0;
	 position: absolute;
	 z-index: 2;
	 width: 180px;
	 text-align: left;
	 background: #669999;
	 }

#sidebar a {
	color: #111;
	background-color: #669999;
	padding: 0 2px 1px;
	font-weight: bold;
	margin: 0 -1px;
	font-size: 12px;
	text-decoration: none
	}

#sidebar a:hover {
	color: #111;
	background-color: #669999;
	border-color: #333;
	text-decoration:underline
	}

#sidebar a.one {
	color: #111;
	background-color: #669999;
	padding: 0 2px 1px;
	font-weight: bold;
	margin: 0 -1px;
	font-size: 11px;
	text-decoration: none;
	}
#sidebar a.one:hover {text-decoration:underline}

/* the right sidebar */

#rightsidebar
	 {
	 top: 250px;
	 height: 400px;
	 right: 0;
	 margin-right: 2 px;
	 padding: 0;
	 position: absolute;
	 z-index: 2;
	 width: 180px;
	 text-align: center;
	 background: #669999;
	 }

#rightsidebar a {
	color: #111;
	background-color: #669999;
	padding: 0 2px 1px;
	font-weight: bold;
	margin: 0 -1px;
	font-size: 12px;
	text-decoration: none
	}

#rightsidebar a:hover {
	color: #111;
	background-color: #669999;
	border-color: #333;
	text-decoration:underline
	}


#glossary
	{	
	margin-right: 10%;
	margin-left: 10%;
	background-color: #ffffff;
	color: #222;
	clear: both;
	padding-left:1%;
	padding-right: 1%;
	border: thin solid gray;
	text-align: justify
	}



/* die rechte seite für die fotos */
.fotocol 
	{
	font-size: 15px;
	font-style: italic;
	padding: 0 0 0 2%;
	width: 15%;
	float: right;
	clear: right;
	}

/* the copyright line */
.end {
	color: #000;
	background-color: #ffffff;
	margin: 20px;
	text-align: center;
	font-size: small;
	border-top: solid 1px #eee;
}

/* bottom border */
#bottom {
	height: 80px;
	text-align: left;	
	color: #000;
	background: #0066ff;
	margin: 0;
}

/* ###################### LINKS ###################### */

a {
	color: #111;
	background-color: #ffffff;
	padding: 0 2px 1px;
	font-weight: bold;
	margin: 0 -1px;
	font-size: 11px;
}

a:hover {
	color: #339;
	background-color: #ffffff;
	border-color: #333;
	text-decoration:underline;
}

/* ###################### LISTEN ###################### */


#center ul {
	list-style:none;
	padding: 0;
	margin-left: 3em;
}

#center li {
	background-image: url(img/hippolist.jpg);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-left: 11px;
	margin: 12px 0;
}

/* ###################### NAVIGATIONSLEISTE ###################### */

/* top positioniert das ding von oben und right den abstand von rechts */
#gmenu {

	margin: 0 0 35px 0;
	padding: 0 20% 0 0;
	list-style: none;
	float: right;
	width: 270px;
}

/* positioniert es horizontal statt vertikal. padding zieht es auseinander */
#gmenu li {

	float: left;
	padding: 0;
	margin: 0;
}

/* gibt dem ganzen einen neuen link style der sich vom normalen link unterscheidet, die breite der roten box um den navlink wird durch das padding bestimmt und sieht im IE anders aus */
#gmenu li a {

	border: none;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	background-color: #0066ff;
	padding: 6px;
	display: inline;
	float: left;
	margin: 0 0 0 4px;
}

/* macht die schrift bei mouseover weiss und umrahmt mit roter box */
#gmenu li a:hover {

	color: #fff;
	background: #0066ff;
}

* html #gmenu li a, * html #gmenu li {
height:1%;
}

#gmenu li.selected a {
color: #fff;
background: #0066ff;

}