@import url(reset.css);

/**********************
 * anthracite:	#292D33
 * blue: 				#2C5899
 * dark blue:		#082551
 * orange:			#F09F00
 * grey:				#C7C5C2
***********************/

html {
	height: 101%;
	font-size: 16px
}

body {
	background: #292D33;
	color: #C7C5C2;
	font-family: "Liberation Sans", Helvetica, Arial, sans-serif
}

h2, h3, h4, h5, h6 {
	color: #FFFFFF;
	font-family: Georgia, "Liberation Serif", "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 115%;
	text-shadow: #1D2025 0 0 15px
}

h2 {
	margin-bottom: 1.5em;
	font-size: 1.714em;
	letter-spacing: 0.05em
}

h3 {
	margin-bottom: 0.75em;
	font-size: 1.286em;
	letter-spacing: 0.05em
}

h4 {
	letter-spacing: 0.05em
}

strong {
	font-weight: bold;
	color: #FFFFFF
}

em {
	font-style: italic
}

blockquote {
	font-family: Georgia, "Liberation Serif", "Times New Roman", Times, serif;
	font-style: italic
}

code {
	font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace
}

acronym, abbr {
	border-bottom: 1px dotted #C7C5C2;
	cursor: help
}

a:active {
	position: relative;
	top: 1px
}

.clear {
	clear: both
}

.hidden {
	display: none
}

label,
.zemSubmit {
	cursor: pointer
}

.top-margin {
	margin-top: 1em
}

.right {
	float: right
}

.left {
	float: left
}

/*******
* blocks
********/

#accessibility {
  display: none;
  height: 0;
  text-indent: -3000em
}

#header-wrap {
	clear: both;
	background: #292D33 url(top-foot.png) repeat-x 0 -128px;
}

#header {
 position: relative;
	margin: 0 auto;
	width: 960px;
	height: 128px
}

#container {
	position: relative;
	margin: 0 auto;
	width: 960px
}

#aside {
	margin-top:-59px;
	float: left;
	width: 287px;
	height: 264px;
	background: transparent url(aside.png) no-repeat 0 bottom;
	line-height: 130%;
	font-size: 0.688em;
	letter-spacing: 0.1em
}

#section {
	float: right;
	margin-bottom: 2em;
	width: 600px;
	line-height: 180%;
	font-size: 0.875em
}

#footer {
	clear: both;
	height: 128px;
	background: transparent url(top-foot.png) repeat-x 0 0
}

/*******
* header
********/

h1 {
	margin: 0 auto;
	padding-top: 28px;
	width: 960px;
	height: 17px;
	line-height: 17px
}

h1 a {
	display: block;
	margin-left: 20px;
	width: 240px;
	height: 100%;
	background: transparent url(logo.png) no-repeat 0 0;
	text-indent: -3000em
}

/* quick contact */

#quick-contact-form {
	background: #000000
}

#quick-contact-wrap {
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding: 3em 0
}
#quick-contact-wrap:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

.contact-headline {
	font-family: Georgia, "Liberation Serif", "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 115%;
	margin: 0 0 1.5em 20px;
	font-size: 1.5em;
	letter-spacing: 0.05em
}

#quick-contact-form form {
	float: left;
	width: 532px;
	border-left: 1px solid #C7C5C2
}

#quick-contact-form form p {
	clear: both;
	margin: 0;
	padding: 0 0 0 3em;
	line-height: 100%
}

#quick-contact-form form p label {
	float: left;
	margin: 5px 1em 2px 0;
	width: 8em;
	padding: 2px;
	line-height: 130%;
	text-align:right
}

#quick-contact-form form p input {
	float: left;
	display: block;
	margin: 5px;
	width: 20em;
	border: 1px solid #000000;
	padding: 2px;
	background: #C7C5C2
}

#quick-contact-form form p input:focus {
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	color: #000000
}

#quick-contact-form form p textarea {
	float: left;
	margin: 5px;
	width: 20em;
	height: 8em;
	border: 1px solid #000000;
	padding: 2px;
	background: #C7C5C2
}

#quick-contact-form form p textarea:focus {
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	color: #000000
}

#quick-contact-form form input.zemSubmit {
	position: relative;
	float: right;
	margin: 5px;
	padding: 3px 5px;
	font-weight: bold;
	border: 2px solid #F09F00;
	background: #F09F00;
	color: #000000
}

