/* @group Imports */

@import "default.min.css";

/* @end */






/* @group Basic */

body {
	background: #dbe1e4 url(../images/layout/head_bg.png) repeat-x;
}

body, textarea, input {
	font: 100%/1.5em "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
	color: #333;
}


/* @group Header */

h2, h3, h4, h5 {
  color: black;
	font-weight: normal;
}

h2 {
	font-size: 1.9em;
	margin: .5em 0 1.2em 0;
}

h3 {
	font-size: 1.3em;
	margin: 1.2em 0 .5em 0;
}

h4 {
  font-size: 1em;
	margin: 0 0 .5em 0;
}

h5 {
  font-size: .8em;
	margin: 0 0 .5em 0;
}

/* @end */



/* @group Links */

a:link,
a:visited,
a:active,
a:focus {
  color: #0156ae;
}

a:hover {
}

/* @end */



/* @group Misc */

img {
	margin-bottom: 1em;
}

a img {
	border: none;
}

#main ul {
	list-style-position: outside;
	margin-left: 30px;
}

#main ul li {
  list-style-image: url(../images/layout/list-arrow.gif);
  padding-left: 10px;
}

dl dd {
	padding-left: 0;
}

:focus{
	outline: none;
}

hr {
	clear: both;
}

form button {
	background: #e33100 url(../images/shared/button_overlay.png) repeat-x;
  display: inline-block;
  padding: 7px 15px 8px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px #999;
  -webkit-box-shadow: 0 1px 3px #999;
  text-shadow: 0 -1px 1px #7F7F7F;
  border: none;
  border-bottom: 1px solid #222;
  position: relative;
  cursor: pointer;
  font-size: 90%;
  height: 100%;
}

form button:active {
  top: 1px;
}

/* @end */

/* @end */






/* @group Frame */

/* @group Header */

#header {
	background: url(../images/layout/head.png) no-repeat;
	height: 227px;
	position: relative;
}

#header h1 {
	text-indent: -9999px;
  position: absolute;
  top: 10px;
  left: 350px;
}

#header h1 a {
  display: block;
  height: 150px;
  margin: 0 auto;
  width: 265px;
}

/* @end */



/* @group Navigation */

#nav {
  top: 176px;
  padding-left: 9px;
	position: absolute;
}

#nav ul {
	float: left;
	margin: 0;
}

#nav ul li {
	float: left;
	list-style: none;
	padding: 0;
}

#nav ul li a {
	display: block;
	height: 45px;
	text-indent: -9999px;
	width: 119px;
}

#nav ul li a.ueber-uns,
#nav ul li a.visualisierung {
	width: 118px;
}

#start #nav li a.start,
#nav li a.start:hover          { background: url(../images/layout/head.png) -9px bottom; }
#ueber-uns #nav li a.ueber-uns,
#nav li a.ueber-uns:hover      { background: url(../images/layout/head.png) -128px bottom; }
#leistungen #nav li a.leistungen,
#nav li a.leistungen:hover     { background: url(../images/layout/head.png) -246px bottom; }
#planung #nav li a.planung,
#nav li a.planung:hover        { background: url(../images/layout/head.png) -365px bottom; }
#visualisierung #nav li a.visualisierung,
#nav li a.visualisierung:hover { background: url(../images/layout/head.png) -484px bottom; }
#referenzen #nav li a.referenzen,
#nav li a.referenzen:hover     { background: url(../images/layout/head.png) -602px bottom; }
#partner #nav li a.partner,
#nav li a.partner:hover        { background: url(../images/layout/head.png) -721px bottom; }
#kontakt #nav li a.kontakt,
#nav li a.kontakt:hover        { background: url(../images/layout/head.png) -840px bottom; }

#nav li a.start:active          { background-position: -9px 413px; }
#nav li a.ueber-uns:active      { background-position: -128px 413px; }
#nav li a.leistungen:active     { background-position: -246px 413px; }
#nav li a.planung:active        { background-position: -365px 413px; }
#nav li a.visualisierung:active { background-position: -484px 413px; }
#nav li a.referenzen:active     { background-position: -602px 413px; }
#nav li a.partner:active        { background-position: -721px 413px; }
#nav li a.kontakt:active        { background-position: -840px 413px; }

/* @end */



/* @group Content */

#container {
  margin: 0 auto;
	width: 968px;
}

#main {
	background: url(../images/layout/content_bg.gif) repeat-y;
	float: left;
	padding: 1.5em 50px 0;
	width: 868px;
}

#content {
	float: left;
	width: 55%;
}

#aside {
	float: right;
	padding-top: 12px;
	width: 41%;
}

/* @end */



/* @group Footer */

