/* Styles for screen media */

/*

------------------------------------------------------------------------------------------------------------------------------------------------------

morphay.de Style Sheet

Author:   morphay

Version:  2007.03



www.kurbelwellen-auswuchten.de



--------------------------------------------------------------------------------------------------------------------------------------------------- */



html, body, div, p, h1, h2, h3, h4, h5, h6, li, label, td {
	color: #1e1c13; 
	cursor: default;
}

body {
	margin: 0; 
	padding: 0; 
	background: #f2f0e7 url("../images/bodybg4.gif") top left repeat;
	font-weight: normal; 
	word-spacing: normal; 
	letter-spacing: normal; 
	text-transform: none; 
}

p, li { 
	font: 12px "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif; 
	line-height: 140%; 
}

p { 
	padding: 0 0 .2em 0; 
}

a { 
	color: #5e796e; 
	text-decoration: none; 
}

a.morph { 
	color: #f90; 
	text-decoration: none; 
}

h1 { 
	font: 32px Georgia, "Times New Roman", Times, serif; 
	letter-spacing: .01em; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin: 5px 5px .2em 0; 
	padding: 0; 
}

h2 { 
	font: 24px Georgia, "Times New Roman", Times, serif; 
	letter-spacing: -.02em; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin: .9em 5px 10px 0; 
	padding: 0 0 2px 0; 
}

h3 { 
	font: 11px Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: normal; 
	margin: 2px 5px 0 0; 
	padding: 0 0 2px 0; 
}

h4 { 
	font: 16px Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; 
	letter-spacing: normal; 
	margin: 2px 5px 0 0; 
	padding: 0 0 2px 0; 
}

ul, ol { 
	margin-top: 0; 
	padding-top: 0; 
	margin-bottom: 0; 
	padding-bottom: 0; 
}

img, img a { 
	border: none; 
	background: none; 
	text-decoration: none;
}

.line { 
	height: 1px; 
	width: 100%; 
	margin: 25px 0 25px 0; 
	padding: 0; 
	background: #fffdf4; 
	border-bottom: 1px dotted #1e1c13; 
	overflow: hidden; 
}

.hightlight { 
	text-transform: uppercase; 
	font-weight: bold; 
}

.mono { 
	font-family: "Courier New", Courier, monospace; 
}

.noscreen { 
	display: none; 
}



/*
HEADER -------------------------------------------------------------------------------------------------------------------------------------------- */


#topline { 
	background: #1e1c13; 
	display: block; 
	height: 14px; 
	width: 800px; 
	padding: 0; 
	margin: 0; 
}

	#topline p { 
		font-size: 10px; 
		color: #fffdf4; 
		text-transform: uppercase; 
		text-align: right; 
		padding: 0 5px 0 0; 
		margin: 0; 
		line-height: 14px; 
	}

#headline { 
	background: #1e1c13 url("../images/banner.jpg"); 
	display: block; 
	height: 173px; 
	width: 800px; 
	padding: 0; 
	margin: 0; 
}

#logo { 
	display: none; 
}

	#logo h1 { 
		margin: 0; 
		padding: 35px 0 8px 0; 
		display: block; 
		font: 17px Georgia, "Times New Roman", Times, serif; 
		font-weight: bold; 
		text-transform: uppercase; 
		letter-spacing: 0.0em; 
		word-spacing: 0.05em; 
	}




/* 
NAVIGATION ---------------------------------------------------------------------------------------------------------------------------------------- */


#navholder { 
	display: block; 
	height: 40px; 
	width: 800px; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
	background: #5e796e; 
	overflow: auto; 
}

.navigationList { 
	margin: 0; 
	padding: 0; 
}

.navigationList ul { 
	margin: 0 0 0 16px; 
	padding: 0 10px 10px 0; 
}

.navigationList ul li { 
	list-style: none; 
	float: left; 
	margin: 0; 
	padding: 0; 
	font: 12px Georgia, Verdana, Geneva, Arial, sans-serif; 
	font-weight: normal; 
	text-transform: uppercase; 
	letter-spacing: .1em; 
	line-height: 40px; 
	color: #fffdf4; 
	background: transparent url(../images/trenner.gif) center right no-repeat;
}

	.navigationList ul li#hm {
		background: none; 
	}