#quick-contact-form form input.zemSubmit:hover,
#quick-contact-form form input.zemSubmit:focus,
#quick-contact-form form input.zemSubmit:active {
	border: 2px solid #F09F00;
	background: #292D33;
	color: #F09F00
}

#quick-contact-form form input.zemSubmit:active {
	top: 1px
}

#quick-contact-form ul.zemError {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #C7C5C2
}

#quick-contact-form ul.zemError li {
	line-height: 160%;
	padding-left: 2em
}

#hcard-Tommy-Schmucker {
	float: left;
	width: 340px;
	margin-left: 20px
}

#hcard-Tommy-Schmucker p,
#hcard-Tommy-Schmucker address {
	margin-bottom: 0.5em;
	font-style: normal
}

#hcard-Tommy-Schmucker a {
	color: #F09F00;
	border-bottom: 2px dotted #F09F00;
	text-decoration: none
}

#hcard-Tommy-Schmucker a:hover,
#hcard-Tommy-Schmucker a:active,
#hcard-Tommy-Schmucker a:focus {
	color: #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	text-decoration: none
}

#quick-contact {
	display: block;
	position: absolute;
	top: 90px;
	left: 280px;
	height: 22px;
	width: 22px;
	background: transparent url(kontakt.png) no-repeat 0 0;
	line-height: 100%;
	cursor: pointer;
	text-decoration: none
}

#quick-contact span {
	margin-left: 25px;
	color: #C7C5C2
}

#quick-contact:hover,
#quick-contact:focus,
#quick-contact:active {
	background-position: 0 -22px
}

#quick-contact:hover span,
#quick-contact:focus span {
	color: #F09F00
}

#quick-contact-close {
	position: absolute;
	bottom: 3em;
	right: 630px;
	color: #F09F00;
	cursor: pointer
}

#quick-contact-close:hover {
	color: #FFFFFF
}

/****
* nav
*****/

#nav {
	margin-top: 24px;
	float: right;
	height: 58px;
	font-size: 16px
}

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

#nav li {
	float: left;
	margin: 21px 0 0 2em;
	height: 100%
}

#nav a {
	display: block;
	padding-bottom: 18px;
	line-height: 100%;
	color: #C7C5C2;
	border-bottom: 4px solid #000000;
	text-decoration: none
}

#nav a.active,
#nav a:hover,
#nav a:active,
#nav a:focus {
	color: #F09F00;
	border-color: #F09F00
}

/******
* aside
*******/

#aside div {
	height: 224px;
	padding: 0 61px 0 53px;
	background: transparent url(aside.png) repeat-y -290px 0
}

#aside p {
	padding-top: 75px
}

/*******
* footer
********/

#footer div {
	position: relative;
	margin: 0 auto;
	height: 100%;
	width: 960px
}

#footer a {
	display: block;
	float: left;
	margin: 80px 1em 0 0;
	color: #535251;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.063em;
	text-decoration: none
}

#footer a.active,
#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #C7C5C2
}

span#footer-end {
	display: block;
	position: absolute;
	right: 0;
	bottom: 28px;
	width: 240px;
	height: 17px;
	background: transparent url(logo.png) no-repeat 0 -17px;
	text-indent: -3000em
}

/********
* content
*********/

#section {
	float: right;
	padding-top: 79px;
}

#section p {
	margin-bottom: 1em
}

#section ul {
	margin-top: -1em;
	list-style: disc
}

#section ol {
	margin-top: -1em;
	list-style: decimal
}

#section ul ul,
#section ul ol,
#section ol ul,
#section ol ol {
	margin: 0 0 0 1em
}

#section ul.list-single {
	margin: 0 0 1em 0
}

#section a {
	color: #F09F00;
	border-bottom: 1px dotted #F09F00;
	text-decoration: none
}

#section a:hover,
#section a:active,
#section a:focus {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;	
}

#section a:visited {
	color: #C7C5C2;
	border-bottom: 1px solid #C7C5C2;	
}

#section .teaser {
	color: #F09F00;
	font-style: italic
}

#section .projekt-list {
	margin-bottom: 4em
}

#section .projektbild {
	margin: 0
}

#section .projektbild img {
	outline: 2px solid #F09F00
}

#section .projektbild a:hover img {
	outline: 2px solid #FFFFFF
}

#section .projektbild a,
#section .projektbild a:hover {
	border: none
}