/* @override 
	http://localhost:3000/Hawly/work/format.css
	http://hawly.com/format.css
	http://hawly.com/format-david.css
*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 14px;
	text-align: center;
	Xbackground: #fff url(http://kram.davidlanger.de/typogridder/getBackgroundImage.php?height=22px);
	background: #fff url(img/bg2.jpg) repeat-y center top;
	margin: 0;
	padding: 0;
}
input, textarea {
	font-size: 14px;
}
/* @group Grid */
p, h1, h2, h3, ul, ol {
	margin-left: 10px;
	margin-right: 10px;
}
ul p, ul ul, ul h1, ul h2, ul h3, ul h4 {
	margin-left: 0;
	margin-right: 0;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 {
	display: inline;
	float: left;
	position: relative;
}
.grid-1 {	width: 117px; }
.grid-2 {	width: 235px; }
.grid-3 {	width: 352px; }
.grid-4 {	width: 470px; }
.grid-5 {	width: 587px; }
.grid-6 {	width: 705px; }
.grid-7 {	width: 882px; }
.grid-8 {	width: 940px; }

.width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8 {
	padding: 0 10px;
}


.width-1 {	width: 97px; }
.width-2 {	width: 215px; }
.width-3 {	width: 332px; }
.width-4 {	width: 450px; }
.width-5 {	width: 567px; }
.width-6 {	width: 685px; }
.width-7 {	width: 862px; }
.width-8 {	width: 920px; }

.pull-1 {	left: -117px; }
.pull-2 {	left: -235px; }
.pull-3 {	left: -352px; }
.pull-4 {	left: -470px; }
.pull-5 {	left: -587px; }
.pull-6 {	left: -705px; }
.pull-7 {	left: -882px; }
.pull-8 {	left: -940px; }

.push-1 {	left: 117px; }
.push-2 {	left: 235px; }
.push-3 {	left: 352px; }
.push-4 {	left: 470px; }
.push-5 {	left: 587px; }
.push-6 {	left: 705px; }
.push-7 {	left: 882px; }
.push-8 {	left: 940px; }

.cell {
	margin: 0 10px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* @end */
/* @group Typo */
body, input, textarea {
	font-family: Palatino Linotype, Palatino, URW Palladio L, Book Antiqua, Baskerville, Bookman Old Style, Bitstream Charter, Nimbus Roman No9 L, Garamond, New Century Schoolbook, Century Schoolbook, Century Schoolbook L, Georgia, serif;
	color: #444;
}
h1, h2, h3, h4 {
	font-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #ccc;
}
a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #000;
	background-color: #eee;
}
h2 {
	font-size: 24px; /* 24px */
	line-height: 44px; /* 44px */
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: normal
}
h3 {
	font-size: 18px; /* 24px */
	line-height: 44px; /* 44px */
	padding-top: 22px;
	font-weight: normal;
	border-top: 1px solid #e8e8e8;
}
h4 {
	font-size: 14px;
	line-height: 22px;
	padding-top: 22px;
	font-weight: bold;
}
p, ul {
  font-size: 14px; /* 14px */
  line-height: 22px; /* 22px */
  margin-bottom: 22px;
}
/*@end*/


/* @group Tabellen */
table {
	border-collapse: collapse;
}
th, td {
	border: 1px solid #ccc;
	padding: 0.4em;
}
thead th {
	font-size: 0.7857em; /* 11px */
	line-height: 1.5em; /* 22px */
	margin-top: 2em;
	margin-bottom: 0em;
	vertical-align: top;
	background: #eee;
	color: #555;
}
tbody th {
	font-weight: normal;
}
tbody th strong {
	display:  block;
}
td {
	text-align: right;
	font-weight: bold;
}
/* @end */

/* @group Site-Specific */

/* @group Navigation */
.top {
	position: fixed;
	top: 0px;
	background: #fff url(img/bg2.jpg) 11px repeat-y;
	width: 960px;
	height: 121px;
	z-index: 100;
}
h1 {
	text-indent: -1000px;
	background: url(img/logo.jpg) no-repeat 45px center;
	height: 121px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}
.navigation {
	position: absolute;
	top: 20px;
	margin-left: 260px;
	width: 100px;
	text-align: left;
}
	.navigation ul {
		list-style: none;
	}
	.navigation li {
	}
	.navigation a {
	}
/* @end */

.page {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	margin-top: 121px;
	position: relative;
}
.quote {
	position: absolute;
	top: -70px;
	right: 50px;
	font-style: italic;
	font-size: 18px;
	z-index: 101;
}
.quote span {
	font-size: 14px;
	font-style: normal;
	display: block;
	text-align: right;
	position: relative;
	left: 25px;
}
.intro {
	background-color: #fff;
	background-image: url(img/intro.jpg);
	background-repeat: no-repeat;
	background-position: 45px 38px;
	border-bottom: 1px solid #eee;
	height: 220px;
}
.intro .first, .intro .second {
	display: none;
}
.intro .third {
	position: relative;
	left: 47px;
	top: 170px;
	font-size: 14px;
	color: #777;
}
.intro h2 {
	margin-top: 0;
	padding-left: 0;
}
.welcome {
	Xbackground: #777;
	Xborder: 1px solid #555;
	Xwidth: 938px;
	Xcolor: #fff;
	Xfont-family: Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
}
.welcome p {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 32px;
}
.welcome a {
	color: #fff;
	border-bottom-width: 0;
	text-decoration: underline;
}
.welcome img {
	float: right;
	width: 117px;
	margin: 27px 27px 10px 100px;
	Xborder: 1px solid #aaa;
}
.middlepart {
	background: url(img/line.jpg) no-repeat 0 4.75em;
	padding: 0 10px;
}
.middlepart ul {
	list-style: none;
}



.footer {
	margin-top: 15px;
	border-top: 1px solid #e8e8e8;
}


/* @group Contact form */

.contact {
	background: #fff;
	margin-left: 11px;
	width: 468px;
}

.links {
	list-style: none;
}
.links li {
	padding: 3px 0px
}





form p {
	clear: left;
	
}
form p label {
	display: block;
}
form p textarea, form p input {
	width: 420px;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0;
	margin-bottom: 1.5714em;
}
form fieldset{
	margin: 0; padding: 0;
	border-width: 0;
	margin-top: 1.5714em;
	padding-top: 1.5714em;
	border-top: 1px solid #ccc;
}
form legend {
	font-size: 14px; /* 16px */
	line-height: 22px; /* 22px */
	margin: 0;
	padding: 0 0.5em 0 0;
}

.confirmation {
	display: none;
	position: absolute;
	right: 20px;
	top: 0px;
	width: 199px;
	padding: 15px;
	background: #ffe0e0;
	height: 93px;
}
/* @end */
/* @end */