.navigationList ul li a { 
	margin: 0; 
	padding: 0 10px 0 10px; 
	color: #fffdf4; 
}

.navigationList ul li a.active { 
	color: #1e1c13; 
	cursor: default; 
}

.navigationList ul li a:hover { 
	color: #1e1c13; 
}





/* 
MAINCONTENT --------------------------------------------------------------------------------------------------------------------------------------- */


#content { 
	width: 800px; 
	margin: 0; 
	padding: 0; 
}

#content ul li { 
	margin-left: 15px; 
}

#content a:hover { 
	text-decoration: underline; 
}

#box1 { 
	float: left; 
	width: 550px; 
	padding: 10px 10px 10px 26px; 
	margin: 0; 
}

#box1 img { 
	float: left; 
	padding: .9em 10px 5px 0; 
}

#box1 .leimg { 
	float: left; 
	padding: 0 5px 0 0; 
}

#box1 h3 { 
	padding: 0; 
	margin: 0 0 3px 0; 
	background: url("../images/arrow.gif") 0 1px no-repeat;
	font: 12px Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; 
	text-transform: uppercase; 
	line-height: 1.3em;
}

#kontakt #box1 h3 { 
	background: none;
}

#box1 h3 span { 
	padding: 0 0 0 20px; 
	margin: 0; 
}

#box1 h3 a { 
	color: #1e1c13; 
}

#box1 h3 a:hover { 
	text-decoration: underline; 
}

#box1 .afterhead { 
	padding: 0; 
	margin: 0; 
	text-transform: uppercase; 
	letter-spacing: .09em; 
	font-size: 11px
}

#box2 { 
	float: left; 
	width: auto; 
	padding: 10px 26px 10px 26px; 
	margin: 0; 
}

#box2 img { 
	float: left; 
	padding: .9em 10px 0 0; 
}

#box2 .riimg { 
	float: right; 
	padding: 0 0 0 10px; 
}

#box2 .leimg { 
	float: left; 
	padding: .5em 10px 0 0; 
}

#example { 
  border: 1px solid #1e1c12; 
  padding: 5px 15px 5px 15px; 
}

#block { 
	padding: 0; 
	margin: 10px 0 0 0; 
}

	#block a { 
		text-decoration: underline; 
	}

#block blockquote { 
	padding: 0; 
	margin: 0 5px 0 1px; 
}

#block blockquote p { 
	padding: 0 0 0 10px; 
	margin: 0; 
	font: 16px "Times New Roman", Times, serif; 
	font-weight: bold; 
}

.more { 
	font: 11px Georgia, "Times New Roman", Times, serif; 
	font-weight: normal; 
	text-align: center; 
	padding: 0; 
	margin: 20px 5px 5px 5px; 
}

.more a { 
	margin: 0; 
	padding: 4px 22px 5px 0; 
	border: 0; 
	background: url(../images/more.gif) right top no-repeat;
}

.more a:hover { 
	text-decoration: underline; 
}

#rightbox { 
	float: right; 
	width: 200px; 
	padding: 0; 
	margin: 0; 
}

.news { 
	padding: 0; 
	margin: 0 5px 20px 5px; 
}

.news p { 
	font-size: 11px; 
	font-weight: normal; 
	word-spacing: .05em; 
	padding: 0; 
	margin: 0; 
}

#kontakt .news p { 
	padding: .9em 0 0 0; 
}

.news h3 { 
	padding: 1.5em 0 0.5em 0; 
	margin: 0 0 0 0; 
	display: block; 
	clear: both; 
	font: 12px Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: normal; 
	line-height: 12px;
}

.news p a:hover { 
	text-decoration: underline; 
}




/*
FORM ELEMENTS ------------------------------------------------------------------------------------------------------------------------------------- */


#conform { 
	padding: 0; 
	margin: 0 10px 0 0; 
	background: none; 
}

#conform p { 
	padding: 0; 
	margin: 0 0 10px 0; 
	font: 11px Verdana, Geneva, Arial, sans-serif; 
	font-weight: normal; 
	word-spacing: .05em; 
	line-height: 140%; 
}