#footer {
	background: url(../images/layout/footer_bg.png) no-repeat;
	clear: both;
	font-family: Arial, sans-serif;
	font-size: 80%;
	height: 100px;
	padding: 55px 50px 0 50px;
	text-align: center;
}

#footer p span {
  margin-right: 25px;
}

#footer p span.last {
  margin-right: 0;
}

#footer p span a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#footer p span a:hover {
	text-decoration: underline;
}

/* @end */

/* @end */






/* @group Shared-Content */

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

.box {
  background-color: #f2f2f2;
  border: 2px solid #DCDCDC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 1em;
  padding: 20px;
}

.box.invisible {
  background: none;
  border: none;
}

.box h3 {
  margin-top: 0;
}

.box img {
  box-shadow: 0 0 3px #666;
  -webkit-box-shadow: 0 0 3px #666;
  -moz-box-shadow: 0 0 3px #666;
  width: 100%;
}

.box p.vcard {
  margin-bottom: 0;
}

dl.box dt {
  color: black;
  font-size: 1.2em;
	font-weight: normal;
	margin-bottom: .6em;
}

dl.box dd.vcard {
  font-size: .8em;
}

dl.box dd.vcard .org {
  font-size: 1.3em;
  font-weight: normal;
}

.column-left {
	float: left;
	margin-right: 10%;
	width: 45%;
}

.column-right {
	float: left;
	width: 45%;
}

#main ul.images {
	list-style: none;
	margin-left: 0;
}

#main ul.images li {
	list-style-image: none;
	padding: 0;
}

/* @end */






/* @group Start */

#start #main {
	padding-bottom: 40px;
}

#start #content {
	width: 480px;
}

#start #aside {
	width: 360px;
}

#start h2 {
  margin-bottom: .5em;
}

#start .intro {
	font-size: 1.3em;
}

#start #main ul {
	margin-left: 40px;
}

#start #main ul li {
	margin-bottom: 1em;
}

#start #aside dl {
	position: relative;
}

#start #aside dl dd.slideshow a {
  display: block;
  margin-bottom: 1em;
}

#start #aside dl dd.slideshow a img {
  width: 316px;
  height: 211px;
}

#start #aside dl dd.slideshow a img.hidden {
  display: none;
}

#start #aside dl dd.images {
  display: none;
}

#start #aside dl dd.more-projects {
	position: absolute;
	right: 22px; bottom: 19px;
	font-size: .8em;
}

/* @end */






/* @group Über uns */

#ueber-uns #content {
  float: right;
	width: 64%;
}

#ueber-uns #content h2 {
  margin-bottom: .8em;
}

#ueber-uns #aside {
  float: left;
  margin-right: 3%;
	width: 33%;
}

#ueber-uns #aside img {
	margin-bottom: 20px;
}

#ueber-uns #aside .img-2 {
  margin-bottom: 0;
}

/* @end */






/* @group Leistungen */

#leistungen h2 {
	text-align: center;
}

#leistungen .column-right,
#leistungen .column-left {
	width: 48%;
}

#leistungen .column-left {
	margin-right: 4%;
}

#leistungen .box {
	margin-bottom: 8%;
	padding-bottom: 15px;
}

#leistungen .box h3 {
  margin-bottom: .8em;
}

#leistungen .box ul {
	margin-bottom: 0em;
}

#leistungen .box ul li {
  margin-bottom: .5em;
  padding-left: 5px;
}

/* @end */






/* @group Planung */

#planung ol li {
  background-repeat: no-repeat;
	font-size: 110%;
	height: 45px;
	list-style: none;
	margin-bottom: 22px;
	padding: 25px 0 0 95px;
}

#planung ol li.nr-1 { background-image: url(../images/planung/list-number-1.gif); }
#planung ol li.nr-2 { background-image: url(../images/planung/list-number-2.gif); }
#planung ol li.nr-3 { background-image: url(../images/planung/list-number-3.gif); }
#planung ol li.nr-4 { background-image: url(../images/planung/list-number-4.gif); }
#planung ol li.nr-5 { background-image: url(../images/planung/list-number-5.gif); }
#planung ol li.nr-6 { background-image: url(../images/planung/list-number-6.gif); }
#planung ol li.nr-7 { background-image: url(../images/planung/list-number-7.gif); }

/* @end */






/* @group Visualisierung */

#visualisierung #main {
	text-align: center;
}

#visualisierung #video {
  margin: 0 auto;
  width: 640px;
}

#visualisierung #video .media div {
  display: none;
}

/* @end */






/* @group Referenzen */

#referenzen table {
  border-top: 3px solid #aaa;
  font-size: 90%;
  margin-bottom: 4em;
	width: 100%;
}

#referenzen table caption {
  color: black;
	font-size: 1.3em;
	font-style: normal;
  padding-bottom: .1em;  
}

#referenzen table thead {
  display: none;
}

