@charset "UTF-8";
/**
 * "heavenseven Layout" - (X)HTML/CSS 
 *
 * central stylesheet
 *
 * @copyright       Copyright 2008, heavenseven
 * @link            http://www.heavenseven.net
 * @version         1.0.0
 * @lastmodified    $Date: 2008-05-05 $
 */
 
html {
	margin:0;
	padding:0;
}
body { 
	background: #0446a9 url(../images/bg_main_default.png) repeat-x top left fixed; 
	color: white;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	line-height: 1.5em;
	margin: 0pt;
	padding: 0pt;
}

.clearfix {
	clear: both;
	height: 0pt;
	overflow: hidden;
}

/** General layout properties **/

a:link,
a:visited,
a:hover {
	color:white;
	text-decoration:none;
}

h1, h2 {
	font-family: Georgia, serif;
	margin: 1em 0pt;
	font-weight: normal;
}

h1 {
	font-size: 250%;
	color: #d8e4f7;
	letter-spacing: -.5pt;
}

#footer h1 {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 0pt;
}

h2 {
	font-size: 120%;
}

p {
	margin: 1em 0pt;
}

acronym {
	cursor: help;
}

img {
	border: none;
}

/** Page layout properties **/

#page {
	margin: 0pt auto;
	width: 780px;
	height: 585px;
}

#header {
	text-align: center;
}

#logo {
	margin: 48px auto 52px auto;
}

#main {
	text-align: left;
}

#content {
	height: 387px;
	background-image: url(../images/bg-top.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#tribute {
	margin: 1em 0pt;
}

#content .col1, #content .col2 {
	float: left;
	width: 50%;
	height: 100%;
}

#content .content_wrap h1 {
	margin-top: .1em;
}

#content .content_wrap {
	position: relative;
	margin: 12% 48px;
	height: 32%;
}

#footer {
	position: relative;
	height: 192px;
	background-image: url(../images/bg-bottom.png);
	background-repeat: no-repeat;
}

#footer .col1 {
	float: left;
	width: 257px;
	height: 192px;
}

#footer .col2 {
	float: right;
	width: 257px;
	height: 192px;
}

#footer .col3 {
	position: relative;
	width: 255px;
	height: 192px;
	margin: 0pt 262px 0pt 263px;
}

#footer .content_wrap {
	position: absolute;
	margin: 26px 23px;
	height: 140px;
	overflow: hidden;
	width: 211px;
}


#impressum h1, #kontakt h1, #referenzen_text h1 {
	margin-top: 0pt;
}

#referenzen_text div {
	height: 140px;
	overflow: hidden;
}

#impressum, #kontakt, #response {
	position: relative;
	height: 140px;
}

#impressum {
}

#kontakt {
	top: -140px;
	z-index: 1;
}

#response {
	top: -280px;
}

#response.loader {
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

div.input {
	padding: 5px;
	margin-bottom: .5em;
	background-color: #ccc;
}

input.input, textarea.input {
	color: #ffffff;
	font: 10pt Frutiger, Verdana, sans-serif;
	border: none;
	background-color: transparent;
	width: 211px;
	margin-bottom: .25em;
}

input.focus, textarea.focus {
	color: #0446a9;
}

input.input {
	height: 18px; /* 28 */
	padding: 5px;
	background-image: url(../images/bg-input.png);
	background-repeat: no-repeat;
}

textarea.input {
	height: 76px; /* 85 */
	padding: 5px;
	background-image: url(../images/bg-textarea.png);
	background-repeat: no-repeat;
}

input.error, textarea.error {
	color: #ff66ff;
}

input.error {
/*	background-image: url(../images/bg-input-error.png);	*/
}

textarea.error {
/*	background-image: url(../images/bg-textarea-error.png);	*/
}