#name, #email { 
	background: #fff; 
	padding: 1px 3px 1px 3px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 245px; 
	margin: 0 0 1px 0; 
	border-top: 1px solid #808080; 
	border-left: 1px solid #808080; 
	border-bottom: 1px solid #d4d0c8; 
	border-right: 1px solid #d4d0c8; 
}

#subject { 
	background: #fff; 
	padding: 1px 3px 1px 3px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 535px; 
	margin: 0 0 1px 0; 
	border-top: 1px solid #808080; 
	border-left: 1px solid #808080; 
	border-bottom: 1px solid #d4d0c8; 
	border-right: 1px solid #d4d0c8; 
}

#message { 
	background: #fff; 
	padding: 1px 3px 1px 3px; 
	color: #000; 
	width: 535px; 
	margin: 0 0 1px 0; 
	border-top: 1px solid #808080; 
	border-left: 1px solid #808080; 
	border-bottom: 1px solid #d4d0c8; 
	border-right: 1px solid #d4d0c8; 
}

#submitbtn { 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background: #d4d0c8; 
	color: #000; 
	float: left; 
}

#resetbtn { 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background: #d4d0c8; 
	color: #000; 
}

#infobox { 
	color: #900; 
	font: 12px "Courier New", Courier, monospace; 
	padding: 0; 
}

#infobox p, #infobox ul li { 
	color: #900; 
	font: 12px "Courier New", Courier, monospace; 
	text-transform: none; 
}

#routeform { 
	padding: 0; 
	margin: 8px 10px 0 0; 
	background: none; 
	border: 1px dotted #1e1c13; 
	float: right; 
}

#routeform p { 
	padding: 5px; 
	margin: 0; 
	font: 10px Verdana, Geneva, Arial, sans-serif; 
	font-weight: normal; 
	word-spacing: .05em; 
	line-height: 12px; 
	width: 260px; 
}

#fromstreet { 
	background: #fff; 
	padding: 1px 3px 1px 3px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 245px; 
	margin: 0 0 1px 0; 
	border-top: 1px solid #808080; 
	border-left: 1px solid #808080; 
	border-bottom: 1px solid #d4d0c8; 
	border-right: 1px solid #d4d0c8; 
}

#fromcity { 
	background: #fff; 
	padding: 1px 3px 1px 3px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 190px; 
	margin: 0 0 1px 0; 
	border-top: 1px solid #808080; 
	border-left: 1px solid #808080; 
	border-bottom: 1px solid #d4d0c8; 
	border-right: 1px solid #d4d0c8; 
}

#fromplz { 
	background: #fff; 
	padding: 1px 3px 1px 3px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 42px; 
	margin: 0 0 1px 0; 
	border-top: 1px solid #808080; 
	border-left: 1px solid #808080; 
	border-bottom: 1px solid #d4d0c8; 
	border-right: 1px solid #d4d0c8; 
}

#submitroute { 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	float: left; 
	background: #d4d0c8; 
	color: #000; 
}





/*
FOOTER -------------------------------------------------------------------------------------------------------------------------------------------- */


#footline { 
	padding: 0; 
	margin: 15px auto 0 auto; 
	width: 800px; 
	border-top: 10px solid #5e796e; 
	clear: both; 
}

#footer { 
	padding: 0; 
	margin: 0; 
	width: 100%; 
	background: #1e1c13 url("../images/footbg.gif") center right no-repeat; 
	border-top: 1px solid #fffdf4; 
}

.copyright { 
	padding: 25px 0 0 26px; 
	margin: 0; 
}

.copyright p { 
	color: #fffdf4; 
	font-weight: normal; 
	padding: 0; 
	margin: 0; 
}

.copyright a:hover {
	text-decoration: underline;
}

.webinfo { 
	padding: 5px 0 25px 26px; 
	margin: 0; 
}

.webinfo p { 
	color: #fffdf4; 
	font-weight: normal; 
	font-size: 10px; 
	padding: 0; 
	margin: 0; 
}

.webinfo a:hover {
	text-decoration: underline;
}




/* 
MISC ---------------------------------------------------------------------------------------------------------------------------------------------- */

#container {
	width: 800px; 
	padding: 0; 
	background: #fffdf4; 
	margin-left: auto; 
	margin-right: auto; 
}

#skip {
	display: none;
}

#top {
	display: none;
} 

.clearfix:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}