#referenzen table tr:nth-child(2n+1) {
  background-color: #dbe1e4;
}

#referenzen table tr:hover {
  background-color: #F76000;
  color: white;
}

#referenzen table tr th,
#referenzen table tr td {
	border: none;
	padding: 5px 8px 3px;
	vertical-align: top;
}

#referenzen table tr th {
  font-weight: normal;
  text-align: left;
}

#referenzen table tr td {
  width: 30%;
}

#referenzen table tr td.images,
#referenzen table tr td.no-images {
  text-indent: -9999px;
  width: 20px;
}

#referenzen table tr td.images {
  background: url(../images/referenzen/icon_images.png) -120px 6px no-repeat;
}

#referenzen table tr:hover td.images {
  background: url(../images/referenzen/icon_images.png) 7px 6px no-repeat;
}

#referenzen table tr td.no-images {
  background: url(../images/referenzen/icon_no-images.png) -120px 6px no-repeat;
}

#referenzen table tr:hover td.no-images {
  background: url(../images/referenzen/icon_no-images.png) 7px 6px no-repeat;
}

#referenzen #content {
	width: 73%;
	margin-right: 2%;
}

#referenzen #aside {
  padding-top: 0;
	width: 25%;
}

#referenzen #aside .nav {
  position: absolute;
  margin-top: 22px;
}

#referenzen #aside .nav.fixed {
  position: fixed;
  top: 0;
}

/* @end */






/* @group Partner */

#partner #main {
	text-align: center;
}

#partner h2 {
	margin-bottom: 1.7em;
}

#partner dd {
  font-size: 90%;
	margin: 0 0 4.5em 0;
}

/* @end */






/* @group Kontakt */

#kontakt .column-left {
	margin-right: 3%;
	width: 60%;
}

#kontakt .column-right {
	width: 37%;
}

#kontakt .vcard b {
  display: inline-block;
	font-weight: normal;
	width: 4em;
}

#kontakt #contact-details.box {
	border: none;
	background: none;
	padding-left: 0;
	padding-right: 0;
}

#kontakt #map {
  margin-bottom: 3em;
}

#kontakt #map.box {
  padding-bottom: 10px;
}

#kontakt #map #googlemap {
  background-color: #E5E3DF;
  border: 1px solid #aaa;
  height: 350px;
  margin-bottom: 10px;
  width: 100%;
}

#kontakt #map.box img {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

#kontakt #map .links {
  font-size: 85%;
	text-align: center;
}

#kontakt #contact-form h3 {
  margin-bottom: 0;
}

#kontakt #contact-form {
	clear: both;
}

#kontakt form p {
  display: block;
  margin-bottom: 14px;
  position: relative;
}

#kontakt form label {
  display: block;
  left: 6px;
  position: absolute;
  top: 5px;
}

#kontakt form input,
#kontakt form textarea {
  border: 1px solid #aaa;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	font-size: 100%;
	line-height: 1.5em;
	padding: 5px 0 0 5px;
}

#kontakt form input:focus,
#kontakt form textarea:focus {
  border-color: #ff5700;
}

#kontakt form input {
  height: 36px;
	width: 272px;
}

#kontakt form textarea {
  line-height: 1.4em;
  height: 160px;
	width: 525px;
}

#kontakt form textarea:hover {
  cursor: pointer;
  line-height: 1.4em;
}

#kontakt form .submit-message {
	clear: both;
}

#kontakt form button {
	display: inline;
}

#kontakt form .spinner {
	background: url(../images/shared/spinner.gif) no-repeat;
	display: none;
	height: 18px;
	width: 18px;
}

#kontakt form span.spinner span {
  visibility: hidden;
}

#kontakt form .message p {
  background-color: #fff6d7;
  border: 1px solid #db8e29;
  font-size: 80%;
  line-height: 1.5em;
  margin: 0;
  padding: 5px 7px;
}

#kontakt form .message p.success {
  background-color: #deffb3;
  border-color: #308010;
  color: #308010;
}

#kontakt form .message p.error {
  border-color: #ed2828;
  color: #ed2828;
}

#kontakt form fieldset.input-fields,
#kontakt form fieldset.message-textarea {
	display: inline;
  margin-bottom: 0;
}

#kontakt form fieldset.input-fields {
	float: left;
}

#kontakt form fieldset.message-textarea {
	float: right;
}

#kontakt form p.submit-message {
	clear: both;
}

#kontakt #call-back {
	text-align: center;
}


/* @end */






/* @group Impressum */

#impressum #main {
	text-align: center;
}

#impressum #main #haftungsausschluss {
	margin-top: 5em;
}

#impressum #main #haftungsausschluss p {
	text-align: left;
}

#impressum .vcard b {
  font-weight: normal;
}

/* @end */